/**
 * Fundamentum Plugin Skin Addon: Basic - Layout: Header
 */

/**
 * 4.0 Header
 * -----------------------------------------------------------------------------
 */
.site-header-row-sub {
    line-height:4.8rem;
}

.site-title {
	margin-right:6.5rem;
	margin-top:0;
	margin-bottom:0;
	float:left;
	display:block;
}

.site-header .search-form label {margin:0;}
.site-header .search-field {
	border-radius:0;
	border:none;
	border-bottom:2px solid transparent;
	transition:border-bottom 300ms;
}
.site-header .search-field:focus {border-bottom:2px solid #444;}
.site-header .search-submit {
	position:relative;
	border:none;
	padding:0;
	display:inline-block;
	overflow:hidden;
}

.site-header .search-box-wrapper {
	float:none;
	display:block;
}
.site-header .search-box-mobile {
	clear:both;
	margin-bottom:15px;
}
.site-header .search-box {
	display:block;
}
.site-header .search-form {
	position:relative;
	width:100%;
}
.site-header .search-form label {width:100%;}
.site-header .search-field {
	padding:1.5rem;
	border-radius:0.25rem;
}
.site-header .search-submit {
	position:absolute;
	z-index:1;
	top:50%;
	right:1rem;
	margin-top:-16px;
	vertical-align:middle;
}

.site-header .menu-toggleable {
	display:none;
}
.site-header .menu-toggleable.active {
	display:block;
}

.header-social-container {
	min-height:6rem;
	vertical-align:middle;
}
.header-social-container:after {
	content:"";
	display:block;
	clear:both;
}
.site-header-row-main .header-social-container {
	float:left;
	display:none;
}
.site-header-row-main .active .header-social-container {display:inline-block;}
button.menu-toggle.active.touch-active {display:inline-block;}
.site-header-row-sub .social-icon.genericon {
	width:30px;
	height:30px;
}

.header-logo-parent-container {
	position:relative;
	margin:0;
	display:table;
	width:100%;
	min-height:6rem;
}
.site-header-row-main .header-logo-parent-container {height:10rem;}
.site-header-row-main.has-search .header-logo-parent-container {margin-right: 7.7rem;}
.site-header-row-main.has-social .header-logo-parent-container {margin-right:1.5rem;}
.header-logo-parent-link {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.header-logo-parent {
	margin:0;
	max-height:40px;
	width:auto;
	max-width: 100%;
}
.header-logo {
	display:inline;
	max-width:100%;
	height:auto;
	vertical-align:text-top;
}

.site-header-row-drawer {
	display:none;
}
.site-header-row-drawer.active {
	display:block;
}



/* Medium devices (tablets, 768px and up) */
@media (min-width:768px) {
	/**
	 * 4.0 Header
	 * -----------------------------------------------------------------------------
	 */
	.header-logo {
		max-height:40px;
		width:auto;
	}
}




/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) {
	/**
	 * 4.0 Header
	 * -----------------------------------------------------------------------------
	 */
	.site-title {
		margin:0 1.5rem 0 0;
		vertical-align:middle;
	}
	.has-header-fixed-left .site-title,
	.has-header-fixed-right .site-title {
		position:relative;
		z-index:1;
		float:none;
		margin:0 6rem 0 0;
		padding:3.2rem 0;
		line-height: 1.4;
		font-size: 26px;
	}

	.site-header .menu-toggleable,
	.site-header .menu-toggleable.active {
		display:block;
	}

    .site-header-row-main .header-social-container {
		float:right;
		display:inline-block;
		min-height:10rem;
	}
	.site-header-row-main.has-menu-toggle .header-social-container,
    .site-header-row-main.has-search .header-social-container {
		margin-right:5.4rem;
		padding-right:1.5rem;
	}
	.site-header-row-main.has-menu-toggle.has-search .header-social-container {
		margin-right:11.6rem;
	}

    .site-header-row-sub {
		min-height:4.8rem;
	}
	.site-header-row-sub .header-social-container {
		float:right;
		min-height:4.6rem;
	}

	.header-logo-parent-container {
		float:right;
		width:auto;
	}

	.site-header .search-box-wrapper {
		float:left;
		display:table;
		min-height:6rem;
		vertical-align:middle;
	}
	.site-header .site-header-row-drawer .search-box-wrapper {
		margin:15px 0;
		float:none;
		width:100%;
	}
	.site-header .search-box {
		display:table-cell;
		vertical-align:middle;
	}
	.site-header-row-main .search-box-wrapper {min-height:10rem;}
	.has-header-fixed-left .site-header-row-main .search-box-wrapper,
	.has-header-fixed-right .site-header-row-main .search-box-wrapper {
		position:absolute;
		top:0;
		right:0;
		left:0;
		float:none;
		display:block;
	}
	.site-header-row-main .search-form {position:static;}
	.site-header-row-main .search-field {
		position:absolute;
		z-index:-1;
		top:0.5rem;
		right:0;
		bottom:0.5rem;
		left:0;
		display:block;
		min-height:9rem;
		visibility:hidden;
		border-radius:0.25rem;
		transition:background-color 500ms;
	}
	.site-header-row-main.has-menu-toggle .search-field {
		width:calc(100% - 6.9rem);
	}
    .has-header-fixed-left .site-header-row-main .search-field,
	.has-header-fixed-right .site-header-row-main .search-field {
		top:0;
		bottom:0;
		min-height:10rem;
		border-radius:0;
	}
	.site-header .search-form:hover .search-field,
	.site-header .search-form.active .search-field,
	.site-header .search-form .search-field:focus {
		z-index:1;
		visibility:visible;
	}
	.site-header .search-form:focus-within .search-field {
		z-index:1;
		visibility:visible;
	}
	.site-header-row-main .search-submit {
		top:0;
		right:0;
		margin-top:0;
		margin-right:0;
		padding-left:1.5rem;
		padding-right:1.5rem;
		height:10rem;
	}
	.site-header-row-main.has-menu-toggle .search-submit {
		right:6.9rem;
	}

	.site-header-row-drawer {
		position:fixed;
		top:0;
		right:0;
		bottom:0;
		left:0;
		display:block;
		max-height:100vh;
		overflow:auto;
		opacity:0;
		visibility:hidden;
		pointer-events:none;
		animation-duration:300ms;
		animation-fill-mode:both;
	}
	.site-header-row-drawer.inactive {
		animation-name:header-drawer-fade-out;
	}
	.site-header-row-drawer.active {
		opacity:1;
		visibility:visible;
		pointer-events:all;
		animation-name:header-drawer-fade-in;
	}
	.has-header-fixed .site-header-row-drawer {top:10rem;}
	.admin-bar.has-header-fixed .site-header-row-drawer {top:13.2rem;}
	.has-header-meta.has-header-fixed .site-header-row-drawer {top:16rem;}
	.has-header-meta.admin-bar.has-header-fixed .site-header-row-drawer {top:19.2rem;}
	.has-header-sub.has-header-fixed .site-header-row-drawer {top:14.8rem;}
	.has-header-sub.admin-bar.has-header-fixed .site-header-row-drawer {top:18rem;}
	.has-header-meta.has-header-sub.has-header-fixed .site-header-row-drawer {top:20.8rem;}
	.has-header-meta.has-header-sub.admin-bar.has-header-fixed .site-header-row-drawer {top:24rem;}
	.no-header-fixed .site-header-row-drawer {padding-top:10rem;}
	.admin-bar.no-header-fixed .site-header-row-drawer {padding-top:13.2rem;}
	.has-header-meta.no-header-fixed .site-header-row-drawer {padding-top:16rem;}
	.has-header-meta.admin-bar.no-header-fixed .site-header-row-drawer {padding-top:19.2rem;}
	.has-header-sub.no-header-fixed .site-header-row-drawer {padding-top:14.8rem;}
	.has-header-sub.admin-bar.no-header-fixed .site-header-row-drawer {padding-top:18rem;}
	.has-header-meta.has-header-sub.no-header-fixed .site-header-row-drawer {padding-top:20.8rem;}
	.has-header-meta.has-header-sub.admin-bar.no-header-fixed .site-header-row-drawer {padding-top:24rem;}
}



@keyframes header-drawer-fade-in {
	0% {
		opacity:0;
		visibility:hidden;
		transform:scale(1.1);
	}
	100% {
		opacity:1;
		visibility:visible;
		transform:scale(1);
	}
}
@keyframes header-drawer-fade-out {
	0% {
		opacity:1;
		visibility:visible;
		transform:scale(1);
	}
	100% {
		opacity:0;
		visibility:hidden;
		transform:scale(1.1);
	}
}