/* Local gallery, lightbox and mobile menu. */
[hidden] { display: none !important; }
button { font: inherit; cursor: pointer; }
button:focus-visible, a:focus-visible { outline: 3px solid #3ba089; outline-offset: 3px; }
.site-gallery { display: grid; gap: 16px; width: 100%; }
.site-gallery--right { grid-template-columns: minmax(0, 1fr) 200px; }
.site-gallery-stage { min-width: 0; background: #f0efed; }
.site-gallery-current { display: flex; height: 520px; align-items: center; justify-content: center; }
.site-gallery-current img { display: block; width: 100%; height: 100%; object-fit: contain; }
.site-gallery-thumbnails { display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); gap: 8px; align-content: start; }
.site-gallery--right .site-gallery-thumbnails { max-height: 568px; overflow-y: auto; padding: 3px; }
.site-gallery-thumb { display: block; border: 2px solid transparent; }
.site-gallery-thumb[aria-current] { border-color: #3ba089; }
.site-gallery-thumb img { display: block; width: 100%; height: 75px; object-fit: cover; }
.site-gallery-controls { display: flex; align-items: center; justify-content: center; gap: 24px; padding: 6px; }
.site-gallery-controls button { border: 0; border-radius: 3px; background: #3ba089; color: #fff; width: 44px; height: 36px; font-size: 28px; line-height: 1; }
.site-gallery-controls span { min-width: 60px; text-align: center; }
.site-lightbox { box-sizing: border-box; position: fixed; inset: 0; width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 48px 54px 16px; border: 0; background: rgba(0, 0, 0, .94); color: #fff; }
.site-lightbox[open] { display: flex; align-items: center; justify-content: center; }
.site-lightbox::backdrop { background: #111; }
.site-lightbox figure { display: flex; flex-direction: column; align-items: center; gap: 12px; margin: 0; max-width: 100%; }
.site-lightbox figure img { display: block; max-width: 100%; max-height: calc(100dvh - 125px); object-fit: contain; }
.site-lightbox figcaption { text-align: center; font-size: 14px; }
.site-lightbox button { position: absolute; border: 0; background: transparent; color: #fff; font-size: 40px; width: 48px; height: 48px; line-height: 1; }
.site-lightbox-close { top: 4px; right: 4px; }
.site-lightbox-previous { left: 0; top: calc(50% - 24px); }
.site-lightbox-next { right: 0; top: calc(50% - 24px); }
.site-lightbox-open { overflow: hidden; }
/* The exported mobile runtime used to position and populate this menu. */
.wsite-mobile #menu-wrapper { display: block; position: relative; inset: auto; width: 100%; height: auto; overflow: visible; transform: none; }
.wsite-mobile #menu-wrapper .wsite-menu-default { list-style: none; margin: 0; padding: 0; }
.wsite-mobile #menu-wrapper .wsite-menu-default a { display: block; padding: 14px 20px; color: #fff; border-bottom: 1px solid #333; }
.wsite-mobile #menu-wrapper #active a { background: rgba(0, 0, 0, .35); }
.wsite-mobile .site-gallery-current { height: 55vh; min-height: 240px; max-height: 520px; }
.wsite-mobile .site-gallery--right { grid-template-columns: minmax(0, 1fr); }
.wsite-mobile .site-gallery--right .site-gallery-thumbnails { max-height: 190px; }
/* Keep the fact labels beside their values inside the stacked mobile layout. */
.wsite-mobile .wsite-multicol .wsite-multicol .wsite-multicol-tr {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 16px;
}
.wsite-mobile .wsite-multicol .wsite-multicol .wsite-multicol-col {
  display: block !important;
  width: auto !important;
  padding: 0 !important;
}
@media (max-width: 700px) {
  .site-gallery--right { grid-template-columns: minmax(0, 1fr); }
  .site-gallery-current { height: 55vh; min-height: 240px; }
  .site-gallery--right .site-gallery-thumbnails { max-height: 190px; }
  .site-lightbox { padding-left: 40px; padding-right: 40px; }
  .site-lightbox button { width: 40px; }
}
