/* Navbar styling */
nav.navbar {background-color: #075287;min-height: 60px;margin-bottom: 0px;padding-right: 20px;border: none;}

.navbar.navbar-static-top {margin-right: 0px;}

/* MBK Logo */
.navbar-brand {padding: 10px 0;}
.navbar img {height: 40px;}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: white;
  border-radius: 2px;
}

/* Toggle navbar button settings */
button.navbar-toggle {margin: 0px; padding-top: 10px; height: 60px; border: none;}

/* Links*/
nav li a, .flyout a.dropdown-toggle {font-size: 18px;}
.navbar .navbar-nav>li>a {color: #fff; line-height: 30px;}

/* Lowlight links on active/focus/hover */
.navbar .navbar-nav>li>a:hover, .navbar .navbar-nav>li>a:focus {background-color: #075287;color: #a9c2e2;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {background-color: #497cbb;}
.navbar .navbar-nav>.open>a, .navbar .navbar-nav>.open>a:hover, .navbar .navbar-nav>.open>a:focus {
  text-decoration: none;background-color: #497cbb;}

/* Move break-point to toggle navbar to 1000px width */
@media only screen and (min-width: 100px) and (max-width: 1000px) {
  .navbar-header {float: none;}
  .navbar-right {float: none !important;}
  .navbar-toggle {display: block;}
  .navbar-collapse {border-top: 1px solid transparent;}
  .navbar-collapse.collapse {display: none!important;}
  .navbar-nav {float: none!important;margin-top: 7.5px;}
  .navbar-nav>li {float: none;}
  .navbar-nav>li>a {padding-top: 5px;padding-bottom: 5px;}
  .collapse.in{display:block !important;}
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: rgba(255,255,255,0.9);
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
