/* 
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
*/

body {font-family:"lato";}
* { backface-visibility: hidden !important; }

.home-men .sitelogo * {  transition-duration: 0.5s !important;  }

p { margin-bottom: 0.7em; }
p a:hover { color: #FDB714; transition-duration: 0.25s; }
p a { transition-duration: 0.2s; }

/*
    Custom CTA
*/
body{
    background-color: #FAFAFA;
}
.custom-cta{
    transition: all 0.4s ease-in-out !important;
    height: 26.04vw;
}
.custom-cta:hover{
    filter: brightness(105%);
}

.sf-a a{
    text-decoration: underline;
    font-weight: bold;
    color: #4D4D4D !important
}

.radius5{
    border-radius: 0.313em !important; 
}
.radius2{
    border-radius:0.125em !important; 
}

.sf-zoom{
    overflow: hidden;
    display: inline-block;
    border-radius: 0.313em !important;
    transform-origin: center;
}
.sf-zoom img{
    width: 100%;
	transform: scale(1.005);
    transition: all 0.4s ease-in-out !important;
}
.sf-zoom img:hover{
    transform: scale(1.04);
	filter: brightness(108%);
}

/* WooCommerce */
.comment-form input[name="submit"], .wc-forward{
    background-color: #1A1A1A !important;
    color: #fff !important;
    font-family: var(--e-global-typography-2085690-font-family), Sans-serif;
    font-size: var(--e-global-typography-2085690-font-size) !important;
    font-weight: var(--e-global-typography-2085690-font-weight) !important;
    padding: 0.8em 2em !important;
	transition: color 0.3s ease !important;
	text-decoration: none !important;
}
.comment-form input[name="submit"]:hover, .wc-forward:hover{
    color: var(--e-global-color-5024b6a) !important;   
}
.woocommerce-message, .woocommerce-error{
    font-family: var(--e-global-typography-2085690-font-family), Sans-serif;
    font-size: var(--e-global-typography-2085690-font-size) !important;
    font-weight: var(--e-global-typography-2085690-font-weight) !important;
	line-height: 2.6em;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 0.8em 2em 1em 3.5em;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    top: 0.8em;
}
.price > small{
	font-size: 65% !important;
	color: #666666;
} 

/* Carousel Icon */
.downBtn, .upBtn{
	position: absolute;
	z-index: 4;
	padding: 5px 12px;
	color: #ededede6;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: .3s;
	font-size: small;	
}
.upBtn{
	top: 8px;
	left: 10vw;
}
.downBtn{
	bottom: 8px;
	left: 10vw;
}
.upBtn:hover,
.downBtn:hover{
	color: #FFF;
}


/* Product Carousel */
.product-carousel .swiper-lazy-preloader {
    background: none !important;
    width: 20px !important;
    height: 20px !important;
    border: 4px dotted #d3d3d3;
    border-top-color: transparent;
}

@media (min-width: 1025px){
	.product-carousel.elementor-skin-slideshow .elementor-thumbnails-swiper .swiper-slide:not(.swiper-slide-active):after {
		background-color: unset !important;
	}
	.product-carousel{
		overflow-x: hidden;
	}
	.product-carousel::-webkit-scrollbar {
		display: none;
	}
	.product-carousel div[aria-label="Slides"]{
		width: 70%;
		z-index: 2;
		position: -webkit-sticky; 
		position: sticky;
		top:0; 
		height: fit-content;
	}
	.product-carousel .swiper{
		margin-right: unset !important;
	}
	.product-carousel div[aria-label="Slides Slides"]{
		position: absolute;
		top: 0;
		left: 0;
		width: 143%;
		overflow-y: auto;
		scrollbar-width: none;
		-ms-overflow-style: none;    
	}
	.product-carousel div[aria-label="Slides Slides"] div[aria-live="polite"]{
		display: flex !important;
		flex-direction: column !important;
		gap: 1.2vw;
		transform: unset !important;
	}
	.product-carousel .elementor-thumbnails-swiper .elementor-carousel-image {
		height: 6.77vw;
		object-fit: cover;
		aspect-ratio: unset !important;
		filter: grayscale(0.8);
		transition: .2s;
	}
	.product-carousel .elementor-thumbnails-swiper .swiper-slide:hover .elementor-carousel-image {
		filter: grayscale(0.4) !important;
	}
	.product-carousel .swiper-slide-active .elementor-carousel-image{
			filter: grayscale(0);
	}
	.product-carousel .elementor-thumbnails-swiper .swiper-slide-active:hover .elementor-carousel-image{
			filter: grayscale(0) !important;
	}
}
@media (min-height: 600px) {
    .product-carousel .scrollable-content {
        max-height: 80vh;
    }
}  



/* General */
@media (max-width: 1024px) {
	.custom-cta{
		height: 42vw;
		padding-left: 2em !important;
	}
	.downBtn, .upBtn{
		display: none !important;	
	}
}



@media (max-width: 767px) {
	.custom-cta{
		height: 100%;
		padding-left: 1em !important;
	}
	.sp-title .elementor-heading-title{
		padding: 0.4em 0 0.2em 0;
	}
}