/* Static copy: CSS-only replacements for the theme's JavaScript */

/* hero slider -> CSS crossfade */
.static-slider{position:relative;width:100%;aspect-ratio:1920/850;overflow:hidden;background:#222}
.static-slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:static-fade 14s infinite}
.static-slider img:nth-child(2){animation-delay:7s;opacity:0}
@keyframes static-fade{0%,45%{opacity:1}50%,95%{opacity:0}100%{opacity:1}}
@media (prefers-reduced-motion:reduce){.static-slider img{animation:none}.static-slider img:nth-child(2){display:none}}

/* accordion -> radio buttons */
.ui--accordion .acc-toggle{position:absolute;opacity:0;pointer-events:none}
.ui--accordion .ui--accordion-item-title{cursor:pointer}
.ui--accordion-item>.acc-toggle:not(:checked)~.ui--accordion-item-content{display:none}
html #page-wrap .ui--accordion-item>.acc-toggle:checked+.ui--accordion-item-title{margin:-1px -1px 0;padding:11px 31px 10px;color:#fff;text-shadow:0 -1px 0 #094e8c;background:#0e7bdd linear-gradient(to bottom,#1cbaed,#0e7bdd)}
html #page-wrap .ui--accordion-item>.acc-toggle:not(:checked)+.ui--accordion-item-title{color:#333;text-shadow:0 1px 0 #fff}
.ui--accordion-item>.acc-toggle:focus-visible+.ui--accordion-item-title{outline:2px solid #0e7bdd;outline-offset:-2px}

/* dropdown menus (language switcher) on hover / keyboard focus */
@media (min-width:768px){
#header-navigation li:hover>ul.sub-menu,#header-navigation li:focus-within>ul.sub-menu{top:100%}
#header-navigation>li:last-child>ul.sub-menu{left:auto;right:0}
}

/* mobile menu toggle -> hidden checkbox */
.nav-toggle-input{position:absolute;opacity:0;pointer-events:none}
#header-navigation-toggle label{display:block;margin:0;padding:8px 12px;border:1px solid;border-radius:3px;color:#169fe6;cursor:pointer;line-height:normal}
#header-navigation-toggle label .ui--caret{font-size:14px}
.nav-toggle-input:focus-visible+#header-navigation-toggle label{outline:2px solid #169fe6;outline-offset:2px}
@media (max-width:767px){
body:has(#nav-toggle:checked) #header-navigation{display:block!important}
body:has(#nav-toggle:checked) #header-navigation>.fallout>ul.sub-menu{display:block!important;position:static!important}
}

/* section titles: lines beside the text (was positioned by JS) */
.ui--title-bordered .ui--title-holder{display:flex;align-items:center}
.ui--title-bordered .ui--title-text{flex:0 1 auto;order:1}
.ui--title-bordered .ui--title-borders{position:static;flex:1 1 0;width:auto;margin:0;display:block}
.ui--title-bordered .ui--title-border-left{order:0}
.ui--title-bordered .ui--title-border-right{order:2}
.ui--title-bordered:not(.text-center):not(.text-right) .ui--title-border-left{display:none}
.ui--title-bordered.text-right .ui--title-border-right{display:none}

/* replaced map */
.static-map-link{display:block;padding:40px 20px;text-align:center;background:#f1f1f1;border:1px solid #e5e5e5;border-radius:3px}

/* carousels (galleries, partner logos) -> static grid showing every row */
.ui--carousel .slides>div{display:block}
.ui--carousel .slides>div+div{margin-top:30px}
.ui--client-list .ui--carousel .slides>div+div{margin-top:0}
.ui--carousel-navigation,.ui--carosuel-prev,.ui--carosuel-next{display:none!important}
