/* Fixes for the static copy of the site (the WordPress scripts that used to drive these are gone) */

/* Desktop dropdown menus: open on hover, keyboard focus or tap */
#header .main-menu > li.has-sub > .popup { display: none; }
#header .main-menu > li.has-sub:hover > .popup,
#header .main-menu > li.has-sub:focus-within > .popup,
#header .main-menu > li.has-sub.open > .popup { display: block; }

/* Mobile menu panel + accordion */
#nav-panel.static-open { display: block; }
#nav-panel .accordion-menu li.has-sub > .sub-menu { display: none; }
#nav-panel .accordion-menu li.has-sub.open > .sub-menu { display: block; }
#nav-panel .accordion-menu .arrow { cursor: pointer; }
/* The theme drew these arrows with its own icon font, which isn't part of the site;
   use the same "angle down" arrow from Font Awesome (already included), flipped when open */
#nav-panel .mobile-menu .arrow::before,
#nav-panel .mobile-menu .open > .arrow::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107"; }
#nav-panel .mobile-menu .arrow { transition: transform .2s; }
#nav-panel .mobile-menu .open > .arrow { transform: rotate(180deg); }
.mobile-toggle { cursor: pointer; }

/* Back-to-top button fades in after scrolling */
#topcontrol { transition: opacity .3s; pointer-events: none; }

/* Hero slider: full width, background image covers it (sizes were frozen at the save width) */
rs-module-wrap.static-rs, .static-rs rs-module, .static-rs rs-slides { width: 100% !important; left: 0 !important; }
.static-rs rs-pzimg-wrap { display: none !important; }   /* zoom copy of the background, frozen mid-animation */
.static-rs rs-sbg { width: 100% !important; height: 100% !important; transform-origin: 50% 50%; }
@media (prefers-reduced-motion: no-preference) {
  .static-rs rs-sbg { animation: static-kenburns 14s ease-out forwards; }
}
@keyframes static-kenburns { from { transform: scale(1); } to { transform: scale(1.08); } }
@media (max-width: 480px) {   /* phone: keep the hero text readable over the bright photo */
  .static-rs rs-layer, .static-rs .rs-layer { text-shadow: 0 1px 4px rgba(0, 0, 0, .7); }
  .static-rs rs-sbg-wrap::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .35); }
}

/* Videos that used to sit inside a slider */
.static-video { width: 100%; margin: 0 auto; }
.static-video-ratio { position: relative; width: 100%; height: 0; background: #000; }
.static-video-ratio video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

/* Multi-select (Select2 look) */
.static-ms { width: 100% !important; max-width: 400px; }
.static-ms .select2-selection--multiple { cursor: pointer; min-height: 38px; }
.static-ms .select2-dropdown { display: none; top: 100%; left: 0; width: 100%; }
.static-ms.select2-container--open .select2-dropdown { display: block; }
.static-ms .select2-results__option { cursor: pointer; }
.static-ms-placeholder { display: inline-block; color: #999; padding: 5px 0 0 5px; }