/***** RESET *****/
html, body, div, object, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, form, fieldset, input, textarea, select, label, legend, button, a, small, table, th, td {margin:0; padding:0; line-height:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;}
audio, canvas, video {display:inline-block;}
body {text-rendering:optimizeLegibility;}
html, fieldset, img, abbr {border:0;}
img {vertical-align:middle;}
ul, ol {padding-left:1.5em;}
input, textarea, select, button {font-size:1em; font-family:inherit;}
input[type="text"] {-webkit-appearance:none; border-radius:0;}
button, input[type="button"], input[type="reset"], input[type="submit"], label[for] {cursor:pointer;}
sup, sub {position:relative; top:-.4em; vertical-align:baseline;}
sub {top:.3em;}
table {border-collapse:collapse; border-spacing:0;}
th {text-align:left;}
code {white-space:pre;}
abbr[title] {cursor:help;}
ins {text-decoration:none;}
q:before, q:after {content:"";}
a:hover, a:focus, a:active {outline:0;}
/***** CLEARFIX *****/
.cf:before, .cf:after {content:""; display:table;}
.cf:after {clear:both;}

.fsRowBody:before, .fsRowBody:after {content:""; display:table;}
.fsRowBody:after {clear:both;}

.header-links:before, .header-links:after {content:""; display:table;}
.header-links:after {clear:both;}

.sl-additional-html:before, .sl-additional-html:after {content:""; display:table;}
.sl-additional-html:after {clear:both;}

body {
    font-family: 'Work Sans', sans-serif !important;
    font-size: 16px;
}

a {
    color: #444;
    text-decoration: none;
}

/* HIDE IN PROD TEMP */
body.gallery-page .item .title em {
  display: none !important;
}

#header,
#breadcrumbs,
#masthead .container, 
.site-footer .container {
  max-width: 1380px;
  padding: 0 20px;
}

.logo {
  float: left;
  margin: 10px 0;
  min-width: 200px;
}

.logo a {
  color: #000;
  font-size: 36px;
  line-height: 36px;
}

.logo a strong {
  display: none;
  font-weight: 900;
}

.logo a span {
  display: block;
  font-size: 26px;
  font-weight: 900;
  text-transform: uppercase;
}

.logo img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 300px;
}

.logo:hover a strong {
  display: none;
}

.logo:hover a span {
  display: block;
}

.header-links {
  float: right;
  margin: 15px 0;
}

.header-links a {
  float: left;
  font-size: 15px;
  font-weight: 400;
  color: #000;
  text-decoration: none;
  padding-right: 12px;
  margin-right: 12px;
  border-right: 1px solid #CCC;
  text-transform: uppercase;
  line-height: 30px;
  transition: color .3s linear;
}

.header-links a:hover {
  color: #999;
}

.header-links a:last-child {
  margin-right: 0;
  border-right: none;
}

.header-links a svg {
  vertical-align: middle;
}

.search {
  background: #F5F5F5;
}

.ngg-image-search-container {
  max-width: 980px;
  padding: 15px 10px;
  display: none;
  width: 80% !important;
  box-sizing: border-box;
}

.search .ngg-image-search-container {
  display: block;
  margin: 0 auto;
}

.ngg-image-search-form {
  display: block !important;
  margin: 0;
  position: relative;
}

.ngg-image-search-filter {
  margin: 15px 0 0 0;
}

.ngg-image-search-filter h4 {
  font-weight: 200;
}

.ngg-image-search-input {
  font-family: 'Work Sans', sans-serif !important;
  font-weight: 200;
  font-size: 17px;
  line-height: 46px !important;
  margin: 0 !important;
  box-sizing: border-box;
  width: 100% !important;
  height: 46px !important;
  padding: 10px 130px 10px 50px !important;
  border: 1px solid #FFF !important;
  background: #FFF url(../img/icon-glass.png) no-repeat 12px 10px !important;
  background-size: 26px auto !important;
  transition: border-color .3s linear;
  outline: none;
}

.ngg-image-search-input:focus {
  border-color: #222 !important;
}

.ngg-image-search-button {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
  border: 1px solid #AAA !important;
  background: #FFF !important;
  font-family: 'Work Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500;
  height: 46px !important;
  width: 110px !important;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center !important;
  transition: background-color .3s linear;
  -webkit-appearance: none;
  border-radius: 0 !important;
  color: #777;
}

.ngg-image-search-button:hover {
  background: #222 !important;
  color: #FFF !important;
}

#clearSearch {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
  border: none !important;
  background: red !important;
  font-family: 'Work Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500;
  height: 46px !important;
  width: 160px !important;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center !important;
  transition: background-color .3s linear;
  -webkit-appearance: none;
  border-radius: 0 !important;
  color: #FFF;
  line-height: 46px;
  display: none;
}

body.search-active #clearSearch {
  display: block;
}

.ngg-image-search-filter .button, .ngg-image-search-filter .button:visited {
  font-weight: 400;
  margin: 6px 3px;
}

.filters {
  padding-top: 10px !important;  
}

.filters-inner {
  border-bottom: 2px solid #EEE;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.filters-inner a {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 2px solid #EEE;
  color: #444;
  transition: color .3s linear;
  font-weight: 200;
  font-size: 17px;
}

#totalGalleries {
  border-right: none;
  pointer-events: none;
}

.filters-inner a:hover {
  color: #000;
}

#filterSlideDown {
  background: #333;
  color: #FFF;
  display: none;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

#filterSlideDown h3 {
  margin: 15px 0 10px 0;
}

#filterSlideDown ul {
  padding: 0;
}

#filterSlideDown li {
  height: auto;
  margin: 5px 0;
  display: block;
  float: none;
  list-style: none;
  padding: 0;
}

#filterSlideDown a {
  color: #FFF;
  font-size: 16px !important;
  font-weight: 200;
  height: auto;
  display: block;
}

#filterSlideDown a:hover {
  text-decoration: underline;
}

.cols .col {
  width: 20%;
  float: left;
}

.cols .col-half {
  width: 48%;
  float: left;
  margin: 0 1%;
}

#showHideInfo {
  font-weight: 400;
  font-size: 14px;
  border-right: none;
  margin-right: 0;
  float: right;
}

.site-footer {
  background: #000;
  color: #FFF;
  padding: 20px 0;
  margin-top: 100px;
}

.site-info {
  float: left;
  font-weight: 400;
  /*text-transform: uppercase;*/
  font-size: 16px;
  color: #666;
  margin: 10px 0;
}

.footer-links {
  float: right;
  margin: 10px 0;
}

.footer-links a {
  font-size: 16px;
  font-weight: 400;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #333;
  color: #666;
  transition: color .3s linear;
}

.footer-links a:hover {
  color: #FFF;
}

.footer-links a svg {
  vertical-align: middle;
}

.footer-links a:last-child {
  border-right: none;
  margin-right: 0;
}

#organizationHeading h1 {
  font-weight: 100;
  font-size: 40px;
  margin-bottom: 20px;
}

#organizationHeading p {
  font-size: 19px;
  line-height: 24px;
  font-weight: 100;
  max-width: 1220px;
  margin-bottom: 20px;
}

.grid,
.container {
    /* max-width: 1390px; */
    margin: 0 auto;
    padding: 0 15px;
}

#galListChoose.container,
#organizationHeading.container {
  max-width: 1390px
}

.filmstrip-item .container {
  max-width: 1390px;
}

#cart.container {
  max-width: 1380px;
}

#breadcrumbs {
    margin-bottom: 20px;
    font-size: 18px;
}

#galleryDownloadLink,
#editGalleryData,
#resetGalleryCovers,
#resetGalleryFeatures {
  float: right;
}

#resetGalleryCovers,
#resetGalleryFeatures {
  margin-right: 10px;
}

#resetGalleryFeatures a,
#resetGalleryCovers a,
#galleryDownloadLink a,
#editGalleryData a {
  float: right;
  font-style: normal;
  color: #000;
  background: #FFF;
  font-size: 15px;
  font-weight: 400;
  border: 2px solid #000;
  padding: 10px;
  margin-top: -15px;
  transition: all .3s ease-in-out;
}

#editGalleryData a {
  border-color: red;
  color: red;
}

#resetGalleryCovers a {
  border-color: blue;
  color: blue;
}

#resetGalleryFeatures a {
  border-color: navy;
  color: navy;
}

#galleryDownloadLink a:hover {
  color: #FFF;
  background: #000;
}

#editGalleryData a:hover {
  color: #FFF;
  background: red;
}

#resetGalleryCovers a:hover {
  color: #FFF;
  background: blue;
}

#resetGalleryFeatures a:hover {
  color: #FFF;
  background: navy;
}

#editGalleryData,
#resetGalleryCovers,
#resetGalleryFeatures {
  display: none;
}

body.edit #editGalleryData {
  display: block;
}

#breadcrumbs p {
  margin: 7px 0;
  text-transform: uppercase;
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
  color: #666;
}

#modalDownloadLink,
#modalDownload {
  color: #000;
  float: right;
  font-weight: 300;
  font-size: 15px;
  padding: 10px;
  min-height: 40px;
  line-height: 20px;
  margin-top: -3px;
  padding-left: 3px;
}

#modalDownloadLink:hover,
#modalDownload:hover {
  color: #999;
}

#modalDownload {
  display: none;
}

body.show-modal-dl #modalDownload {
  display: block;
}

#modalCartLink {
  color: #FFF;
  background: #000;
  float: right;
  font-weight: 300;
  font-size: 15px;
  padding: 10px;
  margin-right: 5px;
  min-height: 40px;
  line-height: 20px;
  transition: all .1s ease-in-out;
  margin-top: -3px;
  display: none !important; /* TEMP */
}

#modalCartLink:hover {
  color: #000;
  background: #FFF;
}

#modalDownloadLink svg,
#modalCartLink svg {
  fill: #000;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

#modalDownloadLink:hover svg,
#modalCartLink:hover svg {
  fill: #999;
}

#galleryNameInject {
  font-size: 20px;
  font-weight: 300;
}

#breadcrumbs > a {
  color: #000;
}

.grid {
  min-height: 600px;
    display: flex;
    flex-wrap: wrap;
}

.coverFlow {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.coverFlow a {
  max-height: 260px;
  overflow: hidden;
  flex-grow: 1;
  flex: 1;
  transition: all .25s ease-in-out 0s;
}

.coverFlow a img {
  display: block;
  width: 100%;
  height: auto;
}

.coverFlow a:hover {
  transform: scale(1.2);
  z-index: 99;
}

.coverFlow a:hover img {
  box-shadow: 0px 1px 7px rgb(0 0 0 / 30%);
}

.grid .item {
   max-height: 260px;
   position: relative;
   margin: 5px;
   flex-grow: 1;
   flex: 1;
   transition: opacity .25s ease-in-out, box-shadow .25s ease-in-out, transform .25s ease-in-out 0s;
}

.grid .item em.photographers,
.grid .item em.location,
.grid .item em.orgs,
.grid .item em.tags {
  font-weight: 200;
  display: block;
}

.grid .item em.photographers span:hover,
.grid .item em.location:hover,
.grid .item em.orgs:hover,
.grid .item em.tags:hover {
  text-decoration: underline;
}

.grid .item em.photographers,
.grid .item em.orgs,
.grid .item em.tags {
  margin-top: 4px;
  font-size: 12px;
}

.grid .item em.photographers {
  margin-top: 3px;
  cursor: default;
}

.grid .item em.tags {
  display: none;
}

#breadcrumbs #galleryLocationDetails {
  margin-bottom: 10px;
}

#galleryPhotographerDetails {
  display: none;
}

.grid .item em.photographers span,
#galleryPhotographerDetailsExtra span,
#galleryPhotographerDetails span,
#galleryLocationDetails,
#galleryOrganizationDetails {
  cursor: pointer;
}

#galleryDateDetails,
#galleryPhotographerDetails span,
#galleryPhotographerDetailsExtra span,
#galleryOrganizationDetails {
  font-size: 12px !important;
}

#galleryPhotographerDetails {
  line-height: 12px;
}

#galleryPhotographerDetailsExtra span:hover,
#galleryPhotographerDetails span:hover,
#galleryLocationDetails:hover,
#galleryOrganizationDetails:hover {
  color: #000;
  text-decoration: underline;
}

.clear {
  position: absolute;
  bottom: 12px;
  right: 10px;
  font-size: 12px;
  color: #FFF;
  background: #999;
  padding: 3px;
  border-radius: 100px;
  width: 15px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}

.clear:hover {
  background: #000;
}

#addOrganization,
#addPhotographer,
#generateRandomPin {
  font-size: 10px;
  color: blue;
  display: inline-block;
}

#editGalleryDownloadPin.green {
  background-color: palegreen !important;
}

#lightboxesInjection {
  list-style: none;
  padding: 0;
}

#lightboxesInjection li a {
  display: block;
  color: #000;
  padding: 10px;
  border-bottom: 1px solid #EEE;
}

#lightboxesInjection li a:hover {
  background: #000;
  color: #FFF;
}

.autocomplete-list {
  list-style: none;
  padding: 7px;
  margin: -8px 0 0 0;
  border: 2px solid #CCC;
  border-top: none;
  max-height: 95px;
  overflow: auto;
}

.autocomplete-list li {
  margin-bottom: 3px;
  display: block;
  padding: 1px 0;
}

.autocomplete-list li .item {
  cursor: pointer;
  color: #666;
}

.autocomplete-list li .item:hover {
  text-decoration: underline;
  color: #000;
}

.autocomplete-list li .delete-item {
  cursor: pointer;
  margin-left: 5px;
  display: inline-block;
  background: red;
  color: #FFF;
  font-weight: bold;
  font-size: 12px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 100px;
  opacity: 0;
  transition: opacity .2s linear;
}

.autocomplete-list li:hover .delete-item {
  opacity: 1;
}

.autocomplete-list li .delete-item:hover {
  background: darkred;
}

.grid .item em.fulltitle {
  text-transform: uppercase;
  font-weight: 400;
  margin: 4px 0;
}

body.only-groups .grid .item:not(.grouped) {
  display: none !important;
}

.grid .item:last-child,
.grid .item:nth-last-child(2),
.grid .item:nth-last-child(3),
.grid .item:nth-last-child(4),
.grid .item:nth-last-child(5) {
  flex-grow: 0;
}

.grid .item.password-protected {
   pointer-events: none;
}

.grid .item.password-protected img {
  opacity: .35;
}

.grid .item.password-protected .title {
  color: #000;
  background: none;
}

.grid .item .edit,
.grid .item .group,
.grid .item .cover,
.grid .item .feature,
.grid .item .edit-tags {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  cursor: pointer;
  background: red;
  color: #FFF;
  padding: 5px;
  font-size: 12px;
  transition: all .2s linear;
  opacity: 0;
}

.grid .item .group,
.grid .item .cover {
  left: auto;
  right: 0;
}

.grid .item .feature {
  left: 40px;
}

.grid .item .feature:hover {
  background: navy !important;
}

.grid .item .edit:hover,
.grid .item .group:hover,
.grid .item .cover:hover,
.grid .item .edit-tags:hover {
  background: blue !important;
}

body.edit .grid .item .edit,
body.edit .grid .item .group,
body.edit .grid .item .cover,
body.edit .grid .item .feature,
body.edit .grid .item .edit-tags {
  display: block;
}

body.edit .grid .item:hover .edit,
body.edit .grid .item:hover .group,
body.edit .grid .item:hover .cover,
body.edit .grid .item:hover .edit-tags,
body.edit .grid .item:hover .feature {
  opacity: 1;
}

.grid .item:hover {
  opacity: .85;
}

.filmstrip-item .title em {
  display: block;
  font-style: normal;
}

.filmstrip-item .title  {
  display: block;
  padding: 0 3px;
  margin-bottom: 5px;
}

.filmstrip-item .fulltitle {
  text-transform: uppercase;
  margin-bottom: 3px;
}

.filmstrip-item .title .location {
  text-transform: uppercase;
  color: #999;
  font-size: 13px;
}

.filmstrip-item .title .orgs {
  display: none;
}

.filmstrip-item .title .fs-date {
  float: right;
  text-transform: uppercase;
  color: #999;
  font-size: 14px;
}

@media screen and (min-width: 1240px) {
  .grid .item:nth-child(3n) {
    transform-origin: right;
  }

  .grid .item:nth-child(3n+1) {
    transform-origin: left;
  }
}

@media screen and (min-width: 1640px) {
  .grid .item:nth-child(3n),
  .grid .item:nth-child(3n+1) {
    transform-origin: center;
  }

  .grid .item:nth-child(4n) {
    transform-origin: right;
  }

  .grid .item:nth-child(4n+1) {
    transform-origin: left;
  }
}

@media screen and (min-width: 2040px) {
  .grid .item:nth-child(4n),
  .grid .item:nth-child(4n+1) {
    transform-origin: center;
  }

  .grid .item:nth-child(5n) {
    transform-origin: right;
  }

  .grid .item:nth-child(5n+1) {
    transform-origin: left;
  }
}

@media screen and (min-width: 2430px) {
  .grid .item:nth-child(5n),
  .grid .item:nth-child(5n+1) {
    transform-origin: center;
  }

  .grid .item:nth-child(6n) {
    transform-origin: right;
  }

  .grid .item:nth-child(6n+1) {
    transform-origin: left;
  }
}

@media screen and (min-width: 2830px) {
  .grid .item:nth-child(6n),
  .grid .item:nth-child(6n+1) {
    transform-origin: center;
  }

  .grid .item:nth-child(7n) {
    transform-origin: right;
  }

  .grid .item:nth-child(7n+1) {
    transform-origin: left;
  }
}

.grid .item.has-covers:hover {
  opacity: 1;
  box-shadow: 0px 3px 7px rgb(0 0 0 / 40%);
  transform: scale(1.25);
  transition-delay: 0s;
  z-index: 99;
}

body.edit .grid .item.grouped {
  border-color: green !important;
}

body.edit .grid .item.grouped .group {
  background: green !important;
  opacity: 1 !important;
}

body.edit .grid .item.covered {
  border-color: blue !important;
}

body.edit .grid .item.covered .cover {
  background: blue !important;
  opacity: 1 !important;
}

body.edit .grid .item.featured {
  border-color: navy !important;
}

body.edit .grid .item.featured .feature {
  background: navy !important;
  opacity: 1 !important;
}


body:not(.edit) .grid .item.cms-hidden {
  display: none !important;
}

body.show-group .item:not(.included-group) {
  display: none !important;
}

#addPeopleTag {
  color: #FFF;
  background: green;
  padding: 4px 6px;
  border-radius: 3px;
  transition: all .3s ease-in-out;
  margin-left: 3px;
}

#addPeopleTag:hover {
  background: #000;
}

#editTagsModal .content {
  max-height: 750px;
  overflow: auto;
}

#imageTagWrapper {
  position: relative;
  max-height: 400px;
  overflow: auto;
}

#editTagImage {
  display: block;
  width: 100%;
  height: auto;
  /* max-width: 500px; */
  /* margin: 0 auto; */
}

#editImageTitle em {
  display: block;
  font-size: 14px;
  margin-bottom: 2px;
}

#editImageTitle {
  margin-bottom: 10px;
}

#peopleTagsWrapper li {
  padding-right: 40px;
  position: relative;
  margin: 0 0 5px 0;
}

#peopleTagsWrapper .rm {
  position: absolute;
  top: 7px;
  right: 10px;
  cursor: pointer;
  color: #FFF;
  background: red;
  padding: 2px;
  border-radius: 100px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 15px;
  text-transform: uppercase;
  transition: all .3s ease-in-out;
}

#peopleTagsWrapper .rm:hover {
  background: #000;
}

#imageTagWrapperDots {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  z-index: 10;
}

#imageTagWrapperDots li {
  background: rgba(0, 0, 0, .75);
  color: #FFF;
  padding: 5px;
  margin: 5px;
  list-style-position: inside;
  box-sizing: border-box;
  border-radius: 4px;
  cursor: move;
  display: inline-block;
  width: auto !important;
}

#imageTagWrapperDots li:hover {
  background: rgba(0, 0, 0, .95);
}

#groupMetadata {
  display: none;
  padding: 0 20px 10px;
  margin-bottom: 10px;
  text-align: center;
}

#groupMetadata h1 {
  font-weight: 300;
  font-size: 30px;
  line-height: 34px;
  margin-bottom: 10px;
}

#groupMetadata p {
  font-size: 19px;
  font-weight: 300;
  max-width: 1180px;
  margin: 0 auto;
}

body.show-group #groupMetadata {
  display: block;
}

body.edit .grid .item.cms-hidden img {
  opacity: .2;
}

body.edit .grid .item.cms-hidden {
  border-color: #CCC;
}

body.edit .grid .item.cms-hidden:after {
  content: 'X';
  position: absolute;
  top: 40%;
  left: 10%;
  right: 10%;
  text-align: center;
  color: #000;
  font-size: 60px;
}

body.edit {
  padding-top: 20px;
}

body.syncing {
  opacity: .5 !important;
  pointer-events: none !important;
}

body.edit:before {
  content: 'Edit Mode | v 1.25.1';
  background: red;
  color: #FFF;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  text-transform: uppercase;
}

body.edit .grid .item {
  border: 2px dashed #000;
  pointer-events: all !important;
  cursor: default;
}

body.edit .grid .item:hover {
  border: 2px dashed red;
}

body.edit #galleryDownloadLink {
  display: none !important;
  margin-left: 10px;
}

body:not(.edit).locked {
  overflow: hidden !important;
}

#enterPasswordModal,
#downloadEnterPasswordModal {
  background: rgba(255, 255, 255, .9);
  color: #FFF;
}

#downloadListModal,
#downloadFrameModal {
  background: rgba(0, 0, 0, .75);
}

#downloadFrameModal .inner {
  width: 80% !important;
  margin-left: -40% !important;
  padding: 0 !important;
  border: none !important;
  background: #FFF !important;
  max-height: 670px;
}

#downloadFrameModal .inject-download-frame {
  width: 100%;
  border: 0 !important;
  opacity: 0;
  transition: opacity .3s ease-in-out;
}

#downloadFrameModal .inject-download-frame.injected {
  opacity: 1 !important;
}

#downloadFrameModal .close-modal {
  top: 5.75%;
  right: 10.5%;
  z-index: 1;
}

body.edit #enterPasswordModal,
body.edit #downloadEnterPasswordModal {
  display: none !important;
}

#enterPasswordModal .inner,
#downloadEnterPasswordModal .inner {
  background: #333;
  height: auto;
  top: 50%;
  margin-top: -100px;
}

#saveEnterPasswordGallery {
  width: 100%;
  background: #FFF;
  color: #000;
}

#saveEnterPasswordGallery:hover {
  background: #000;
  color: #FFF;
}

#downloadListModal .inner {
  width: 90%;
  margin-left: -45%;
  padding-bottom: 40px;
  padding-top: 35px;
}

#downloadListModal .buttons {
  position: fixed;
  bottom: 5px;
  left: 5%;
  right: 5%;
  z-index: 9999;
}

#downloadLogInjection {
  list-style-position: inside;
  padding: 0;
}

#downloadLogInjection li {
  padding: 5px;
  font-size: 12px;
}

#downloadLogInjection h3 {
  font-size: 12px;
}

#downloadLogInjection li pre {
  white-space: break-spaces;
}

#downloadLogInjection li:nth-child(even) {
  background: #EEE;
}

#downloadLogInjection li:nth-child(odd) {
  background: #DDD;
}

#enterPasswordInput.error,
#downloadEnterPasswordInput.error {
  border-color: red !important;
}

#downloadList {
  list-style: none;
  padding: 0;
  margin: 0;
}

#downloadList li {
  display: flex;
  width: auto;
  max-width: 150px;
  height: 105px;
  overflow: hidden;
  float: left;
  border: 3px solid #FFF;
  cursor: pointer;
  margin: 2px;
  position: relative;
}

#downloadList li:after {
  content: '✓';
  display: block;
  position: absolute;
  top: 2px;
  right: 2px;
  color: #FFF;
  background: #FFF;
  padding: 3px;
  font-size: 18px;
}

#downloadList li.on {
  border-color: #000;
  opacity: 1;
}

#downloadList li.on:after {
  content: '✓';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  color: #FFF;
  background: #61E532;
  background: #000;
  padding: 3px;
  font-size: 18px;
}

#downloadList li img {
  display: block;
  width: 100%;
  height: auto;
}

.all-selector {
  position: fixed;
  top: 5%;
  right: 5%;
  left: 5%;
  z-index: 99;
  background: #CCC;
  padding: 5px 10px;
}

.all-selector a {
  display: block;
  color: #000;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
}

.all-selector a strong {
  color: #FFF;
  background: #FFF;
  width: 20px;
  display: inline-block;
  text-align: center;
  padding: 1px;
  border: 2px solid #000;
}

.all-selector a.on strong {
  color: #FFF;
  background: #000;
}

#saveDownload {
  background: #000;
}

#saveDownload:hover {
  background: #FFF;
  color: #000;
}

#saveDownloadEnterPasswordGallery {
  background: #FFF;
  color: #000;
}

#saveDownloadEnterPasswordGallery:hover {
  background: #000;
  color: #FFF;
}

#editModeUserMenu {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
  background: red;
  width: 300px;
}

.dropdownTrigger {
  text-align: center;
  transition: opacity .3s linear;
}

#editModeUserMenu a {
  color: #FFF;
  display: block;
  text-transform: uppercase;
  font-size: 13px;
  padding: 3px;
  text-align: center;
}

.dropdownMenu {
  display: none;
  padding-bottom: 10px;
  border-bottom: 5px solid #000;
}

#editModeUserMenu:hover .dropdownMenu {
  display: block;
}

#editModeUserMenu:hover .dropdownTrigger {
  opacity: .5;
  cursor: default;
}

#slideshowCovers label {
  cursor: pointer;
}

#slideshowCovers label:before {
  content: '-';
  font-size: 24px;
  font-weight: 400;
  vertical-align: top;
  margin-right: 3px;
}

#slideshowCovers label.closed:before {
  content: '+';
}

.modal .content label .added-org,
.modal .content label .added-photographer {
  display: block;
  text-transform: none;
  color: #999;
  margin-bottom: 2px;
  cursor: pointer;
}

.modal .content label .added-org:after,
.modal .content label .added-photographer:after {
  content: 'X';
  color: #FFF;
  background: #000;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 15px;
  border-radius: 100px;
  font-size: 11px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
  cursor: pointer;
}

.modal .content label .added-org:hover:after,
.modal .content label .added-photographer:hover:after {
  background: red;
}

.dropdownMenu a {
  display: block;
  margin: 10px 0;
  padding: 5px;
  transition: color .2s linear;
}

.dropdownMenu a:hover {
  color: #000 !important;
}

#allPeopleWrapper {
  border-top: 2px solid #CCC;
  margin-top: 10px;
  padding: 10px;
  background: #F5F5F5;
}

#allPeopleWrapper h3 {
  font-weight: normal;
  color: #777;
  text-transform: uppercase;
  font-size: 15px;
  margin-bottom: 5px;
}

#allPeopleWrapper li {
  margin-bottom: 5px;
  font-size: 14px;
}

#allPeopleWrapper a {
  color: blue;
  font-size: 12px;
}

#allPeopleWrapper a.remove {
  color: red;
}

body.edit #editModeUserMenu {
  display: block;
}

body.syncing #editModeUserMenu,
body.syncing .dropdownMenu {
  display: block !important;
}

.item .password {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #FFF;
}

.grid a {
    display: block;
    height: 260px;
}

.home .grid a  {
  height: 300px;
  overflow: hidden;
}

.home .grid,
.gallery-page .grid {
  padding: 0 50px;
}

.home .grid .item {
  max-height: 300px;
  max-width: 600px;
}

.home .grid .item:nth-child(n+201) {
  display: none;
}

#loadMoreGalleries {
  text-align: center;
  margin-top: 30px;
}

#loadMoreGalleries a {
  display: inline-block;
  padding: 10px 30px;
  color: #000;
  border: 1px solid #000;
  text-decoration: none;
  font-size: 16px;
  transition: all .3s ease-in-out;
}

#loadMoreGalleries a:hover {
  background: #000;
  color: #FFF;
}

body.search-active #loadMoreGalleries {
  display: none !important;
}

.grid .item {
  margin: 10px;
}

.home .grid .item.portrait {
  max-width: 200px;
}

.home .grid img {
  object-position: top;
  max-width: 400px;
  min-height: 300px;
}

#galleries.organization-layout {
  max-width: 1425px;
}

#galleries.organization-layout .item .title .orgs {
  display: none !important;
}

#galleries.organization-layout .item {
  margin: 20px;
  max-width: 600px;
  max-height: 600px;
}

#galleries.organization-layout .item.portrait {
  max-width: 400px;
  max-height: 600px;
}

#galleries.organization-layout .item:hover {
  transform: none;
  box-shadow: none;
  opacity: .8;
}

#galleries.organization-layout .item .title {
  font-size: 18px;
  line-height: 20px;
}

#galleries.organization-layout .item a {
  height: auto;
}

#galleries.organization-layout .item:not(.portrait) .title {
  position: static;
  display: block;
  color: #000;
  background: none;
}

@media screen and (max-width: 700px) {
    .home .grid,
    .gallery-page .grid {
    padding: 0 10px;
  }

  .home .grid .item.portrait {
    max-width: none;
    max-height: none;
  }
  .home .grid .item.portrait a {
    height: auto;
  }
}


.header-links.mobile-links {
  display: none;
}

.saved-link  {
  display: none;
}

body.has-lb .saved-link {
  display: block;
}

.logout-lb {
  border-bottom: 2px solid #DDD;
  color: #DDD;
}

#lb-info {
  text-align: center;
  background: #000;
  color: #FFF;
  padding: 10px;
  font-size: 14px;
  margin-bottom: 10px;
}

.cart-link svg {
  display: none !important;
}

.saved-link span {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgNC4yNDhjLTMuMTQ4LTUuNDAyLTEyLTMuODI1LTEyIDIuOTQ0IDAgNC42NjEgNS41NzEgOS40MjcgMTIgMTUuODA4IDYuNDMtNi4zODEgMTItMTEuMTQ3IDEyLTE1LjgwOCAwLTYuNzkyLTguODc1LTguMzA2LTEyLTIuOTQ0eiIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: auto 80%;
  -webkit-filter: invert(8%) sepia(97%) saturate(7488%) hue-rotate(12deg) brightness(92%) contrast(114%);
  filter: invert(8%) sepia(97%) saturate(7488%) hue-rotate(12deg) brightness(92%) contrast(114%);

  -webkit-filter: invert(8%) sepia(97%) saturate(7488%) hue-rotate(12deg) brightness(92%) contrast(0%);
  filter: invert(8%) sepia(97%) saturate(7488%) hue-rotate(12deg) brightness(92%) contrast(0%);
}

.modal-heart-icon {
  display: inline-block;
  vertical-align: middle;
  float: right;
  margin-left: 5px;
  margin-top: 2px;
  width: 28px;
  height: 28px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMiAyMS41OTNjLTUuNjMtNS41MzktMTEtMTAuMjk3LTExLTE0LjQwMiAwLTMuNzkxIDMuMDY4LTUuMTkxIDUuMjgxLTUuMTkxIDEuMzEyIDAgNC4xNTEuNTAxIDUuNzE5IDQuNDU3IDEuNTktMy45NjggNC40NjQtNC40NDcgNS43MjYtNC40NDcgMi41NCAwIDUuMjc0IDEuNjIxIDUuMjc0IDUuMTgxIDAgNC4wNjktNS4xMzYgOC42MjUtMTEgMTQuNDAybTUuNzI2LTIwLjU4M2MtMi4yMDMgMC00LjQ0NiAxLjA0Mi01LjcyNiAzLjIzOC0xLjI4NS0yLjIwNi0zLjUyMi0zLjI0OC01LjcxOS0zLjI0OC0zLjE4MyAwLTYuMjgxIDIuMTg3LTYuMjgxIDYuMTkxIDAgNC42NjEgNS41NzEgOS40MjkgMTIgMTUuODA5IDYuNDMtNi4zOCAxMi0xMS4xNDggMTItMTUuODA5IDAtNC4wMTEtMy4wOTUtNi4xODEtNi4yNzQtNi4xODEiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 80%;
  cursor: pointer;
}

.modal-heart-icon.set,
.modal-heart-icon:hover {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgNC4yNDhjLTMuMTQ4LTUuNDAyLTEyLTMuODI1LTEyIDIuOTQ0IDAgNC42NjEgNS41NzEgOS40MjcgMTIgMTUuODA4IDYuNDMtNi4zODEgMTItMTEuMTQ3IDEyLTE1LjgwOCAwLTYuNzkyLTguODc1LTguMzA2LTEyLTIuOTQ0eiIvPjwvc3ZnPg==");
  -webkit-filter: invert(8%) sepia(97%) saturate(7488%) hue-rotate(12deg) brightness(92%) contrast(114%);
  filter: invert(8%) sepia(97%) saturate(7488%) hue-rotate(12deg) brightness(92%) contrast(114%);

  -webkit-filter: invert(8%) sepia(97%) saturate(7488%) hue-rotate(12deg) brightness(92%) contrast(0%);
  filter: invert(8%) sepia(97%) saturate(7488%) hue-rotate(12deg) brightness(92%) contrast(0%);
}

.download-icon {
  position: absolute;
  bottom: 6px;
  right: 35px;
  overflow: hidden;
  cursor: pointer;
  width: 20px;
  height: 25px;
  color: #FFF;
  font-size: 20px;
  border-bottom: 1px solid #FFF;
  text-align: center;
  line-height: 31px;
  z-index: 99;
  padding-bottom: 1px;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  display: none;
}

body.show-modal-dl .download-icon {
  display: block;
}

.download-icon:hover {
  color: #666;
  border-color: #666;
}

.heart-icon {
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-indent: -9999em;
  overflow: hidden;
  cursor: pointer;
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMiAyMS41OTNjLTUuNjMtNS41MzktMTEtMTAuMjk3LTExLTE0LjQwMiAwLTMuNzkxIDMuMDY4LTUuMTkxIDUuMjgxLTUuMTkxIDEuMzEyIDAgNC4xNTEuNTAxIDUuNzE5IDQuNDU3IDEuNTktMy45NjggNC40NjQtNC40NDcgNS43MjYtNC40NDcgMi41NCAwIDUuMjc0IDEuNjIxIDUuMjc0IDUuMTgxIDAgNC4wNjktNS4xMzYgOC42MjUtMTEgMTQuNDAybTUuNzI2LTIwLjU4M2MtMi4yMDMgMC00LjQ0NiAxLjA0Mi01LjcyNiAzLjIzOC0xLjI4NS0yLjIwNi0zLjUyMi0zLjI0OC01LjcxOS0zLjI0OC0zLjE4MyAwLTYuMjgxIDIuMTg3LTYuMjgxIDYuMTkxIDAgNC42NjEgNS41NzEgOS40MjkgMTIgMTUuODA5IDYuNDMtNi4zOCAxMi0xMS4xNDggMTItMTUuODA5IDAtNC4wMTEtMy4wOTUtNi4xODEtNi4yNzQtNi4xODEiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 80%;
  opacity: 0;
  -webkit-filter: invert(100%);
  filter: invert(100%);
  z-index: 99;
  transition: opacity .3s ease-in-out;
}

.item:hover .download-icon,
.item:hover .heart-icon,
.heart-icon.set {
  opacity: 1;
}

.heart-icon.set,
.heart-icon:hover {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgNC4yNDhjLTMuMTQ4LTUuNDAyLTEyLTMuODI1LTEyIDIuOTQ0IDAgNC42NjEgNS41NzEgOS40MjcgMTIgMTUuODA4IDYuNDMtNi4zODEgMTItMTEuMTQ3IDEyLTE1LjgwOCAwLTYuNzkyLTguODc1LTguMzA2LTEyLTIuOTQ0eiIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 80%;
  -webkit-filter: invert(8%) sepia(97%) saturate(7488%) hue-rotate(12deg) brightness(92%) contrast(114%);
  filter: invert(8%) sepia(97%) saturate(7488%) hue-rotate(12deg) brightness(92%) contrast(114%);

  -webkit-filter: invert(8%) sepia(97%) saturate(7488%) hue-rotate(12deg) brightness(92%) contrast(0%);
  filter: invert(8%) sepia(97%) saturate(7488%) hue-rotate(12deg) brightness(92%) contrast(0%);
}

.heart-icon.set {
  bottom: auto;
  top: -5px;
  right: auto;
  left: -5px;
  background-size: 100%;
}

.mb-watermark {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: default;
}

.mb-watermark em {
  display: block;
  font-style: normal;
  padding: 10px;
  position: absolute;
  bottom: 5px;
  left: 8px;
  right: 8px;
  color: #FFF;
  text-align: center;
  font-weight: 100;
  text-transform: uppercase;
  font-size: 13px;
  text-indent: -9999em;
  overflow: hidden;
  background: url(../img/mb-logo-transparent.png) no-repeat 0 100%;
  background-size: auto 80%;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.mb-watermark strong {
  display: none !important;
  font-style: normal;
  padding: 10px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  color: #FFF;
  font-size: 14px;
  line-height: 30px;
  text-align: left;
  text-transform: uppercase;
  font-weight: normal;
}

#emailSigninModal {
  background: rgba(255, 255, 255, .9);
  color: #000;
}

#emailSigninModal .inner {
  height: auto;
  background: #F5F5F5;
  border: none;
}

#emailSigninModal p {
  font-size: 15px;
  line-height: 20px;
}

#emailSigninModal h2 {
  border-bottom: none;
}

#emailSigninModal .buttons .save {
  background: #333;
}

#emailSigninModal .buttons .save:hover {
  background: #000;
}

#emailSigninModal .buttons .cancel:hover {
  background: #666;
}

body.no-lb .sl-wrapper,
body.no-lb .sl-overlay {
  display: none !important;
}

body.no-lb {
  overflow: auto !important;
}

#groupsBar {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999;
  box-shadow: -1px -1px 6px rgba(0, 0, 0, .35);
}

#groupsBar a {
  float: right;
  display: block;
  background: green;
  color: #FFF;
  padding: 20px;
  font-size: 16px;
  text-align: center;
  transition: all .2s linear;
}

#groupsBar #clearGroups {
  background: red;
}

#groupsBar #previewGroups {
  background: #000;
}

body.only-groups #groupsBar #previewGroups {
  background: blue;
}

#login input {
  display: block;
  width: 100%;
  border: 2px solid #CCC;
  padding: 10px;
  color: #000;
  font-size: 16px;
  margin: 5px 0;
  box-sizing: border-box;
  border-radius: 0;
  outline: none;
  transition: border-color .3s linear;
}

#login input:focus {
  border-color: #000;
}

#login input.error {
  border-color: red;
}

#login button {
  background: #000;
  color: #FFF;
  display: block;
  font-size: 20px;
  border: none;
  border-radius: 0;
  padding: 10px;
  width: 100%;
}

#login button:hover {
  background-color: #444;
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .5);
  z-index: 9999;
}

.modal .inner {
  position: fixed;
  top: 5%;
  left: 50%;
  width: 600px;
  margin-left: -300px;
  background: #FFF;
  padding: 10px;
  box-sizing: border-box;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, .35);
  border: 2px solid #CCC;
  overflow: auto;
  height: 90%;
}

.modal select {
  max-height: 37px;
}

#editGalleryModal .inner {
  left: 5%;
  right: 5%;
  width: auto;
  margin-left: 0;
}

#injectGalleryCovers {
  margin: 0;
  padding: 0;
}

#injectGalleryCovers li {
  float: left;
  max-width: 133px;
  margin: 5px 0 5px 22px;
  font-size: 12px;
  color: #999;
  border: 2px solid #FFF;
  cursor: move;
  position: relative;
}

#injectGalleryCovers li:hover {
  border-color: #000;
  color: #000;
}

#injectGalleryCovers li img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 85px;
}

.removeCover {
  position: absolute;
  top: 0;
  right: 0;
  background: red;
  color: #FFF;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  display: none;
}

#injectGalleryCovers li:hover .removeCover {
  display: block;
}

#editGalleryImage {
  max-width: 133px;
  max-height: 87px;
  margin: 5px 0;
}

#slideshowCovers {
  margin: 3px 0;
  padding: 5px 0;
}

.modal .buttons {
  margin-top: 20px;
}

.modal .buttons a {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 15px;
  background: green;
  color: #FFF;
  text-transform: uppercase;
  font-size: 17px;
  text-align: center;
  transition: all .3s linear;
}

.modal .buttons a:hover {
  background: #000;
}

.modal .buttons .cancel {
  background: #999;
}

.modal .close-modal {
  position: absolute;
  top: 4%;
  right: 4%;
  background: #000;
  color: #FFF;
  z-index: 99999;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 100px;
  font-size: 13px;
  font-weight: bold;
  border: 2px solid #CCC;
  cursor: pointer;
}

.modal .close-modal:hover {
  background: #FFF;
  color: #000;
}

.modal label,
.modal input,
.modal select,
.modal textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.modal .content p {
  margin: 3px 0;
  padding: 5px 0;
}

.modal .content label {
  font-size: 14px;
  text-transform: uppercase;
  line-height: 20px;
}

.modal input,
.modal select,
.modal textarea {
  border: 2px solid #CCC;
  padding: 7px;
  color: #000;
  font-size: 16px;
  border-radius: 0;
  transition: all .2s linear;
}

.modal textarea {
  min-height: 75px;
}

.modal input:focus,
.modal select:focus {
  border-radius: 0;
  outline: none;
  border-color: #000;
}

.modal .content h2 {
  font-weight: normal;
  font-size: 17px;
  color: #999;
  text-transform: uppercase;
  border-bottom: 2px dashed #DDD;
  padding-bottom: 10px;
  margin-bottom: 5px;
}

#deleteGallery {
  color: #FFF;
  background: red;
  font-size: 13px;
  text-transform: uppercase;
  padding: 5px 10px;
  border: 1px solid red;
  position: absolute;
  top: 5px;
  right: 40px;
}

#deleteGallery:hover {
  background: #FFF;
  color: red;
}

.header-links a:first-child {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}

.about-image {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  max-width: 1480px;
}

#about p {
  line-height: 25px;
  margin-top: 20px;
}

#backToTop {
  position: fixed;
  bottom: 0;
  right: 60px;
  width: 110px;
  margin-left: 0;
  text-align: center;
  background: #000;
  padding: 10px;
  z-index: 999;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  color: #FFF;
  font-weight: 500;
  transition: all .2s ease-in-out;
  opacity: 0;
  pointer-events: none;
  box-shadow: -2px 0px 7px rgba(0, 0, 0, .25);
}

body.show-back-top #backToTop {
  opacity: 1;
  pointer-events: all;
}

#backToTop span {
  display: inline-block;
  margin-right: 5px;
  transition: all .2s ease-in-out;
}

#backToTop:hover {
  padding-bottom: 18px;
}

@media screen and (max-width: 780px) {

  .modal .inner {
    width: 90%;
    margin-left: -45%;
  }

  .logo a {
    font-size: 26px;
  }

  .logo {
    float: none;
    width: 280px;
    margin: 10px auto;
    display: block;
  }

  .header-links {
    float: none;
    text-align: center;
  }

  .header-links a {
    float: none;
  }

  /* .header-links.mobile-links {
    display: block;
  }
  .header-links.desktop-links {
    display: none;
  } */

  .ngg-image-search-container {
    width: 98% !important;
  }
  
  .cols .col,
  .cols .col-half {
    width: 100%;
  }
}

@media screen and (max-width: 980px) {
  #galleryDownloadLink a {
    margin-top: 15px;
  }
}

@media screen and (max-width: 780px) {
  #downloadListModal .buttons {
    bottom: auto;
    top: 25px;
  }

  .all-selector {
    top: 92px;
  }
  #downloadList {
    padding-top: 70px;
  }
}

.grid img {
    max-height: 100%;
    min-width: 100%;
    object-fit: cover;
    vertical-align: bottom;
}

.grid .title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #FFF;
    font-weight: 300;
    font-size: 14px;
    line-height: 14px;
    padding: 15px 10px 10px 10px;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    transition: all .3s ease-in-out;
}

body.hide-image-info .item .title {
  padding-bottom: 20px;
  opacity: 0;
  pointer-events: none;
  text-transform: uppercase;
  color: transparent;
}

body.hide-image-info .item:hover .title {
  padding-bottom: 10px !important;
  opacity: 1 !important;
  pointer-events: all !important;
}

.grid .title em {
  display: block;
  font-style: normal;
}

.top-copy {
  text-align: center;
  padding: 40px 20px;
}

.top-copy h1 {
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 15px;
}

.top-copy h1 a {
  color: #000;
  text-decoration: none;
}

.top-copy h2 {
  font-size: 20px;
  font-weight: 200;
}

/*footer*/
.site-footer {
  background: #000;
  color: #FFF;
  padding: 25px 0;
  margin-top: 100px;
}

.site-info {
  float: left;
  font-weight: 300;
  /*text-transform: uppercase;*/
  font-size: 16px;
  line-height: 23px;
  color: #CCC;
  margin: 10px 0;
}

.site-info strong {
  font-weight: 500;
  display: block;
  margin-bottom: 8px;
}

.site-footer a {
  color: #CCC;
}

.site-footer a:hover {
  color: #FFF;
}

.footer-links {
  float: right;
  margin: 10px 0;
}

.footer-links a {
  font-size: 16px;
  font-weight: 400;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #333;
  color: #666;
  transition: color .3s linear;
}

.footer-links a:hover {
  color: #FFF;
}

.instagram {
  vertical-align: middle;
}

.footer-links a:last-child {
  border-right: none;
  margin-right: 0;
}

.hidden-image {
  display: none !important;
}

/*simple modal css*/
body.hidden-scroll {
  overflow: hidden; }

.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.95;
  display: none;
  z-index: 1035; }

.sl-wrapper {
  z-index: 1040;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed; }
  .sl-wrapper * {
    box-sizing: border-box; }
  .sl-wrapper button {
    border: 0 none;
    background: transparent;
    font-size: 28px;
    padding: 0;
    cursor: pointer; }
    .sl-wrapper button:hover {
      opacity: 0.7; }
  .sl-wrapper .sl-close {
    display: none;
    position: fixed;
    right: 30px;
    top: 30px;
    z-index: 10060;
    margin-top: -14px;
    margin-right: -14px;
    height: 44px;
    width: 44px;
    line-height: 44px;
    font-family: Arial, Baskerville, monospace;
    color: #000;
    font-size: 3rem; }
  .sl-wrapper .sl-counter {
    display: none;
    position: fixed;
    top: 30px;
    left: 30px;
    z-index: 1060;
    color: #000;
    font-size: 1rem; }
  .sl-wrapper .sl-navigation {
    width: 100%;
    display: none; }
    .sl-wrapper .sl-navigation button {
      position: fixed;
      top: 50%;
      margin-top: -22px;
      height: 44px;
      width: 22px;
      line-height: 44px;
      text-align: center;
      display: block;
      z-index: 10060;
      font-family: Arial, Baskerville, monospace;
      color: #000; }
      .sl-wrapper .sl-navigation button.sl-next {
        right: 5px;
        font-size: 2rem; }
      .sl-wrapper .sl-navigation button.sl-prev {
        left: 5px;
        font-size: 2rem; }
      @media (min-width: 35.5em) {
        .sl-wrapper .sl-navigation button {
          width: 44px; }
          .sl-wrapper .sl-navigation button.sl-next {
            right: 10px;
            font-size: 3rem; }
          .sl-wrapper .sl-navigation button.sl-prev {
            left: 10px;
            font-size: 3rem; } }
      @media (min-width: 50em) {
        .sl-wrapper .sl-navigation button {
          width: 44px; }
          .sl-wrapper .sl-navigation button.sl-next {
            right: 20px;
            font-size: 3rem; }
          .sl-wrapper .sl-navigation button.sl-prev {
            left: 20px;
            font-size: 3rem; } }
  .sl-wrapper.sl-dir-rtl .sl-navigation {
    direction: ltr; }
  .sl-wrapper .sl-image {
    position: fixed;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 10000; }
    .sl-wrapper .sl-image img {
      margin: 0;
      padding: 0;
      display: block;
      border: 0 none;
      width: 100%;
      height: auto; }
      @media (min-width: 35.5em) {
        .sl-wrapper .sl-image img {
          border: 0 none; } }
      @media (min-width: 50em) {
        .sl-wrapper .sl-image img {
          border: 0 none; } }
    .sl-wrapper .sl-image iframe {
      background: #000;
      border: 0 none; 
      width: 100%;
      height: 100%;
    }
      @media (min-width: 35.5em) {
        .sl-wrapper .sl-image iframe {
          border: 0 none; } }
      @media (min-width: 50em) {
        .sl-wrapper .sl-image iframe {
          border: 0 none; } }
    .sl-wrapper .sl-image .sl-caption {
      display: none;
      padding: 10px;
      color: #fff;
      background: rgba(0, 0, 0, 0.8);
      font-size: 1rem;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }
      .sl-wrapper .sl-image .sl-caption.pos-top {
        bottom: auto;
        top: 0; }
      .sl-wrapper .sl-image .sl-caption.pos-outside {
        bottom: auto; }
    .sl-wrapper .sl-image .sl-download {
      display: none;
      position: absolute;
      bottom: 5px;
      right: 5px;
      color: #000;
      z-index: 1060; }

.sl-spinner {
  display: none;
  border: 5px solid #333;
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 1007;
  -webkit-animation: pulsate 1s ease-out infinite;
  -moz-animation: pulsate 1s ease-out infinite;
  -ms-animation: pulsate 1s ease-out infinite;
  -o-animation: pulsate 1s ease-out infinite;
  animation: pulsate 1s ease-out infinite; }

.sl-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

.sl-transition {
  transition: -moz-transform ease 200ms;
  transition: -ms-transform ease 200ms;
  transition: -o-transform ease 200ms;
  transition: -webkit-transform ease 200ms;
  transition: transform ease 200ms; }

@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@-moz-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@-o-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@-ms-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }