/* V18.8: fixed mobile header without covering hero text */
:root{--mobile-header-h:74px}
@media (max-width: 768px){
  html,body{overflow-x:hidden}
  header,.site-header,.main-header,.navbar,.top-header{
    position:fixed !important;top:0;left:0;right:0;z-index:10000 !important;
    width:100% !important;
  }
  body{padding-top:var(--mobile-header-h) !important}
  main,.page,.content,.hero,.hero-section,.hero-slider,.hero-wrap{
    scroll-margin-top:var(--mobile-header-h);
  }
  .hero,.hero-section,.hero-slider,.hero-wrap{
    padding-top:0 !important;
    margin-top:0 !important;
  }
  .hero-content,.hero-text,.hero-copy{
    padding-top:12px !important;
  }
  .mobile-menu,.nav-menu,.menu-panel,.offcanvas{
    z-index:10001 !important;
  }
}