/*
	Webspert Web Design E-commerce System
	http://www.webspert.com.my
	Copyright (c) Webspert Web Design
*/

@font-face{font-family:"AvenirNext LT Pro";src:url("font/AvenirNext-Regular.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"AvenirNext LT Pro Bold";src:url("font/AvenirNext-Bold.otf") format("opentype");font-style:normal;font-weight:600;font-display:swap}

@font-face{font-family:"Poppins";src:url("../font/Poppins-Regular.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url("../font/Poppins-Bold.woff") format("woff");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Poppins";src:url("../font/Poppins-SemiBold.woff") format("woff");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Poppins";src:url("../font/Poppins-ExtraBold.woff") format("woff");font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:"Poppins";src:url("../font/Poppins-Medium.woff") format("woff");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Poppins";src:url("../font/Poppins-Light.woff") format("woff");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"Poppins";src:url("../font/Poppins-ExtraLight.woff") format("woff");font-style:normal;font-weight:200;font-display:swap}
@font-face{font-family:"Poppins";src:url("../font/Poppins-Thin.woff") format("woff");font-style:normal;font-weight:100;font-display:swap}

:root {
	--main-color: #5c5c5c;
	--accent-color: #54241C;
	--accent-color-2: #4d2509;
	--top-bar-bg-color: #000;

	--header-color: #000;
	--header-font-weight: 400;

	--theme-color: #000;

	--footer-color: #fff;
	--footer-bg-color: #000;
	--text-color: #5C5C5C;

	--grey-color: #5c5c5ca6;

	--light-grey-color: #f1f1f1;
	--light-grey-color-2: #555555;
	--light-grey-color-3: #cccccc;
	--light-grey-color-4: #c0c0c0;

	--white-color: #fff;
	--black-color: #000914;
	--offer-color: #b21000;
	--purple-color: #c8a2c8;
	--yellow-color: #FFFF00;
	--bright-red: #EE4B2B;
	
	--line-through-color: #8c8c9a;
	--special-price-color: #ab004d;

	/* --warning-color: #F70046;
	--warning-color-2: #dc2e2e; */
	--warning-color: #92278F;
	--warning-color-2: #92278F;

	/* --border-color: #1d1d1d1a; */
	--border-color: #E7E7E7;
	--border-color-3: #cfcfcf;
	--border-color-2: #9b9b9b;

	--sold-out-color: #B7B8B7;
    --available-color: #51A245;

	--feature-bg-color: #FCE9EB;

	--serif-font: 'AvenirNext LT Pro', serif;
    --serif-font-bold: 'AvenirNext LT Pro Bold', serif;
    --sans-serif-font: 'AvenirNext LT Pro', sans-serif;

	--main-font: 'Jost', sans-serif;
	--accent-font: 'Jost', sans-serif;
	/*--accent-font: 'Gilda Display', serif;*/

    /*--light-font: 'Poppins Light', sans-serif;
	--bold-font: 'Poppins Bold', sans-serif;*/
	--light-font: 'Jost', sans-serif;
	--bold-font: 'Jost', sans-serif;

	/* --header-font: 'Poppins', sans-serif; */
	--header-font: 'Jost', sans-serif;

	--button-font: 'Poppins', sans-serif;
	--descp-font: 'Poppins', sans-serif;

	--button-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;;
	--text-shadow: none;
	/* --tag-bg-color: rgba(52, 58, 64, .85); */
	--tag-bg-color: #3a2f13;

	--gap: 0px;

	--body-bg-color: #fff;
	--body-letter-spacing: 0;
	--body-font-size: 14px;
	--body-font-weight: 400;
	--body-line-height: 1.6;
	--body-btn-bg-color: #54241C;
	--body-btn-color: #fff;
	--body-btn-hover-bg-color: #77433a;
	--body-btn-hover-color: #fff;
	--body-btn-border-radius: 25px;
	--body-border-radius: 30px;

	--add-to-cart-bg-color: #54241C;
	--add-to-cart-color: #fff;
	--add-to-cart-hover-bg-color: #77433a;
	--add-to-cart-hover-color: #fff;
	
	/* --product-img-border-radius: 20px; */
	--product-img-border-radius: 0px;

	--border-radius-1: 0px;
	--border-radius-2: 5px;
	--border-radius-3: 15px;

	--heading-font-weight: 400;
	--descp-font-weight: 400;
	--text-font-weight: 400;

	--label-letter-spacing: .06em;
	--heading-letter-spacing: .18em;
	--text-letter-spacing: 0;

	--product-listing-gap: 15px;
	--mobile-product-listing-gap: 15px;

}