.ast-mobile-popup-drawer .ast-mobile-popup-inner{
  background:var(--drawer) !important; width:78%; max-width:320px;
}
.ast-mobile-popup-drawer .ast-mobile-popup-header{
  min-height:0 !important; padding:6px 10px !important;
}
.ast-mobile-popup-drawer .ast-mobile-svg,
.ast-mobile-popup-drawer .menu-toggle-close,
.ast-mobile-popup-drawer .menu-toggle-close svg{ color:#fff !important; fill:#fff !important; }

.ast-mobile-popup-drawer ul,
.ast-mobile-popup-drawer li,
.ast-mobile-popup-drawer .menu-item > a,
.ast-mobile-popup-drawer .menu-item > .menu-link,
.ast-mobile-popup-drawer .sub-menu,
.ast-mobile-popup-drawer .ast-builder-menu{
  border:0 !important; box-shadow:none !important; outline:0 !important;
  margin-top:0 !important; margin-bottom:0 !important;
}
.ast-mobile-popup-drawer .menu-item{
  border:0 !important; border-bottom:1px solid rgba(255,255,255,.08) !important; margin:0 !important;
}
.ast-mobile-popup-drawer .menu-item > a,
.ast-mobile-popup-drawer .menu-item > .menu-link{
  color:#fff !important; font-size:13px !important; font-weight:500 !important;
  line-height:1.3 !important; padding:11px 16px !important;
  min-height:0 !important; height:auto !important;
  background:transparent; border-radius:0;
}
.ast-mobile-popup-drawer .menu-item:hover > .menu-link,
.ast-mobile-popup-drawer .current-menu-item > .menu-link{ background:rgba(255,255,255,.10); }

.ast-mobile-popup-drawer .sub-menu{ background:rgba(0,0,0,.18); border-radius:0; padding:0; }
.ast-mobile-popup-drawer .sub-menu .menu-item > a,
.ast-mobile-popup-drawer .sub-menu .menu-item > .menu-link{
  font-size:12.5px !important; padding:9px 16px 9px 26px !important;
}
.ast-mobile-popup-drawer .sub-menu a::before,
.ast-mobile-popup-drawer .sub-menu a::after,
.ast-mobile-popup-drawer .sub-menu .menu-link::before,
.ast-mobile-popup-drawer .sub-menu .menu-link::after,
.ast-mobile-popup-drawer .sub-menu .menu-item::before,
.ast-mobile-popup-drawer .sub-menu .menu-item::after{ content:none !important; display:none !important; }
.ast-mobile-popup-drawer .sub-menu .menu-link .ast-icon,
.ast-mobile-popup-drawer .sub-menu .menu-link svg{ display:none !important; }

.ast-mobile-popup-drawer .ast-menu-toggle{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  top:0 !important; bottom:auto !important; height:40px !important; width:46px !important;
  display:flex !important; align-items:center; justify-content:center;
}
.ast-mobile-popup-drawer .ast-menu-toggle svg,
.ast-mobile-popup-drawer .ast-menu-toggle .ast-icon{ display:none !important; }
.ast-mobile-popup-drawer .ast-menu-toggle::before{
  content:"+"; color:#fff; font-size:22px; font-weight:300; line-height:1;
}
.ast-mobile-popup-drawer .ast-menu-toggle[aria-expanded="true"]::before{ content:"\2212"; }
/* current page / hovered item in the drawer: soft white fill + yellow left bar, text stays white */
.ast-mobile-popup-drawer .main-header-menu > .menu-item.current-menu-item > .menu-link,
.ast-mobile-popup-drawer .main-header-menu > .menu-item.current-menu-ancestor > .menu-link,
.ast-mobile-popup-drawer .main-header-menu > .menu-item.current-menu-parent > .menu-link,
.ast-mobile-popup-drawer .main-header-menu > .menu-item > .menu-link:hover,
.ast-mobile-popup-drawer .main-header-menu .sub-menu .current-menu-item > .menu-link{
  background:rgba(255,255,255,.12) !important; color:#fff !important;
  border-bottom-color:transparent !important; box-shadow:inset 3px 0 0 var(--accent) !important;
}

/* ---- phone / tablet menu: tap or hover = text turns gold + nudges right + a right arrow slides in (no background), like the desktop menu ---- */
.ast-mobile-popup-drawer .menu-item > .menu-link{ position:relative; transition:color .2s ease, padding-left .2s ease; }

.ast-mobile-popup-drawer .menu-item > .menu-link:hover,
.ast-mobile-popup-drawer .menu-item > .menu-link:focus,
.ast-mobile-popup-drawer .menu-item > .menu-link:active{ color:var(--accent) !important; padding-left:22px !important; }
.ast-mobile-popup-drawer .sub-menu .menu-item > .menu-link:hover,
.ast-mobile-popup-drawer .sub-menu .menu-item > .menu-link:focus,
.ast-mobile-popup-drawer .sub-menu .menu-item > .menu-link:active{ padding-left:32px !important; }

/* no fill or side bar just for touching an item (the page you are on keeps its soft highlight) */
.ast-mobile-popup-drawer .main-header-menu .menu-item:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent) > .menu-link:hover,
.ast-mobile-popup-drawer .main-header-menu .menu-item:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent) > .menu-link:focus,
.ast-mobile-popup-drawer .main-header-menu .menu-item:not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent) > .menu-link:active{
  background:transparent !important; box-shadow:none !important; color:var(--accent) !important;
}

/* the right arrow (only on links that open a page; items with a + / - toggle keep their toggle) */
.ast-mobile-popup-drawer .menu-item:not(.menu-item-has-children) > .menu-link{ padding-right:40px !important; }
.ast-mobile-popup-drawer .menu-item:not(.menu-item-has-children) > .menu-link::after{
  content:"\2192" !important; display:block !important; position:absolute; right:16px; top:50%;
  transform:translate(-8px,-50%); opacity:0; color:var(--accent); font-size:15px; line-height:1;
  transition:opacity .2s ease, transform .2s ease;
}
.ast-mobile-popup-drawer .menu-item:not(.menu-item-has-children) > .menu-link:hover::after,
.ast-mobile-popup-drawer .menu-item:not(.menu-item-has-children) > .menu-link:focus::after,
.ast-mobile-popup-drawer .menu-item:not(.menu-item-has-children) > .menu-link:active::after,
.ast-mobile-popup-drawer .menu-item.current-menu-item:not(.menu-item-has-children) > .menu-link::after{
  opacity:1; transform:translate(0,-50%);
}