/* Desktop mega menu and customer contact CTA. */
.site-header .inquiry{
  display:grid;
  grid-template-columns:1fr auto;
  gap:2px 12px;
  align-items:center;
  min-width:178px;
  padding:10px 0 10px 22px;
  border-left:1px solid rgba(255,255,255,.25);
  transition:color .3s,border-color .3s;
}
.site-header .inquiry small{
  grid-column:1;
  color:rgba(255,255,255,.62);
  font:600 9px Arial,sans-serif;
  letter-spacing:.06em;
  transition:color .3s;
}
.site-header .inquiry strong{
  grid-column:1;
  font-size:13px;
  font-weight:600;
}
.site-header .inquiry span{
  grid-column:2;
  grid-row:1 / span 2;
  margin:0;
  font-size:18px;
  transition:transform .3s;
}
.site-header .inquiry:hover{
  color:#e5d098;
  border-color:#e5d098;
}
.site-header .inquiry:hover small{color:#e5d098}
.site-header .inquiry:hover span{transform:translate(3px,-3px)}

@media(min-width:881px){
  .site-header{overflow:visible}
  .site-header .mobile-inquiry{display:none!important}
  .site-header .nav-group .sub-nav{
    position:fixed;
    top:100px;
    right:0;
    left:0;
    display:flex!important;
    justify-content:center;
    gap:10px;
    width:100vw;
    min-width:0;
    padding:28px max(5vw,60px) 32px;
    background:rgba(24,37,47,.98);
    border-top:1px solid rgba(255,255,255,.15);
    border-bottom:1px solid rgba(255,255,255,.12);
    box-shadow:0 24px 45px rgba(0,0,0,.22);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-14px);
    transition:opacity .28s ease,visibility .28s ease,transform .34s cubic-bezier(.2,.7,.3,1);
    counter-reset:mega-link;
  }
  .site-header.is-scrolled .nav-group .sub-nav{top:76px}
  body.admin-bar .site-header .nav-group .sub-nav{top:132px}
  body.admin-bar .site-header.is-scrolled .nav-group .sub-nav{top:108px}
  .site-header .nav-group:hover .sub-nav,
  .site-header .nav-group:focus-within .sub-nav{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
  }
  .site-header .nav-group>.nav-parent{transition:color .28s}
  .site-header .nav-group:hover>.nav-parent,
  .site-header .nav-group:focus-within>.nav-parent{color:#e5d098}
  .site-header .nav-group .sub-nav a{
    counter-increment:mega-link;
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:13px;
    align-items:center;
    width:min(210px,18vw);
    min-height:64px;
    padding:15px 17px!important;
    color:rgba(255,255,255,.82);
    text-align:left;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.14);
    transition:color .3s,background .3s,border-color .3s,transform .3s;
  }
  .site-header .nav-group .sub-nav a:before{
    content:"0" counter(mega-link);
    color:#d9c58d;
    font:600 9px Arial,sans-serif;
    letter-spacing:.08em;
  }
  .site-header .nav-group .sub-nav a:after{
    content:"↗";
    font-size:14px;
    font-weight:400;
  }
  .site-header .nav-group .sub-nav a:hover{
    color:#263241;
    background:#e1cf9a;
    border-color:#e1cf9a;
    transform:translateY(-3px);
  }
  .site-header .nav-group .sub-nav a:hover:before{color:#263241}
}

@media(max-width:880px){
  body.admin-bar .site-header{top:46px!important}
  body.admin-bar .main-nav{
    top:114px!important;
    max-height:calc(100svh - 114px)!important;
  }
  .site-header .inquiry{display:none!important}
  .main-nav .mobile-inquiry{
    position:sticky;
    bottom:72px;
    z-index:3;
    display:grid!important;
    grid-template-columns:1fr auto;
    gap:3px 12px;
    align-items:center;
    margin:18px 0 4px;
    padding:16px 15px!important;
    color:#263241!important;
    background:#e1cf9a!important;
    border:0!important;
    box-shadow:0 -12px 18px #263241;
    transition:background .25s,color .25s;
  }
  .main-nav .mobile-inquiry small{
    grid-column:1;
    color:rgba(38,50,65,.65);
    font:700 9px Arial,sans-serif;
    letter-spacing:.1em;
  }
  .main-nav .mobile-inquiry strong{
    grid-column:1;
    font-size:15px;
    letter-spacing:-.04em;
  }
  .main-nav .mobile-inquiry b{
    grid-column:2;
    grid-row:1 / span 2;
    font-size:22px;
    font-weight:400;
  }
  .main-nav .mobile-inquiry:hover,
  .main-nav .mobile-inquiry:focus{
    color:#fff!important;
    background:#819379!important;
  }
}