/*!
Theme Name: kiflex
Theme URI: https://underscores.me/
Author: vahid sadeghi
Author URI: https://automattic.com/
Description: Hi. I'm a starter theme called <code>kiflex</code>, or <em>underscores</em>, if you like. I'm a theme meant for hacking so don't use me as a <em>Parent Theme</em>. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kiflex
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

kiflex is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 :root{
	--bg-color-main: #fff;
	--bg-color-input-search: #f5f5f5;
	--color-main: #ef2b2b;
	--bg-hover-color: #ffb001;
	--border-color: #b9b7b7;
	--font-color: #333;
	--font-price-color: #3f4064;
	--shadow-color: #62666d;
	--font-header-color: #353535;
	--bg-footer-color: #f9f9f9;
	--color-link: #767676;
}
html, body {
  overflow-x: hidden;
  max-width: 100vw;
}
*,*::after,*::before{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
img{
	max-width: 100% !important;
	height: auto;
}
body{     
	font-family: "IRANSansWebFaNum" !important;
	background: var(--bg-color-main);
}
h1,h2,h3,h4.h5,h6{
	line-height: 2.1 !important;
}
h1{
	font-size: 24px !important;
}
h2{
	font-size: 20px !important;
    font-weight: 700 !important;
}
h3{
	font-size: 18px !important;
}
h4,h5,h6{
	font-size: 16px !important;
}
a{
	text-decoration: none !important;
	color: var(--color-link) ;
}
a:hover{
	color: var(--color-main);
	text-decoration: none !important;
}
p{
	line-height: 27px !important;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9{
	float: right !important;
	padding: 0 !important;
}
.site-header{
	padding: 30px 0;
}
#page {
	transition: transform 0.4s ease;
	position: relative;
	z-index: 1;
}
.search-drawer {
	position: fixed;
	top: -200px;
	right: 0;
	width: 100%;
	height: 120px;
	background-color: var(--bg-color-input-search);
	transition: top 0.4s ease;
	z-index: 1000;
}
.search-drawer.open {
	top: 0;
}
.search-drawer div,
.search-drawer section {
	height: 100%;
}
.aws-container .aws-search-form {
	height: 100%;
	border: 1px solid var(--border-color);
}
.rtl .aws-container .aws-show-clear .aws-search-field {
	background-color: var(--bg-color-input-search);
	border: none;
	padding-right: 10vw;
}
.rtl .aws-container .aws-search-form .aws-form-btn {
    background: none;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
    border: none;
	padding-left: 10vw;
}
#floatingCloseBtn {
	display: none; 
	position: fixed;
	top: 80px;
	right: 0;
	z-index: 10001;
	border: none;
	font-size: 18px;
	background: none;
	cursor: pointer;
	color: #fff;
}
.drawer-overlay {
	position: fixed;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(3px);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease;
	z-index: 999;
	right: 0;
}
.drawer-overlay.active {
	opacity: 1;
	visibility: visible;
}
.col-left-header{
	display: flex;
	align-items: center;
	justify-content: end;
	height: 55px;
}
.col-left-item{
	margin-right: 20px;
	cursor: pointer;
}
.col-left-item i{
	color: var(--font-color);
	font-size: 16px;
}
.col-left-item:hover i{
	color: var(--color-main);
}
.open>.dropdown-menu.menu-account {
    display: block;
    width: 250px;
    padding: 15px;
    border: none;
    border-radius: 0;
    border-top: 3px solid var(--color-main);
	text-align: right;
}
.open>.dropdown-menu.menu-account .dropdown-item{
	display: block;
    line-height: 36px;
    border-bottom: 1px solid var(--color-main);
    margin-bottom: 10px;
	color: var(--font-color);
}
.open>.dropdown-menu.menu-account .dropdown-item:hover{
	background: var(--color-main);
	color: #fff;
	transition: all 0.3s ease;
}
.cart.col-left-item .dropdown-menu{
	width: 300px;
    border: none;
    background: var(--bg-color-main);
    border-top: 3px solid var(--color-main);
    border-radius: 0;
    text-align: center;
    padding: 15px;
}
.cart.col-left-item .item-cart{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	border-bottom: 1px solid var(--color-main);
	padding:5px 10px;
}
.cart.col-left-item .item-cart:hover{
	background: var(--color-main);
	transition: all 0.3s ease;
}
.cart.col-left-item .item-cart:hover .name,
.cart.col-left-item .item-cart:hover .price{
	color: #fff;
	transition:all 0.3s ease;
}
.cart.col-left-item .item-cart .img-cart{
	width: 60px;
	height: 60px;
}
.cart.col-left-item .item-cart:hover .img-cart img{
	border-radius: 5px;
	transition: 0.3s;
}
.cart.col-left-item .detail-product{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-right: 10px;
	width: calc(100% - 70px);
}
.cart.col-left-item .detail-product .name{
	font-size: 12px;
    line-height: 30px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    text-align: right;
    color: var(--font-color);
}
.cart.col-left-item .detail-product .price{
	font-size: 12px;
	color: var(--font-price-color);
}
.cart.col-left-item .cart-link{  
	display: block;
    margin-top: 20px;
    background: var(--color-main);
    color: #fff;
    line-height: 38px;
  }
.col-left-item.cart,.col-left-item.wishlist{
	position: relative;
}
.col-left-item .count{
	background: var(--color-main);
    border-radius: 100%;
    width: 15px;
    height: 15px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -5px;
    right: 10px;
    color: #fff;
}
/* category section style */
.category-section{
	height: 469px;
	overflow: hidden;
}
.category-section .widget h2.widget-title{
	border-bottom: 1px solid var(--border-color);
}
.category-section .owl-stage-outer{
	max-height: 274px;
	overflow: hidden;
}
.owl-carousel.owl-rtl .owl-item {
    width: 250px;
	margin-left: 30px;
}
.owl-carousel.owl-rtl .owl-item {
    float: right;
    padding: 10px 30px;
}
.wpb-woo-cat-items .wpb-woo-cat-item {
    background: none;
	margin: 0 auto;
}
.wpb-woo-cat-items .wpb-woo-cat-item a {
	max-width: 160px;
	display: block;
	margin: 0 auto;
}
body .wpb-woo-cat-items.wpb-wcs-content-type-with_image .wpb-woo-cat-item img {
    box-shadow: none;
    border-radius: 100%;
}
.wpb-woo-cat-items .wpb-woo-cat-item a.btn{
    display: none;
}
.wpb-woo-cat-items.owl-theme.owl-carousel .owl-nav {
    top: -105px;
    left: 0px;
	right: 90%;
}
.wpb-woo-cat-items.owl-theme .owl-nav [class*=owl-]{
	background: var(--color-main);
	border-radius: 5px !important;
	border: 1px solid var(--color-main);
}

.owl-theme .owl-nav [class*=owl-]:hover {
	background: var(--bg-color-main) !important;
	color: var(--color-main) !important;
	transition: all 0.3s ease;
}
.wpb-woo-cat-items.owl-theme.owl-carousel .owl-nav button:hover i {
    color: var(--color-main);
	transition: all 0.3s ease;
}
.wpb-woo-cat-items.owl-theme .owl-dots .owl-dot.active span, 
.wpb-woo-cat-items.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--color-main);
}



.woocommerce ul.products li.product,
div.product.carousel-slider__product{
	position: relative;
	border: 1px solid var(--border-color);
	border-radius: 12px;
	padding: 10px 15px 50px 15px;
	box-shadow: none;
	min-height: 425px;
	max-height: 450px;
	overflow: hidden;
	min-width: 250px;
	margin: 0 2.8% 2.992em 0;
}
.woocommerce ul.products li.product::before,
div.product.carousel-slider__product::before{
	content: '\2b';
	font-family: FontAwesome;
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 35px;
	height: 35px;
	border: 1px solid var(--border-color);
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.woocommerce ul.products li.product:hover::before,
div.product.carousel-slider__product:hover::before{
	content: '\f068';
	color: #fff;
	background: #333;
	border-radius: 0 0 5px 5px;
}
.woocommerce ul.products li.product:hover,
div.product.carousel-slider__product:hover{
	border-color: var(--color-main);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
div.product.carousel-slider__product .woocommerce-loop-product__title{
	font-size: 13px !important;
    height: 70px;
    color: var(--font-color);
}
.woocommerce ul.products li.product .onsale,
div.product.carousel-slider__product .onsale{
	background: var(--color-main) !important;
	padding: 5px !important;
	border-radius:6px 0 6px 0 !important;
	font-size: 12px !important;
	font-weight: 500 !important;
}
.woocommerce ul.products li.product .onsale,
div.product.carousel-slider__product .onsale{
	margin: 0 !important;
	min-width: max-content !important;
	min-height: auto !important;
	line-height: 1.6 !important;
}
.woocommerce ul.products li.product .price,
div.product.carousel-slider__product .price{
	font-size: 12px !important;
	color: var(--color-main);
	font-weight: 600;
	text-align: left;
}
.woocommerce ul.products li.product .price ins,
div.product.carousel-slider__product .price ins{
	text-decoration: none;
}
.woocommerce ul.products li.product .price del,
div.product.carousel-slider__product .price del{
	color: #1a1a1a;
}
.woocommerce ul.products li.product .price del .woocommerce-Price-amount.amount,
div.product.carousel-slider__product .price del .woocommerce-Price-amount.amount{
    font-size: 10px;
    margin-left: 10px;
    color: #1a1a1a;
}
.woocommerce ul.products li.product .add_to_cart_button,
div.product.carousel-slider__product .add_to_cart_button,
.woocommerce ul.products li.product .compare,
div.product.carousel-slider__product .compare,
.woocommerce ul.products li.product .yith-wcqv-button,
div.product.carousel-slider__product .quick_view,
div.product.carousel-slider__product .tinv-wishlist a,
.woocommerce ul.products li.product .tinv-wishlist a{
	position: absolute;
    width: 35px;
    height: 35px;
    overflow: hidden;
    right: 10px;
	background: var(--bg-color-main);
	color: #fff;
	border-radius: none;
	margin: 0 !important;
	z-index: -1000 !important;
	font-size: 0 !important;
}
.woocommerce ul.products li.product .add_to_cart_button,
div.product.carousel-slider__product .add_to_cart_button{
	bottom: -40px;
}
.woocommerce ul.products li.product:hover .add_to_cart_button,
div.product.carousel-slider__product:hover .add_to_cart_button,
.woocommerce ul.products li.product:hover .compare,
div.product.carousel-slider__product:hover .compare,
.woocommerce ul.products li.product:hover .yith-wcqv-button,
div.product.carousel-slider__product:hover .quick_view,
div.product.carousel-slider__product:hover .tinv-wishlist a,
.woocommerce ul.products li.product:hover .tinv-wishlist a{
	background: #333;
	transition: all 0.3s ease;
	border-top: 1px solid var(--border-color);
	z-index: 999 !important;
}
.woocommerce ul.products li.product:hover .add_to_cart_button,
div.product.carousel-slider__product:hover .add_to_cart_button{
	bottom: 45px;
}
.woocommerce ul.products li.product:hover .yith-wcqv-button,
div.product.carousel-slider__product:hover .quick_view{
	bottom: 80px;
}
div.product.carousel-slider__product:hover .tinv-wishlist a,
.woocommerce ul.products li.product:hover .tinv-wishlist a{
	bottom: 115px;
	color: #fff;
	font-size: 14px;
	padding: 10px;
	display: block !important;
}
.woocommerce ul.products li.product:hover .compare,
div.product.carousel-slider__product:hover .compare {
	bottom: 150px;
	transition: all 0.4s ease;
}
.woocommerce ul.products li.product .compare,
div.product.carousel-slider__product .compare {
    bottom: -150px;
	border-radius: 5px 5px 0 0 !important;
}
.woocommerce ul.products li.product .add_to_cart_button::before,
div.product.carousel-slider__product .add_to_cart_button::before,
.woocommerce ul.products li.product .compare::before,
div.product.carousel-slider__product .compare::before,
.woocommerce ul.products li.product .yith-wcqv-button::before,
div.product.carousel-slider__product .quick_view::before{
	font-family: FontAwesome;
	color: #fff;
	font-size: 14px;
	padding: 10px;
	display: block !important;
}
.woocommerce ul.products li.product .add_to_cart_button:hover::before,
div.product.carousel-slider__product .add_to_cart_button:hover::before,
.woocommerce ul.products li.product .compare:hover::before,
div.product.carousel-slider__product .compare:hover::before,
.woocommerce ul.products li.product .yith-wcqv-button:hover:before,
div.product.carousel-slider__product .quick_view:hover::before,
div.product.carousel-slider__product .tinv-wishlist a:hover,
.woocommerce ul.products li.product .tinv-wishlist a:hover{
	background: var(--color-main);
}
.woocommerce ul.products li.product .add_to_cart_button::before,
div.product.carousel-slider__product .add_to_cart_button::before{
	content: '\f217';
}
.woocommerce ul.products li.product .yith-wcqv-button::before,
div.product.carousel-slider__product .quick_view::before{
	content: '\f06e';
}
.woocommerce ul.products li.product .compare::before,
div.product.carousel-slider__product .compare::before{
	content: "\f074";
}


.woocommerce ul.products li.product .yith-wcqv-button,
div.product.carousel-slider__product .quick_view{
	bottom: -80px;
}
div.product.carousel-slider__product .tinv-wishlist a,
.woocommerce ul.products li.product .tinv-wishlist a{
    bottom: -110px;
	margin: 0 !important;
}
.carousel-slider .star-rating span:before {
	color: var(--color-main) !important;
}
.thumb-switch{
	max-width: 35px;
	max-height: 35px;
	border: 1px solid var(--border-color);
	padding: 3px;
	margin-left: 3px;
	border-radius: 5px;
	cursor: pointer;
}
.custom-loop-product-gallery .main-thumb {
    width: 100%;
    height: auto;
    margin-bottom: 8px;
}
.thumb-gallery {
    display: flex;
    justify-content: center;
    gap: 6px;
	position: absolute;
    left: 10px;
    bottom: 10px;
}
.featured-product section.widget h2.widget-title,
.category-section section.widget h2.widget-title{
	padding: 20px 20px 10px;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 35px;
	position: relative;
}
.featured-product section.widget h2.widget-title::before,
.category-section section.widget h2.widget-title::before{
	content: '';
	height: 3px;
	width: 200px;
	position: absolute;
	background: var(--color-main);
	right: 0;
	top: 70px;
}
.category-product{
	margin-top: 30px;
}
.category-product section{
	position: relative;
} 
.category-product section.widget .textwidget p{
	position: absolute;
	top: 32px;
	left: 20px;
}
.category-product section.widget .textwidget p a{
	font-size: 11px;
	color: var(--font-color-link);
	font-weight: 600;
}
.category-product section.widget .textwidget p a:hover{
	color: var(--color-main);
}
.category-product section.widget h2.widget-title{
	padding: 20px;
    background: #f5f1f299;
    border-radius: 12px;
}
.banner-section{
	margin: 30px 0;
}
.banner-section .banner-1 .widget_media_image{
	padding-left: 10px;
}
.banner-section .banner-2 .widget_media_image{
	padding-right: 10px;
}
.banner-section .banner-1 .widget_text,
.banner-section .banner-2 .widget_text{
	text-align: center;
}
.banner-section .banner-1 .widget_text .textwidget p a,
.banner-section .banner-2 .widget_text .textwidget p a{
	display: inline-block;
	padding: 5px 20px;
	background: #333;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	border-radius: 5px;
	margin-top: 15px;
}
.banner-section .banner-1 .widget_text .textwidget p a:hover,
.banner-section .banner-2 .widget_text .textwidget p a:hover{
	background: var(--color-main);
}
.articles-section{
	background: url(images/home2-instagram-bg.webp);
	padding: 20px;
}
.articles-section section.widget_text{
	text-align: center;
	margin-bottom: 30px;
}
.articles-section .swiper-slide .carousel-slider__post{
	background: var(--bg-color-main);
	padding: 10px;
	border-radius: 15px !important;
	box-shadow: none;
	border: 1px solid var(--border-color);
}
.articles-section .swiper-slide .carousel-slider__post:hover{
	border:1px solid  var(--color-main);
}
.articles-section .swiper-slide .carousel-slider__post .carousel-slider__post-image{
	border-radius: 10px;
}
.articles-section .swiper-slide .carousel-slider__post .carousel-slider__post-title h2{
	font-size: 14px !important;
	color: var(--font-header-color);
}
.articles-section .swiper-slide .carousel-slider__post .carousel-slider__post-title h2:hover{
	color: var(--color-main);
}
.articles-section .swiper-slide .carousel-slider__post .carousel-slider__post-excerpt {
    font-size: 12px;
    line-height: 1.8;
    text-align: right;
	color: var(--font-color);
}


.woo-variation-gallery-wrapper .wvg-gallery-thumbnail-image img {
	padding: 7px;
    max-width: 60px !important;
    border: 1px solid var(--border-color);
    border-radius: 10px;
}





footer .site-info{
	margin-top: 60px;
	padding-top: 45px;
	background: var(--bg-color-input-search);
}
footer.site-footer section.widget_text{
	padding: 20px 25px;
    margin-left: 20px;
}
footer.site-footer .widget .widget-title{
	font-size: 18px;
	margin-bottom: 25px;
	font-weight: 700;
	color: var(--font-header-color);
}
footer.site-footer .widget p{
	line-height: 1.9;
    font-size: 13px;
    text-align: justify;
}
footer.site-footer .widget p a{
	position: relative;
	display: block;
	font-size: 13px;
	margin-bottom: 15px;
	color: var(--font-color);
}
footer.site-footer .widget p a:hover{
	padding-right: 18px;
	color: var(--color-main);
}
footer.site-footer .widget p a:hover::before{
	opacity: 1;
	right: 0;
}
footer.site-footer .widget p a::before{
	content: "\f2dc";
    display: inline-block;
    font-family: FontAwesome;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 13px;
    height: 13px;
    text-align: center;
    line-height: 13px;
    font-size: 13px;
    opacity: 0;
    right: -15px;
    top: 50%;
    margin-top: -8px;
    position: absolute;
    color: var(--color-main);
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
footer .copyright p{
	background: var(--bg-color-main);
	text-align: center !important;
}
footer #zarinpal{
    display: inline-block;
}



.single_add_to_cart_button{
	display: inline-block;
	background: #fff !important;
    border: 1px solid var(--border-color) !important;
    color: var(--color-main) !important;
    line-height: 24px !important;
	padding: .618em 1em;
	margin-top: 1em !important;
	border-radius: 8px !important;
	padding-right: 45px !important;
	font-size: 12px !important;
} 
.single_add_to_cart_button::before{
	font-family: FontAwesome ,"Font Awesome 6 Free" !important;
    content: "\f07a";
    color: #fff;
    background: var(--color-main);
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    width: 40px;
    padding: 10px 12px;
	border-radius: 0 8px 8px 0;
}

.single_add_to_cart_button:hover{
	background: var(--color-main) !important;
	color: #fff !important;
	transition: all 0.3s ease;
}
.single-product .entry-title{
	font-size: 18px;
	font-weight: 600;
	line-height: 30px;
	color: var(--font-header-color);
	padding-bottom: 20px;
	border-bottom:1px solid var(--border-color) ;
	margin-bottom: 30px;
}
.single_add_to_cart_button{
	min-width: 150px;
}
.single-product .quantity{
	margin: 1em 0  0 1.2em!important;
	
}
.single-product .quantity input{
	height: 38px;
	border-radius: 5px;
	outline: none;
	border: 1px solid var(--border-color);
}
.single-product .price{
	font-size: 14px !important;
	color: var(--color-main) !important;
	font-weight: 700;
}
.single-product .price ins{
	text-decoration: none;
}

.single-product .price del{
	color: #1a1a1a;
}
.single-product .price del .woocommerce-Price-amount.amount{
    font-size: 12px;
    margin-left: 10px;
    color: #1a1a1a;
}
.single-product .woocommerce-review-link{
	color: #414141;
}
.single-product p{
	font-size: 13px;
	color: var(--font-color);
	line-height: 30px;
}
.single-product div.product{
	border: none;
}
.single-product div.product:hover{
	box-shadow: none;
}
.single-product .product_meta a{
	color: var(--color-link) ;
}
.single-product .woocommerce-product-gallery__image{
	max-width: 500px;
	height: auto;
	padding: 20px;
}
.single-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
    position: absolute;
    width: 35px;
    height: 35px;
    vertical-align: sub;
    top: 0;
    right: 150px;
    background: var(--bg-color-main);
    color: var(--font-color);
    border-radius: 5px;
}
.single-product .compare{
    position: absolute !important;
    width: 35px;
    height: 35px;
    overflow: hidden;
    background: var(--bg-color-main) !important;
    color: var(--font-color) !important;
    border-radius: 5px !important;
    margin: 0 !important;
    font-size: 0 !important;
    top: 15px;
    right: 100px !important;
}
.single-product .compare::before{
	content: "\f074";
	font-family: FontAwesome;
	color: var(--font-color);
	font-size: 14px;
	padding: 10px;
	display: block !important;
}
.single-product .onsale{
	background: var(--color-main) !important;
    padding: 8px 0px !important;
    border-radius: 5px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    top: 15px !important;
    min-width: 35px !important;
    min-height: 35px !important;
    line-height: 1.6 !important;
	right: 0 !important;
}
.woo-variation-gallery-wrapper .woo-variation-gallery-trigger {
    background: var(--bg-color-main);
    border-radius: 5px;
    color: var(--font-color);
    height: 35px;
    right: 50px;
    text-decoration: none;
    top: 15px;
    width: 35px;
}
.single-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:hover,
.woo-variation-gallery-wrapper .woo-variation-gallery-trigger:hover,
.single-product .onsale:hover,
.single-product .compare:hover::before{
	color: var(--color-main);
}
.comments-area,
.woocommerce-Reviews{
	position: relative;
	background:#fff;
	border: 1px solid var(--border-color);
	border-radius: 25px;
	padding: 70px 40px 40px !important;
	margin: 30px auto;
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
}
.comments-area .comment-respond,
.woocommerce-Reviews #review_form_wrapper{
	width: calc(100% / 2) !important;
}
.comments-area .respond .comment-respond,
.woocommerce-Reviews .comment-respond{
	width: 80% !important; 
}
.comments-area .comment-reply-title,
.woocommerce-Reviews .comment-respond .comment-reply-title{
	position: absolute;
	top: -28px;
	background: #fff;
	padding: 15px;
	font-size: 15px;
}
.comments-area .comment-reply-title small a,
.woocommerce-Reviews .comment-respond .comment-reply-title small a{
	display: inline-block;
	margin-right: 10px;
	color: #eb3a7b;
}
.comments-area .comment-form p,
.woocommerce-Reviews .comment-form p{
	margin-bottom: 20px !important;
	position: relative !important;
}
.comments-area .comment-form p input[type=email],
.woocommerce-Reviews .comment-form p input[type=email],
.comments-area .comment-form p input[type=text],
.woocommerce-Reviews .comment-form p input[type=text],
.comments-area .comment-form p input[type=url],
.woocommerce-Reviews .comment-form p input[type=url],
.comments-area .comment-form p textarea,
.woocommerce-Reviews .comment-form p textarea{
	padding: 10px 20px 10px 0;
	min-height: 50px;
	border: 1px solid var(--border-color);
	border-radius: 15px;
	outline: none;
	box-sizing: border-box;
	min-width: 80%;
}
.comments-area .comment-form p textarea,
.woocommerce-Reviews .comment-form p textarea{
	max-height: 150px;
	min-height: 150px;
	max-width: 80%;
}
.comments-area .comment-form p label,
.woocommerce-Reviews .comment-form p label{
	position: absolute;
    background: #fff;
    top: -13px;
    right: 17px;
    padding: 0 10px;
}
.comments-area .comment-form p label .required,
.woocommerce-Reviews .comment-form p label .required{
	color: var(--color-main)
}
.comments-area .comment-form p.comment-form-cookies-consent,
.woocommerce-Reviews .comment-form p.comment-form-cookies-consent{
	margin-top: 20px;
}
.comments-area .comment-form p input[type=submit],.wpcf7-submit,
.woocommerce-Reviews .comment-form p input[type=submit]{
	background: var(--color-main) !important;
	color: #fff !important;
	padding: 15px 40px !important;
	border-radius: 10px !important;
	border: 1px solid var(--color-main) !important;
	margin-top: 20px !important; 
}
.comments-area .comment-form p input[type=submit]:hover,
.woocommerce-Reviews .comment-form p input[type=submit]:hover{
	background: #fff !important;
	color: var(--color-main) !important;
	border: 1px solid var(--color-main) !important;
	transition: all 0.4s ease-in-out;
}
.comments-area .comments-title,
.woocommerce-Reviews .woocommerce-Reviews-title{
	position: absolute;
	right: 35px;
	top: -35px;
	background: #fff;
	padding: 0 10px;
	font-size: 14px !important;
}
.comment-list,
#comments{
	position: relative;
	width: calc(100% / 2);
    box-sizing: border-box;
    border: 1px solid var(--border-color);
    padding:50px 10px 10px;
    border-radius: 15px;
}
.comments-area .comment-list .comment-respond,
.woocommerce-Reviews .commentlist .review{
	width: 100%;
}
.woocommerce-Reviews .comment-text{
	border: none !important;
}
.comment-list .comment-body,
.woocommerce-Reviews .comment_container{
	
	border-bottom: 1px solid var(--border-color) !important;
	margin-bottom: 15px;
}
.woocommerce .star-rating {
	color: var(--color-main);
}
.woocommerce p.stars a {
	color: var(--color-main);
}
.comment-list .comment-author
{
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.comment-list .avatar{
	max-width: 35px;
	border-radius: 50%;
	margin-left: 10px;
}
.comment-list .comment-author b{
	font-size: 13px;
}
.comment-list .comment-author span{
	font-size: 13px; 
	margin-right: 10px;
}
.comment-list .comment-metadata{
    font-size: 12px;
    margin-bottom: 5px;
}
.comment-list .comment-metadata a{
	color: #000 !important;
}
.comment-list .comment-awaiting-moderation{
	font-size: 11px;
    background: #fcb90647;
    padding: 10px;
    margin: 10px auto;
    display: inline-block;
}
.comment-list .comment-content{
	margin-bottom: 20px;
} 
.comment-list .reply{
	text-align: left;
    margin-bottom: 10px;
}
.comment-list .reply a{
	background: #f6f6f6;
    color: #000;
    padding: 8px 15px;
    display: inline-block;
    border: ipx solid var(--border-color);
    border-radius: 5px;
    font-size: 13px;
}


.article-item{
	max-height: 400px;
	overflow: hidden;
	margin-left: 20px;
	border: 1px solid var(--border-color);
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
}
.article-item img{
	width: 100%;
	height: auto;
	border-radius: 5px;
}
.article-item .entry-header{
	height: 65px;
	overflow: hidden;
	margin-bottom: 10px;
}
.article-item .entry-header .entry-title{
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 24px !important;
}
.article-item .entry-header .entry-title a{
	color: var(--font-header-color);
}
.article-item .entry-header .entry-title a:hover{
	color: var(--color-main)
}

.article-item .entry-content{
	max-height: 100px;
	overflow: hidden;
	margin-bottom: 10px;
}
.article-item .entry-content p{
	font-size: 12px;
	line-height: 20px;
	color: var(--font-color);
}

.content-area {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .content-area {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .content-area {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .content-area {
        width: 1170px;
    }
}