/* -----------------------------------
NAVIGATION
----------------------------------- */

#main_navbar {
    margin: 0 !important;
    border-radius: 0 !important;
    z-index: 1000;
}

#main_navbar .vumcbrandbar {
	padding: 10px 0px;
}

.navbar-form input {
    background: #444;
    border: 1px solid #666;
    color: #000;
}

.navbar-form button {
    background: #444;
    border: 1px solid #666;color: #FC6;
}

ul.dropdown-menu {
    background: #383838;
}

ul.dropdown-menu li a {
    color: #CCC;
}

.navbar .navbar-brand {
    padding: 8px 0 0px 10px;
}

.vumcbrandbar .navbar-brand {
    padding: 0px 0 0px 10px;  height: auto;
}

.navbar-brand img {
    max-width: 220px;
    display: inline;
}

/* brandbar */
.vubrandbar__icon {
    color: #d8ab4c;
}

/*main nav */
.navbar {
    margin-bottom: 0;
    min-height: 0;
    z-index: 300;
}

.vubrandbar form input.form-control {
	padding-left: 10px;
	color: #BBB !important;
}

li.searchdropdown label {
  display: inline;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #FFF;
  white-space: nowrap;
}

li.searchdropdown {
	padding: 5px 5px 5px 10px;
}

li.searchdropdown label:hover,
li.searchdropdown label:focus {
  text-decoration: none;
  background-color: transparent;
}

li.searchdropdown input:checked ~ label,
li.searchdropdown input:checked ~ label:hover,
li.searchdropdown input:checked ~ label:focus,
li.searchdropdown .active > label,
li.searchdropdown .active > label:hover,
li.searchdropdown .active > label:focus {
  color: #FC6;
  text-decoration: none;
  outline: 0;
  background-color: transparent;

}

li.searchdropdown label {
  margin-bottom: 0;
  cursor: pointer;
}

li.searchdropdown input[type="radio"] {
	display: inline;
	background: #222;
	border: 0;
	padding: 0;
}

li.searchdropdown label:focus,
li.searchdropdown input:focus ~ label {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

li.doswordmark {
	border-right: 0 !important;
	margin-left: 40px;
	margin-right: 25px;
}

li.doswordmark a {
	background: url('../images/DOS-grey.png') top left no-repeat !important;
	text-indent: -9999px;
	width: 100px;
	height: 45px;
	padding: 0 !important;
}

/* -----------------------------------
RESPONSIVE
----------------------------------- */

@media (min-width: 768px) {

    .navbar-brand img {
        max-width: 100%;
        display: block;
    }

    .nav-visibility {
        visibility: visible;
    }

}

@media (min-width: 320px) and (max-width: 767px) {

    .navbar.navbar-inverse-light {
        background: #444 !important;
    }

}