/*
 Theme Name:   Asteria
 Description:  Based on Woodmart
 Author:       Jahanggir Jaman
 Author URI:   httsp://jahanggir.com
 Template:     woodmart
 Version:      1.1.0
 Text Domain:  woodmart
*/

/*

    These CSS codes generated by YellowPencil Editor.

    T A B L E   O F   C O N T E N T S
    ........................................................................

    01. Global Styles
    02. Page Template
    03. Page Template
    04. Product Template
    05. Product Template
    06. "My Account" Page
    07. "Checkout" Page
    08. "L’Oréal Botanicals Ginger & Coriander Strengthening Shampoo" Product

*/



/*-----------------------------------------------*/
/*  Global Styles                                */
/*-----------------------------------------------*/
body .shop_coulmn3 .product .related{
	padding-right:40px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:10px;
	margin-right:10px;
}

body .layout #main .product .related{
	padding-left:40px !important;
}

body .shop_coulmn3 .product .wp-post-image{
	max-height:300px;
	max-width:300px;
}

body .shop_coulmn3 .product .related .wp-post-image{
	height:300px !important;
}

body .shop_coulmn3 .product .woocommerce-LoopProduct-link{
	max-width:300px;
	max-height:300px;
}

body .shop_coulmn3 .product .lazy-load-on-load{
	max-width:300px;
	max-height:300px;
}

body .shop_coulmn3 .related ul{
	margin-bottom:0px;
}

body .shop_coulmn3 .product .add_to_cart_btn_wrap{
	padding-right:12px;
	width:326px !important;
}

body .product-detail-bg .entry-summary h1{
	font-weight:700;
	text-align:left;
	text-transform:none;
	word-wrap:normal;
	font-family:'Average', serif;
}

body .wpb_text_column h6 strong{
	font-family:'Average', serif;
	font-size:18px;
	line-height:1em;
}

body .woocommerce-tabs .woodmart-tab-wrapper .woodmart-accordion-title{
	font-family:'Average', serif;
}

body .woodmart-price-outside .ywmmq-rules-wrapper{
	display:none;
}

body .woocommerce-tabs .woodmart-tab-wrapper:nth-child(3) .woodmart-accordion-title{
	display:none;
}

body .blog-pagination-pagination .entry-title a{
	font-size:22px;
}

body .woodmart-recent-posts-list .entry-title a{
	font-size:16px;
}

@media (max-width:1440px){

	body .product-detail-bg .entry-summary h1{
	font-family:'Average', serif;
	}

}



@media (max-width:480px){

	body #pageHeight .shop_coulmn3 .product .related ul{
	margin-left:5px !important;
}

body .shop_coulmn3 .product .related{
	margin-right:11px;
}

body .product-detail-bg .entry-summary h1{
	font-weight:600 !important;
	font-family:'Average', serif;
}

body .woocommerce-tabs .woodmart-tab-wrapper .active{
	font-size:20px;
	}

}



@media (min-width:980px){

	body .product-detail-bg .entry-summary h1{
	font-size:23px;
}

body .post-meta .post-date-title h1{
	font-size:27px !important;
	}

}



@media (min-width:1025px){

	body .woocommerce-tabs .woodmart-tab-wrapper .woodmart-accordion-title{
	font-size:19px;
	}

}



/*-----------------------------------------------*/
/*  Page Template                                */
/*-----------------------------------------------*/
body.page:not(.home) #header-content h1{
	text-transform:uppercase;
	letter-spacing:2.9px;
}

@media (min-width:980px){

	body.page:not(.home) #header-content h1{
	font-size:46px;
	}

}



/*-----------------------------------------------*/
/*  Page Template                                */
/*-----------------------------------------------*/
2019-09-02 19:29:04



/*-----------------------------------------------*/
/*  Product Template                             */
/*-----------------------------------------------*/
body.single-product .column_res .product .woocommerce-LoopProduct-link{
	margin-left:32px;
}

body.single-product .shop_coulmn3 .product .related{
	padding-left:85px;
}

@media (max-width:1024px){

	body.single-product .layout .toggleSidebarContainer #main-content #main #pageHeight .shop_coulmn3 .product .related ul{
	width:95% !important;
	}

}



@media (max-width:900px){

	body.single-product .layout .toggleSidebarContainer #main-content #main #pageHeight .shop_coulmn3 .product .related ul{
	width:90% !important;
	}

}



@media (max-width:599px){

	body.single-product .shop_coulmn3 .product .related{
	padding-left:33px;
}

body.single-product .column_res .product .woocommerce-LoopProduct-link{
	width:265px;
	margin-left:17px;
	margin-right:19px;
	padding-bottom:10px;
	max-width:280px;
	}

}



@media (max-width:480px){

	body.single-product .toggleSidebarContainer #main .related ul{
	margin-left:10px !important;
}

body.single-product .shop_coulmn3 .related ul{
	margin-right:10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding-left:10px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	position:relative;
	left:5px;
	border-top-left-radius:5px;
}

body.single-product .layout .toggleSidebarContainer #main-content #main #pageHeight .shop_coulmn3 .product .related ul{
	width:100% !important;
}

body.single-product .column_res .product .woocommerce-LoopProduct-link{
	margin-left:0px;
	z-index:-5;
	position:relative;
	width:auto;
}

body.single-product #main #pageHeight .shop_coulmn3 .product .fullwidth .related-products .related .column_res .product .productwrap .add_to_cart_btn_wrap .woocommerce-LoopProduct-link{
	height:auto !important;
}

body.single-product .shop_coulmn3 .product .related{
	margin-left:0px;
}

body.single-product #main-content #main .product .related{
	padding-left:6px !important;
	}

}



@media (max-width:320px){

	body.single-product .shop_coulmn3 .product .related{
	padding-right:27px;
	padding-left:26px;
	}

}



@media (min-width:980px){

	body.single-product .product-detail-bg .entry-summary h1{
	line-height:1.3em !important;
	font-size:24px !important;
	}

}



/*-----------------------------------------------*/
/*  Product Template                             */
/*-----------------------------------------------*/
body.single-product a:8:{
	s:25:"wt_active_coupon_bg_color";
	s:7:"#620089";
	s:29:"wt_active_coupon_border_color";
	s:7:"#ffffff";
	s:23:"wt_display_used_coupons";
	b:0;
	s:23:"wt_used_coupon_bg_color";
	s:7:"#eeeeee";
	s:27:"wt_used_coupon_border_color";
	s:7:"#000000";
	s:26:"wt_display_expired_coupons";
	b:0;
	s:26:"wt_expired_coupon_bg_color";
	s:7:"#f3dfdf";
	s:30:"wt_expired_coupon_border_color";
	s:7:"#eccaca";
}



/*-----------------------------------------------*/
/*  "My Account" Page                            */
/*-----------------------------------------------*/
body.page-id-11915 .wpb_wrapper p .order-number{
	font-weight:600;
	color:#6e113c;
	text-shadow:rgba(0, 0, 0, 0.3) 0px 1px 1px;
}



/*-----------------------------------------------*/
/*  "Checkout" Page                              */
/*-----------------------------------------------*/
body.page-id-11914 .woocommerce-table thead .product-total{
	text-align:center !important;
	font-size:22px !important;
}

body.page-id-11914 .woocommerce-table thead .product-name{
	font-size:22px !important;
}

body.page-id-11914 .woocommerce-table tbody .woocommerce-Price-amount{
	color:#530d43;
}

body.page-id-11914 .woocommerce-order .woocommerce-thankyou-order-details .order{
	font-size:16px;
	margin-top:25px;
	margin-left:0px;
	margin-bottom:25px;
}

body.page-id-11914 .woocommerce-thankyou-order-details .order strong{
	color:#530d43;
	font-weight:500;
	line-height:1.5em;
	margin-top:10px;
	font-size:16px !important;
}

body.page-id-11914 .woocommerce-order .woocommerce-thankyou-order-details .date{
	font-size:16px;
	margin-top:25px;
	margin-bottom:25px;
}

body.page-id-11914 .woocommerce-thankyou-order-details .date strong{
	font-size:16px !important;
	color:#530d43;
	font-weight:500;
	margin-top:10px;
}

body.page-id-11914 .woocommerce-order .woocommerce-thankyou-order-details .email{
	font-size:16px;
	line-height:1em;
	margin-top:25px;
	margin-bottom:25px;
}

body.page-id-11914 .woocommerce-thankyou-order-details .email strong{
	font-weight:500;
	font-size:16px !important;
	color:#530d43;
	margin-top:10px;
}

body.page-id-11914 .woocommerce-order .woocommerce-thankyou-order-details .total{
	font-size:16px;
	line-height:1em;
	margin-top:25px;
	margin-bottom:25px;
}

body.page-id-11914 .total strong .woocommerce-Price-amount{
	font-size:16px;
	color:#530d43;
	font-weight:500;
	margin-top:10px;
	line-height:2.5em;
}

body.page-id-11914 .woocommerce-order .woocommerce-thankyou-order-details .method{
	font-size:16px;
	margin-top:25px;
	margin-bottom:25px;
}

body.page-id-11914 .woocommerce-thankyou-order-details .method strong{
	font-size:16px !important;
	color:#530d43;
	font-weight:500;
	margin-top:10px;
}

body.page-id-11914 .woocommerce-order section address{
	padding-bottom:30px !important;
	padding-top:30px !important;
	padding-left:40px !important;
	margin-bottom:80px !important;
}

body.page-id-11914 .woocommerce-order section h2{
	margin-bottom:25px;
}



/*-----------------------------------------------*/
/*  "L’Oréal Botanicals Ginger & Coriander Strengthening Shampoo" Product*/
/*-----------------------------------------------*/
body.postid-50015 #vc_row_8 .wpb_wrapper strong{
	font-size:18px !important;
}


/* .labels-rounded .out-of-stock{
    word-break: break-word;
    background: #900202 !important;
    color: white;
    text-indent: -9999px;
}


.labels-rounded .out-of-stock:after {
    content: "Sold";
    color: white;
    text-indent: 0;
    word-break: normal;
} */

span.out-of-stock.product-label {
    display: none;
}
.slide-product.owl-carousel-item .product-grid-item.outofstock:after{
	display:none;
}
.product-grid-item.outofstock:after {
    content: "SOLD OUT";
    position: absolute;
    background: var(--wd-primary-color);
    padding: 0 10px;
    text-align: center;
    height: 45px;
    top: calc(50% - 70px);
    left: calc(50% - 60px);
    font-size: 1.4em;
    font-weight: bold;
    display: flex;
    align-items: center;
    transform: rotate(-10deg);
	color: #fff;
	z-index: 20;
}
.product-grid-item.outofstock * {
    opacity: .90;
}
@media only screen and (max-width: 500px) {
	.product-grid-item.outofstock:after {
        padding: 5px 10px;
        width: unset;
        height: unset;
        top: calc(50% - 60px);
        left: calc(50% - 50px);
        font-size: 1.2em;
    }
}