/* GMSL blog header only v7 */

body.gmsl-blog-compact-header > header{
  position:sticky !important;
  top:0 !important;
  z-index:10050 !important;
  width:100%;
  overflow:visible !important;
  border-bottom:1px solid rgba(15,23,42,.06);
  background:rgba(255,255,255,.96);
  box-shadow:0 4px 16px rgba(15,23,42,.035);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transform:translateY(0);
  transition:transform .22s ease, box-shadow .18s ease, background .18s ease;
}

body.gmsl-blog-compact-header > header.gmsl-header-hidden{
  transform:translateY(calc(-100% - 6px));
}

body.gmsl-blog-compact-header > header.menu-open,
body.gmsl-blog-compact-header > header.gmsl-menu-active{
  transform:translateY(0) !important;
}

body.gmsl-blog-compact-header > header .nav-list,
body.gmsl-blog-compact-header > header .header-cta,
body.gmsl-blog-compact-header > header .header-phone{
  display:none !important;
}

body.gmsl-blog-compact-header > header .header-inner{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:calc(100% - 24px) !important;
  max-width:1160px !important;
  min-height:56px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body.gmsl-blog-compact-header > header .brand{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body.gmsl-blog-compact-header > header .logo,
body.gmsl-blog-compact-header > header img.logo{
  display:block !important;
  width:auto !important;
  max-width:100% !important;
  height:52px !important;
}

body.gmsl-blog-compact-header > header .nav-wrap{
  position:absolute !important;
  top:50% !important;
  right:4px !important;
  left:auto !important;
  display:flex !important;
  align-items:center !important;
  margin:0 !important;
  transform:translateY(-50%) !important;
}

body.gmsl-blog-compact-header > header .nav-toggle{
  position:relative !important;
  inset:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:38px !important;
  min-width:38px !important;
  height:38px !important;
  min-height:38px !important;
  margin:0 !important;
  padding:8px !important;
  border:1px solid rgba(15,23,42,.08) !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.72) !important;
  color:#475569 !important;
  box-shadow:none !important;
  opacity:.78;
  transform:none !important;
  z-index:10002 !important;
}

body.gmsl-blog-compact-header > header .nav-toggle:hover,
body.gmsl-blog-compact-header > header .nav-toggle:focus-visible{
  opacity:1;
  color:#1456a0 !important;
  border-color:rgba(20,86,160,.20) !important;
  background:#fff !important;
}

body.gmsl-blog-compact-header .mobile-menu--portal{
  position:fixed !important;

  top:var(
    --gmsl-menu-top,
    calc(var(--nav-height,66px) + 8px)
  ) !important;

  right:var(
    --gmsl-menu-right,
    12px
  ) !important;

  left:auto !important;

  width:min(
    320px,
    calc(100vw - 24px)
  ) !important;

  max-width:none !important;

  max-height:calc(
    100dvh - var(--gmsl-menu-top,74px) - 12px
  ) !important;

  overflow-y:auto !important;
  overscroll-behavior:contain;

  z-index:10001 !important;
}

body.gmsl-blog-compact-header .mobile-menu .btn,
body.gmsl-blog-compact-header .mobile-menu--portal .btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:calc(100% - 1.5rem) !important;
  margin:.65rem .75rem !important;
  padding:.85rem 1rem !important;
  border:1px solid #1456a0 !important;
  border-radius:10px !important;
  background:#1456a0 !important;
  color:#fff !important;
  font-weight:800 !important;
  line-height:1.35 !important;
  text-align:center !important;
  text-decoration:none !important;
}

body.gmsl-blog-compact-header .mobile-menu .btn:hover,
body.gmsl-blog-compact-header .mobile-menu .btn:focus-visible,
body.gmsl-blog-compact-header .mobile-menu--portal .btn:hover,
body.gmsl-blog-compact-header .mobile-menu--portal .btn:focus-visible{
  background:#0f4788 !important;
  border-color:#0f4788 !important;
  color:#fff !important;
}

@media (max-width:700px){
  body.gmsl-blog-compact-header > header .header-inner{
    width:calc(100% - 16px) !important;
    min-height:48px !important;
  }

  body.gmsl-blog-compact-header > header .logo,
  body.gmsl-blog-compact-header > header img.logo{
    height:44px !important;
  }

  body.gmsl-blog-compact-header > header .nav-wrap{
    right:2px !important;
  }

  body.gmsl-blog-compact-header > header .nav-toggle{
    width:36px !important;
    min-width:36px !important;
    height:36px !important;
    min-height:36px !important;
    padding:7px !important;
    border-radius:9px !important;
  }
}