.topNav {
  z-index: 999 !important;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #636466;
  text-transform: uppercase;
}
.nav-underline .nav-link.active, .nav-underline .show > .nav-link, .navlink .active {
  font-weight: 400;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}
.full-width-div-nav {
  position: fixed;
  width: 100%;
  left: 0;
  top: 150px;
}
.topNav li a:active{
  color: #FFF;
}
.navLogo {
    max-height: 120px;
 }
 .navrow{
  height: 150px;
 }
 .desktopNav ul.desktop {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
.border-x {
   border-left: solid 2px #008eb2;
   border-right: solid 2px #008eb2
 }
 .scrolled{
  background-color: #FFF;
 }
 .desktopNav ul.desktop li {
   display: inline-block;
 }
 
 
 .desktopNav ul.desktop li a {
    display: inline-block;
    border-left: 0;
    padding: 20px;
    text-decoration: none;
    position: relative;
  }
  .desktopNav ul.desktop li a:hover {
    color: #999;
  }
.active {
  color: #999 !important;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
  }
 
 /*
 .desktopNav ul.desktop li a::before {
   content: url(../images/nav-marker.svg);
   position: absolute;
   bottom: 60px;
   left: 48%;
   width: 8px;
   height: 0px;
   -webkit-transition: all 0.25s ease;
   -moz-transition: all 0.25s ease;
   -ms-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   transition:  all 0.25s ease-out;
   overflow: hidden;
 }
 
.desktopNav ul.desktop li a:hover::before {
   bottom: 0px;
   height: 40px
 }
 */
.desktopNav ul.desktop li:first-of-type a {
   border-left: none;
 }
 
 .desktopNav ul.desktop li.active{
   color: #999;
 }
 
 .desktopNav ul.desktop li.active a::before {
   bottom: 0px;
   height: 30px;
 }
 
 .desktopNav ul.desktop li.active a:hover::before {
   bottom: 0px;
   height: 40px;
 }
 
 /* -------------------------------------- MOBILE STYLES */
 
 #mobileButton {
   list-style-type: none;
   margin: 0;
   padding: 0;
   border-bottom: 0;
   padding-top: 30px;
   padding-bottom: 30px;
   z-index: 9999;
 }
 
 #mobileNav ul.mobile {
   font-size: 2rem;
   line-height: 3rem;
   font-weight: 300;
   color: #39464e;
   list-style-type: none;
   padding: 0;
   margin: 50px 0;
 }
 
 #mobileNav ul.mobile a {
   text-decoration: none;
 }
 
 #mobileNav ul.mobile .active a {
   background-color: #39464e;
   padding-left: 10px;
   padding-right: 10px;
   color: #FFFFFF;
}
 
 #mobileNav ul.mobile a:hover {
   text-decoration: underline
 }
 
 
 
 #mobileNav.scrolled {
   background-color: #FFFFFF;
   padding-top: 8px;
   padding-bottom: 5px;
 }
 
 #mobileNav .logo {
   max-width: 250px;
   height: auto;
   -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -ms-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
     transition: all 0.2s ease;
 }
 
 #mobileNav.scrolled .logo {
   max-width: 180px;
   height: auto;
 }
 
 
 /*--------------------------------------------------------  HAMBURGER */
 
 
 /* HAMBURGER BACKGROUND ON WHITE PAGE */
 .hamburger .hamburger-inner::before   {
     background-color: #18223b;
 }
 
 .hamburger .hamburger-inner {
     background-color: #6cbf9f;
 }
 
 .hamburger .hamburger-inner::after {
     background-color: #6cbf9f;
 }
 
 /* HAMBURGER BACKGROUND ON BANNER PAGE */
 body.banner-header .hamburger .hamburger-inner,
 body.banner-header .hamburger .hamburger-inner::before, 
 body.banner-header .hamburger .hamburger-inner::after {
     background-color: #FFFFFF;
 }
 
 /* HAMBURGER BACKGROUND ON TEAL PAGE */
 body.bg_teal .hamburger .hamburger-inner,
 body.bg_teal .hamburger .hamburger-inner::before, 
 body.bg_teal .hamburger .hamburger-inner::after {
     background-color: #18223b ;
 }
 
 /* HAMBURGER BACKGROUND ON YELLOW PAGE */
 body.bg_yellow .hamburger .hamburger-inner {
     background-color: #18223b ;
 }
 
 /* NAV BACKGROUND ON SCROLL, ON ACTIVE */
 
 /* TOP */
 .fillme .hamburger .hamburger-inner::after,
 .scrolled .hamburger .hamburger-inner::after,
 body.bg_darkBlue .hamburger .hamburger-inner::after { 
     background-color: #18223b!important;
 }
 
 /* MIDDLE */
 .fillme .hamburger .hamburger-inner::before,
 .scrolled .hamburger .hamburger-inner::before,
 body.bg_darkBlue .hamburger .hamburger-inner::before { 
     background-color: #6cbf9f !important;
 }
 
 /* BOTTOM */
 .fillme .hamburger .hamburger-inner,
 .scrolled .hamburger .hamburger-inner,
 body.bg_darkBlue .hamburger .hamburger-inner { 
     background-color: #6cbf9f!important;
 }
  
 /* CROSS-1 */ 
 .fillme .hamburger.is-active .hamburger-inner,
 .scrolled .hamburger.is-active .hamburger-inner  { 
     background-color:  #6cbf9f!important;
 }
 
 /* CROSS-2 */ 
 .fillme .hamburger.is-active .hamburger-inner::before,
 .scrolled .hamburger.is-active .hamburger-inner::before { 
     background-color: #6cbf9f !important;
 }