/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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 */

.product-thumbnail-flip{
    position: relative;
	margin: 0 0 24px;
	aspect-ratio: 0.8;
	overflow: hidden;
}
.woocommerce ul.products li.product a img,
.attachment-woocommerce_thumbnail{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.flip-thumbnail{
	position: absolute;
    width: 100%;
	height: 100%;
    top: 0;
    left:0;
    width: 100%;
    z-index: -1;
    opacity: 0;
    transition: all 0.8s ease;
}
.product-thumbnail-flip:hover .flip-thumbnail{
    z-index: 5;
	transform: scale(1.05);
    opacity: 1;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
	display: block;
	padding: 0 20px;
}
.woocommerce ul.products li.product .price{
	padding: 0 20px;
	margin-bottom: 24px;
}
.added_to_cart,
ul.products li.product .button:after{
	display: none !important;
}
@media (max-width:767px){
	.product-thumbnail-flip{
		margin: 0 0 15px;
	}
	.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
		display: block;
		padding: 0 10px;
	}
	.woocommerce ul.products li.product .price{
		padding: 0 10px;
		margin-bottom: 16px;
	}
	.woocommerce .woocommerce-result-count{
		float: right;
	}
	ul.products {
        grid-column-gap: 10px !important;
        grid-row-gap: 20px !important;
    }
}
a{
	color: #392467;
}
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover{
	background: #392467;
}
[type=button], [type=submit], button{
	border-color: #392467;
	color: #392467;
	font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 20px;
    letter-spacing: 1px;
    fill: var( --e-global-color-primary );
    color: #392467;
    border-radius: 40px 40px 40px 40px;
    padding: 16px 40px 16px 40px;
}
:root :where(.wp-element-button, .wp-block-button__link){
	border-radius: 40px 40px 40px 40px;
	outline:none !important;
	background: #392467;
	color: white
}
a:active, a:hover{
	color: #020202;
}