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


body {overflow-x: hidden;}

body a {
    text-decoration: none !important;
}

.elementor-post__thumbnail {
    padding: unset !important;
}

h2.woocommerce-loop-product__title {
    padding: 0 0 0 !important;
    font-size: 22px !important;
    text-align: center;
    color: #ffffff !important;
}

.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price {
    font-size: 20px !important;
    text-align: center;
    color: #fff;
    margin: 12px 20px;
}

.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button {
    font-size: 15px;
    margin: 7px auto 0 !important;
    width: 100%;
    text-align: center;
    padding: 10px 20px;
    background: #cf67e4 !important;
    color: #000 !important;
}

li.product.type-product {
    padding: 20px 20px !important;
    background: #464646 !important;
    border-radius: 12px !important;
}

ul.products li.product .price {
    font-size: 22px !important;
    text-align: center !important;
    margin: 14px 0 0 !important;
    color: #fff !important;
}

ul.products li.product .button {
    margin: 14px 0 0 !important;
    font-size: 16px !important;
    width: 100%;
    text-align: center;
    padding: 12px 20px;
    background: linear-gradient(180deg, #76D548 0%, #52E5E5 100%);
    color: #000 !important;
}


ul.products li.product .button:hover {
    background: linear-gradient(80deg, #76D548 0%, #52E5E5 100%);
}



nav.woocommerce-breadcrumb {
    margin-top: 30px !important;
}

.woocommerce div.product .product_title {
    font-size: 45px;
    color: #fff;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    font-size: 22px;
    color: #cf67e4 !important;
}

.woocommerce-product-details__short-description {
    color: #fff;
    font-size: 14px;
}

.woocommerce div.product form.cart .variations select {
    border: 1px solid #fff !important;
    color: #fff !important;
}

.woocommerce div.product form.cart .variations select option {color: #000 !important;}

button.single_add_to_cart_button {
    padding: 14px 32px !important;
    font-size: 16px !important;
    color: #000 !important;
    background: linear-gradient(180deg, #76D548 0%, #52E5E5 100%);
}

.product_meta {
    display: none !important;
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
    font-size: 34px;
	padding-bottom: 12px;
    color: #fff;
}

section.related h2 {
    font-size: 34px;
    color: #fff !important;
}

.woocommerce #review_form #respond .form-submit input {
    padding: 12px 20px;
    background: #cf67e4 !important;
    color: #fff !important;
    border-radius: 0 !important;
}

.comment-form-rating {
    display: flex;
    align-items: center;
    margin-top: 12px;
}

.comment-form-rating a {
    font-size: 15px !important;
}


.woocommerce #review_form #respond p.stars {
    margin: 0 10px 11px !important;
}

.e-form__buttons .elementor-button[type="submit"] {
    background: linear-gradient(180deg, #76D548 0%, #52E5E5 100%) !important;
    transition: all 0.3s linear !important;
}

.e-form__buttons .elementor-button[type="submit"]:hover {
    background: linear-gradient(80deg, #76D548 0%, #52E5E5 100%) !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image a {
    background: #fff !important;
}
	.woocommerce table.shop_attributes td p {
    padding-left: 15px;
}
.elementor-widget-woocommerce-cart .woocommerce .product-name .variation {
    font-size: 12px;
}
.elementor-widget-woocommerce-cart .woocommerce .product-name .variation p {
    margin: 0px;
}
.elementor-widget-woocommerce-cart .woocommerce .product-name .variation dt {
    width: 20%;
    display: inline-block;
    vertical-align: top;
}
.elementor-widget-woocommerce-cart .woocommerce .product-name .variation dd {
    width: 78%;
    margin: 0px;
    display: inline-block;
    vertical-align: top;
}
.elementor-widget-woocommerce-cart .woocommerce .cart th.product-name a {
    color: #cf67e4 !important;
}
.elementor-widget-woocommerce-cart .woocommerce .cart th.product-name {
    padding: 15px 0px;
    border-top: 1px solid #fff;
}
.elementor-widget-woocommerce-cart .woocommerce .cart th {
    padding: 0px;
}
.elementor-widget-woocommerce-cart .woocommerce table.cart img {
    background: #fff;
}
.elementor-widget-woocommerce-cart .woocommerce .remove {
    color: red !important;
}
.elementor-widget-woocommerce-cart .woocommerce .cart tr:first-child th.product-name {
    border-top: unset;
}
.elementor-widget-woocommerce-cart .woocommerce .cart tr:first-child th.product-name {
    padding: 0px 0px 12px;
}
@media (max-width:600px){
.elementor-widget-wc-archive-products .woocommerce.columns-4 ul.products {
    grid-template-columns: repeat(1, 1fr);
}	
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100%;
}
	.woocommerce table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive tbody th {
    display: block;
    border: unset;
}
.elementor-widget-woocommerce-cart .woocommerce .cart th.product-name {
    border: unset;
    padding: 0px;
}
}

.elementor-widget-image-gallery figure.gallery-item .gallery-icon a {height: 280px;display: block;overflow: hidden;position: relative;}

.elementor-widget-image-gallery figure.gallery-item .gallery-icon a img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: all 0.3s linear;
}

.elementor-widget-image-gallery figure.gallery-item .gallery-icon a::after {
    content: '';
    background: linear-gradient(180deg, rgb(118 213 72 / 10%) 0%, rgb(82 229 229 / 36%) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 0.3s linear;
}

.elementor-widget-image-gallery figure.gallery-item .gallery-icon a:hover::after {
    opacity: 1;
}

.elementor-widget-image-gallery figure.gallery-item .gallery-icon a:hover img {
    transform: scale(1.05) rotate(-1deg);
}