/* compiled by scssphp v0.0.12 on Mon, 18 Jan 2021 09:35:13 +1300 (0.0262s) */

/* Gallery SCSS Document */
.gallery {
  display: block;
}
.gallery .module-image {
  display: block;
  -webkit-backface-visibility: hidden;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.gallery .module-image img {
  vertical-align: middle;
}
.gallery a.gallery-item:hover .module-image {
  opacity: 0.7;
}
.gallery .module-text p {
  display: block;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
.gallery .module-text .readmore {
  /* Grid of images with text under */
}
.gallery.textunder .gallery-item {
  display: inline-block;
  position: relative;
}
.gallery.textunder .module-image {
  width: 100%;
  display: block;
}
.gallery.textunder .module-text {
  width: 100%;
  display: block;
  padding-top: 5px;
  /* Grid of images with text under for summary */
}
.gallery.summary .gallery-item {
  display: inline-block;
  position: relative;
}
.gallery.summary .module-image {
  width: 100%;
  display: block;
}
.gallery.summary .module-text {
  width: 100%;
  display: block;
  /* Photo details page */
}
.photo-details {
  display: block;
}
.photo-details-image {
  padding-bottom: 10px;
}
.photo-details-description {
  display: block;
}
.photo-details-description .backlink {
  display: block;
  /* Masonry grid */
}
.masonry {
  transition: all 0.5s ease-in-out;
  column-gap: 30px;
  column-fill: initial;
  /* Masonry item */
}
.masonry .brick {
  margin-bottom: 30px;
  /* Fix the misalignment of items */
  display: inline-block;
  /* Keep the item on the very top */
  vertical-align: top;
  /* Masonry image effects */
}
.masonry .brick img {
  transition: all 0.5s ease-in-out;
  /* Remove Image flickering on hover */
  backface-visibility: hidden;
}
.masonry .brick:hover img {
  opacity: 0.75;
  /* Bordered masonry */
}
.masonry.bordered {
  column-rule: 1px solid #eee;
  column-gap: 50px;
}
.masonry.bordered .brick {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #eee;
  /* Gutterless masonry */
}
.masonry.gutterless {
  column-gap: 0;
}
.masonry.gutterless .brick {
  margin-bottom: 0;
  /* Masonry on tablets */
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* Masonry on big screens */  .masonry {
    column-count: 2;
  }
}
@media only screen and (min-width: 1024px) {
  /* Media Queries */  .desc {
    font-size: 1.25em;
  }
  .intro {
    letter-spacing: 1px;
  }
  .masonry {
    column-count: 3;
  }
}
@media screen and (max-width: 650px) {
  .gallery.summary.grid.seven-column .gallery-item, .gallery.summary.grid.six-column .gallery-item, .gallery.summary.grid.five-column .gallery-item, .gallery.summary.grid.four-column .gallery-item, .gallery.summary.grid.three-column .gallery-item {
    clear: none !important;
    width: 30% !important;
    margin-right: 5% !important;
  }
  .gallery.summary.grid.seven-column .gallery-item:nth-child(3n+3), .gallery.summary.grid.six-column .gallery-item:nth-child(3n+3), .gallery.summary.grid.five-column .gallery-item:nth-child(3n+3), .gallery.summary.grid.four-column .gallery-item:nth-child(3n+3), .gallery.summary.grid.three-column .gallery-item:nth-child(3n+3) {
    margin-right: 0% !important;
  }
}
@media screen and (max-width: 480px) {
  .gallery.summary.grid.seven-column .gallery-item, .gallery.summary.grid.six-column .gallery-item, .gallery.summary.grid.five-column .gallery-item, .gallery.summary.grid.four-column .gallery-item, .gallery.summary.grid.three-column .gallery-item {
    clear: none !important;
    width: 30% !important;
    margin-right: 5% !important;
  }
}