/* NAVBAR
-------------------------------------------------- 
|   
|   The wrapper is the entire colum at the top 
|   - Set the background color here
|   - Set the height of the colum here (change .carousel margin top, so it machtes the height)  
|
|   The navbar is the div containing the content of the header   
|   - Set font size, color and active background here (li a)
|
| */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  height: 120px;
  background-color: transparent;
  color: black;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
  
}

.navbar {
  margin-top: 70px;
}

.navbar-wrapper .navbar-brand img {
  margin-top: -80px;
  margin-left: -5px;
  height: 150px;
}

.navbar ul {
  margin-top: 0px;
}

.navbar li {
  margin-right: 5px;
}


.navbar-nav li a {
  font-size: 20px;
  color: white;
  font-weight: 400;
  transition: 0.2s all ease;
} 

.navbar-nav li.active a, .navbar-nav li a:hover, .navbar-nav li a:focus   {
  color: white;
  background-color: rgba(255,255,255,0.2);
} 



.navbar-header span {
  color: black !important; 
}

/* Collapsed navigation button */
.navbar-toggle, .navbar-toggle .icon-bar {
    border-color: black;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    color: black;
    background-color: transparent;
}

.nav .open > a {
  color: black;
}

.navbar-nav > li > .dropdown-menu {
    border-radius: 2px;
    border-top-right-radius: 0;
    min-width: 200px;
}

.dropdown-menu li > a {
  color: black;
}

.dropdown-menu  li.active > a, 
.dropdown-menu  li.active > a:focus, 
.dropdown-menu  li.active > a:active, 
.dropdown-menu  li.active a, 
.dropdown-menu  li > a {

    background-color: white;
    border-bottom: none !important;
    color: black;
	-webkit-transition: 0.4s all ease;
	-moz-transition: 0.4s all ease;
	-o-transition: 0.4s all ease;
	transition: 0.4s all ease;
}

.dropdown-menu  li > a:hover,
.dropdown-menu  li.active a:hover {
  background-color: white !important;
  color: rgb(144, 0, 49) !important;
  margin-right: -5px;
}

.navbar-collapse {
  overflow: hidden; 
}


@media (max-width: 480px) {
  .navbar-toggle, .navbar-toggle .icon-bar {
  border-color: rgb(144, 0, 49);
  margin-top: 0px;
  color: white;
  background-color: rgb(144, 0, 49);
}

.navbar-header span {
  color: white !important;
}
}