.main-nav-wrap-outer { top: 0; left: 0; right: 0; z-index: 100; width: 100%; height: auto; } .main-navigation-mega { width: 100%; text-align: center; padding: 0; margin: 0 auto; position: static; } .main-nav-mega-header { width: auto; flex: 0 0 auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: space-between; align-items: center; margin: 0 auto; text-align: center; } .main-nav-mega-logo { width: auto; max-width: 300px; text-align: center; margin: 0 auto; } .main-nav-mega-logo img { width: auto; height: auto; max-width: 220px; max-height: 110px; object-fit: contain; padding: 0; } ul.mega-nav, ul.mega-nav ul { list-style: none; margin: 0; } ul.mega-nav { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: clamp(14px, 1.5vw, 26px); width: 100%; padding: 10px clamp(10px, 2vw, 28px); margin: 0 auto; position: static; box-sizing: border-box; } ul.mega-nav a { color: inherit; text-decoration: none; } ul.mega-nav > li { position: static; width: auto; margin: 0; padding: 0; font-weight: 700; } ul.mega-nav > li:not(.kws-nav-action-item) > a { font-size: 85%; } ul.mega-nav > li > a { display: flex; align-items: center; justify-content: center; gap: .42em; min-height: 44px; padding: .55em clamp(.35em, .55vw, .6em); border-radius: 6px; transition: color 180ms ease, transform 180ms ease; } ul.mega-nav a:hover, ul.mega-nav a:focus, ul.mega-nav a:focus-visible { background-color: transparent !important; } ul.mega-nav > li:not(.kws-nav-action-item) > a:hover, ul.mega-nav > li:not(.kws-nav-action-item) > a:focus-visible { font-weight: inherit; outline-offset: -2px; } ul.mega-nav > li.menu-item-has-children > a::after { content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: .72em; line-height: 1; transition: transform 180ms ease; } ul.mega-nav > li.menu-item-has-children.kws-mega-open > a::after { transform: rotate(180deg); } ul.mega-nav > li > ul.sub-menu { position: absolute; z-index: 120; top: 100%; left: 0; right: 0; width: 100%; min-width: 100%; box-sizing: border-box; display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: center; gap: clamp(12px, 2vw, 32px); padding: clamp(18px, 2vw, 30px) clamp(18px, 4vw, 60px); margin: 0; text-align: left; font-weight: 500; box-shadow: 0 16px 30px rgba(0, 0, 0, .14); border-radius: 0 0 10px 10px; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-8px); transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease; } ul.mega-nav > li.kws-mega-open > ul.sub-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); } ul.mega-nav > li > ul.sub-menu > li { flex: 1 1 210px; min-width: min(210px, 100%); max-width: 340px; padding: 0; margin: 0; } ul.mega-nav > li > ul.sub-menu > li > a { display: block; padding: .4em .25em .65em; font-weight: 700; line-height: 1.25; border-bottom: 1px solid currentColor; } ul.mega-nav > li > ul.sub-menu > li > ul.sub-menu { position: static; display: block; width: auto; min-width: 0; padding: .45em 0 0; margin: 0; opacity: 1; visibility: inherit; pointer-events: inherit; transform: none; box-shadow: none; background: transparent !important; } ul.mega-nav > li > ul.sub-menu > li > ul.sub-menu li { position: static; margin: 0; padding: 0; background: transparent !important; font-weight: 400; } ul.mega-nav > li > ul.sub-menu > li > ul.sub-menu a { display: block; padding: .38em .25em; line-height: 1.35; border-radius: 4px; transition: padding-left 160ms ease, color 160ms ease; } ul.mega-nav > li > ul.sub-menu > li > ul.sub-menu a:hover, ul.mega-nav > li > ul.sub-menu > li > ul.sub-menu a:focus-visible { padding-left: .55em; font-weight: 500; } @media (min-width: 650px) and (max-width: 1100px) { ul.mega-nav > li > ul.sub-menu { font-size: clamp(14px, 1.45vw, 16px); } ul.mega-nav > li:not(.kws-nav-action-item) > a { padding-inline: clamp(.35em, .6vw, .65em); } } @media (min-width: 1100px) { ul.mega-nav > li > ul.sub-menu { font-size: clamp(14px, 1vw, 17px); } } @media (max-width: 649px) { ul.mega-nav > li > ul.sub-menu { transition: none; } } ul.mega-nav li ul li:hover, ul.mega-nav li ul li:focus, ul.mega-nav li ul li:focus-within, ul.mega-nav li ul li:hover > a, ul.mega-nav li ul li:focus-within > a { background: transparent !important; background-color: transparent !important; } ul.mega-nav{gap:clamp(14px,1.5vw,26px);} ul.mega-nav>li>a{position:relative;letter-spacing:.01em;} ul.mega-nav>li:not(.kws-nav-action-item)>a::before{ content:"";position:absolute;left:50%;right:50%;bottom:.32em;height:2px; background:currentColor;opacity:.68;transition:left .18s ease,right .18s ease,opacity .18s ease; } ul.mega-nav>li:not(.kws-nav-action-item):hover>a::before,ul.mega-nav>li:not(.kws-nav-action-item):focus-within>a::before,ul.mega-nav>li:not(.kws-nav-action-item).kws-mega-open>a::before,ul.mega-nav>li:not(.kws-nav-action-item).current-menu-item>a::before,ul.mega-nav>li:not(.kws-nav-action-item).current-menu-ancestor>a::before,ul.mega-nav>li:not(.kws-nav-action-item).current_page_item>a::before,ul.mega-nav>li:not(.kws-nav-action-item).current_page_ancestor>a::before{left:.85em;right:.85em;opacity:1;} ul.mega-nav>li>ul.sub-menu{ border-top:1px solid rgba(127,127,127,.22); box-shadow:0 18px 42px rgba(0,0,0,.13); padding-top:clamp(22px,2.4vw,34px);padding-bottom:clamp(24px,2.8vw,40px); } ul.mega-nav>li>ul.sub-menu>li>a{ border-bottom-color:rgba(127,127,127,.28); text-transform:none;letter-spacing:.015em; } ul.mega-nav>li>ul.sub-menu>li>ul.sub-menu a{opacity:.88;} ul.mega-nav>li>ul.sub-menu>li>ul.sub-menu a:hover, ul.mega-nav>li>ul.sub-menu>li>ul.sub-menu a:focus-visible{opacity:1;background:transparent!important;} #kws-navigation-bar:has(.main-navigation-mega){position:relative;display:block;} #kws-navigation-bar .main-navigation-mega{display:block;width:100%;max-width:none;margin:0;} #kws-navigation-bar ul.mega-nav{width:100%;align-items:center;justify-content:center;} ul.mega-nav>li.kws-mega-logo-item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;} ul.mega-nav>li.kws-mega-logo-item .main-navigation-logo{display:flex;align-items:center;justify-content:center;} ul.mega-nav>li.kws-mega-logo-item img{display:block;width:auto;height:auto;max-height:100px;max-width:220px;object-fit:contain;} @media (min-width:900px){ ul.mega-nav{align-items:center;} ul.mega-nav>li.kws-nav-action-item{flex:0 0 auto;display:flex;align-items:center;align-self:center;justify-content:center;} ul.mega-nav>li.kws-nav-action-item>a.kws-nav-menu-button{width:auto!important;display:inline-flex!important;align-items:center;justify-content:center;min-height:0;white-space:nowrap;margin-block:0!important;transform:none!important;} } #kws-navigation-bar:has(.main-navigation-mega){position:relative;} #kws-navigation-bar .main-navigation-mega,#kws-navigation-bar ul.mega-nav,#kws-navigation-bar ul.mega-nav>li{position:static;} #kws-navigation-bar ul.mega-nav>li>ul.sub-menu{position:absolute;inset-inline:0;width:100%;max-width:none;}