/* =========================================================
   KRAKEN MEDICAL TRAINING
   V16.5 SHARED PUBLIC NAVIGATION
   ========================================================= */

:root{
  --kg-navy:#071b24;
  --kg-navy-2:#0c3038;
  --kg-deep:#03110f;
  --kg-teal:#18a88e;
  --kg-aqua:#48d6bd;
  --kg-orange:#e06d42;
  --kg-paper:#f6f9f6;
  --kg-ink:#102b35;
  --kg-muted:#617673;
  --kg-line:#d6e3de;
}

[data-kraken-site-nav]{
  position:relative;
  z-index:1000;
  font-family:Inter,sans-serif;
}

[data-kraken-site-nav] .kraken-site-header{
  height:68px!important;
  background:linear-gradient(90deg,#061b23 0%,#071b24 55%,#08232a 100%)!important;
  border-bottom:1px solid rgba(72,214,189,.12)!important;
  color:#fff!important;
}

[data-kraken-site-nav] .ksn-inner{
  width:min(1500px,calc(100% - 30px));
  height:100%;
  margin:auto;
  display:flex;
  align-items:center;
  gap:24px;
}

[data-kraken-site-nav] .ksn-brand{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
  color:#fff!important;
  text-decoration:none;
}

[data-kraken-site-nav] .ksn-brand img{
  display:block!important;
  width:40px!important;
  height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
  object-fit:contain!important;
}

[data-kraken-site-nav] .ksn-brand span{
  display:flex;
  flex-direction:column;
  line-height:1;
}

[data-kraken-site-nav] .ksn-brand strong{
  color:#fff!important;
  font-family:Oswald,sans-serif;
  font-size:1.05rem;
  letter-spacing:.06em;
}

[data-kraken-site-nav] .ksn-brand small{
  margin-top:4px;
  color:#a9c2bc!important;
  font-size:.55rem;
  letter-spacing:.16em;
}

[data-kraken-site-nav] .ksn-nav{
  display:flex;
  align-items:stretch;
  justify-content:center;
  min-width:0;
  height:100%;
  margin-left:auto;
}

[data-kraken-site-nav] .ksn-link,
[data-kraken-site-nav] button.ksn-link{
  position:relative;
  display:flex;
  align-items:center;
  min-height:0!important;
  padding:0 11px!important;
  border:0!important;
  border-radius:0!important;
  appearance:none!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#cbdad6!important;
  font-family:Inter,sans-serif!important;
  font-size:.79rem!important;
  font-weight:750!important;
  line-height:1!important;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
}

[data-kraken-site-nav] .ksn-link:hover,
[data-kraken-site-nav] .ksn-link.active,
[data-kraken-site-nav] .ksn-drop.active>.ksn-link{
  color:#fff!important;
  background:transparent!important;
}

[data-kraken-site-nav] .ksn-link.active:after,
[data-kraken-site-nav] .ksn-drop.active>.ksn-link:after{
  content:"";
  position:absolute;
  left:11px;
  right:11px;
  bottom:0;
  height:3px;
  border-radius:3px 3px 0 0;
  background:var(--kg-aqua)!important;
}

[data-kraken-site-nav] .ksn-caret{
  margin-left:6px;
  color:var(--kg-aqua)!important;
}

[data-kraken-site-nav] .ksn-drop{
  position:relative;
  display:flex;
}

/* Dark mega menu */
[data-kraken-site-nav] .kraken-site-mega{
  position:absolute;
  top:68px;
  left:50%;
  display:grid;
  grid-template-columns:1.7fr .8fr;
  width:min(920px,90vw);
  padding:24px;
  border:1px solid rgba(72,214,189,.18);
  border-top-color:rgba(72,214,189,.12);
  border-radius:0 0 20px 20px;
  background:
    radial-gradient(circle at 85% 15%,rgba(24,168,142,.14),transparent 35%),
    linear-gradient(145deg,#071b24,#041512);
  color:#fff!important;
  box-shadow:0 28px 70px rgba(0,0,0,.45);
  opacity:0;
  visibility:hidden;
  transform:translate(-50%,-8px);
  transition:.18s;
}

[data-kraken-site-nav] .kraken-site-mega:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:0 0 20px 20px;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(72,214,189,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(72,214,189,.025) 1px,transparent 1px);
  background-size:36px 36px;
}

[data-kraken-site-nav] .ksn-drop:hover .kraken-site-mega,
[data-kraken-site-nav] .ksn-drop:focus-within .kraken-site-mega{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
}

[data-kraken-site-nav] .ksn-mega-main,
[data-kraken-site-nav] .ksn-mega-feature{
  position:relative;
  z-index:1;
}

[data-kraken-site-nav] .ksn-label,
[data-kraken-site-nav] .ksn-mega-feature>span{
  color:var(--kg-aqua)!important;
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}

[data-kraken-site-nav] .ksn-mega-main h3{
  margin:8px 0 18px;
  color:#f7fbf9!important;
  font:700 2rem/1 Oswald,sans-serif;
  text-transform:uppercase;
}

/* IMPORTANT V16.5 CONTRAST FIX */
[data-kraken-site-nav] .ksn-category-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px 20px;
}

[data-kraken-site-nav] .ksn-category-grid a,
[data-kraken-site-nav] .ksn-category-grid a:link,
[data-kraken-site-nav] .ksn-category-grid a:visited{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:44px;
  padding:8px 4px;
  border-bottom:1px solid rgba(255,255,255,.10);
  color:#d8e6e2!important;
  font-size:.84rem;
  font-weight:700;
  text-decoration:none!important;
  opacity:1!important;
}

[data-kraken-site-nav] .ksn-category-grid a:hover{
  padding-left:8px;
  border-color:rgba(72,214,189,.38);
  color:#fff!important;
}

[data-kraken-site-nav] .ksn-category-grid a span{
  color:var(--kg-aqua)!important;
}

[data-kraken-site-nav] .ksn-mega-feature{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  margin-left:22px;
  padding:22px;
  border:1px solid rgba(72,214,189,.16);
  border-radius:16px;
  background:linear-gradient(145deg,#0b3029,#071b24);
  color:#fff!important;
  text-decoration:none!important;
}

[data-kraken-site-nav] .ksn-mega-feature strong{
  margin:8px 0;
  color:#fff!important;
  font:700 1.55rem Oswald,sans-serif;
  text-transform:uppercase;
}

[data-kraken-site-nav] .ksn-mega-feature small{
  color:#c7d9d4!important;
  line-height:1.5;
}

[data-kraken-site-nav] .ksn-mega-feature b{
  margin-top:20px;
  color:#fff!important;
}

[data-kraken-site-nav] .ksn-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}

[data-kraken-site-nav] .ksn-search,
[data-kraken-site-nav] .ksn-profile{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:12px;
  color:#fff!important;
  text-decoration:none;
  font-weight:900;
}

[data-kraken-site-nav] .ksn-search{background:rgba(255,255,255,.05)!important}
[data-kraken-site-nav] .ksn-profile{
  border-color:var(--kg-teal)!important;
  background:var(--kg-teal)!important;
  font-size:.72rem;
}

[data-kraken-site-nav] .ksn-mobile-toggle{
  display:none;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:1.6rem;
}

.stream-topbar{display:none!important}

@media(max-width:1180px){
  [data-kraken-site-nav] .ksn-brand small{display:none}
  [data-kraken-site-nav] .ksn-link,
  [data-kraken-site-nav] button.ksn-link{
    padding:0 8px!important;
    font-size:.73rem!important;
  }
}

@media(max-width:980px){
  [data-kraken-site-nav] .kraken-site-header{height:64px!important}
  [data-kraken-site-nav] .ksn-inner{width:calc(100% - 24px)}
  [data-kraken-site-nav] .ksn-brand{margin-right:auto}
  [data-kraken-site-nav] .ksn-mobile-toggle{display:block;order:3}
  [data-kraken-site-nav] .ksn-actions{order:2}

  [data-kraken-site-nav] .ksn-nav{
    position:absolute;
    top:64px;
    left:0;
    right:0;
    display:none;
    height:auto;
    padding:12px;
    border-top:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg,#071b24,#041512)!important;
    box-shadow:0 20px 40px rgba(0,0,0,.35);
    flex-direction:column;
  }

  [data-kraken-site-nav] .ksn-nav.open{display:flex}

  [data-kraken-site-nav] .ksn-link,
  [data-kraken-site-nav] button.ksn-link{
    min-height:46px!important;
    padding:0 12px!important;
    color:#d8e6e2!important;
  }

  [data-kraken-site-nav] .ksn-drop{display:block}

  [data-kraken-site-nav] .kraken-site-mega{
    position:static;
    display:none;
    width:auto;
    margin:0 8px 10px;
    padding:16px;
    grid-template-columns:1fr;
    border-radius:14px;
    background:#061713;
    opacity:1;
    visibility:visible;
    transform:none;
    box-shadow:none;
  }

  [data-kraken-site-nav] .ksn-drop.mobile-open .kraken-site-mega{display:grid}
  [data-kraken-site-nav] .ksn-mega-feature{display:none}
  [data-kraken-site-nav] .ksn-category-grid{grid-template-columns:1fr}
}

@media(max-width:520px){
  [data-kraken-site-nav] .ksn-search{display:none}
  [data-kraken-site-nav] .ksn-profile{width:36px;height:36px}
}