/* ======================================== */
/* Core Theme Header */
/* ======================================== */


/* Allow left/right animation when hidden menu opens*/
#layout-header {

	-webkit-transition-property: left, right;
	transition-property: left, right;
	-o-transition-property: left, right;

	-webkit-transition-timing-function: ease-in-out!important;
	-o-transition-timing-function: ease-in-out!important;
	transition-timing-function: ease-in-out!important;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
}





/* HEADER MENU */
/* ================================================== */

/* HEADER MENU : Theme STYLING
---------------------------------------------- */
#header-content,
#header-content .sub-menu {
	background: rgba(255,255,255,0.8);
}

/* LOGO LINK : Theme STYLING
---------------------------------------------- */

.logo-link {
	/*padding: 0 10px;*/
	line-height: 24px;
}
.logo-link a {
	display: inline-block;
}
.logo-link a > * {
	font-size: 24px!important;
}
.logo-link img {
	width: auto;
	height: auto;
	max-width: 250px;
}





/* MQ-sm: Mobile (Landscape) */
/* ================================================== */
@media only screen and (min-width: 576px){

}






/* MQ-md: Tablet (Portrait) */
/* ================================================== */
@media only screen and (min-width: 768px) {


	/* HEADER MENU */
	/* - move this between media queries as needed (keeping it mobile first) */
	/* - Current header menu display classes: d-none d-md-inline-block */
	/* ================================================== */

	/* HEADER MENU : Base
	---------------------------------------------- */
	#header-content .menu {
		width: 100%;
		text-align: center;
	}
	#header-content .menu li {
		text-align: left;
		display: inline-block;
		list-style-type: none;
		font-size: 16px;
		margin: 0;
	}
	#header-content .menu li > a {
		display: block;
		padding: 13px 21px;
		text-decoration: none;
	}
	#header-content .menu > li > a {
		line-height: 16px;
	}
	#header-content .sub-menu {
		width: 100%;
		max-width:200px;
	}
	#header-content .sub-menu li {
		width: 100%;
		position: relative;
	}

	/* HEADER MENU : Hover states & Sub-menu positioning
	---------------------------------------------- */
	#header-content .menu > li > .sub-menu,
	#header-content .sub-menu > li > .sub-menu {
		display: none;
		margin: 0;
	}
	#header-content .menu > li:hover > .sub-menu,
	#header-content .sub-menu > li:hover > .sub-menu {
		display: block;
		position: absolute;
		z-index: 1;
	}
	#header-content .sub-menu > li:hover > .sub-menu {
		left: 200px;
		top: 0;
	}

	/* HEADER MENU : Theme STYLING
	---------------------------------------------- */
	#header-content ul.menu {
		/*background: #eee;*/
	}
	#header-content .sub-menu {
		box-shadow: 0 5px 10px rgba(0,0,0,0.1);
	}
	#header-content .menu > li:hover > a,
	#header-content .menu > li > .sub-menu  {
		/*background: #ddd;*/
	}
	#header-content .sub-menu > li:hover > a,
	#header-content .sub-menu > li > .sub-menu  {
		/*background: #ccc;*/
	}
	#header-content .menu li > a:hover {
		/*background: rgba(0,0,0,0.1);*/
	}
	#header-content .menu > li:hover > a,
	#header-content .sub-menu > li:hover > a {
		text-decoration: underline;
	}
	#header-content .menu li.current-menu-ancestor > a,
	#header-content .menu li.current-menu-item > a{
		/*color: #30d3b8;*/
		font-weight: 700;
		/*background: rgba(0,0,0,0.2);*/
		opacity: 1;
	}

	/* HEADER MENU : hide everything after the 3rd tier
	---------------------------------------------- */
	#header-content .sub-menu > li > .sub-menu > li > .sub-menu {
		display: none
	}
}





/* MQ-lg: Tablet (Landscape) */
/* ================================================== */
@media only screen and (min-width: 992px) {

}





/* MQ--dt: Desktop (Laptop) */
/* ================================================== */
@media only screen and (min-width:1025px) {

}





/* MQ-xl: Desktop (Wide) */
/* ================================================== */
@media only screen and (min-width:1160px) {

}