/* =========================================================
   Navigation System
   Header, Navbar, Dropdowns
   ========================================================= */


/* ---------------------------------------------------------
   Logo
--------------------------------------------------------- */

.uw-logo-img{
  height:56px;
  width:auto;
}


/* ---------------------------------------------------------
   Top Bar (optional contact strip)
--------------------------------------------------------- */

.uw-topbar{
  background:#fff;
  border-bottom:1px solid rgba(0,0,0,.05);
  font-size:.85rem;
}

.uw-topbar a{
  color:var(--uw-white);
  text-decoration:none;
}

/*.uw-topbar a:hover{
  text-decoration:underline;
}*/


/* ---------------------------------------------------------
   Main Navigation Bar
--------------------------------------------------------- */

.uw-menubar{

  position:fixed;
  top:0;
  left:0;
  right:0;

  z-index:1030;

  background:var(--uw-blue);

  transition:box-shadow .2s ease;

}


/* subtle shadow after scroll */

.uw-menubar.is-stuck{
  box-shadow:0 4px 14px rgba(0,0,0,.12);
}


/* thin divider line */

.uw-menubar::after{

  content:'';
  position:absolute;

  bottom:0;
  left:0;
  right:0;

  height:1px;
  background:rgba(255,255,255,.15);

}


/* spacer controlled by JS */

.uw-menubar-spacer{
  height:0;
}


/* ---------------------------------------------------------
   Navigation Links
--------------------------------------------------------- */

.uw-nav-link{
  font-family:'Palanquin',Arial,sans-serif;
  color:#fff !important;
  font-weight:500;
  font-size:.9rem;
  letter-spacing:.04em;
  padding:.9rem 1rem !important;
  text-decoration:none;
  transition:color .2s ease;

}


.uw-nav-link:hover,
.uw-nav-link.active{

  color:var(--uw-yellow) !important;

}


/* ---------------------------------------------------------
   Navbar Toggler
--------------------------------------------------------- */

.navbar-toggler{
  border:none;
}

.navbar-toggler:focus{
  box-shadow:none;
}


/* ---------------------------------------------------------
   Dropdown Menus
--------------------------------------------------------- */

.dropdown-menu{
  min-width:240px;
  border:none;
  border-radius:var(--uw-radius-md);
  box-shadow:0 12px 30px rgba(0,0,0,.14);
  padding:.5rem 0;
}


.dropdown-item{
  font-size:.9rem;
  padding:.65rem 1.2rem;
  color:var(--uw-black);
  border-left:3px solid transparent;
  transition:all .15s ease;
}


.dropdown-item:hover{
  background:#f3f6fb;
  color:var(--uw-blue-dark);
  border-left:3px solid var(--uw-yellow);
}


/* highlight active dropdown item */

.dropdown-item.active{
  background:var(--uw-blue-light);
  color:var(--uw-blue-dark);
}


/* Kill Bootstrap hover/active background */
.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link:active,
.navbar .dropdown-toggle.show {
  background: transparent !important;
  box-shadow: none !important;
}
.navbar .dropdown-toggle.show {
  color: var(--uw-yellow) !important;
}
/* ---------------------------------------------------------
   Fix dropdown hover gap
--------------------------------------------------------- */

.navbar .dropdown-menu{
  margin-top:0;
}

/* ---------------------------------------------------------
   Dropdown Animation
--------------------------------------------------------- */

.dropdown-menu{

  opacity:0;
  transform:translateY(10px);
  transition:all .18s ease;

  display:block;
  visibility:hidden;

}

.dropdown-menu.show{

  opacity:1;
  transform:translateY(0);
  visibility:visible;

}


/* ---------------------------------------------------------
   Quick Links (right side nav)
--------------------------------------------------------- */

.uw-menubar-quicklink{

  color:#fff;

  font-weight:500;

  text-decoration:none;

  opacity:.9;

  margin-left:1rem;

}

.uw-menubar-quicklink:hover{

  opacity:1;

  color:var(--uw-yellow);

}


/* ---------------------------------------------------------
   Mobile Menu
--------------------------------------------------------- */

@media (max-width:991px){

  .uw-nav-link{
    padding:.6rem 0;
  }

  .dropdown-menu{
    box-shadow:none;
    border-radius:0;
  }

}