/* CssVars count: 9 */

:root {

/* webhostname.MetaData(CssVars) guid: 3eb38a10437c421dbc2bb669b5c4e9f5 */

 --header-background-color: 216 67 21;
 --header-foreground-color: 255 255 255;
 --footer-background-color: 255 150 67;
 --footer-foreground-color: 0 0 0;
 --branding-primary-color: 255 150 67;
 --branding-cta-color: 227 242 253;
 --branding-cta-foreground-color: 0 0 0;
 --branding-primary-foreground-color: 0 0 0;
}


/* WebRouteTemplate.Css guid: d9c64932d091488b9a86110ccecea790 */

:root {
    --color-text-dark: 73 69 79;
}


/* WebSectionTemplate.Css guid: 7bd3a1ce61144da288d5dbb0e86b6552 */

.gallery-section {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 22px;
  padding-left: 22px;
}@media (min-width: 640px) {.gallery-section {
    max-width: 640px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}@media (min-width: 768px) {.gallery-section {
    max-width: 768px;
  }
}@media (min-width: 1024px) {.gallery-section {
    max-width: 1024px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}@media (min-width: 1280px) {.gallery-section {
    max-width: 1280px;
    padding-right: 5rem;
    padding-left: 5rem;
  }
}@media (min-width: 1536px) {.gallery-section {
    max-width: 1536px;
    padding-right: 6rem;
    padding-left: 6rem;
  }
}.gallery-section {
  padding-top: 40px;
  padding-bottom: 40px;
}
.gallery-section .section-title {
  text-align: center;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .gallery-section .section-title {
    margin-bottom: 25px;
  }
}
.gallery-section .gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}
@media (min-width: 1024px) {
  .gallery-section .gallery {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1.25rem;
  }
}
.gallery-section .gallery-item {
  position: relative;
  border-radius: 0.75rem;
  aspect-ratio: 1 / 1;
}
.gallery-section .gallery-item img {
  border-radius: 0.75rem;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gallery-section .gallery-item .gallery-item-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.75rem;
  background-color: rgba(0, 0, 0, 0.1);
}
.gallery-section .gallery-item .gallery-item-overlay .play-icon {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  font-size: 48px;
}
@media (min-width: 1024px) {
  .gallery-section .gallery-item .gallery-item-overlay .play-icon {
    font-size: 72px;
  }
}