:root{
  --lb-primary-600:#083552;
  --lb-primary-500:#0A3D62;
  --lb-primary-400:#0E4D7A;
  --lb-primary-300:#125A90;
  --lb-primary-100:#E6F0F7;
  --lb-ink:#0B2230;
}

*{font-family:"Manrope",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;}
.fw-extrabold{font-weight:800}
.brand-text{letter-spacing:.5px}

.navbar .nav-link.active{font-weight:700}
.hero .hero-logo{max-width:360px}

/* BUTTONS */
.btn-primary{
  background-color:var(--lb-primary-500);
  border-color:var(--lb-primary-500);
}
.btn-primary:hover{
  background-color:var(--lb-primary-600);
  border-color:var(--lb-primary-600);
}
.btn-outline-primary{
  color:var(--lb-primary-500);
  border-color:var(--lb-primary-500);
}
.btn-outline-primary:hover{
  background-color:var(--lb-primary-500);
  border-color:var(--lb-primary-500);
  color:#fff;
}

body{
  background:linear-gradient(180deg,#F7FAFF 0%,#FFFFFF 60%);
  color:var(--lb-ink);
}

/* NAV UNDERLINE */
.navbar .nav-link{
  position:relative;
}
.navbar .nav-link:hover,
.navbar .nav-link.active{
  color:var(--lb-primary-500)!important;
}
.navbar .nav-link::after{
  content:"";
  position:absolute;
  left:.5rem;
  right:.5rem;
  bottom:.25rem;
  height:2px;
  background:transparent;
  transition:background .2s;
}
.navbar .nav-link:hover::after,
.navbar .nav-link.active::after{
  background:var(--lb-primary-500);
}

/* DROPDOWNS */
.dropdown-menu{
  overflow:visible;
}
.dropdown-menu .dropdown-divider{
  border-top:1px solid var(--lb-primary-400);
  opacity:.6;
  margin:.35rem 0;
}

/* DESKTOP >= 992px */
@media (min-width: 992px){

  /* top-level hover dropdown */
  .navbar .dropdown:hover > .dropdown-menu{
    display:block;
  }

  .dropdown-menu .dropend{
    position:relative;
  }

  .dropdown-menu .dropend > .dropdown-menu{
    position:absolute;
    top:0;
    left:100%;
    margin-left:.25rem;
  }

  .dropdown-menu .dropend:hover > .dropdown-menu{
    display:block;
  }
}

/* MOBILE < 992px */
@media (max-width: 991.98px){
  .dropdown-menu .dropend > .dropdown-menu{
    position:static;
    display:none;
    padding-left:.5rem;
    border-left:2px solid var(--lb-primary-100);
    margin:.25rem 0 .5rem 0;
  }

  .dropdown-menu .dropend > .dropdown-menu.show{
    display:block;
  }

  /* caret icon */
  .dropdown-menu .dropdown-toggle::after{
    content:"\203A";
    float:right;
    transform:rotate(90deg);
  }
}