/* Hover Bootstrap navbar open */
@import "../dependencies/variables-epic.less";
@import "../dependencies/color-class.less";
/*
Navbar "hovernav" dropdown menu - this works only for screen sizes larger than phones.
The Bootstrap CSS is unchanged.
*/
@media (min-width: 768px) {
  /* Use this if you wish to hide the caret
  .navbar-nav .caret {
    display: none;
  } 
  */
  .navbar-nav .open ul {
    display: none;
  }
  .navbar-default .navbar-nav > {
    .open > a {
      color: #333;
      background: none;
      &:hover, &:focus {
        color: #333;
        background: none;
      }
    }
    li:hover, li:focus {
      background: @menu-hover-color;
    }
    > li:hover > a{
      color: #333;
    }
  }

  .navbar-inverse .navbar-nav > {
    .open > a {
      color: #969696;
      background: none;
      &:hover, &:focus {
        color: #969696;
        background: none;
      }
    }
    li:hover {
      background: #080808;
    }
  }
  .navbar-nav .hovernav:hover > .dropdown-menu {
    display: block;
  }
}