.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}body #page-container,
body.et_pb_pagebuilder_layout #page-container,
body.et_pb_pagebuilder_layout.et_full_width_page #page-container {
padding-top: 0 !important;
margin-top: 0 !important;
}
body.et-fixed-header #as-navbar {
top: var(--as-nav-margin-top) !important;
left: var(--as-nav-margin) !important;
right: var(--as-nav-margin) !important;
}
#main-header,
.et-fixed-header#main-header {
display: none !important;
} #as-navbar, #as-navbar * { box-sizing: border-box; }
#as-navbar ul, #as-navbar li { list-style: none; padding: 0; margin: 0; }
#as-navbar a { text-decoration: none; }
#as-navbar button { cursor: pointer; background: none; border: none; font: inherit; padding: 0; }
#asMobileOverlay, #asMobileOverlay * { box-sizing: border-box; }
#asMobileOverlay ul, #asMobileOverlay li { list-style: none; padding: 0; margin: 0; }
#asMobileOverlay a { text-decoration: none; }
#asMobileOverlay button { cursor: pointer; background: none; border: none; font: inherit; padding: 0; } :root {
--as-nav-color-transparent:   #17130F;
--as-nav-color-scrolled:      #17130F;
--as-nav-cta-bg-t:            #6FA39A;
--as-nav-cta-text-t:          #17130F;
--as-nav-cta-bg-s:            #6FA39A;
--as-nav-cta-text-s:          #17130F;
--as-nav-cta-dot:             #D9542B;
--as-nav-hamburger-t:         #17130F;
--as-nav-hamburger-s:         #17130F;
--as-nav-close-color:         #17130F;
--as-nav-glass-bg:            rgba(243,238,230,0.88);
--as-nav-overlay-bg:          #D9542B;
--as-nav-mobile-text:         #17130F;
--as-nav-mob-line:            rgba(23,19,15,0.25);
--as-nav-hover-text-desktop:  #A63C18;
--as-nav-hover-bg-desktop:    transparent;
--as-nav-font-desktop:        "Inter Tight", system-ui, sans-serif;
--as-nav-font-mobile:         "Inter Tight", system-ui, sans-serif;
--as-nav-font-weight-desktop: 400;
--as-nav-font-weight-mobile:  300;
--as-nav-font-size-desktop:   15px;
--as-nav-font-size-mobile:    clamp(40px, 12vw, 56px);
--as-nav-logo-height:         36px;
--as-nav-logo-text-size:      15px;
--as-nav-logo-text-weight:    500;
--as-nav-navbar-height:       68px;
--as-nav-radius:              0px;
--as-nav-margin:              0px;
--as-nav-margin-top:          0px;
--as-nav-nav-padding:         64px;
--as-nav-menu-gap:            28px;
--as-nav-ease:                cubic-bezier(0.4, 0, 0.2, 1);
} #as-navbar {
position: fixed;
top: var(--as-nav-margin-top);
left: var(--as-nav-margin);
right: var(--as-nav-margin); z-index: 100000;
border-radius: var(--as-nav-radius);
border-bottom: 1px solid transparent;
background: transparent;
padding-top: env(safe-area-inset-top, 0px);
transition:
background      .35s var(--as-nav-ease),
backdrop-filter .35s var(--as-nav-ease),
border-color    .35s var(--as-nav-ease),
transform       .35s var(--as-nav-ease),
top             .35s var(--as-nav-ease),
left            .35s var(--as-nav-ease),
right           .35s var(--as-nav-ease),
border-radius   .35s var(--as-nav-ease);
} #as-navbar[data-always-glass="true"],
#as-navbar.scrolled {
background: var(--as-nav-glass-bg);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
#as-navbar.scrolled {
border-bottom-color: var(--as-nav-mob-line);
} #as-navbar.as-overlay-open {
background: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
border-color: transparent !important;
} #as-navbar[data-scrolled-flush="true"].scrolled {
top: 0;
left: 0;
right: 0;
border-radius: 0;
} #as-navbar[data-scrolled-style="solid"].scrolled,
#as-navbar[data-scrolled-style="solid"][data-always-glass="true"] {
backdrop-filter: none;
-webkit-backdrop-filter: none;
} #as-navbar.as-nav-hidden {
transform: translateY(calc(-100% - var(--as-nav-margin-top) - 10px));
pointer-events: none;
}
#as-navbar nav {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
min-height: var(--as-nav-navbar-height);
padding: 0 var(--as-nav-side, var(--as-nav-nav-padding));
gap: 24px;
}
#as-navbar .as-nav-right {
display: flex;
align-items: center;
gap: 14px;
min-width: 0;
} #as-navbar .as-logo-brand {
display: flex;
align-items: center;
flex-shrink: 0;
text-decoration: none;
}
#as-navbar .as-logo-type {
font-family: var(--as-nav-font-desktop);
font-size: var(--as-nav-logo-text-size);
font-weight: var(--as-nav-logo-text-weight);
letter-spacing: 0.01em;
line-height: 1;
color: var(--as-nav-color-transparent);
white-space: nowrap;
transition: color .3s var(--as-nav-ease);
}
#as-navbar.scrolled .as-logo-type { color: var(--as-nav-color-scrolled); }
#as-navbar .as-logo-brand:hover .as-logo-type { color: var(--as-nav-hover-text-desktop); } #as-navbar .as-logo-desktop,
#as-navbar .as-logo-mobile {
display: flex;
align-items: center;
gap: 10px;
flex-shrink: 0;
text-decoration: none;
position: relative;
}
#as-navbar .as-logo-img {
height: var(--as-nav-logo-height);
width: auto;
display: block;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
opacity: 0;
transition: opacity .4s var(--as-nav-ease);
pointer-events: none;
} #as-navbar .as-logo-desktop .as-logo-img:first-child,
#as-navbar .as-logo-mobile .as-logo-img:first-child {
position: relative;
top: auto;
transform: none;
pointer-events: auto;
}
#as-navbar .as-logo-transparent { opacity: 1; }
#as-navbar .as-logo-scrolled    { opacity: 0; }
#as-navbar .as-logo-overlay     { opacity: 0; }
#as-navbar.scrolled .as-logo-transparent { opacity: 0; }
#as-navbar.scrolled .as-logo-scrolled    { opacity: 1; }
#as-navbar.scrolled .as-logo-transparent:only-child { opacity: 1; }
#as-navbar.as-overlay-open .as-logo-transparent { opacity: 0; }
#as-navbar.as-overlay-open .as-logo-scrolled    { opacity: 0; }
#as-navbar.as-overlay-open .as-logo-overlay     { opacity: 1; }
#as-navbar.as-overlay-open .as-logo-mobile .as-logo-transparent:only-child { opacity: 1; } #as-navbar .as-nav-links {
display: flex !important;
align-items: center !important;
gap: var(--as-nav-menu-gap);
flex-wrap: wrap;
justify-content: flex-end;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
#as-navbar .as-nav-links > li {
position: relative;
display: flex !important;
align-items: center !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
#as-navbar .as-nav-links > li > a {
display: flex !important;
align-items: center !important;
gap: 6px;
padding: 6px 0;
font-family: var(--as-nav-font-desktop) !important;
font-size: var(--as-nav-font-size-desktop) !important;
font-weight: var(--as-nav-font-weight-desktop) !important;
color: var(--as-nav-color-transparent) !important;
white-space: nowrap;
line-height: 1 !important;
text-decoration: none !important;
background: transparent;
transition: background .2s, color .2s, transform .2s, box-shadow .2s;
position: relative;
} #as-navbar[data-hover-effect="highlight"] .as-nav-links > li:not(.nav-cta) > a {
padding: 8px 14px;
border-radius: 999px;
}
#as-navbar[data-hover-effect="highlight"] .as-nav-links > li:not(.nav-cta) > a:hover {
background: var(--as-nav-hover-bg-desktop) !important;
color: var(--as-nav-hover-text-desktop) !important;
} #as-navbar[data-hover-effect="underline"] .as-nav-links > li:not(.nav-cta) > a::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background: currentColor;
transform: scaleX(0);
transform-origin: left center;
transition: transform .25s var(--as-nav-ease);
}
#as-navbar[data-hover-effect="underline"] .as-nav-links > li:not(.nav-cta) > a:hover::before {
transform: scaleX(1);
}
#as-navbar[data-hover-effect="underline"] .as-nav-links > li:not(.nav-cta) > a:hover {
color: var(--as-nav-hover-text-desktop) !important;
} #as-navbar[data-hover-effect="glow"] .as-nav-links > li:not(.nav-cta) > a:hover {
box-shadow: 0 0 16px 2px rgba(23,19,15,0.12), 0 0 4px rgba(23,19,15,0.08);
color: var(--as-nav-hover-text-desktop) !important;
} #as-navbar[data-hover-effect="scale"] .as-nav-links > li:not(.nav-cta) > a:hover {
transform: scale(1.06);
color: var(--as-nav-hover-text-desktop) !important;
} #as-navbar[data-hover-effect="none"] .as-nav-links > li:not(.nav-cta) > a:hover {
color: var(--as-nav-hover-text-desktop) !important;
} #as-navbar .as-nav-links > li.current-menu-item > a {
color: var(--as-nav-hover-text-desktop) !important;
} #as-navbar .as-nav-links > li.has-submenu > a::after {
content: '';
width: 5px;
height: 5px;
border-right: 1.2px solid currentColor;
border-bottom: 1.2px solid currentColor;
transform: rotate(45deg);
display: block;
margin-top: -2px;
flex-shrink: 0;
transition: transform .25s var(--as-nav-ease);
}
#as-navbar .as-nav-links > li.has-submenu.sub-open > a::after {
transform: rotate(225deg);
margin-top: 2px;
} #as-navbar .as-nav-links > li.nav-cta > a {
background: var(--as-nav-cta-bg-t) !important;
color: var(--as-nav-cta-text-t) !important;
padding: 8px 16px !important;
border-radius: 999px;
font-weight: 400 !important;
letter-spacing: 0;
gap: 8px;
position: relative;
overflow: hidden;
z-index: 0;
transition: color .35s var(--as-nav-ease);
} #as-navbar[data-cta-dot="1"] .as-nav-links > li.nav-cta > a::before {
content: '';
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--as-nav-cta-dot);
flex-shrink: 0;
} #as-navbar .as-nav-links > li.nav-cta > a::after {
content: '';
position: absolute;
inset: 0;
border-radius: inherit;
background: var(--as-nav-hover-cta-bg-t, var(--as-nav-cta-bg-t));
opacity: 0;
transition: opacity .35s var(--as-nav-ease);
z-index: -1;
}
#as-navbar .as-nav-links > li.nav-cta > a:hover::after { opacity: 1; }
#as-navbar .as-nav-links > li.nav-cta > a:hover {
color: var(--as-nav-hover-cta-text-t, var(--as-nav-cta-text-t)) !important;
} #as-navbar .as-nav-links > li.nav-cta.has-submenu > a::after {
width: auto; height: auto; border: 0; transform: none;
} #as-navbar.scrolled .as-nav-links > li > a {
color: var(--as-nav-color-scrolled) !important;
}
#as-navbar.scrolled .as-nav-links > li:hover > a,
#as-navbar.scrolled .as-nav-links > li.current-menu-item > a {
color: var(--as-nav-hover-text-desktop) !important;
}
#as-navbar.scrolled .as-nav-links > li.nav-cta > a {
background: var(--as-nav-cta-bg-s) !important;
color: var(--as-nav-cta-text-s) !important;
}
#as-navbar.scrolled .as-nav-links > li.nav-cta > a::after {
background: var(--as-nav-hover-cta-bg-s, var(--as-nav-cta-bg-s));
}
#as-navbar.scrolled .as-nav-links > li.nav-cta > a:hover {
color: var(--as-nav-hover-cta-text-s, var(--as-nav-cta-text-s)) !important;
} #as-navbar .as-submenu {
position: absolute;
top: 100%;
left: 0;
padding-top: 12px;
z-index: 10000;
pointer-events: none;
opacity: 0;
transform: translateY(4px);
transition: opacity .2s ease, transform .2s ease;
list-style: none !important;
margin: 0 !important;
padding-left: 0 !important;
}
#as-navbar .as-nav-links > li.has-submenu.sub-open .as-submenu {
opacity: 1;
pointer-events: all;
transform: translateY(0);
}
#as-navbar .as-submenu-inner {
background: #F3EEE6;
border: 1px solid var(--as-nav-mob-line);
border-radius: 6px;
padding: 6px;
min-width: 210px;
box-shadow: 0 16px 36px -18px rgba(23,19,15,0.45);
position: relative;
}
#as-navbar .as-submenu-inner li {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
#as-navbar .as-submenu-inner li a {
display: block !important;
width: 100%;
padding: 9px 14px !important;
font-family: var(--as-nav-font-desktop) !important;
font-size: 15px !important;
font-weight: var(--as-nav-font-weight-desktop) !important;
color: #17130F !important;
border-radius: 4px;
white-space: nowrap;
text-decoration: none !important;
background: transparent;
transition: background .15s, color .15s;
}
#as-navbar .as-submenu-inner li a:hover {
background: #F3EEE6 !important;
color: var(--as-nav-hover-text-desktop) !important;
} #as-navbar .as-hamburger {
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 5px;
width: 40px;
height: 40px;
border-radius: 8px;
flex-shrink: 0;
position: relative;
z-index: 10001;
transition: background .25s, border-color .25s;
}
#as-navbar .as-hamburger span {
display: block;
height: 1.5px;
background: var(--as-nav-hamburger-t);
border-radius: 2px;
transition:
transform  .28s var(--as-nav-ease),
opacity    .28s ease,
width      .28s ease,
background .28s var(--as-nav-ease);
}
#as-navbar .as-hamburger span:nth-child(1) { width: 16px; align-self: flex-start; margin-left: 10px; }
#as-navbar .as-hamburger span:nth-child(2) { width: 26px; }
#as-navbar .as-hamburger span:nth-child(3) { width: 16px; align-self: flex-end; margin-right: 10px; }
#as-navbar.scrolled .as-hamburger span { background: var(--as-nav-hamburger-s); }
#as-navbar .as-hamburger.open span     { background: var(--as-nav-close-color) !important; }
#as-navbar .as-hamburger.open span:nth-child(1) {
width: 20px; margin-left: 10px;
transform: translateY(6.5px) rotate(45deg);
}
#as-navbar .as-hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
#as-navbar .as-hamburger.open span:nth-child(3) {
width: 20px; margin-right: 10px;
transform: translateY(-6.5px) rotate(-45deg);
} #as-navbar[data-burger="circle"] .as-hamburger {
width: 46px;
height: 46px;
border: 1px solid var(--as-nav-hamburger-t);
border-radius: 50%;
gap: 4px;
}
#as-navbar.scrolled[data-burger="circle"] .as-hamburger { border-color: var(--as-nav-hamburger-s); }
#as-navbar[data-burger="circle"] .as-hamburger.open     { border-color: var(--as-nav-close-color); }
#as-navbar[data-burger="circle"] .as-hamburger span:nth-child(1),
#as-navbar[data-burger="circle"] .as-hamburger span:nth-child(2),
#as-navbar[data-burger="circle"] .as-hamburger span:nth-child(3) {
width: 18px;
align-self: center;
margin: 0;
}
#as-navbar[data-burger="circle"] .as-hamburger.open span:nth-child(1) {
transform: translateY(5.5px) rotate(45deg);
}
#as-navbar[data-burger="circle"] .as-hamburger.open span:nth-child(3) {
transform: translateY(-5.5px) rotate(-45deg);
} #as-navbar[data-burger="duo"] .as-hamburger {
width: 44px;
height: 44px;
gap: 0;
border-radius: 0;
}
#as-navbar[data-burger="duo"] .as-hamburger span {
position: absolute;
right: 0;
margin: 0;
align-self: auto;
transition:
top        .3s var(--as-nav-ease),
width      .3s var(--as-nav-ease),
transform  .3s var(--as-nav-ease),
background .3s ease;
}
#as-navbar[data-burger="duo"] .as-hamburger span:nth-child(1) { top: 17px; width: 28px; }
#as-navbar[data-burger="duo"] .as-hamburger span:nth-child(2) { display: none; }
#as-navbar[data-burger="duo"] .as-hamburger span:nth-child(3) { top: 26px; width: 18px; }
#as-navbar[data-burger="duo"] .as-hamburger:hover span:nth-child(3) { width: 28px; }
#as-navbar[data-burger="duo"] .as-hamburger.open span:nth-child(1),
#as-navbar[data-burger="duo"] .as-hamburger.open span:nth-child(3) {
top: 21.25px;
width: 26px;
margin: 0;
}
#as-navbar[data-burger="duo"] .as-hamburger.open span:nth-child(1) { transform: rotate(45deg); }
#as-navbar[data-burger="duo"] .as-hamburger.open span:nth-child(3) { transform: rotate(-45deg); }
#as-navbar .as-hamburger:focus-visible {
outline: 2px solid var(--as-nav-cta-dot);
outline-offset: 3px;
} #asMobileOverlay {
position: fixed;
inset: 0;
background: var(--as-nav-overlay-bg);
color: var(--as-nav-mobile-text);
z-index: 99999;
display: none;
flex-direction: column;
justify-content: center;
padding:
calc(var(--as-nav-navbar-height) + 32px + env(safe-area-inset-top, 0px))
var(--as-nav-side, var(--as-nav-nav-padding))
calc(40px + env(safe-area-inset-bottom, 0px));
overflow-y: auto;
pointer-events: none;
}
#asMobileOverlay[data-align="bottom"] { justify-content: flex-end; }
#asMobileOverlay.open { pointer-events: auto; }  #asMobileOverlay {
--as-nav-burger-x: calc(100% - var(--as-nav-margin) - var(--as-nav-side, var(--as-nav-nav-padding)) - 22px);
--as-nav-burger-y: calc(var(--as-nav-margin-top) + var(--as-nav-navbar-height) / 2);
}
#asMobileOverlay[data-animation="circle"][data-mode="overlay"] {
clip-path: circle(0% at var(--as-nav-burger-x) var(--as-nav-burger-y));
transition: clip-path .52s var(--as-nav-ease);
}
#asMobileOverlay[data-animation="circle"][data-mode="overlay"].open {
clip-path: circle(165% at var(--as-nav-burger-x) var(--as-nav-burger-y));
} #asMobileOverlay[data-animation="slide"][data-mode="overlay"] {
transform: translateX(100%);
transition: transform .45s var(--as-nav-ease);
}
#asMobileOverlay[data-animation="slide"][data-mode="overlay"].open {
transform: translateX(0);
} #asMobileOverlay[data-animation="slide-up"][data-mode="overlay"] {
transform: translateY(100%);
transition: transform .45s var(--as-nav-ease);
}
#asMobileOverlay[data-animation="slide-up"][data-mode="overlay"].open {
transform: translateY(0);
} #asMobileOverlay[data-animation="fade"][data-mode="overlay"] {
opacity: 0;
transition: opacity .35s ease;
}
#asMobileOverlay[data-animation="fade"][data-mode="overlay"].open { opacity: 1; } #asMobileOverlay[data-mode="dropdown"] {
inset: auto;
position: fixed;
top: calc(var(--as-nav-margin-top) + var(--as-nav-navbar-height) + 8px);
left: var(--as-nav-margin);
right: var(--as-nav-margin);
bottom: auto;
max-height: calc(100vh - var(--as-nav-navbar-height) - var(--as-nav-margin-top) - 32px);
border-radius: 6px;
box-shadow: 0 16px 40px -18px rgba(23,19,15,0.45);
border: 1px solid var(--as-nav-mob-line);
padding: 8px 24px 24px;
justify-content: flex-start;
transform: translateY(-10px);
opacity: 0;
transition: transform .3s var(--as-nav-ease), opacity .3s ease;
}
#asMobileOverlay[data-mode="dropdown"].open {
transform: translateY(0);
opacity: 1;
}
#asMobileOverlay[data-mode="dropdown"] .as-mob-row {
padding: 14px 0;
font-size: clamp(20px, 5vw, 26px);
} #asMobileOverlay .as-mob-links { width: 100%; }
#asMobileOverlay .as-mob-links > li {
border-top: 1px solid var(--as-nav-mob-line);
opacity: 0;
transform: translateY(14px);
transition: opacity .3s ease, transform .3s ease;
} #asMobileOverlay.open .as-mob-links > li              { opacity: 1; transform: none; }
#asMobileOverlay.open .as-mob-links > li:nth-child(1) { transition-delay: .17s; }
#asMobileOverlay.open .as-mob-links > li:nth-child(2) { transition-delay: .22s; }
#asMobileOverlay.open .as-mob-links > li:nth-child(3) { transition-delay: .27s; }
#asMobileOverlay.open .as-mob-links > li:nth-child(4) { transition-delay: .32s; }
#asMobileOverlay.open .as-mob-links > li:nth-child(5) { transition-delay: .37s; }
#asMobileOverlay.open .as-mob-links > li:nth-child(6) { transition-delay: .42s; }
#asMobileOverlay.open .as-mob-links > li:nth-child(7) { transition-delay: .47s; }
#asMobileOverlay.open .as-mob-links > li:nth-child(8) { transition-delay: .52s; }
#asMobileOverlay .as-mob-row {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 6px 0;
font-family: var(--as-nav-font-mobile);
font-size: var(--as-nav-font-size-mobile);
font-weight: var(--as-nav-font-weight-mobile);
color: var(--as-nav-mobile-text);
letter-spacing: -0.04em;
line-height: 1.08;
background: none;
border: none;
text-align: left;
transition: opacity .2s, color .2s;
}
#asMobileOverlay .as-mob-row:hover {
color: var(--as-nav-hover-text-mobile, var(--as-nav-mobile-text));
opacity: .6;
} #asMobileOverlay .as-mob-row.as-it,
#asMobileOverlay .as-mob-links > li.as-it > .as-mob-row {
font-family: "Instrument Serif", Georgia, serif;
font-style: italic;
font-weight: 400;
letter-spacing: -0.01em;
} #asMobileOverlay .as-mob-arrow {
flex-shrink: 0;
margin-left: 12px;
color: currentColor;
opacity: .5;
transition: transform .25s var(--as-nav-ease);
display: flex;
align-items: center;
}
#asMobileOverlay .as-mob-arrow svg {
width: 20px;
height: 20px;
stroke: currentColor;
fill: none;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
#asMobileOverlay .as-mob-links > li.as-mob-sub.as-mob-open > .as-mob-row .as-mob-arrow {
transform: rotate(90deg);
} #asMobileOverlay .as-mob-sub-list { overflow: hidden; }
#asMobileOverlay .as-mob-sub-list li { border-top: 1px solid var(--as-nav-mob-line); }
#asMobileOverlay .as-mob-sub-list li:first-child { border-top: none; }
#asMobileOverlay .as-mob-sub-list li a {
display: block;
padding: 10px 0 10px 18px;
font-family: var(--as-nav-font-desktop);
font-size: 17px;
color: var(--as-nav-mobile-text);
opacity: .7;
transition: opacity .18s;
text-decoration: none;
}
#asMobileOverlay .as-mob-sub-list li:last-child a { padding-bottom: 16px; }
#asMobileOverlay .as-mob-sub-list li a:hover { opacity: 1; } #asMobileOverlay .as-mob-links > li.as-mob-cta {
border: none;
padding-top: 22px;
}
#asMobileOverlay .as-mob-links > li.as-mob-cta > .as-mob-row {
display: inline-flex;
width: auto;
gap: 10px;
padding: 13px 24px;
background: var(--as-nav-cta-bg-s);
color: var(--as-nav-cta-text-s);
border-radius: 999px;
font-size: 16px;
font-family: var(--as-nav-font-desktop);
font-weight: 500;
letter-spacing: 0;
opacity: 1;
}
#asMobileOverlay[data-cta-dot="1"] .as-mob-links > li.as-mob-cta > .as-mob-row::before {
content: '';
width: 8px; height: 8px;
border-radius: 50%;
background: var(--as-nav-cta-dot);
flex-shrink: 0;
}
#asMobileOverlay .as-mob-links > li.as-mob-cta > .as-mob-row:hover {
background: var(--as-nav-hover-cta-bg-s, var(--as-nav-cta-bg-s));
opacity: 1;
} #asMobileOverlay .as-mob-footer {
margin: 28px 0 0;
font-family: var(--as-nav-font-desktop);
font-size: 12px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--as-nav-mobile-text);
opacity: .75;
opacity: 0;
transition: opacity .3s ease .55s;
}
#asMobileOverlay.open .as-mob-footer { opacity: .75; } body.as-menu-open { overflow: hidden; } @media (prefers-reduced-motion: reduce) {
#as-navbar,
#as-navbar *,
#asMobileOverlay,
#asMobileOverlay * {
transition-duration: .01ms !important;
animation-duration: .01ms !important;
}
#asMobileOverlay[data-animation="circle"][data-mode="overlay"] { clip-path: none; }
#asMobileOverlay[data-animation="slide"][data-mode="overlay"],
#asMobileOverlay[data-animation="slide-up"][data-mode="overlay"] { transform: none; }
#asMobileOverlay:not(.open) { opacity: 0; visibility: hidden; }
#asMobileOverlay.open { opacity: 1; visibility: visible; }
}