/* Adapt behavior while retaining the incumbent CSS cascade and geometry. */
.menuArrow {border:0;background:transparent;color:inherit;padding:0;cursor:pointer;letter-spacing:inherit;}
/* Native shell buttons retain the legacy label geometry; only their semantics and keyboard focus change. */
button#vs-open-search,button#menuOpen,button#close-wpvs-search {appearance:none;border:0;border-radius:0;background:transparent!important;color:inherit;font:inherit;letter-spacing:inherit;text-transform:none;text-align:inherit;margin:0;box-shadow:none;min-width:auto;min-height:auto;cursor:pointer;}
header#header .header-icons button#vs-open-search,header#header .header-icons button#menuOpen {display:inline-block;vertical-align:middle;padding:0 5px;box-sizing:content-box;}
header#header .header-icons button .dashicons {font-size:34px;}
button#menuOpen {overflow:hidden;position:relative;width:35px;height:35px;}
button#menuOpen span {position:absolute;display:block;top:16px;right:20px;width:20px;height:3px;}
button#menuOpen span,button#menuOpen span:before,button#menuOpen span:after {background:#fff;transition:all .3s ease-in;}
button#menuOpen span:before {content:"";position:absolute;top:-8px;width:30px;height:3px;display:block;}
button#menuOpen span:after {content:"";position:absolute;top:8px;width:10px;height:3px;display:block;}
button#menuOpen.menu-button-open span {transform:rotateZ(45deg);width:30px;right:10px;}
button#menuOpen.menu-button-open span:before {transform:rotateZ(270deg);top:0;}
button#menuOpen.menu-button-open span:after {transform:rotateZ(270deg);top:0;width:30px;}
button#menuOpen:hover>span,button#menuOpen:hover>span:before,button#menuOpen:hover>span:after {background:#64266d;}
button#close-wpvs-search {padding:5px;}
button#vs-open-search:focus-visible,button#menuOpen:focus-visible,button#close-wpvs-search:focus-visible {outline:2px solid #eee;outline-offset:2px;}
@media(min-width:960px){header#header.show-desktop-menu .header-icons button#menuOpen {display:none;}button#close-wpvs-search {padding:10px;}}
/* Page custom CSS that styles every <button> (695: button{margin:20px;padding:20px;background-color:#64266d!important}) never reached the incumbent arrow, a <span>. */
button.menuArrow {margin:0;background-color:transparent!important;}
nav#mobile ul.sub-menu.portal-expanded {display:block;}
header#header nav#desktop li:focus-within>ul.sub-menu {display:block;}
header#header nav#desktop li.wpvs-theme-full-menu:focus-within>ul.sub-menu {display:block;}
.portal-cookie-category {background:none;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer;}
.portal-rail-track>.video-slide:focus-visible {outline:2px solid #eeeeee;outline-offset:-2px;}
.portal-rail-track .wpvs-no-slide-image {height:calc((var(--portal-slide-width,165px) - 2px) * 590 / 380 + 2px);}
.portal-rail-viewport {--portal-columns:8;}
@media(max-width:1199px){.portal-rail-viewport {--portal-columns:6;}}
@media(max-width:959px){.portal-rail-viewport {--portal-columns:4;}header#header.show-desktop-menu .header-container {height:40px;grid-template-columns:auto 80px;}}
@media(max-width:599px){.portal-rail-viewport {--portal-columns:3;}}

button.cli-btn {letter-spacing:inherit;}

#vs-search form.portal-search-form {display:contents;}

/* 404 / nothing found (owner request 2026-10-31: the bare block left a void under the header): the 404 block (sole child of #wrapper) centred in the viewport, home link as the site's purple button. */
#wrapper>#page404 {display:flex;align-items:center;justify-content:center;min-height:100vh;padding:96px 16px 64px;box-sizing:border-box;}
#wrapper>#page404>.container {width:100%;max-width:760px;margin:0 auto;}
#page404 h1 {font-size:clamp(2em,5.5vw,3em);line-height:1.15;margin:0 0 .6em;}
#page404 p {font-size:1.05em;line-height:1.6;margin:0 0 2em;color:#d8d8d8;}
#page404 p a {color:#fff;text-decoration:underline;text-underline-offset:3px;}
#page404 .col-12>a:last-child {display:inline-block;padding:14px 28px;background:#64266d;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:3px;transition:background .15s;}
#page404 .col-12>a:last-child:hover,#page404 .col-12>a:last-child:focus-visible {background:#4d1b55;color:#fff;}
