/* HLRN GLOBAL NAV — CLEAN RESET */
#hlrn-global-nav,
#hlrn-global-nav *{
  box-sizing:border-box;
}

#hlrn-global-nav{
  --hgn-red:#e31837;
  --hgn-bg:#090b0f;
  --hgn-panel:#11151b;
  --hgn-line:#2b313a;

  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  max-width:none!important;
  min-height:68px!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  inset:auto!important;
  z-index:2147483000!important;

  background:var(--hgn-bg)!important;
  color:#fff!important;
  border-top:3px solid var(--hgn-red)!important;
  border-bottom:1px solid #242a32!important;
  font-family:Arial,Helvetica,sans-serif!important;
  line-height:1!important;
  overflow:visible!important;
}

#hlrn-global-nav .hgn-inner{
  width:min(100%,1540px)!important;
  min-height:65px!important;
  margin:0 auto!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
}

#hlrn-global-nav a{
  text-decoration:none!important;
}

#hlrn-global-nav .hgn-brand{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#fff!important;
  min-width:max-content!important;
}

#hlrn-global-nav .hgn-mark{
  width:43px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  color:#090b0f!important;
  font-size:18px!important;
  font-style:italic!important;
  font-weight:1000!important;
  transform:skewX(-12deg)!important;
}

#hlrn-global-nav .hgn-name{
  color:#fff!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

#hlrn-global-nav .hgn-name small{
  display:block!important;
  margin-top:5px!important;
  color:#7d8691!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
}

#hlrn-global-nav .hgn-links{
  flex:1 1 auto!important;
  align-self:stretch!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  min-width:0!important;
}

#hlrn-global-nav .hgn-link{
  position:relative!important;
  min-height:65px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#b8c0ca!important;

  font-family:Arial,Helvetica,sans-serif!important;
  font-size:9px!important;
  font-weight:1000!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}

#hlrn-global-nav .hgn-link:hover,
#hlrn-global-nav .hgn-link.active,
#hlrn-global-nav .hgn-more-wrap.active .hgn-more-btn{
  background:#11151b!important;
  color:#fff!important;
}

#hlrn-global-nav .hgn-link.active:after,
#hlrn-global-nav .hgn-more-wrap.active .hgn-more-btn:after{
  content:""!important;
  position:absolute!important;
  left:11px!important;
  right:11px!important;
  bottom:0!important;
  height:3px!important;
  background:var(--hgn-red)!important;
}

#hlrn-global-nav .hgn-live{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:10px 12px!important;
  border:1px solid #39414b!important;
  background:#11151b!important;
  color:#fff!important;
  font-size:8px!important;
  font-weight:1000!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

#hlrn-global-nav .hgn-live i{
  width:7px!important;
  height:7px!important;
  display:block!important;
  border-radius:50%!important;
  background:#3fe378!important;
  box-shadow:0 0 9px rgba(63,227,120,.6)!important;
}

#hlrn-global-nav .hgn-more-wrap{
  position:relative!important;
  display:flex!important;
  align-items:stretch!important;
}

#hlrn-global-nav .hgn-more-btn{
  border:0!important;
  background:transparent!important;
}

#hlrn-global-nav .hgn-arrow{
  margin-left:6px!important;
  font-size:8px!important;
}

#hlrn-global-nav .hgn-more-menu{
  position:absolute!important;
  top:100%!important;
  right:0!important;
  width:240px!important;
  padding:8px 0!important;
  background:#202020!important;
  border-top:3px solid var(--hgn-red)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.48)!important;

  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(-5px)!important;
  pointer-events:none!important;
  transition:.15s ease!important;
  z-index:2147483640!important;
}

#hlrn-global-nav .hgn-more-wrap.open .hgn-more-menu,
#hlrn-global-nav .hgn-more-wrap:hover .hgn-more-menu{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  pointer-events:auto!important;
}

#hlrn-global-nav .hgn-more-item{
  min-height:48px!important;
  padding:0 34px!important;
  display:flex!important;
  align-items:center!important;
  color:#eee!important;
  background:#202020!important;
  font-size:13px!important;
  font-weight:600!important;
  text-transform:uppercase!important;
}

#hlrn-global-nav .hgn-more-item:hover,
#hlrn-global-nav .hgn-more-item.active{
  background:#2c2c2c!important;
  color:#fff!important;
}

#hlrn-global-nav .hgn-menu{
  display:none!important;
  margin-left:auto!important;
  width:42px!important;
  height:38px!important;
  border:1px solid #343b45!important;
  background:#11151b!important;
  color:#fff!important;
  font-size:20px!important;
  cursor:pointer!important;
}

#hlrn-global-nav .hgn-mobile{
  display:none!important;
}

@media(max-width:1180px){
  #hlrn-global-nav .hgn-links,
  #hlrn-global-nav .hgn-live{
    display:none!important;
  }

  #hlrn-global-nav .hgn-menu{
    display:block!important;
  }

  #hlrn-global-nav .hgn-mobile.open{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    padding:10px!important;
    background:#090b0f!important;
    border-top:1px solid #252a32!important;
  }

  #hlrn-global-nav .hgn-mobile > a,
  #hlrn-global-nav .hgn-mobile-more{
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #282e37!important;
    background:#11151b!important;
    color:#c6ced7!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:9px!important;
    font-weight:1000!important;
    text-transform:uppercase!important;
  }

  #hlrn-global-nav .hgn-mobile > a.active{
    color:#fff!important;
    border-color:var(--hgn-red)!important;
  }

  #hlrn-global-nav .hgn-mobile-more{
    width:100%!important;
    cursor:pointer!important;
  }

  #hlrn-global-nav .hgn-mobile-more-menu{
    display:none!important;
    grid-column:1/-1!important;
  }

  #hlrn-global-nav .hgn-mobile-more-menu.open{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }

  #hlrn-global-nav .hgn-mobile-more-menu a{
    min-height:40px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #303640!important;
    background:#1a1e24!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:1000!important;
    text-transform:uppercase!important;
  }
}

@media(max-width:600px){
  #hlrn-global-nav .hgn-name{
    display:none!important;
  }

  #hlrn-global-nav .hgn-mobile.open,
  #hlrn-global-nav .hgn-mobile-more-menu.open{
    grid-template-columns:1fr!important;
  }
}