/*
 * Header Layout 4
 *
 * @package neira
 */

#nav-wrapper.header-4.stuckElement.isStuck {
	height: 40px;
} 
#nav-wrapper.header-4.stuckElement.isStuck .vtmenu a {
	line-height: 40px;
}
.header-4 .vtmenu {
    text-align: center;
}
.site-header .social-buttons {
    margin: 0;
    padding: 0;
    position: absolute;
}
.header-4 .social-buttons,
.header-4 .topbar {
    top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.header-4 .topbar {
	background: none;
	border: none;
	padding: 0;
	position: absolute;
	right: 30px;
	transition: none;
	cursor: pointer;
}
.header-4 .wrapper-search-container {
	right: 30px;
	top: 40%;
	-webkit-transition: 0.2s opacity ease-in-out;
	-moz-transition: 0.2s opacity ease-in-out;
	-o-transition: 0.2s opacity ease-in-out;
	transition: 0.2s opacity ease-in-out;
	width: 12em;
}
.header-4 .wrapper-search-top-bar {
	border: none;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) inset; 
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) inset; 
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) inset;
	padding: 0;
}
.header-4 .toggle-search.pull-right::before {
	display: none;
}

@media only screen and (min-width: 1024px) {
	.header-4 + #nav-wrapper.mobile-navigation {display: none;}
}

@media only screen and (max-width: 1023px) {
	#nav-wrapper.header-4 {display: none;}
}

@media only screen and ( min-width: 960px ) and ( max-width: 1024px ) {
	.wrapper-search-container {
		right: 11%;
	}
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) {
	.header-4 .wrapper-search-container {
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

@media only screen and (max-width: 1139px) {
	.site-header {
		text-align: center;
		padding-bottom: 20px;
	}
	.nav-toggle.header-4 {
		background: rgba(0, 0, 0, 0.15);
		position: relative;
		margin: 0 auto;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.header-4 .wrapper-search-container {
		top: 100%;
		margin-top: -42px;
	}
}	

@media only screen and (max-width: 768px) {
	.header-4 .topbar {
		right: 5%;
	}
	.header-4 .wrapper-search-top-bar {
		border: none;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) inset; 
		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) inset; 
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) inset; 
	}
}

@media only screen and (max-width: 767px) {
	.site-header .social-buttons, .header-4 .topbar {
		top: 10%;
	}
	.header-4 .wrapper-search-container {
		top: 20%;
	}
}

@media only screen and (max-width: 640px) {
	.header-4 .wrapper-search-container {
		left: -230px;
	}
}