/******************************************************************************************************
HEADER

/******************************************************************************************************/


/* slj logo */
.header-brand-image{
  width: auto;
  height: 60px;
  border-radius: 2px;

}


/* nav search bar */


.header-search {
    display:block;
    float:left;
    position:relative;
    padding-top:25px;
    height: 30px;
}

.header-search #searchform{
  width: 100%;
  float: right;
  margin-top: -18.5px;
  margin-left: 2px;
}

.header-search #searchform input[type='text']{
 position: absolute;
 margin-left: 10px;
 right: 0px;
 top: 0;
 width: 0;
 height: 30px !important;
 font-size: 14px;
 padding-left: 5px;
 transition: border 0.15s ease-in 0s;
 outline-width: 0;
 background: #444;
 color: #999;
}

.header-search #searchsubmit{
  position: absolute;
  background: #222;
  padding: 8px;
  top: 0px;
  right: -10px;
  cursor: pointer;
  color: white;
}

.header-search #searchsubmit{
  transition: background 0.2s ease-in 0s;
}


/* header border color */
.navbar-default{
border-color: none;
}

/* responsive hamburger menu */
.navbar-toggle{
  margin-top: 20px;
  cursor: pointer;
}


/* this is the body of the page. Changes the background of the "About Us" jumbotron */
#frontpage_content_row{
  background: #fff !important;
}

/*list of pages in header*/
div#bs-example-navbar-collapse-1.collapse.navbar-collapse{
  float: right;

}

/* font-size of pages in header. This has been put here to differentiate it from the navbar in the footer */
.navbar ul li a{
  font-size: 12.5px !important;
  color: #fff !important;
  line-height: 1em;
  letter-spacing: 1px;
  font-family: 'trajan-sans-pro', sans-serif;

}

/* hover on header navigation pages */
.navbar-nav>li>a:hover{
  background: #333 !important;
  transition: background 0.25s ease-in 0s;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{
  background: #333 !important;
  border: 0;
}

.navbar-inverse .navbar-nav>li.custom-icon>a{
  padding-right: 3px;
  padding-left: 3px;
}
.dropdown-menu{
  background: #222;
  border-color: #080808
}

.dropdown-menu>li:hover{
  background: #333;
}


.dropdown-menu >li:hover>a{
  background: #333;
}

.dropdown-menu >.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>li:focus{
    background-color:#333 !important;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
  color: #fff !important;
}

.dropdown-menu>.active {
  background: #333;
}

.dropdown-menu>.active:hover {
  background: #333;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
}
.dropdown-submenu>.dropdown-menu a {
  text-align: left !important;
  letter-spacing: 0 !important;
  font-size: 11.5px !important;
  padding: 3px 10px;
}


.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.nav .caret{
  border-top-color: #999;
  border-bottom-color: #999;
}
.nav li:hover a>.caret{
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}