/* Hide navbar-header except in mobile view, positioning of the logo is done by doubling it */
@media (min-width: 768px) {
	#header > .navbar-header { display: none; }
}

#header { border: none; border-bottom: 1px solid black; }

#header .navbar-collapse,
	#header .container { padding: 0; }
    #header .row { margin: 0; }
        #header .row > div { padding: 0; }
		#header .container .row { padding: 0; margin: 0; }

button.navbar-toggle { border-color: black; }
	button.navbar-toggle > span.icon-bar { background-color: black; }

#top-bar { background-color: rgb(234, 185, 11); }
#top-bar .navbar-nav > li { padding: 8px 0; }
#top-bar .navbar-nav > li > a { padding: 0 10px; border-left: 1px solid black; font: 17px/17px Arial; }
#top-bar .navbar-nav > li:first-child > a { padding-left: 0; border-left: none; }
#top-bar .navbar-nav > li > a:hover { background-color: inherit; color: blue; }
	#top-bar .navbar-form { margin: 0; margin-top: 5px; }
		#top-bar .navbar-form .form-group { }

#header #menu-bar { padding-bottom: 10px; float: right; }
	#header #menu-bar li { border-left: 1px solid black; padding: 0 0 0 10px; margin: 0 0 0 10px; }
		#header #menu-bar li:first-child { border-left: none; padding-left: 0; margin-left: 0; }
	#header #menu-bar li a { font: 17px/17px Arial; color: black; padding: 0; margin: 0; text-transform: uppercase; }

#search-box { width: 0px; overflow: hidden; padding: 0; margin: 0; border: 1px solid inherit; box-shadow: none; -webkit-transition: width linear .25s; height: 23px; }
	#search-box:focus { width: 200px; }

#search-label { font: 15px/17px Arial; color: black; border: 1px solid black; display: inline-block; padding: 2px 10px; }

#nav-extras { overflow: hidden; float: right; padding: 5px 0; }
	#nav-extras li { float: left; border-left: 1px solid black; padding-left: 5px; margin-left: 5px; }
		#nav-extras li:first-child { padding-left: 0; margin-left: 0; border-left: none; }
		#nav-extras li a { font: 15px/15px Arial; display: block; }