/* Abelle neutral chrome palette.
   White and black lead; cool gray is reserved for depth, lines and state. */
:root{
  --ab-nav-ivory:#fff;
  --ab-nav-paper:#fff;
  --ab-nav-ink:#111;
  --ab-nav-muted:#68747b;
  --ab-nav-line:#d1dbe0;
  --ab-nav-accent:#8fa4ad;
  --ab-nav-mobile:#202426;
}

@media (min-width:901px){
  html[data-abelle-site=true] #header.ab-nav-v2 #nav .ab-mega-panel,
  .ab-nav-v2 #nav .ab-mega-panel{
    border-color:rgba(255,255,255,.10)!important;
    background:rgba(32,36,38,.97)!important;
    box-shadow:0 20px 46px rgba(0,0,0,.18)!important;
  }
  .ab-nav-v2 .ab-third-menu{
    background:rgba(17,17,17,.98)!important;
    box-shadow:12px 18px 34px rgba(0,0,0,.20)!important;
  }
  .ab-nav-v2 .ab-nav-trigger:after{background:#b9ced8!important}
}

@media (max-width:900px){
  html[data-abelle-site=true] body #header.ab-nav-v2 #nav_mo#nav_mo{
    background:rgba(32,36,38,.985)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html[data-abelle-site=true] body #header.ab-nav-v2 #nav_mo .ab-mobile-nav-head{background:rgba(17,17,17,.99)!important}
  .ab-nav-v2 .menu.is-current>.ab-mobile-menu-row:before,
  .ab-nav-v2 .menu.is-open>.ab-mobile-menu-row:before{background:#b9ced8!important}
  .ab-nav-v2 .ab-mobile-third-menu{
    border-left-color:rgba(185,206,216,.52)!important;
    background:rgba(255,255,255,.045)!important;
  }
  html[data-abelle-site=true] #header.ab-nav-v2 #nav_mo .ab-mobile-third-guide{color:#dce8ed!important}
}