/* Static retreat galleries. One image fills its container. */
.split-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 36px 40px !important;
  align-items: start !important;
}
.split-grid > .img-stack,
.split-grid .img-stack {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-content: start !important;
  align-items: start !important;
  width: 100% !important;
  margin: 0 !important;
}
.split-grid .img-stack:has(> .brxe-image:only-child),
.split-grid .img-stack.img-stack-col {
  grid-template-columns: 1fr !important;
}
.split-grid .img-stack > .brxe-image:last-child:nth-child(odd) {
  grid-column: 1 / -1 !important;
}
.split-grid .img-stack > .img-pair,
.split-grid .img-stack > .brxe-div.img-pair {
  display: contents !important;
}
.split-grid:has(> .schedule-panel) > .schedule-panel {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
}
.split-grid:has(> .schedule-panel) > .img-stack {
  grid-column: 1 !important;
  grid-row: 2 !important;
}
.split-grid:has(> .schedule-panel) > .img-gallery,
.split-grid:has(> .schedule-panel) > .img-overflow {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
}
.split-grid > .img-gallery,
.split-grid > .img-overflow {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 12px 0 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  align-items: stretch !important;
  align-content: start !important;
}
.split-grid > .img-gallery:has(> .brxe-image:only-child),
.split-grid > .img-overflow:has(> .brxe-image:only-child) {
  grid-template-columns: 1fr !important;
  max-width: 100% !important;
}
.split-grid > .img-gallery:has(> .brxe-image:nth-child(2):last-child),
.split-grid > .img-overflow:has(> .brxe-image:nth-child(2):last-child),
.split-grid > .img-gallery:has(> .brxe-image:nth-child(4):last-child),
.split-grid > .img-overflow:has(> .brxe-image:nth-child(4):last-child) {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  max-width: 100% !important;
}
.split-grid > .img-gallery:has(> .brxe-image:nth-child(5):last-child),
.split-grid > .img-overflow:has(> .brxe-image:nth-child(5):last-child) {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.split-grid > .img-gallery:has(> .brxe-image:nth-child(5):last-child) > .brxe-image:nth-child(-n + 3),
.split-grid > .img-overflow:has(> .brxe-image:nth-child(5):last-child) > .brxe-image:nth-child(-n + 3) {
  grid-column: span 2 !important;
}
.split-grid > .img-gallery:has(> .brxe-image:nth-child(5):last-child) > .brxe-image:nth-child(n + 4),
.split-grid > .img-overflow:has(> .brxe-image:nth-child(5):last-child) > .brxe-image:nth-child(n + 4) {
  grid-column: span 3 !important;
}
#brx-content .split-grid > .img-gallery > .brxe-image,
#brx-content .split-grid > .img-overflow > .brxe-image,
#brx-content .split-grid > .img-gallery > .brxe-image + .brxe-image,
#brx-content .split-grid > .img-overflow > .brxe-image + .brxe-image,
#brx-content .split-grid .img-stack .brxe-image,
#brx-content .split-grid .img-gallery .brxe-image,
#brx-content .split-grid .img-overflow .brxe-image,
.split-grid .img-stack .brxe-image,
.split-grid .img-gallery .brxe-image,
.split-grid .img-overflow .brxe-image,
.split-grid .img-pair:not(.img-pair-stack) .brxe-image {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  border-radius: 2px !important;
  background: #efe7da !important;
  align-self: stretch !important;
}
.split-grid .img-stack .brxe-image img,
.split-grid .img-gallery .brxe-image img,
.split-grid .img-overflow .brxe-image img,
.split-grid .img-pair:not(.img-pair-stack) .brxe-image img,
.split-grid .img-stack img,
.split-grid .img-gallery img,
.split-grid .img-overflow img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-radius: 2px !important;
}
@media (max-width: 1000px) {
  .split-grid {
    grid-template-columns: 1fr !important;
  }
  .split-grid:has(> .schedule-panel) > .schedule-panel,
  .split-grid:has(> .schedule-panel) > .img-stack,
  .split-grid:has(> .schedule-panel) > .img-gallery,
  .split-grid:has(> .schedule-panel) > .img-overflow {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  .split-grid > .img-gallery,
  .split-grid > .img-overflow {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 100% !important;
  }
  .split-grid > .img-gallery:has(> .brxe-image:only-child),
  .split-grid > .img-overflow:has(> .brxe-image:only-child) {
    grid-template-columns: 1fr !important;
  }
  .split-grid > .img-gallery > .brxe-image:last-child:nth-child(odd):not(:only-child),
  .split-grid > .img-overflow > .brxe-image:last-child:nth-child(odd):not(:only-child) {
    grid-column: 1 / -1 !important;
  }
}
.split-grid > .img-gallery:not(:has(> .brxe-image:nth-child(2):last-child)):not(:has(> .brxe-image:nth-child(4):last-child)):not(:has(> .brxe-image:nth-child(5):last-child)) > .brxe-image:last-child:nth-child(3n + 1):not(:only-child),
.split-grid > .img-overflow:not(:has(> .brxe-image:nth-child(2):last-child)):not(:has(> .brxe-image:nth-child(4):last-child)):not(:has(> .brxe-image:nth-child(5):last-child)) > .brxe-image:last-child:nth-child(3n + 1):not(:only-child) {
  grid-column: 1 / -1 !important;
}
#brx-content .brxe-image.wide {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}
#brx-content .retreat-body .wrap:has(> .img-pair),
#brx-content .retreat-body .wrap.img-gallery {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
}
#brx-content .retreat-body .wrap:has(> .img-pair) > .img-pair,
#brx-content .retreat-body .wrap.img-gallery > .img-pair {
  display: contents !important;
}
#brx-content .retreat-body .wrap:has(> .img-pair) .brxe-image,
#brx-content .retreat-body .wrap.img-gallery .brxe-image {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  border-radius: 2px !important;
  background: #efe7da !important;
}
#brx-content .retreat-body .wrap:has(> .img-pair) .brxe-image img,
#brx-content .retreat-body .wrap.img-gallery .brxe-image img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}
#brx-content .retreat-body .wrap:has(> .img-pair) > .brxe-image:last-child,
#brx-content .retreat-body .wrap.img-gallery > .brxe-image:last-child,
#brx-content .retreat-body .wrap:has(> .img-pair) > .img-pair:last-child > .brxe-image:only-child,
#brx-content .retreat-body .wrap.img-gallery > .img-pair:last-child > .brxe-image:only-child {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
}
#brx-content .retreat-body .img-stack > .img-pair:has(> :only-child) {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}
#brx-content .retreat-body .img-stack > .img-pair:has(> :only-child) > .brxe-image {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
}
#brx-content .retreat-body .img-stack > .img-pair:has(> :only-child) > .brxe-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
@media (max-width: 767px) {
  .split-grid .img-stack,
  .split-grid > .img-gallery,
  .split-grid > .img-overflow,
  #brx-content .retreat-body .wrap:has(> .img-pair),
  #brx-content .retreat-body .wrap.img-gallery {
    grid-template-columns: 1fr !important;
  }
}
