/* Gallery Grid */ 
.cms-photo-gallery-grid { display: grid; grid-gap: 0.625rem; grid-template-columns: repeat(1, 1fr); }
.cms-photo-gallery-grid .photo-gallery-img-wrap { width: 100%; position: relative; padding-bottom: 75%; overflow: hidden; background: var(--placeholderBG); border-radius: var(--borderRadius); }
.cms-photo-gallery-grid .gallery-link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.cms-photo-gallery-grid .gallery-img { display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 2; }
.cms-photo-gallery-grid .gallery-caption { padding: 0.325rem 1rem; max-width: 100%; background-color: hsla(var(--siteColor2)); color: hsl(var(--white)); font-size: 0.9375rem; border-radius: 0 var(--borderRadius) var(--borderRadius) 0; position: absolute; top: 0; left: 0; z-index: 2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: capitalize; }
@media (min-width: 576px) {
  .cms-photo-gallery-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 768px) {
  .cms-photo-gallery-grid { grid-template-columns: repeat(3, 1fr); }
  .cms-photo-gallery-grid .gallery-caption { padding: 0.5rem 1rem; font-size: 1rem; }
}

/* Gallery Grid - Pills */ 
.gallery-pills { margin-bottom: 2rem; justify-content: center; }
.gallery-pills .nav-link { border-radius: var(--borderRadiusPill); }
.gallery-pills .nav-link.active, 
.gallery-pills .show>.nav-link { background-color: hsl(var(--siteColor1)); }