/*
 * Kemet Vault mobile nav v8.0.
 * Shared for all routes, high specificity to override home v6 and theme.
 */
@media(max-width:1100px) {
 body #site-header.kv-header {
   z-index:99998!important;
   overflow:visible!important;
   isolation:isolate;
 }
 body.home #site-header.kv-header {
   position:absolute!important;
   left:0!important;
   right:0!important;
   top:var(--wp-admin--admin-bar--height,0px)!important;
 }
 body #site-header .kv-header-inner {
   position:relative!important;
   display:flex!important;
   flex-wrap:nowrap!important;
   align-items:center!important;
   width:100%;
   min-height:68px!important;
   padding-inline:clamp(13px,3.5vw,28px)!important;
   overflow:visible!important;
 }
 body #site-header .kv-brand {
   display:flex!important;
   min-width:0!important;
   flex:1 1 auto!important;
   align-items:center!important;
   max-width:calc(100% - 119px)!important;
 }
 body #site-header .kv-brand strong {font-size:clamp(17px,2.7vw,23px)!important;}
 body #site-header .kv-brand small {font-size:9px!important;}
 body #site-header .kv-nav-toggle {
   display:flex!important;
   order:2!important;
   position:relative!important;
   align-items:center!important;
   justify-content:center!important;
   flex-direction:column!important;
   flex-shrink:0!important;
   width:46px!important;
   height:46px!important;
   min-height:46px!important;
   min-width:46px!important;
   border:1px solid rgba(218,180,112,.65)!important;
   border-radius:9px!important;
   padding:10px!important;
   margin-left:6px!important;
   background:rgba(10,34,44,.94)!important;
   color:#ffdfab!important;
   cursor:pointer!important;
   pointer-events:auto!important;
   z-index:4!important;
   gap:5px!important;
   box-shadow:0 3px 14px rgba(0,0,0,.16);
 }
 body #site-header .kv-nav-toggle span {
   display:block!important;
   width:21px!important;
   min-width:21px!important;
   height:2px!important;
   padding:0!important;
   margin:0!important;
   border:0!important;
   border-radius:3px!important;
   background:#fbe4be!important;
   transform-origin:center;
   transition:transform .2s,opacity .15s;
 }
 body #site-header.kvux-mobile-nav-open .kv-nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
 body #site-header.kvux-mobile-nav-open .kv-nav-toggle span:nth-child(2){opacity:0!important}
 body #site-header.kvux-mobile-nav-open .kv-nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
 body #site-header .kv-search-trigger {
   display:inline-flex!important;
   align-items:center!important;
   justify-content:center!important;
   width:42px!important;
   height:42px!important;
   min-width:42px!important;
   min-height:42px!important;
   flex-shrink:0!important;
   order:3!important;
   margin:0 0 0 5px!important;
   z-index:4!important;
 }
 body #site-header .kv6-header-cta{display:none!important}
 body #site-header #kv-navigation.kv-nav {
   position:absolute!important;
   top:100%!important;
   inset-inline:0!important;
   left:0!important;
   right:0!important;
   display:none!important;
   flex-direction:column!important;
   justify-content:flex-start!important;
   align-items:stretch!important;
   gap:0!important;
   width:100%!important;
   height:auto!important;
   max-height:calc(100dvh - 92px)!important;
   max-height:calc(100vh - 92px)!important;
   max-height:calc(100dvh - 92px)!important;
   overflow-x:hidden!important;
   overflow-y:auto!important;
   overscroll-behavior:contain;
   -webkit-overflow-scrolling:touch;
   padding:13px clamp(17px,4vw,33px) 29px!important;
   margin:0!important;
   background:linear-gradient(150deg,#122f3b,#09202b 83%)!important;
   border:1px solid rgba(202,159,90,.48)!important;
   border-top:2px solid #d3a45e!important;
   box-shadow:0 18px 45px rgba(0,0,0,.39)!important;
   visibility:hidden!important;
   opacity:0!important;
   pointer-events:none!important;
   z-index:99999!important;
   box-sizing:border-box!important;
 }
 body #site-header.kvux-mobile-nav-open #kv-navigation.kv-nav {
   display:flex!important;
   visibility:visible!important;
   opacity:1!important;
   pointer-events:auto!important;
 }
 body #site-header #kv-navigation.kv-nav > a {
   display:flex!important;
   align-items:center!important;
   padding:13px 4px!important;
   min-height:48px!important;
   width:100%!important;
   border:0!important;
   border-bottom:1px solid rgba(215,182,118,.19)!important;
   color:#f8e9cf!important;
   font-size:15px!important;
   font-weight:680!important;
   line-height:1.35!important;
   white-space:normal!important;
   text-decoration:none!important;
   opacity:1!important;
   flex-shrink:0!important;
 }
 body #site-header #kv-navigation.kv-nav > a:hover,
 body #site-header #kv-navigation.kv-nav > a:focus-visible {
   color:#f1bf74!important;
   background:rgba(237,189,113,.09)!important;
 }
 body #site-header #kv-navigation .kv7-blog-nav {
   display:block!important;
   width:100%!important;
   flex:0 0 auto!important;
   position:relative!important;
   margin:0!important;
   padding:0!important;
   align-self:auto!important;
 }
 body #site-header #kv-navigation .kv7-blog-head {
   display:flex!important;
   width:100%!important;
   justify-content:space-between!important;
   min-height:49px!important;
   border-bottom:1px solid rgba(215,182,118,.19)!important;
 }
 body #site-header #kv-navigation .kv7-blog-link {
   display:flex!important;
   flex:1!important;
   align-items:center!important;
   padding:12px 4px!important;
   color:#f8e9cf!important;
   font-size:15px!important;
   font-weight:700!important;
 }
 body #site-header #kv-navigation .kv7-blog-toggle {
   display:flex!important;
   align-items:center!important;
   justify-content:center!important;
   flex:0 0 44px!important;
   width:44px!important;
   height:44px!important;
   min-width:44px!important;
   min-height:44px!important;
   align-self:center!important;
   margin:0!important;
   padding:0!important;
   border:1px solid rgba(245,208,153,.38)!important;
   border-radius:6px!important;
   background:rgba(244,203,130,.09)!important;
   color:#ffe0aa!important;
   font-size:24px!important;
   cursor:pointer!important;
 }
 body #site-header #kv-navigation .kv7-blog-dropdown {
   position:static!important;
   display:none!important;
   visibility:hidden!important;
   opacity:0!important;
   pointer-events:none!important;
   transform:none!important;
   width:100%!important;
   max-width:100%!important;
   height:auto!important;
   max-height:none!important;
   overflow:visible!important;
   margin:4px 0 18px!important;
   padding:17px 15px!important;
   border-radius:8px!important;
   box-shadow:none!important;
   background:#1a3944!important;
   border:1px solid rgba(216,171,102,.27)!important;
 }
 body #site-header #kv-navigation .kv7-blog-nav.kv7-open .kv7-blog-dropdown {
   display:block!important;
   visibility:visible!important;
   opacity:1!important;
   pointer-events:auto!important;
 }
 body #site-header #kv-navigation .kv7-blog-groups {
   display:grid!important;
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:18px!important;
 }
 body #site-header #kv-navigation .kv7-blog-group-title {font-size:19px!important}
 body #site-header #kv-navigation .kv7-blog-group li a {font-size:13px!important;line-height:1.4!important;padding:8px 4px!important}
 body #site-header #kv-navigation a:focus-visible,
 body #site-header .kv-nav-toggle:focus-visible {
   outline:3px solid #ffcd7e!important;
   outline-offset:2px!important;
 }
}
@media(max-width:560px){
 body #site-header .kv-brand small {display:none!important}
 body #site-header #kv-navigation .kv7-blog-groups {grid-template-columns:1fr!important}
 body #site-header #kv-navigation.kv-nav {max-height:calc(100dvh - 85px)!important}
}
@media(min-width:1101px){
 body #site-header #kv-navigation.kv-nav {visibility:visible!important;pointer-events:auto!important;opacity:1!important}
 body #site-header .kv-nav-toggle {display:none!important}
}
@media(prefers-reduced-motion:reduce){
 body #site-header .kv-nav-toggle span {transition:none!important}
}