/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


html{
	font-size: 62.5%;
	overflow-x: hidden;
}


@media only screen and (max-width: 1400px){
	html{
		font-size: 44.46%;
	}
}

@media only screen and (max-width: 767px){
	html{
		font-size: 36.6%;
	}
}



/* Hero Section */
.hero-section{
	clip-path: ellipse(54vw 100% at 50% 100%);
}
	
.hero-section .hero-img__wraper{
	clip-path: ellipse(53vw 95% at 48% 100%);
}



/* Product */
.elementor-products-grid ul.products.elementor-grid li.product{
	transition: all .3s;
}

.elementor-products-grid ul.products.elementor-grid li.product img{
	background-color: #ffffff;
}

.woocommerce ul.products li.product .button{
	display:none;
}

/* Slider */
.elementor-element.elementor-pagination-position-outside .swiper, 
.elementor-lightbox.elementor-pagination-position-outside .swiper{
	margin-bottom: 10rem;
}
.swiper-pagination-bullet{
	width: 11rem;
	height: 5px;
	margin-top: 6rem;
	border-radius:0px;
}

@media only screen and (max-width: 767px){
	.swiper-pagination-bullet{
		width: 8rem;
	}
}


.wc_cat_loop{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9rem;
}

@media only screen and (max-width: 767px){
	.wc_cat_loop{
		grid-template-columns: repeat(2, 1fr);
	}
}

.wc_cat_item{
	transition: all .3s;
}



@media only screen and (min-width: 768px){
	.wc_cat_loop .wc_cat_item:nth-child(3n+2){
		margin-top: 10rem;
	}
}

@media only screen and (max-width: 767px){
	.wc_cat_loop .wc_cat_item:nth-child(even){
		margin-top: 10rem;
	}
}

.wc_cat_loop_img > img{
	width: auto;
	min-height: 1rem;
	border: 1px solid #000000;
	object-fit: cover;
	transition: all .3s;
}




.wc_cat_loop_img > img:hover{
	box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.2);
}

.wc_cat_loop_text > h3 {
	font-size: var(--e-global-typography-cbbc938-font-size);
	font-weight: var(--e-global-typography-cbbc938-font-weight);
	margin-top: 2rem;
	transition: all .3s;
}
.wc_cat_loop_text > p.product-count {
	font-size: var(--e-global-typography-903c414-font-size);
	font-weight: var(--e-global-typography-748500e-font-weight);
	color: var(--e-global-color-3348472);
	margin-top: 1rem;
	transition: all .3s;
}

ul.wc-cat-list-container{
	list-style: none;
	padding-left: 0px;
}

ul.wc-cat-list-container li.parent-cats{
	margin-top: 4rem;
}

ul.wc-cat-list-container li.parent-cats > h5{
	font-size: 3rem;
	font-weight: 700;
}


ul.wc-cat-list-container li.child-cats a{
	color: #3d3d3d;
}

ul.wc-cat-list-container li.parent-cats > h5 a{
	color: #000000;
}


ul.wc-cat-list-container .parent-cats.active-category h5 a,
ul.wc-cat-list-container .child-cats.active-category > a{
	color: #000000;
}


/* Contact Form */
.contact-form input::placeholder{
	color: #ffffff!important;
	padding:0;
	margin:0;
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{
	padding-left:0;
}

.elementor-field-textual {
	padding-left:0;
}

.contact-form textarea{
	margin-top: 3rem;
}


/* Customer Base Area */
.elementor-widget-image-carousel .swiper-slide:nth-child(odd){
	padding-top: 10rem !important;
}









/* Footer */
.subscribe-orm__footer .elementor-field-type-email{
	z-index: 10
}

.subscribe-orm__footer .elementor-field-type-submit{
	position: absolute;
	z-index:0;
}