.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: none;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
}

.page-title-default{
	background-color:rgb(255,241,242);
	background-image: none;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:rgba(226,72,88,0.76);
	background-image: none;
}

:root{
--wd-text-font:"kalameh-reg", Arial, Helvetica, sans-serif;
--wd-text-font-weight:300;
--wd-text-color:rgb(0,5,58);
--wd-text-font-size:14px;
}
:root{
--wd-title-font:"kalameh-verybold", Arial, Helvetica, sans-serif;
--wd-title-font-weight:600;
--wd-title-color:rgb(5,0,0);
}
:root{
--wd-entities-title-font:"kalameh-reg", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:500;
--wd-entities-title-color:rgb(5,0,0);
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"kalameh-reg", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"kalameh-reg", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:600;
--wd-widget-title-transform:none;
--wd-widget-title-color:rgb(5,0,0);
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"kalameh-verybold", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:700;
--wd-header-el-transform:none;
--wd-header-el-font-size:13px;
}
:root{
--wd-primary-color:rgb(223,94,111);
}
:root{
--wd-alternative-color:#fbbc34;
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-shop-bgcolor:rgb(255,77,109);
}
:root{
--btn-shop-bgcolor-hover:rgb(237,0,114);
}
:root{
--btn-accent-bgcolor:rgb(255,77,109);
}
:root{
--btn-accent-bgcolor-hover:rgb(237,0,114);
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
	:root{
					
							--wd-form-brd-radius: 5px;
			
					
					--wd-form-brd-width: 1px;
		
					--btn-default-color: #333;
		
					--btn-default-color-hover: #333;
		
					--btn-shop-color: #fff;
		
					--btn-shop-color-hover: #fff;
		
					--btn-accent-color: #fff;
		
					--btn-accent-color-hover: #fff;
		
					
			
							--btn-default-brd-radius: 35px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
			
					
					
			
							--btn-shop-brd-radius: 35px;
				--btn-shop-box-shadow: none;
				--btn-shop-box-shadow-hover: none;
			
					
					
			
							--btn-accent-brd-radius: 35px;
				--btn-accent-box-shadow: none;
				--btn-accent-box-shadow-hover: none;
			
					
							
					--wd-brd-radius: 0px;
			}

	
	
			@media (min-width: 1025px) {
			.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
				max-width: 1192px;
			}
		}

		.container {
			max-width: 1222px;
		}

		:root{
			--wd-container-width: 1222px;
		}
	
			.elementor-section.wd-section-stretch > .elementor-column-gap-no {
			max-width: 1192px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-narrow {
			max-width: 1202px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-default {
			max-width: 1212px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-extended {
			max-width: 1222px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-wide {
			max-width: 1232px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-wider {
			max-width: 1252px;
		}
		@media (min-width: 1239px) {
			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media (min-width: 1222px) {
			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
	
			div.wd-popup.popup-quick-view {
			max-width: 920px;
		}
	
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 223px;
		}
	
	
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//khalebeauty.com/wp-content/themes/woodmart/fonts/woodmart-font.woff2?v=7.0.4") format("woff2");
}

@font-face {
	font-family: "kalameh-thin";
	src: url("//khalebeauty.com/wp-content/uploads/2025/10/KalamehWeb-Thin.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "kalameh-reg";
	src: url("//khalebeauty.com/wp-content/uploads/2025/10/KalamehWeb-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "kalameh-bold";
	src: url("//khalebeauty.com/wp-content/uploads/2025/10/KalamehWeb-Bold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "kalameh-verybold";
	src: url("//khalebeauty.com/wp-content/uploads/2025/10/KalamehWeb-Black.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
}

/* zoom in for "overlay background" in home screen two */
.overlay-zoom {
	overflow: hidden !important;
}

.overlay-zoom .elementor-background-overlay {
	-webkit-transition: all 0.5s !important;
	transition: all 0.6s !important;
	-webkit-transform-origin: left;
	transform-origin: left;
}

.overlay-zoom:hover .elementor-background-overlay {
	-webkit-transform: scale(2);
	transform: scale(1.3);
}

/* change style of blog (blog page) */
.blog-page .post-img-wrapp {
	border-radius: 15px;
}

.blog-page .woodmart-post-date {
	border-radius: 15px;
}

.blog-page .post-title {
	text-align: right;
	font-size: 22px;
}

div.meta-post-categories{
	border-radius: 15px !important;
}

/* highlight headers in home  */
.highlighted{
	color: var(--wd-primary-color);
}

/* styles for product page */
span.nav-link-text.wd-tabs-title::after{
display:none;
}

a.wd-nav-link{
  border-radius: 15px;
	margin-bottom: 10px;
	font-size: 20px !important;
}

.elementor-widget-woocommerce-product-data-tabs .tabs-layout-tabs .tabs li a {
    opacity: 1;
    padding-right: 10px;
    padding-left: 10px;
	  padding-top: 10px !important;
    padding-bottom: 12px;
}

.wd-tabs-title{
	color:white;
	font-weight:20px !important;
}

div.wd-nav-wrapper{
	text-align: right;
  background-color:#FF4C6C;
  border-radius: 15px 15px 0 0;
  padding: 10px 5px;
	margin-bottom: 0 !important;
}

#tab-description, #tab-reviews, #tab-additional_information{
	background-color: #F5F4F4;
	border-radius: 0 0 15px 15px;
}

.active>.wd-nav-link{
	background-color: #F5F4F4;
  padding-bottom: 20px;
  padding-top: 20px;
  border-radius: 15px 15px 0 0;
}

.active>.wd-nav-link>.wd-tabs-title{
	color:black;
}

div.wc-tab-inner{
	padding: 20px !important;
  line-height: 2em;
  font-size: 16px;
}

div.wd-nav-tabs-wrapper{
	padding-right:15px;
}

.bold{
  font-weight: bold;
}

.e-atc-qty-button-holder>.single_add_to_cart_button {
	background: linear-gradient(99deg, rgb(255, 166, 0) 14.7%, rgb(255, 99, 97) 73%);
}

.e-atc-qty-button-holder>.single_add_to_cart_button:hover{
	background: linear-gradient(99deg, #FFA701, #FEA107, #FF8335, #FE6261, #FE6261 );
	background-size: 400% 400%;
	animation: gradient 8s ease infinite;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


.addtocart-shadow{
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 15px;
}

.star-rating{
  color: #FF4D6D;
}


/* styles for product grid */
div.product-wrapper{
    border-radius: 15px !important;
}
.product-archive-grid .star-rating{
    display: none;
}

.add_to_cart_button{
     background:url(http://khalebeauty.com/wp-content/uploads/2022/08/addtocartnotactive.svg) 0 0 no-repeat;
    height:38px; /* your image height */
    text-indent:-99999em;
    width:38px; /* your image width */
    overflow:hidden;
    border-radius: 50px;
    margin-bottom: -20px;

}
.add_to_cart_button:hover{
     background:url(http://khalebeauty.com/wp-content/uploads/2022/08/addcartgrid.svg) 0 0 no-repeat;
    height:38px; /* your image height */
    text-indent:-99999em;
    width:38px; /* your image width */
    overflow:hidden;
    border-radius: 50px;
    margin-bottom: -20px;

}

.product-wrapper{
	  background-color: white;
    margin-bottom: 20px;
}

div.product-wrapper{
	    box-shadow: rgb(0 0 0 / 8%) 0px 2px 5px !important;
}
.product-label{
    min-height: 50px !important;
    border-radius: 0 0 50px 50px !important;
    margin-top: -10px;
    margin-right: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.wd-action-btn>a{
    color: var(--wd-primary-color) !important;
}

.page-numbers{
	border-radius:50px !important;
}

.wd-buttons{
	box-shadow:none;
}

/* shop page style - must use shoppage class */
.shoppage .elementor-1715 .elementor-element.elementor-element-08e7b43 .jet-woo-products .jet-woo-product-button .button {
    background-color: white;
}
.shoppage .add_to_cart_button{
    background-color: white !important;
     background:url(http://khalebeauty.com/wp-content/uploads/2022/08/addtocartnotactive.svg) 0 0 no-repeat;
    display:block;
    height:38px; /* your image height */
    text-indent:-99999em;
    width:38px; /* your image width */
    border-radius: 50px;
}

.shoppage .add_to_cart_button:hover{
 transition:  ease 0.3s;
    background:url(http://khalebeauty.com/wp-content/uploads/2022/08/addcartgrid.svg) 0 0 no-repeat;
    display:block;
    height:38px; /* your image height */
    text-indent:-99999em;
    width:38; /* your image width */
}
.shoppage div.jet-woo-products__item{
    margin-bottom: 30px;
}
.shoppage div.jet-woo-products__inner-box{
    overflow: visible !important;
}

.category-grid-item .category-link {
    box-shadow: rgb(0 0 0 / 8%) 0px 2px 5px !important;
    border-radius: 15px;
}

.social-form-circle .wd-social-icon {
    background-color: #fff4f6;
    box-shadow: rgb(0 0 0 / 8%) 0px 2px 5px !important;
    margin-right: 5px !important;
}

.wd-social-icon:hover {
    background-color: #FF4C6C;
}

.otherheader-social .social-form-circle .wd-social-icon {
    background-color: #ffffff !important;
}



.wd-icon{
color: #333;
}

.wd-social-icon:hover .wd-icon{
color: #ffffff;
}

.shadow{
    box-shadow: rgb(0 0 0 / 8%) 0px 2px 5px !important;
    border-radius: 15px;
}@media (min-width: 1025px) {
	/* custom styles for desktop version of product page */
.woodmart-accordion-title {
	display: none !important;
}

#tab-description,
#tab-reviews,
#tab-additional_information {
	margin-top: -25px;
}

/* header style for making logo background rounded (desktop only) */
header .wd-info-box .info-box-title {
	line-height: 1.5;
	margin-bottom: 0;
}

.whb-general-header-inner {
	position: relative;
}

.whb-general-header .whb-general-header-inner:before {
	content: "";
	background: url("http://khalebeauty.com/wp-content/uploads/2022/08/Central_Curve_shadow2-1.svg") no-repeat;
	width: 364px;
	height: 325px;
	right: -120px;
	top: -137px;
	display: inline-block;
	margin: auto;
	background-size: contain;
	position: absolute;
}

.wd-header-my-account {

	border-radius: 100px;
	padding: 0px 10px;
}

.whb-header-bottom .wd-nav.wd-style-underline .nav-link-text {
	line-height: 5.3;
}

.wd-nav.wd-style-underline .nav-link-text:after {
	height: 4px;
	border-radius: 10px
}

header .wd-nav>li.menu-item-has-children>a:after,
.wd-nav>li.wd-has-children>a:after {
	margin-right: 12px;
	font-weight: 400;
	content: "\f129";
	background: var(--wd-primary-color);
	height: 26px;
	width: 26px;
	line-height: 29px;
	text-align: center;
	border-radius: 100px;
	font-size: 11px;
	color: #fff !important;
	transform: rotate(90deg);
	transition: .3s;
}

header .wd-nav[class*=wd-style-]>li:hover>a:after {
	color: var(--nav-color-hover);
	transform: rotate(0deg);
}

header.whb-sticked .whb-header-bottom {
	background-color: rgb(0 0 0 / 79%);
}

.wd-dropdown-menu.wd-design-default,
.wd-dropdown-menu.wd-design-default .wd-dropdown,
.wd-dropdown-menu.wd-design-sized,
.wd-nav-vertical .wd-dropdown-menu.wd-design-full-width {
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.shoppage .add_to_cart_button{
    margin-bottom: -60px!important;
}




.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 5px;
    left: 0;
    width: 30%;
    margin-left: 41.5%;
    margin-bottom: -10px;
    background: url(http://khalebeauty.com/wp-content/uploads/2022/08/Vector-1.svg) no-repeat;
    width: 157px;
    height: 35px;
}

.elementor-22 .elementor-element.elementor-element-6e9a9d2 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
		background: #00000024 !important;
    margin-top: 15px;
}

.swiper-pagination-bullet-active {
  background-color: var(--wd-primary-color) !important;
	padding-right: 10px;
  padding-left: 10px;
}

.elementor-22 .elementor-element.elementor-element-6e9a9d2 .swiper-pagination-bullet {
	border-radius: 15px !important;
}

.elementor-22 .elementor-element.elementor-element-6e9a9d2 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-22 .elementor-element.elementor-element-6e9a9d2 .elementor-swiper-button.elementor-swiper-button-next {
    font-size: 24px !important;
}
}

@media (max-width: 576px) {
	/* custom styles for mobile version of product page */
.wd-nav-wrapper {
	display: none;
}

div.wd-accordion-title {
	background: linear-gradient(99deg, rgb(255, 166, 0) 14.7%, rgb(255, 99, 97) 73%);
	border-radius: 15px;
	margin-bottom: 5px;
	padding: 15px;
}

div.wd-accordion-title-text {
	color: #ffffff !important;
  padding-bottom: 20px;
}

div.wd-accordion-title-text:hover {
	color: #ffffff;
	 !important padding-bottom: 20px;
}

.wd-accordion-title.wd-active .wd-accordion-title-text,
.wd-accordion-title:hover .wd-accordion-title-text {
	color: #ffffff;
	 !important
}

span.wd-accordion-opener {
	padding-right: 10px;
	color: white;
}

.wd-accordion.wd-style-default .wd-accordion-item {
	border: none;
	 !important
}

#tab-description,
#tab-reviews,
#tab-additional_information {
	margin-top: -17px;
}









.elementor-22 .elementor-element.elementor-element-d27f13f .elementor-heading-title {
    margin-top: -62px !important;
    padding-bottom: 10px !important;
}

.elementor-22 .elementor-element.elementor-element-24613c1 .elementor-countdown-wrapper {
    margin-top: -39px !important;
    padding-bottom: 138px !important;
}

.elementor-22 .elementor-element.elementor-element-24613c1 > .elementor-widget-container {
    margin-bottom: -130px;
}

.woocommerce-product-gallery .labels-rounded .product-label {
    min-width: 40px;
    min-height: 40px;
    margin-top: -10px !important;
}


.elementor-589 .elementor-element.elementor-element-f117f98 .jet-woo-products .jet-woo-product-button .button {
    margin-bottom: -59px !important;
}

.mobilesaletext {
    margin-top: -35px;
    padding-bottom: 32px;
}

}