/*
	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}

@font-face{font-family:"Gazpacho Black";src:url("../font/Gazpacho-Black.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Gazpacho Regular";src:url("../font/Gazpacho-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Gazpacho Medium";src:url("../font/Gazpacho-Medium.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Gazpacho Bold";src:url("../font/Gazpacho-Bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}

:root {
    /* Changed from EE4893 to ed4891 - Requested by client*/
	/* F5B0C2 to ed4891 */
	--main-color: #1C1C1C;

	/* Default Colors */
	/* 
	--accent-color: #E87C98;
	--accent-color-2: #ed4891;
	--top-bar-bg-color: #ed4891;
	--theme-color: #ed4891;
	--footer-color: #fff;
	--footer-bg-color: #ed4891;
	--font-content-color: #ed4891; 
	--warning-color: #ed4891;
	--warning-color-2: #ed4891;
	--body-btn-bg-color: #ed4891;
	--body-btn-hover-color: #e87c98;
	--header-color: #ab004d;
	--header-bg-color: #fff;
	--top-bar-color: #fff;

	// REWARD_THEME_COLOR : #f5b0c2;
	// WHATSAPP_THEME_COLOR : #f5b0c2;
	*/
	
	/* Temp Colors */
	--accent-color: #442D1D;
	--accent-color-2: #442D1D;
	--top-bar-bg-color: #FFF9F0;
	--top-bar-color: #442D1D;
	--theme-color: #442D1D;
	--footer-color: #FFF9F0;
	--footer-bg-color: #442D1D;
	--font-content-color: #442D1D;
	--warning-color: #442D1D;
	--warning-color-2: #442D1D;
	--body-btn-bg-color: #442D1D;
	--body-btn-hover-color: #715744;
	--header-color: #FFF9F0;
	--header-bg-color: #442D1D;



	--grey-color: #231a17;

	--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: #c60000; */
	--offer-color: #ab004d;
	--purple-color: #c8a2c8;
	--yellow-color: #FFFF00;
	--bright-red: #EE4B2B;
	
	--line-through-color: #8c8c9a;

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

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

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

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

	--main-font: 'Poppins', sans-serif;
	--accent-font: 'Gazpacho Black', serif;

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

	--header-font: 'Gazpacho Medium', serif;
	
	--border-radius-1: 0px;
	--border-radius-2: 5px;
	--border-radius-3: 15px;

	--default-border-radius: 30px;

	/* --text-shadow: 1px 1px 2px #252525; */
	--text-shadow: none;
	/* --tag-bg-color: rgba(52, 58, 64, .85); */
	--tag-bg-color: rgba(127, 37, 75, 0.85);

	--gap: 0px;

	--body-bg-color: #fff;
	--body-letter-spacing: 0em;
	--body-font-size: 15px;
	--body-font-weight: 400;
	--body-line-height: 1.6;

	--heading-font-weight: 700;

}