a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible,
[role="link"]:focus-visible,
[role="menuitem"]:focus-visible {
outline: 3px solid #0b5fff !important;
outline-offset: 2px !important;
box-shadow: 0 0 0 2px #ffffff !important;
border-radius: 2px;
} a:focus, button:focus, input:focus, select:focus, textarea:focus {
outline: 2px solid #0b5fff;
} #nf-field-5-wrap.checkbox-wrap.wkaf-checkbox-focus .nf-field-label label::after,
.nf-form-cont .checkbox-wrap.wkaf-checkbox-focus .nf-field-label label::after {
outline-color: #0b5fff !important;
outline-style: solid !important;
outline-width: 3px !important;
outline-offset: 3px !important;
box-shadow: 0 0 0 2px #ffffff !important;
}
@media (forced-colors: active) {
#nf-field-5-wrap.checkbox-wrap.wkaf-checkbox-focus .nf-field-label label::after,
.nf-form-cont .checkbox-wrap.wkaf-checkbox-focus .nf-field-label label::after {
outline-color: Highlight !important;
box-shadow: none !important;
forced-color-adjust: auto;
}
} .skip-link:focus,
.wkaf-skip-link:focus {
position: fixed !important;
left: 50% !important;
top: 8px !important;
transform: translateX(-50%) !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 12px 20px !important;
background: #0b5fff !important;
color: #ffffff !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-decoration: underline !important;
z-index: 100000 !important;
clip: auto !important;
-webkit-clip-path: none !important;
clip-path: none !important;
border-radius: 4px !important;
box-shadow: 0 2px 10px rgba(0,0,0,.45) !important;
} .menu-item-has-children:focus-within > .sub-menu,
.sub-nav-item:focus-within > .sub-menu,
.mega-menu-item:focus-within > .sub-menu,
li.menu-item:focus-within > ul,
li:focus-within > ul.sub-menu {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
max-height: none !important;
transform: none !important;
pointer-events: auto !important;
} .hamburger:focus-visible,
#hamburger-menu .hamburger:focus-visible {
outline: 3px solid #0b5fff !important;
outline-offset: 3px !important;
}
.hamburger[role="button"] { cursor: pointer; } #mega-menu-wrap > ul > li.has-submenu {
padding-right: 0 !important;
margin-right: 24px !important;
}
#mega-menu-wrap > ul > li.has-submenu::after {
display: none !important;
}
#mega-menu-wrap > ul > li.has-submenu > .wkaf-submenu-toggle {
appearance: none !important;
-webkit-appearance: none !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
color: inherit !important;
cursor: pointer;
display: inline-flex !important;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
right: -24px;
box-sizing: border-box !important;
min-width: 24px !important;
width: 24px !important;
height: 30px !important;
padding: 0 !important;
margin: 0 !important;
font-size: 0 !important;
line-height: 1 !important;
transform: translateY(-50%);
z-index: 3;
}
#mega-menu-wrap > ul > li.has-submenu > .wkaf-submenu-toggle > span {
display: block;
width: 8px;
height: 8px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: translateY(-2px) rotate(45deg);
transform-origin: center;
}
#mega-menu-wrap > ul > li.has-submenu > .wkaf-submenu-toggle[aria-expanded="true"] > span {
transform: translateY(2px) rotate(-135deg);
} @media screen and (min-width: 1101px) {
#masthead .header-wrap {
display: flex !important;
align-items: center !important;
}
#masthead .site-branding {
float: none !important;
flex: 0 0 auto !important;
}
#masthead .header-wrap > .right {
float: none !important;
display: flex !important;
align-items: center !important;
flex: 1 1 auto !important;
min-width: 0 !important;
height: 100% !important;
margin-left: 20px !important;
}
#masthead #site-navigation.main-nav {
float: none !important;
display: block !important;
flex: 1 1 auto !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
}
#mega-menu-wrap {
display: block !important;
}
#mega-menu-wrap > ul {
display: flex !important;
align-items: stretch !important;
justify-content: center !important;
flex-wrap: nowrap !important;
}
#mega-menu-wrap > ul > li {
float: none !important;
flex: 0 0 auto !important;
}
#masthead .menu-other {
float: none !important;
flex: 0 0 auto !important;
}
#mega-menu-wrap > ul > li > a > span {
margin-left: 0 !important;
margin-right: 0 !important;
} #mega-menu-wrap > ul > li.has-submenu {
margin-right: 24px !important;
}
#mega-menu-wrap > ul > li.has-submenu > a {
padding-right: 0 !important;
}
#mega-menu-wrap > ul > li.has-submenu > .wkaf-submenu-toggle {
right: -24px;
justify-content: flex-start;
padding-left: 3px !important;
}
}
@media screen and (min-width: 1101px) and (max-width: 1799px) {
#mega-menu-wrap > ul > li > a {
padding-left: 10px !important;
padding-right: 10px !important;
}
} @media screen and (min-width: 1101px) and (max-width: 1279px) {
#mega-menu-wrap > ul > li > a {
padding-left: 6px !important;
padding-right: 6px !important;
}
#mega-menu-wrap > ul > li.has-submenu > a {
padding-right: 0 !important;
}
} .wkaf-sr-only {
position: absolute !important;
width: 1px; height: 1px;
padding: 0; margin: -1px;
overflow: hidden; clip: rect(0,0,0,0);
white-space: nowrap; border: 0;
} @media screen and (max-width: 1100px) {
#masthead #site-navigation.main-nav #mega-menu-wrap > ul > li.has-submenu {
position: relative !important;
padding-right: 0 !important;
margin-right: 0 !important;
}
#masthead #site-navigation.main-nav #mega-menu-wrap > ul > li.has-submenu > a.menu-link::before,
#masthead #site-navigation.main-nav #mega-menu-wrap > ul > li.has-submenu > a.menu-link::after {
display: none !important;
}
#masthead #site-navigation.main-nav #mega-menu-wrap > ul > li.has-submenu > .wkaf-submenu-toggle {
top: 2px;
right: 14px;
min-width: 44px !important;
width: 44px !important;
height: 40px !important;
color: inherit;
transform: none;
z-index: 12;
}
} @media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: .001ms !important;
animation-iteration-count: 1 !important;
transition-duration: .001ms !important;
scroll-behavior: auto !important;
}
}