/*
Theme Name: Hara
Theme URI: https://hara.thembaydev.com/
Author: Thembay
Author URI: https://thembay.com
Description: Beauty and Cosmetics Shop WooCommerce Theme
Version: 1.2.18
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: hara
Domain Path: /languages/
Requires PHP: 7.0
Requires at least: 5.0
Tested up to: 5.5

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Multisite
 * 16.0 - Media Queries
 *    16.1 - Mobile Large
 *    16.2 - Tablet Small
 *    16.3 - Tablet Large
 *    16.4 - Desktop Small
 *    16.5 - Desktop Medium
 *    16.6 - Desktop Large
 *    16.7 - Desktop X-Large
 * 17.0 - Print
 */


/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */
img{
    max-width: 100%;
    height:auto;
 }
 
 .sticky{
    background: #FFFFFF;
 }
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
	color: #333;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}
.gallery-caption,
.bypostauthor {
  font-style: italic;
  font-size: 12px;
  color: #757575;
}

/**
 *  Gallery
 * -----------------------------------------------------------------------------
 */
 #tbay-main-content .single-post .gallery {
	padding-top: 30px;
	margin-right: -25px;
 }
  .gallery .gallery-item a {
	  margin: 0;
  }
 .gallery .gallery-item {
    float: left;
    margin: 0 4px 4px 0;
    overflow: hidden;
    padding: 0;
    position: relative; }
  
  .gallery-columns-1 .gallery-item {
    max-width: 100%;
    width: auto; }
  
  .gallery-columns-2 .gallery-item {
    max-width: 48%;
    max-width: -webkit-calc(50% - 14px);
    max-width: calc(50% - 14px);
    width: auto; }
  
  .gallery-columns-3 .gallery-item {
    max-width: 32%;
    max-width: -webkit-calc(33.3% - 11px);
    max-width: calc(33.3% - 11px);
    width: auto; }
  
  .gallery-columns-4 .gallery-item {
    max-width: 23%;
    max-width: -webkit-calc(25% - 9px);
    max-width: calc(25% - 9px);
    width: auto; }
  
  .gallery-columns-5 .gallery-item {
    max-width: 19%;
    max-width: -webkit-calc(20% - 8px);
    max-width: calc(20% - 8px);
    width: auto; }
  
  .gallery-columns-6 .gallery-item {
    max-width: 15%;
    max-width: -webkit-calc(16.7% - 7px);
    max-width: calc(16.7% - 7px);
    width: auto; }
  
  .gallery-columns-7 .gallery-item {
    max-width: 13%;
    max-width: -webkit-calc(14.28% - 7px);
    max-width: calc(14.28% - 7px);
    width: auto; }
  
  .gallery-columns-8 .gallery-item {
    max-width: 11%;
    max-width: -webkit-calc(12.5% - 6px);
    max-width: calc(12.5% - 6px);
    width: auto; }
  
  .gallery-columns-9 .gallery-item {
    max-width: 9%;
    max-width: -webkit-calc(11.1% - 6px);
    max-width: calc(11.1% - 6px);
    width: auto; }
  
  .gallery-columns-1 .gallery-item:nth-of-type(1n),.gallery-columns-2 .gallery-item:nth-of-type(2n),.gallery-columns-3 .gallery-item:nth-of-type(3n),.gallery-columns-4 .gallery-item:nth-of-type(4n),.gallery-columns-5 .gallery-item:nth-of-type(5n),.gallery-columns-6 .gallery-item:nth-of-type(6n),.gallery-columns-7 .gallery-item:nth-of-type(7n),.gallery-columns-8 .gallery-item:nth-of-type(8n),.gallery-columns-9 .gallery-item:nth-of-type(9n) {
    margin-right: 0; }
  
  .gallery .gallery-caption {
    background-color: rgba(0,0,0,.7);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    max-height: 85%;
    opacity: 0;
    padding: 6px 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    width: 100%; }
  
  .gallery .gallery-caption:before {
    content: "";
    height: 100%;
    min-height: 49px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
  
  .gallery-item:hover .gallery-caption {
    opacity: 1; }
  
  .gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption {
    display: none; }
  
  .gallery-columns-2 .gallery-item:nth-child(odd),.gallery-columns-3 .gallery-item:nth-child(3n+1),.gallery-columns-4 .gallery-item:nth-child(4n+1),.gallery-columns-5 .gallery-item:nth-child(5n+1),.gallery-columns-6 .gallery-item:nth-child(6n+1),.gallery-columns-7 .gallery-item:nth-child(7n+1),.gallery-columns-8 .gallery-item:nth-child(8n+1),.gallery-columns-9 .gallery-item:nth-child(9n+1) {
    clear: both; }


/*New CSS Start*/
body.single-product{ background: #fff;}
.cart-dropdown .text-cart{ font-size: 12px;}
.cart-dropdown .subtotal{ font-size: 16px;}
.tbay-search-form .tbay-search{height: 44px;}
.tbay-search-form .form-group .input-group{ position: relative;}
.tbay-search-form .form-group .input-group .btn,
.tbay-search-form .form-group .button-group{ position: initial;}
.tbay-search-form .form-group .input-group .btn i{position: absolute; left: 30px; color: #000 !important;}
.banner_area {
  position: relative;
}

li.current-menu-item > a{ background:#87604C;}
.banner_area::after {
  content: "";
  position: absolute;
  right:-5px;
  bottom: -80px;
  width: 880px;
  height:367px;
  background: url("images/homebanner-2.png") no-repeat bottom right;
  background-size: cover;
  display: block;
  pointer-events: none; z-index: 9;
}
.banner_area_shop:after{background: url("images/banner-img2.png") no-repeat bottom right; height: 150%;}

@media (max-width: 1680px) {
.banner_area::after {width: 800px; height: 333px;bottom:-60px;}
}
@media (max-width: 1400px) {
.banner_area::after {width: 700px; height: 292px;bottom: -30px;}
.banner_area_shop:after{height: 150%;}

}

@media (max-width: 1330px) {
.banner_area::after {width: 600px; height: 250px;bottom:0px;}
}

@media (max-width: 1220px) {
.banner_area::after {width: 500px; height: 208px;bottom:40px;}
}

@media (max-width: 1110px) {
.banner_area::after {width: 400px; height: 168px;bottom:60px;}
}

@media (max-width: 1100px) {
.banner_area_shop:after{height: 150%;}

}
@media (max-width: 1024px) {
.banner_area::after { display: none;}

}
@media (max-width: 767px) {
 .h2_title h2,
.banner_area h1{ font-size: 36px !important;}
.banner_area h2{ font-size: 36px!important;}

}

@media (max-width: 500px) {
 .h2_title h2,
.banner_area h1{ font-size: 32px !important;}
.banner_area h2{ font-size: 32px!important;}

}

.tbay-element-custom-image-list-categories .item-cat{overflow: hidden;box-shadow: 0 0 14px -9px #00000085;}
.tbay-element-custom-image-list-categories .item-cat > a{ padding: 0 !important;}
.tbay-element-custom-image-list-categories .content{ padding: 15px 0;}

.elementor-widget-text-editor h4{ color:#000;}
.elementor-widget-text-editor h4,
.elementor-widget-text-editor h2,
.elementor-widget-text-editor p{ margin-bottom:1rem;}
.aroya_product-categories {
    margin-bottom: 6px;
}

.aroya_product-category {
    font-size: 12px;
    color: #555;
    background: #f5f5f5;
    padding: 3px 8px;
    margin-right: 5px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
}

.aroya_product-category:hover {
    background: #000;
    color: #fff;
}


@media (min-width: 768px) {
  .product.v1 .group-add-to-cart {
visibility: visible;
    opacity: 1;
    width: calc(100% - 0px);
    position: relative;
    bottom: 0;
    left: 0;
    right: 0; padding-top: 20px;
  }
  .product.v1:hover .group-add-to-cart{bottom: 0;}
  .product.v1 .group-add-to-cart .add-cart a{  background: #CD9E53;border-radius: 40px;}
  .product.v1 .group-add-to-cart .add-cart a:hover, .product.v1 .group-add-to-cart .add-cart a:focus{ background: #362F44;}
  .woocommerce #shop-now .single_add_to_cart_button {	display: flex;justify-content: center;align-items: center;background: #d6a24c;border-radius: 60px; max-width: 300px; width: 100%;}
  .woocommerce #shop-now .single_add_to_cart_button:hover {	background: #3B3B52;}
.product.v1 .group-buttons{top: 60px;}


}


.woocommerce div.product p.price, .woocommerce div.product span.price{ color: #CD9E53;}
.single-product .information .price{margin-top: 0; margin-bottom: 0;}
.woocommerce #shop-now .single_add_to_cart_button{ position: relative; padding-left: 32px;}
.woocommerce #shop-now .single_add_to_cart_button:before{background: url("images/cartIcon.png") no-repeat left center; height: 20px; width: 20px;
content: "";
position: absolute;
right:50%;
top:50%;
transform: translate(-40px , -50%);
-webkit-transform: translate(-40px , -50%);
-ms-transform: translate(-40px , -50%);
}
.product.v1 .group-add-to-cart .add-cart a span.title-cart{background: url("images/cartIcon.png") no-repeat left center; padding-left: 25px;}
.product.v1 .aroya_product_content{ border-radius: 10px; overflow: hidden;box-shadow: 0 0 14px -9px #00000085; background: #fff;}
.product.v1 .aroya_product_content .product-category{ font-size: 12px; color: #fff; background:#362F44; padding: 4px 12px; border-radius: 20px;}
.product.v1 .aroya_product_content h3.name{ font-size: 17px; color:#0A0A0A; font-family: Poppins; padding-bottom: 3px;}
.product.v1 .aroya_product_content span.price{ font-size: 19px; color:#3B3B52;}

.price ins .woocommerce-Price-amount, .woocs_price_code ins .woocommerce-Price-amount, .woocommerce-grouped-product-list-item__price ins .woocommerce-Price-amount{font-size: 20px; color:#3B3B52; font-weight: 600;}
.woocommerce div.product p.price del .woocommerce-Price-amount, .woocommerce div.product span.price del .woocommerce-Price-amount{font-size: 18px; color:#3B3B52; font-weight: 600;opacity: 0.7;}
.product.v1 .aroya_product_content .caption{ padding: 14px 20px 25px;}
.product.v1 .aroya_product_content .caption .rating{ display: none;}

.category_shop_page .tbay-element-custom-image-list-categories .item-cat > a{ height: 115px;}
.category_shop_page .tbay-element-custom-image-list-categories .item-cat > a img{object-fit: cover; height: 115px;}
.woocommerce-products-header img{ display: none;}

#sidebar-shop{ border-radius: 10px; border: 1px solid #E5E5E5; padding: 20px;}
.sidebar#sidebar-shop > .widget .widget-title{ font-size: 16px; font-weight: 500;padding-bottom: 4px; margin-bottom: 12px;}
.woocommerce .widget_price_filter .price_slider_amount .button{ background: #3B3B52;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{border: 2px solid #3B3B52; background: #3B3B52;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{background: #3B3B52;}
#tabs-list-description{display: none;}
.singular-shop > .product > div.tabs-fulltext .item-panel{border: 0px !important;}


.custom-reviews {
    max-width: 900px;
    margin: 0px auto;
    text-align: center;
}
body #reviews #respond .form-submit input,
.write-review-btn {
    display: inline-block;
    padding: 7px 22px;
    background: #d6a24c;
    color: #fff;
    border-radius: 30px;
}
body #reviews #respond .form-submit input{line-height: 20px;margin-top: 20px !important;}
body #reviews #respond .form-submit input:hover,
.write-review-btn:hover{ color: #fff; background-color: #3B3B52;}
.single-product .product h3.custom-review-title{font-size: 24px; margin: 0; padding: 30px;}
.singular-shop > .product > div.single-main-content{ border: 0;padding-bottom: 0;}
.quantity .box{background: #fff;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
}
.woocommerce .input-text{background: #fff !important;}
.woocommerce .quantity button, .woocommerce-page .quantity button{padding-left: 8px;}
.woocommerce .quantity button.plus, 
.woocommerce-page .quantity button.plus{ padding-right: 8px; padding-left: 8px;}
.woocommerce .quantity button i, .woocommerce-page .quantity button i{background: #eee; padding: 7px 8px 5px 8px; border-radius: 20px;}
.woocommerce #shop-now::after{ display: none;}
#shop-now {
    display: flex;
    align-items: center;
    gap: 12px;
}
#shop-now .group-button {width: auto;margin: 0; padding: 0;}
#shop-now .group-button .yith-wcwl-add-to-wishlist-button__label{ display: none;}
.woocommerce #shop-now .group-button .tbay-wishlist a{ width: 48px; height: 48px; background: #e9f8ea; border-radius: 40px;justify-content: center; color: #2C742F;}
.yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button) svg.yith-wcwl-add-to-wishlist-button-icon{ color: #2C742F;}
#shop-now .tbay-wishlist {display: flex; align-items: center; gap: 8px;}

#tabs-list-additional_information,
.single-product .information .tbay-social-links{ display: none;}
.tbay-breadcrumb .breadcrumb > li + li::before{content: "";
	height: 1px;
  width: 8px;
	opacity: .3;
	filter: alpha(opacity=30);
	background: #000;
	color: #000;
	display: inline-block;
	vertical-align: middle;
	margin: 0 16px;
	margin-top: 2px;transform: rotate(-30deg);
}
.tbay-breadcrumb .breadcrumb > li + li::after {
	content: "";
	height: 1px;
  width: 8px;
	opacity: .3;
	filter: alpha(opacity=30);
	background: #000;
	color: #000;
	display: inline-block;
	vertical-align: middle;
	margin: 0 16px;
	margin-top: -4px;transform: rotate(30deg); position: absolute; left: 0; top:18px;
}
.tbay-breadcrumb .breadcrumb li{ position: relative;}
.custom_reviews_area{ position: relative; padding: 20px 0 50px;}
/*
.custom_reviews_area:before{content: "";background: #f8f8f8;height: 100%; width: 150%;position: absolute; top: 0; right: 100%;}
.custom_reviews_area:after{content: "";background: #f8f8f8;height: 100%; width: 150%;position: absolute;top: 0; left: 100%;}*/
.single-product .singular-shop.content{ padding-bottom: 0 !important;}
.woocommerce #review_form #respond #comment{border: 1px solid #00000014; }

.woocommerce .products .star-rating span::before, .woocommerce .product .star-rating span::before, .wcmp-store-detail-list .star-rating span::before, .woocommerce .star-rating span::before{color: #f49925;}

.product-faq-accordion.two-col {
  margin: 0px auto;
  padding: 20px 0px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
}
.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center; border-bottom: 1px solid #e6e6e6;
  padding: 18px 0;
  cursor: pointer;
}

.faq-question h4 {
  margin: 0;
}

body div.product form.cart .variations th.label label[for="pa_flavors"]{color: #000; font-size: 24px; font-weight: bold;}