/*header menu styles + mobile header*/

.menu-folder{
	list-style: none;
}
.menu-folder li a{
	font-size: 0.9rem;
	text-decoration: none;
	color: #000;
	font-weight: 500;
	display: flex;
	justify-content: space-between;
}
.menu-folder.level-1 .menu-link a i,
.menu-folder.footer-level-1 .menu-link a i{
	margin-left: 5px;
	transition: 0.5s all;
	display: inline-block;
}
.menu-folder.level-1 > .menu-link{
	padding: 10px 15px;
	margin: 0;
	text-transform: uppercase;
}
.menu-folder.level-1 > .menu-link:hover{
	background:#fff;
	border-radius: 4px 4px 0 0;
}
/*.menu-folder.level-1 > .menu-link:after{
	transition: all ease-in-out .4s;
    background: #000;
    content: "";
    display: block;
    height: 2px;
    width: 0;
}
.menu-folder.level-1 > .menu-link:hover:after{
	width: 100%;
}*/
.menu-folder.level-2{
	border-top: 0px solid #000;
	box-shadow: 2px 2px 2px #ddd;
	background: #fff;
	z-index: 9999;	
	left: 0;
	display: none;
	top: 41px;
	padding: 0 0 0 10px;
	min-height: 220px;
}
.menu-folder.level-2 .menu-link{
	display:block;
	float:none;
	width:100%;
}
.menu-folder.level-2 > .menu-link{
	background: red;	
}
.menu-folder.level-2 li:hover{
	background:#ffecc9;
}
.menu-folder.level-2 li:hover ul.level-3,
.menu-folder.level-3:hover{
	visibility: visible;
}
.menu-folder.level-3{
	visibility: hidden;
	box-shadow: 2px 2px 2px #ddd;
	position: absolute;
	left: 100%;
	top: 0;
	padding: 10px 20px;
	background: #fff;
	min-height: 220px;
}

.rotate{
	rotate: 180deg;
}
.menu-folder.level-2 .banner-wrap{
	max-width: 50%;
	padding: 15px;
}
.no-scroll{
	overflow: hidden;
}
.background-overlay.overlay{
	display: block;
}
@media(min-width: 768px){
	.mobile-header{
		display: none;
	}
	.mobile-header .menu-close{
		display: none;
	}
	.sticky-header .mobile-nav-toggle,
	.sticky-header .mobile-account{
		display: none;
	}
}
@media(max-width: 768px){
	.main-menu-theme .menu-folder.level-1{
		display: none!important;
	}
	.mobile-header .menu-folder.level-1{
		flex-direction: column;
		max-width: 100%;
	}
	.menu-folder.level-1 > .menu-link:after{
		display: none;
	}
	.menu-folder.level-1 > .menu-link{
		border-bottom: 1px solid #eaeaea;
		text-align: center;
	}
	.menu-folder.level-1 > .menu-link a{
		font-size: 1.1rem;
		width: 100%;
		display: block;
	}
	.menu-folder.level-1 .menu-link a i{
		display: none;
	}
	.mobile-header.open{
		right: 0px;
		visibility: visible;
	}
	.mobile-header{
		position: fixed;
		right: -100%;
		top: 0;
		background: #fff;
		height: 100%;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		-o-transition: all 0.4s;
		-ms-transition: all 0.4s;
		z-index: 9999;
		visibility: hidden;
	}
	.mobile-header .menu-close{
		text-align: right;
		padding: 10px;
		max-width: 100%;
	}
	.site-header .sticky-header{
		position: fixed;
		width: 100%;		
		left: 0;
		z-index: 999;		
		justify-content: space-between!important;
	}
	.sticky-header .header-actions-theme{
		align-items: center;
	}
	.sticky-header .header-search span{
		display: none;
	}
	.sticky-header .mobile-nav-toggle,
	.mobile-header .menu-close{
		cursor: pointer;
	}
	.sticky-header .mobile-nav-toggle.bi{font-size:2rem;}
	.sticky-header .header-search button.search-v2{
		border: none;
	}
	.sticky-header .welcome-box,
	.sticky-header .cart-toggle .cart-label{
		display: none;
	}

	/*ajax cart override*/
	#shopping-cart-container{
		max-width: 100%;
	}
	.ajax-cart .close{top: 5px;}
}

/*header menus*/

/*footer menus*/
.site-footer ul{
	padding: 0;
}
.site-footer .menu-folder li a{
	color:#858585;
	text-transform:uppercase;
	font-weight:bold;
}
.site-footer .menu-folder li ul li a{
	text-transform:capitalize;
	font-weight:normal;
	color:#c2c2c2;
}
.site-footer .menu-folder li ul li a:hover{text-decoration:underline;}
@media(max-width: 768px)
{
	.menu-folder.footer-level-2{
		display: none;
	}
	.menu-folder.footer-level-1 > .menu-link{
		padding: 0 15px;
		width: 100%;
	}
	.site-footer ul{
		flex-direction: column;
	}
	.site-footer .justify-content-center {
	  justify-content: center !important;
	  margin: 0 auto;
	}
	.site-footer .menu-folder li a {
	  padding: 5px 0px;
	  display: block;
	}
	.menu-link a i{
		float: right;
		transition: 0.4s all;
	}
	.rotate{
		rotate: 180deg;
	}
}
@media(min-width: 768px)
{
	.menu-folder.footer-level-1 .menu-link a i{
		display: none;
	}
	.menu-folder.footer-level-2{
		margin-bottom: 10px;
	}
}