/* Font styles */
/* Color scheme */
/**/
/**/
/* Header bg height per device */
/* Fixed header height - fix for inpage anchor links
 * Set to the height of the fixed header at each device size
 * Add around 20-30 pixels so the fixed header is not right against the anchor * destination
 */
/* Font scale */
/* Margin / padding scale - customize to adjust default section padding and margins */
/**/
/* Device sizes */
/* Stacking Order */
.gallery-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 30px;
}
@media (min-width: 576px) {
  .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .gallery-grid {
    grid-template-columns: repeat(3, 300px);
  }
}
.gallery-grid__item {
  position: relative;
  padding: 0;
  border: 0;
  box-shadow: inset 0 0 0 6px transparent;
  transition: all 0.3s ease-in-out;
}
.gallery-grid__item:focus, .gallery-grid__item:hover {
  filter: brightness(110%) saturate(110%);
}
.gallery-grid__item::after {
  content: "";
  display: block;
  padding-top: 100%;
}
.gallery-grid__img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery-modal__dialog img {
  max-height: 90vh;
}
@media (min-width: 1200px) {
  .gallery-modal__dialog {
    width: max-content;
  }
}