/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
.grd-left .section-bg:before {
	content: "";
	background: #000;
	background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 40%);
	background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 40%);
	background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 40%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	opacity: .8;
}

/* MOBILE MENU STYLING  */
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content, .off-canvas-left.dark .mfp-content, .off-canvas-right.dark .mfp-content {
	/* Menu Background Color */
	background-color: #fff;
}

.off-canvas .nav-vertical>li>a {
	/* Main Menu Links Styling */
	font-size: 18px;
	color: #000;
	line-height: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px !important;
}

.nav-vertical>li>ul li a {
	/* Sub Menu Links Styling */
	color: #75724c;
}

.nav-vertical>li>ul li a:hover {
	/* Sub Menu Links: Hover Styling */
	color: #75724c;
}

.nav-vertical li li.menu-item-has-children>a {
	/* Sub Menu Links with Children: Styling */
	color: #000;
	text-transform: none;
	font-size: 100%;
}

.toggle, .toggle:focus {
	/* Dropdown arrow styling */
	opacity: 1;
}

@media screen and (max-width: 549px) {
	/* Close X styling for Phone */
	.mfp-ready .mfp-close {
		color: #75724c;
		opacity: 1;
		mix-blend-mode: inherit;
	}
}

.off-canvas-right .mfp-content .toggle {
	color: #75724c !important;
}

.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
	/* Menu Transition Speed */
	transition: -webkit-transform .8s;
	transition: transform .8s;
	transition: transform .8s, -webkit-transform .8s;
}

.nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover {
	/* Remove Background Hover */
	background-color: transparent;
}

.nav-sidebar.nav-vertical>li+li {
	/* Border Styling */
	border-top: 0px solid #ececec;
}

.nav-sidebar .button {
	/* Button Full Width */
	width: 100%;
}

.nav-sidebar li.html.header-button-1, .nav-sidebar li.html.header-button-2 {
	/* Button Small Margin */
	margin: 4px !important;
}

@media screen and (max-width: 549px) {
	/* Width & Padding Menu - Phone Only */
	.off-canvas .sidebar-menu, .cart-popup-inner.inner-padding {
		padding: 20px 30px;
	}
	
	.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
		width: 100%;
	}
}

@media screen and (min-width: 550px) {
	/* Width & Padding Menu - Tablet Dekstop */
	.off-canvas .sidebar-menu, .cart-popup-inner.inner-padding {
		padding: 40px;
	}
	
	.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
		width: 400px;
	}
}

@media screen and (min-width: 1800px) {
	/* Width & Padding Menu - Big Dekstop */
	.off-canvas .sidebar-menu, .cart-popup-inner.inner-padding {
		padding: 80px;
	}
	
	.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
		width: 500px;
	}
}

.nav-vertical li li, .off-canvas:not(.off-canvas-center) .nav-vertical li>a, .nav-sidebar .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
	/* Important Padding - Dont remove */
	padding-left: 0px;
}

.nav-vertical li li.menu-item-has-children {
	/* Important Padding - Dont remove */
	margin: 0px;
}

.off-canvas:not(.off-canvas-center) li.html {
	/* Padding & Margin - Dont remove */
	padding: 0px;
	margin: 20px 0px;
}

li.html.custom.html_topbar_right {
	margin: 0px;
}

/* END MOBILE MENU STYLING */
@media only screen and (max-width: 48em) {}