/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/




/************************** Lerner Media Mega Menu START **************************/
.lm-megamenu {
	position: static!important;
}
 .menu-item > a {
	position: relative;
	color: #fff;
}
.lm-megamenu > .sub-menu {
	padding:0!important;
	width: 1310px!important;
	right: -50px!important;
	left: auto!important;
	top: 88px;
	display: none!important;
	
		
	flex-direction: row;
    align-items: stretch; /* align items in Cross Axis */
    align-content: stretch; /* Extra space in Cross Axis */
}


.lm-megamenu.av-show-submenu > .sub-menu {
	display: flex !important;
}



.lm-megamenu > .sub-menu li {
	padding: 0!important;
	margin: 0!important;
	width: 100%;

	
}
.lm-megamenu > .sub-menu li a {
	
	color: #fff!important;
	background: none!important;
	text-transform: uppercase;
	text-align: center;
	border: 0!important;
	
	padding: 100px 20px;
	height: 250px!important;
	
	display: flex!important;

	flex-direction: column;
	justify-content: center;
	align-items: center;
}


.lm-megamenu .lm-menu-item {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width:100%;
	height:100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 1!important;
    display: block!important;
}
.lm-megamenu .lm-menu-item::after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width:100%;
	height:100%;
	background: rgba(0,0,0,.7);
	transition: all .3s;
}
.lm-megamenu .sub-menu .menu-item:hover a .lm-menu-item::after {
	background: rgba(0,0,0,.2);
}





@media only screen and (max-width:1240px) {

	.lm-megamenu > .sub-menu {
		width: 100vw!important;
		flex-wrap: wrap;
	}
	.lm-megamenu > .sub-menu li {
		flex: 25%;
	}
	.lm-megamenu > .sub-menu li a {
		height: 200px!important;
	}

}



@media only screen and (max-width:768px) {

	.lm-megamenu > .sub-menu li {
		flex: 50%;
	}
	.lm-megamenu > .sub-menu li a {
		height: 150px!important;
	}

}




@media only screen and (min-width:990px) {

	.lm-megamenu:hover > .sub-menu {
		display: flex !important;
	}

}
/************************** Lerner Media Mega Menu END **************************/