.navbar {
  background: #444;;
}

.navbar-nav > li > a {
  color:#ccc;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 15px;
}

/* .nav > li > a:focus, .nav > li > a:hover {
  text-decoration: none;
  background-color: transparent !important;
} */

.navbar-nav > .nav-item-active > a {
  color:#FFC300;
  /* text-decoration: underline;
  text-decoration-color: #FFC300; */
}

.navbar-nav > .nav-item-active > a:hover, .navbar-nav > .nav-item-active > a:focus {
  color:#FFC300;
  /* text-decoration: underline;
  text-decoration-color: #FFC300; */
  background-color: transparent !important;
}

.navbar-nav > .nav-item > a:hover, .navbar-nav > .nav-item > a:focus {
  color:#ccc;
  /* text-decoration: underline !important;
  text-decoration-color: #FFC300 !important; */
  background-color: transparent !important;
}

.navbar-nav > .nav-item > a:hover {
  color:#fff;
}