Skip to main content

Fix dropdown and hover nav color contrast

//text for items that have no dropdown on hover fix
.navbar-nav li a:hover, .navbar-nav li a:focus{
  color: #fff !important;
}

.navbar-nav > li.sl-menu--open > a{
//  background: #FEDC44;
  color: #FFF !important;
}
.dropdown-menu{
  //background: #FEDC44;
  color: #FFF !important;
}
.dropdown-menu > li > a, .dropdown-menu > li > .sl-menu__toggle {
    //border: none;
    color: #FFF !important;
    //transition: background-color 0.3s ease;
}
// .dropdown-menu > li > a:hover,
// .dropdown-menu > li > .sl-menu__toggle:hover,
// .dropdown-menu > li > a:focus,
// .dropdown-menu > li > .sl-menu__toggle:focus {
//   background: #E9BE01 !important;
// }

/* Hover and focus states for links inside .navbar-nav */
.navbar-nav > li > a:hover, 
.navbar-nav > li > a:focus {
 // background: #FEDC44;
  color: #FFF;
}
.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus {
//  background: #FEDC44;
  color: #FFF;
}
.header-links ul li a {
  color: #fff !important;
}

// .navbar-nav li a{
//   color: #555555 !important;  
// }
 

Join our mailing list
//leave site warning CLA