#header {
	@extend %has_shade;
	box-shadow: 0 0 0.25em rgba(0,0,0,0.25);

}

#header .header-wrapper {
	border-bottom: solid 0.75em $jh_yellow;
}

#header .top-bar-title {
	padding: 1.25em 0 1.5em 0;
	
	@include breakpoint(small only) {
		display:block;
		float:none;
	}
	
}

#header .logo-primary > img {
	height: 1.75em;
}

#header .logo-primary img {
	
	@include breakpoint(small only) {
		display:block;
		margin: auto;
	}

}

#header i{font-size:1.25em;}
#header .toggle-menu{float:left;padding-top:0.5em;width:2em;display:block;cursor:pointer;}
#header .toggle-search{float:right;width:2em;display:block;text-align:right;padding-top: 0.5em;}
#header .toggle-search i{}

#header .toggle-search:hover i{color:#999;cursor:pointer !important;}

#header ul {
	background: none;
	margin: 1em 0;
}

#main-navigation li{
	
	@include breakpoint(small only) {
		border-top: solid 1px $nav_border_bottom_color;
		text-align:center;
	}
	
}
.menu > li > a{
	border-right:solid 1px $nav_border_bottom_color;
	
	@include breakpoint(small only) {
		border-right: none;
	}
}
#main-navigation li:last-child a{
	padding-right:0;
	border:none;
}

#header .search-site {
	display:none;
	
	.column{padding:0;}
}
#header .search-site.search-visible{
	display:block;
}

#header .search-site input[type="text"] {
	max-width: none;
	box-shadow:none;
	border:none;
	padding-left: 2.5rem;
	padding-top:1.5rem;
	height:auto;
}

#header .search-site select {
	max-width:none;
	border:none;
	margin-top:0.75rem;
}

#header .search-form {
	position: relative;
}

#header .search-button {
	position: absolute;
	top: 0.75rem;
	left:0 ;
	padding: 0.375em;
	margin: 0;
	background: none;
}
#header .search-button svg {
	height: 1.75em;
	fill: #000;
}

#header .apps{
	background:$primary-color;
	color:#fff;
	
	.menu{
		float:right;
		margin:0.5rem 0;
		a{padding:0 0.5rem;color:#fff;font-size:0.875rem;border:none;}
		li:last-child a{border:none;};
	}
}