// load bootstrap.less included variables.less & mixins.less 
@import "bootstrap/mixins.less";
@import "flexbox.less";

/* ==========================================================================
   Base
  ========================================================================== */
*,
html {
	outline: none !important;
}

body {
	background-color: #fff;
	color           : #666;
	line-height     : normal;
	font-family     : "Roboto", Helvetica, Arial, sans-serif;
	overflow-x      : hidden;

	.body-wrapper {
		overflow: hidden;
		position: relative;
	}

	a {
		color: lighten(@body-color, 14%);

		&:hover {
			color          : var(--color);
			text-decoration: none;
		}

		&:focus {
			text-decoration: none;
		}
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin: 0 0 10px;
	}

	input,
	textarea,
	button {
		outline      : medium none !important;
		border       : 1px solid @border-color;
		margin-bottom: 10px;
		.border-radius(4px);
		padding: 0px 5px;
	}

	img {
		.img-responsive();
		display  : block;
		max-width: 100%;
		height   : auto;
	}

	ul {
		padding: 0;
	}

	ul,
	ol {
		margin-left: 15px; list-style:none;
	}

	ol {
		padding-left: 15px;
	}

	.container {
		padding: 0;
	}

	::-webkit-scrollbar{
	  width: 5px; height: 5px;
	}
	
	::-webkit-scrollbar-track{
	  background-color: #eee;
	}
	 
	::-webkit-scrollbar-thumb{
	  background: #fafafa;
	}

	&.boxed-layout {
		max-width : 1680px;
		background: #fff;
		margin    : 0 auto;
		box-shadow: 0 0 8px #000;
		.header-style1, .top-header-element2, .header-mid-elementor2, .header-bottom-elementor2, .top-header-element4, .header-mid-elementor4, .header-bottom-elementor4, .header-style8, .header-style9, .header-style10,
		.header-style11, .header-style12, .header-style13, .header-style14, .header-style16, .header-style17, .header-style18{
			width:auto !important;
			left:auto !important;
		}
		.header-style15, .elementor-section-stretched{
			width:1680px !important;
			left:auto !important;
			.header-mid{ padding-left:10px; padding-right:10px; }
			.header-bottom-elemntor20 .top-form.top-form-minicart{ right:10px; }
		}
		.header-style14 .header-top{
			padding:0 15px;
		}
		.header-mid-elementor2.elementor-sticky--active, .header-mid-elementor4.elementor-sticky--active{
			width:1680px !important;
		}
	}
}
body.cart-open-mark{
	&:after{
		content:'';
		width: 100vw;
		height: 100vh;
		position: fixed;
		display:inline-block;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, 0.6);
		transition: 200ms ease-out;
		z-index: 999;
		cursor: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 18 18' fill='%23fff'%3e%3cpath d='M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z'/%3e%3c/svg%3e"), pointer; 
	}
}
.clearfix:after {
	height    : 0;
	clear     : both;
	content   : " ";
	font-size : 0;
	min-height: 0;
	display   : block;
	visibility: hidden;
}

.float {
	float: none !important;
}

table {
	margin-bottom: 20px;
}

/* Images in content post*/
.thumbnail {
	max-width: 100%;
}

.size-full {
	width : auto;
	height: auto;
	margin: 0 0 30px 0;
}

.alignleft {
	float : left;
	margin: 0 15px 30px 0;
}

.aligncenter {
	display: block;
	margin : 0 auto 30px auto;
	clear  : both;
}

.alignright {
	float : right;
	margin: 0 0 30px 15px;
}

.alignnone {
	float  : none;
	clear  : both;
	display: block;
	margin : 0 0 30px 0;
}

p .size-full {
	width : auto;
	height: auto;
	margin: 5px 0 30px 0;
}

p .alignleft {
	float : left;
	margin: 5px 15px 30px 0;
}

p .aligncenter {
	display: block;
	margin : 5px auto 30px auto;
}

p .alignright {
	float : right;
	margin: 5px 0 30px 15px;
}

p .alignnone {
	float  : none;
	display: block;
	margin : 5px 0 30px 0;
}

figure .size-full {
	margin: 0;
}

.video-wrapper {
	position      : relative;
	padding-bottom: 56.25%;
	/* 16         :9 */
	padding-top   : 0;
	height        : 0;

	iframe {
		position: absolute;
		top     : 0;
		left    : 0;
		width   : 100%;
		height  : 100%;
	}
}

ul.menu,
.dropdown ul {
	list-style: none;
	margin    : 0;
}

.fa:before {
	font-family: 'Font Awesome 5 Free';font-weight:700;
}

.loading {
	position: relative;
	z-index : 2;
	height  : 300px;
	overflow: hidden;

	&:before {
		background     : url(../assets/img/loading.gif) no-repeat center center #fff;
		background-size: 60px 60px;
		content        : "";
		position       : absolute;
		left           : 0;
		top            : 0;
		bottom         : 0;
		right          : 0;
		z-index        : 99;
		display        : block;
	}

	&.clearfix {
		overflow: hidden;
	}

	&.add_to_cart_button:before {
		background: url(../assets/img/loadingp.gif) no-repeat center center #fff;
	}
}

ul.breadcrumb {
	margin: 0 0 20px;
}

input.input-text:focus,
select:focus,
textarea:focus {
	background-color: #fafafa;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
	background-color: transparent;
}

.elementor-widget-image {
	img {
		.transition(all 0.3s);
	}

	&:hover img {
		opacity: 0.85;
	}
}

//map
.wpb_map_wraper iframe {
	pointer-events: none;
}

.quote-border {
	.border-radius(3px);
	background-color: #f4f4f4;
	padding         : 20px;
	margin-bottom   : 10px;
	font-style      : italic;
	border          : 1px solid #ddd;
}

#cpanel-form a.cpanel-control {
	display: none;
}

/*	
	===================================================================
	content
	===================================================================	
*/
@import "app/global_style.less";
@import "app/content-global-style.less";
/**
	Header
**/
@import "app/header_default.less";
@import "app/_menu.less";
@import "app/_res_menu.less";

/* Content */
@import "app/_widgets.less";
@import "app/_contact_us.less";
@import "app/_about_us.less";
@import "app/_portfolio.less";
@import "app/_blog.less";
@import "app/_blog_detail.less";

@import "app/404.less";

@import "app/shortcodes.less";
@import "app/content.less";
@import "app/slickslider.less";
@import "app/woocommerce.less";
@import "app/wc_vendor.less";
@import "app/wc_marketplace.less";
@import "app/wcfm_marketplace.less";
@import "app/dokan_vendor.less";

@import "app/product_quick_view.less";
@import "app/product_popup.less";
@import "app/product_wishlist.less";
@import "app/update_cart_checkout.less";
@import "app/update_header_footer.less";
@import "app/unit_test.less";

@import "app/update_elementor_1_8.less";
@import "app/update-header-elementor.less";
@import "app/update_page.less";
//@import "app/optimize_dom_ouput.less";


/* Footer */
@import "app/_footer.less";
.product-loader{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(255,255,255,0.8);
	z-index: 999;
}
.product-loader:before, .product-loader:after {
	content: '';
	border: 3px solid #999;
	border-radius: 50%;
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
	z-index: 99;
}
.product-loader:after{
	border-color: transparent;
	border-top-color: var(--primary-color);
	animation: button-loading-spinner 1s ease infinite;
}
@keyframes button-loading-spinner {
    from {
        transform: rotate(0turn);
    }

    to {
        transform: rotate(1turn);
    }
}