/* pcl.css: behaviour states only. 1. Elementor 4.0.1 conditionals/dialog.min.css, verbatim: live loads it on demand when popup 4439 opens. */ .dialog-widget-content{background-color:var(--e-a-bg-default);border-radius:3px;box-shadow:2px 8px 23px 3px rgba(0,0,0,.2);overflow:hidden;position:absolute}.dialog-message{box-sizing:border-box;line-height:1.5}.dialog-close-button{color:var(--e-a-color-txt);cursor:pointer;font-size:15px;inset-inline-end:15px;line-height:1;margin-block-start:15px;position:absolute;transition:var(--e-a-transition-hover)}.dialog-close-button:hover{color:var(--e-a-color-txt-hover)}.dialog-prevent-scroll{max-height:100vh;overflow:hidden}.dialog-type-lightbox{background-color:rgba(0,0,0,.8);bottom:0;height:100%;left:0;position:fixed;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:9999}.elementor-editor-active .elementor-popup-modal{background-color:initial}.dialog-type-alert .dialog-widget-content,.dialog-type-confirm .dialog-widget-content{margin:auto;padding:20px;width:400px}.dialog-type-alert .dialog-header,.dialog-type-confirm .dialog-header{font-size:15px;font-weight:500}.dialog-type-alert .dialog-header:after,.dialog-type-confirm .dialog-header:after{border-block-end:var(--e-a-border);content:"";display:block;margin-block-end:10px;margin-inline-end:-20px;margin-inline-start:-20px;padding-block-end:10px}.dialog-type-alert .dialog-message,.dialog-type-confirm .dialog-message{min-height:50px}.dialog-type-alert .dialog-buttons-wrapper,.dialog-type-confirm .dialog-buttons-wrapper{display:flex;gap:15px;justify-content:flex-end;padding-block-start:10px}.dialog-type-alert .dialog-buttons-wrapper .dialog-button,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button{background-color:var(--e-a-btn-bg);border:none;border-radius:var(--e-a-border-radius);color:var(--e-a-btn-color-invert);font-size:12px;font-weight:500;line-height:1.2;outline:none;padding:8px 16px;transition:var(--e-a-transition-hover)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover{border:none}.dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover{background-color:var(--e-a-btn-bg-hover);color:var(--e-a-btn-color-invert)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button:active,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:active{background-color:var(--e-a-btn-bg-active)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button:not([disabled]),.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not([disabled]){cursor:pointer}.dialog-type-alert .dialog-buttons-wrapper .dialog-button:disabled,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:disabled{background-color:var(--e-a-btn-bg-disabled);color:var(--e-a-btn-color-disabled)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon{display:none}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt{background:transparent;color:var(--e-a-color-txt)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:hover{background:var(--e-a-bg-hover);color:var(--e-a-color-txt-hover)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled{background:transparent;color:var(--e-a-color-txt-disabled)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt-border,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt-border{border:1px solid var(--e-a-color-txt-muted)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success{background-color:var(--e-a-btn-bg-success)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success:hover{background-color:var(--e-a-btn-bg-success-hover)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary{background-color:var(--e-a-btn-bg-primary);color:var(--e-a-btn-color)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary:hover{background-color:var(--e-a-btn-bg-primary-hover);color:var(--e-a-btn-color)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt{background:transparent;color:var(--e-a-color-primary-bold)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:hover{background:var(--e-a-bg-primary)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro{background-color:var(--e-a-btn-bg-accent)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:hover{background-color:var(--e-a-btn-bg-accent-hover)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:active,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:active,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:active,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:active{background-color:var(--e-a-btn-bg-accent-active)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info{background-color:var(--e-a-btn-bg-info)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info:hover{background-color:var(--e-a-btn-bg-info-hover)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning{background-color:var(--e-a-btn-bg-warning)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover{background-color:var(--e-a-btn-bg-warning-hover)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger{background-color:var(--e-a-btn-bg-danger)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger.color-white,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger.color-white,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger.color-white,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger.color-white{color:var(--e-a-color-white)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover{background-color:var(--e-a-btn-bg-danger-hover)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button i,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button i{margin-inline-end:5px}.dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button:visited,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:visited{color:initial}.dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled]:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled]:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled]:visited,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button[disabled]:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button[disabled]:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button[disabled]:visited{background-color:var(--e-a-btn-bg-disabled)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled],.dialog-type-confirm .dialog-buttons-wrapper .dialog-button[disabled]{background-color:var(--e-a-btn-bg-disabled);cursor:not-allowed} /* 2. ken burns at rest until pcl.js starts it (live: swiper init) */ html.pcl-anim .elementor-ken-burns--in.elementor-ken-burns--active:not(.pcl-kb){transform:scale(1)} html.pcl-anim .elementor-ken-burns--out.elementor-ken-burns--active:not(.pcl-kb){transform:scale(1.3)} /* 3. Header + mobile drawer (DESIGN-HEADER.md, approved 22 Oct 2026). Every switchable colour is here. */ :root { --pcl-drawer-bg: #4d7479; /* brand teal #568187 deepened 10% for AA: white text 5.13:1 */ --pcl-gold: #aea391; --pcl-ink: #584c38; --pcl-cta-from: #81745f; /* header CTA gradient, same hue as #aea391 -> #837a69, L x0.70: white 4.57:1 */ --pcl-cta-to: #5c554a; /* (7.36:1) */ --pcl-on-photo-shadow: drop-shadow(0 0 1px rgba(0,0,0,.55)) drop-shadow(0 1px 3px rgba(0,0,0,.45)); /* halo for white-on-photo */ --pcl-focus: #584c38; /* focus ring: ink 8.4:1 on white, with a white halo for dark/photo backgrounds */ } /* hamburger: 44x44, three CSS bars (the PNG stays in the markup, hidden) */ .ast-header-html-3 a[href="#desktop-nav-popup"] { width: 44px !important; height: 44px !important; padding: 0 !important; margin: 0 -6px 0 0 !important; display: block !important; border-radius: 8px; color: #000; -webkit-tap-highlight-color: transparent; background: linear-gradient(currentColor, currentColor) 50% 14px / 24px 2px no-repeat, linear-gradient(currentColor, currentColor) 50% 21px / 24px 2px no-repeat, linear-gradient(currentColor, currentColor) 50% 28px / 24px 2px no-repeat; } /* desktop: same 34px footprint as the old icon, so Contact Us and the CTA do not move */ #ast-desktop-header .ast-header-html-3 a[href="#desktop-nav-popup"] { margin-right: -10px !important; } .ast-header-html-3 a[href="#desktop-nav-popup"] img, .ast-header-html-3 a[href="#desktop-nav-popup"] br { display: none !important; } .ast-header-html-3 .ast-builder-html-element p { margin: 0; display: flex; align-items: center; } #ast-fixed-header .ast-header-html-3 a[href="#desktop-nav-popup"] { color: var(--pcl-ink) !important; filter: none !important; } .header-contact-toggle { min-height: 44px; } /* White hamburger + "Contact Us" over the photo, only where it is legible. Measured on all 35 heroes at 390 and 1440 (design/hero_contrast.py): white reaches 3:1 (icon) and 4.5:1 (15px text) against the median hero pixel only on these pages. Everywhere else they stay dark as before (black, 5.3:1 to 11.9:1 on those heroes; white would be 1.8:1 to 3.9:1 even with a halo). Re-run the script if a hero changes. */ body:is(.page-id-113, .page-id-1150, .page-id-1564, .page-id-3, .page-id-1570, .page-id-1606, .page-id-1580, .page-id-1572, .page-id-4224) #masthead .ast-header-html-3 a[href="#desktop-nav-popup"] { color: #fff; filter: var(--pcl-on-photo-shadow); } body:is(.page-id-113, .page-id-1150, .page-id-1564, .page-id-3, .page-id-1570, .page-id-1606, .page-id-1580, .page-id-1572, .page-id-4224) #masthead > #ast-desktop-header .header-contact-dropdown .header-contact-toggle { filter: var(--pcl-on-photo-shadow); } body:is(.page-id-113, .page-id-1150, .page-id-1564, .page-id-3, .page-id-1570, .page-id-1606, .page-id-1580, .page-id-1572, .page-id-4224) #masthead > #ast-desktop-header .header-contact-dropdown .header-contact-toggle :is(span, .header-contact-chevron), body:is(.page-id-113, .page-id-1150, .page-id-1564, .page-id-3, .page-id-1570, .page-id-1606, .page-id-1580, .page-id-1572, .page-id-4224) #masthead > #ast-desktop-header .header-contact-dropdown .header-contact-toggle { color: #fff !important; } /* header CTA contrast */ #masthead .ast-header-button-1 .ast-builder-button-wrap .ast-custom-button { background-image: linear-gradient(90deg, var(--pcl-cta-from) 0, var(--pcl-cta-to) 100%) !important; } /* keyboard focus, site-wide: one ring for every link, button, field and custom control (WCAG 2.4.7) */ html:root :is(a[href], button, input, select, textarea, summary, [tabindex]:not([tabindex="-1"]), [role="button"]):focus-visible { outline: 2px solid var(--pcl-focus) !important; outline-offset: 2px !important; box-shadow: 0 0 0 4px #fff !important; } /* sticky header slides in */ #ast-fixed-header.ast-sticky-active { animation: pcl-drop .25s ease-out; } @keyframes pcl-drop { from { transform: translateY(-100%); } to { transform: none; } } /* desktop mega popup: visible 44px close */ #elementor-popup-modal-4439 .dialog-close-button { width: 44px; height: 44px; border: 1.5px solid rgba(255,255,255,.6); border-radius: 50%; display: grid !important; place-items: center; } #elementor-popup-modal-4439 .dialog-close-button svg { width: 18px; height: 18px; fill: #fff; } /* drawer */ #pcl-drawer { position: fixed; inset: 0; z-index: 100000; visibility: hidden; transition: visibility 0s .3s; } #pcl-drawer[hidden] { display: none; } #pcl-drawer.is-open { visibility: visible; transition: none; } #pcl-drawer .pcl-scrim { position: absolute; inset: 0; background: rgba(23,38,69,.5); opacity: 0; transition: opacity .25s ease; } #pcl-drawer.is-open .pcl-scrim { opacity: 1; } #pcl-drawer .pcl-panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(88vw, 420px); background: var(--pcl-drawer-bg); color: #fff; display: flex; flex-direction: column; transform: translateX(100%); transition: transform .3s cubic-bezier(.2,.8,.2,1); box-shadow: -12px 0 32px rgba(0,0,0,.18); font-family: muli, sans-serif; padding-bottom: env(safe-area-inset-bottom); } #pcl-drawer.is-open .pcl-panel { transform: none; } #pcl-drawer .pcl-top { display: flex; align-items: center; justify-content: space-between; padding: 16px 16px 16px 24px; border-bottom: 1px solid rgba(255,255,255,.16); } #pcl-drawer .pcl-top a { display: flex; align-items: center; min-height: 44px; } #pcl-drawer .pcl-top img { width: 150px; height: auto; display: block; } #pcl-drawer .pcl-close { appearance: none; border: 1.5px solid rgba(255,255,255,.6); background: transparent; color: #fff; width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; cursor: pointer; padding: 0; } #pcl-drawer .pcl-close:hover { background: rgba(255,255,255,.12); } #pcl-drawer .pcl-close svg { width: 18px; height: 18px; } #pcl-drawer nav { overflow-y: auto; overscroll-behavior: contain; flex: 1; padding: 8px 0 16px; } #pcl-drawer ul { list-style: none; margin: 0; padding: 0; } #pcl-drawer .pcl-row { display: flex; align-items: stretch; border-bottom: 1px solid rgba(255,255,255,.12); } #pcl-drawer .pcl-row > a { flex: 1; display: flex; align-items: center; min-height: 56px; padding: 0 24px; color: #fff; text-decoration: none; font-size: 19px; font-weight: 500; line-height: 1.3; } #pcl-drawer .pcl-row > a[aria-current="page"] { font-weight: 700; box-shadow: inset 4px 0 0 var(--pcl-gold); } #pcl-drawer .pcl-row > button { appearance: none; border: 0; border-left: 1px solid rgba(255,255,255,.12); background: transparent; color: #fff; width: 56px; flex: 0 0 56px; display: grid; place-items: center; cursor: pointer; padding: 0; } #pcl-drawer .pcl-row > button svg { width: 14px; height: 14px; transition: transform .2s ease; } #pcl-drawer .pcl-row > button[aria-expanded="true"] svg { transform: rotate(180deg); } #pcl-drawer .pcl-sub { display: none; background: rgba(0,0,0,.12); } #pcl-drawer .pcl-sub.is-open { display: block; } #pcl-drawer .pcl-sub .pcl-row > a { font-size: 17px; font-weight: 400; min-height: 50px; padding-left: 40px; } #pcl-drawer .pcl-sub .pcl-sub .pcl-row > a { font-size: 16px; padding-left: 56px; min-height: 48px; } #pcl-drawer .pcl-cta { padding: 20px 24px 8px; display: grid; gap: 12px; border-top: 1px solid rgba(255,255,255,.16); } #pcl-drawer .pcl-cta a { display: flex; align-items: center; justify-content: center; min-height: 52px; border-radius: 8px; font-weight: 700; font-size: 16px; letter-spacing: .6px; text-transform: uppercase; text-decoration: none; } #pcl-drawer .pcl-cta .pcl-primary { background: #fff; color: var(--pcl-ink); } #pcl-drawer .pcl-cta .pcl-secondary { border: 1.5px solid rgba(255,255,255,.7); color: #fff; } #pcl-drawer .pcl-contact { padding: 8px 24px 20px; display: flex; flex-direction: column; font-size: 16px; } #pcl-drawer .pcl-contact a { color: #fff; text-decoration: none; display: flex; align-items: center; min-height: 44px; } html.pcl-locked, html.pcl-locked body { overflow: hidden !important; } @media (min-width: 1001px) { #pcl-drawer { display: none !important; } } @media (prefers-reduced-motion: reduce) { #pcl-drawer, #pcl-drawer .pcl-panel, #pcl-drawer .pcl-scrim, #pcl-drawer .pcl-row > button svg { transition: none; } #ast-fixed-header.ast-sticky-active { animation: none; } } /* 4. hero background video control (WCAG 2.2.2) */ .pcl-video-toggle { position: absolute; right: 20px; z-index: 3; width: 44px; height: 44px; padding: 0; margin: 0; border: 1.5px solid rgba(255,255,255,.7) !important; border-radius: 50% !important; cursor: pointer; background: rgba(23,38,69,.45) !important; color: #fff !important; display: grid; place-items: center; line-height: 0; box-shadow: none; transition: background-color .2s ease; } .pcl-video-toggle:hover { background: rgba(23,38,69,.7) !important; } .pcl-video-toggle svg { width: 16px; height: 16px; } .pcl-video-toggle .pcl-i-play, .pcl-video-toggle.is-paused .pcl-i-pause { display: none; } .pcl-video-toggle.is-paused .pcl-i-play { display: block; }