/**
* Theme Name: Ekommart Child
* Description: This is a child theme of Ekommart, generated by Merlin WP.
* Author: <a href="https://www.wpopal.com/">Opal Team</a>
* Template: ekommart
* Version: 4.1.6
*/
.subcategories-grid{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 10px;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 10px;
    
    .subcategory{
        border: 1px solid rgb(230, 230, 230);
        h5{
            color: black;
            margin-top: 10px;
        }
        .subcategory-image{
            position: relative;
            overflow: hidden;
            img{
                width: 100%;
                height: auto;
                transition: all 0.3s;
            }
            .subcategory-title{
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                color: #fff;
                font-size: 20px;
                font-weight: 700;
                text-transform: uppercase;
                text-align: center;
                opacity: 0;
                transition: all 0.3s;
            }
            &:hover{
                img{
                    transform: scale(1.1);
                }
                .subcategory-title{
                    opacity: 1;
                }
            }
        }
    }
}
.single-product {
    .summary.entry-summary{
        table.variations{
            th.label{
                color: black;
                font-weight: 900 !important;
            }
        }
    }
}
.single-product div.product table.variations label{
    font-weight: 900 !important;
}
h2.product_title.entry-title,
.single-product div.product .product_meta .sku_wrapper,
.single-product div.product .product_meta .posted_in,
.single-product div.product .product_meta .tagged_as,
.ekommart-product-pagination a,
.ekommart-product-pagination .product-item .ekommart-product-pagination__title,
.product-item-search .product-title,
.widget_shopping_cart .mini_cart_item a,
.widget_shopping_cart p.total strong,
.widget_shopping_cart p.total .amount,
.cart_totals table th,
.cart_totals .cart-subtotal .amount,
ul#shipping_method input[type="radio"] + label,
.hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a,
.hentry strong, .hentry th, .hentry dt,
.woocommerce-account a
.woocommerce-account h1, 
.woocommerce-account h2,
.woocommerce-account #respond #reply-title,
.woocommerce-account h3,
.woocommerce-account h4,
.woocommerce-account h5,
.woocommerce-account h6,
fieldset legend{
    color: black;
}
.hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a{
    color: black;
    font-weight: 900;
}

table.cart th,
table.cart td.product-name a,
table.cart td.product-quantity .qty,
table.cart td.product-subtotal .amount,
.form-row label,
#order_review .woocommerce-checkout-review-order-table th,
table.woocommerce-checkout-review-order-table .product-name,
#payment .payment_methods li > label,
.woocommerce-account a{
    color: black !important;
}
ul.products{
    li.product{
        .posted-in{
            display: none;
        }
        .woocommerce-loop-product__title{
            a{
                color:black;
            }
        }
        .woocommerce-price-suffix{
            margin-left: 6px;
        }
    }
}

@media (min-width: 1024px){
    .main-navigation ul{
        display: flex;
        height: 62px;
        align-items: stretch;
        width: 100%;
        list-style: none;
        margin: 0;
        padding: 0;
        justify-content: center;
    }
    .main-navigation ul li:first-child a{
        border-left: 1px solid rgba(0,0,0,.5);
    }
    .main-navigation ul li a{
        display: flex !important;
        padding: 0 .6rem !important;
        height: 100%;
        align-items: center;
        justify-content: center;
        border-left: 1px solid rgba(255,255,255,.1);
        border-right: 1px solid rgba(0,0,0,.4);
        transition: none;
        text-align: center;
        color: black !important;
    }
}
@media (max-width: 768px){
    ul:not(.slick-slider).products{
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
    }
    ul:not(.slick-slider).products::before{
        display: none;
    }
    .subcategories-grid{
        
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 10px;
        margin-top: 10px;
        text-align: center;
    }
    .ekommart-handheld-footer-bar ul li > a .title{
        color: black !important;
    }
}
.wc-block-grid__product-onsale, .onsale{
    background-color: red;
}

.single-product div.product form.cart .quantity button.minus{
    left: 0;
    height: 100%;
    display: flex;
    justify-items: center;
    align-items: center;
    padding-bottom: 0px;
    background-color: var(--primary);
    color: black;
}
.single-product div.product form.cart .quantity button.plus{
    right: 0;
    height: 100%;
    display: flex;
    justify-items: center;
    align-items: center;
    padding-top: 0px;
    background-color: var(--primary);
    color: black;
}
.single-product div.product form.cart .quantity button.plus i,
.single-product div.product form.cart .quantity button.minus i{
    font-size: 20px;

}
.single-product div.product form.cart .quantity .qty{
    padding: 6px 30px;
    text-align: center;
    border-color:transparent;
    font-size: 20px;
    font-weight: 900;
    font-style: italic;
    color: black;
}
.single-product div.product form.cart .quantity button.minus i::before{
    content: "";
}
.single-product div.product form.cart .quantity button.plus i::before{
    content: "";
}
.single-product div.product p.price{
    display: flex;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger{
    z-index: 98;
}
.cwginstock-subscribe-form .panel-primary>.panel-heading{
    background-color: black !important;
    border-color: black !important;
}
.cwginstock-subscribe-form .panel-primary{
    border-color: black !important;
}
/* form.wvs-loaded input:not([type="submit"]){
    text-align: left !important;
} */
 form.wvs-loaded .single_add_to_cart_button.button.alt{
    color: black;
}
.stock-label{
    color: #edbd27;
    background-color: #050505;    
    font-weight: 800;
}
.wc-block-grid__product-onsale, .onsale{
    background-color: color(srgb 0.9284 0.7423 0.1534);
    color:black;
    font-weight: 800;
}

.single-product div.product p.price .woocommerce-price-suffix{
    order:2;
    margin-left: 15px;
    font-size: 60%;
    color:black;
}
.single-product div.product p.price ins{
    font-size: 40px;
    font-style: italic;
    order: 0;
}
.single-product div.product p.price del{
    order: 1;
    color:black;
}
.single-product div.product p.price > span{
    font-size: 40px;
    font-style: italic;
}
.single-product div.product .entry-summary .wooscp-btn, .single-product div.product .entry-summary .woosc-btn, .single-product div.product .entry-summary .woosw-btn{
    background-color: black;
    padding: 4px 10px;
}

.single-product div.product .single_variation .price{
    color: black;
}

.single-product div.product .variations_form .price ins,
.single-product div.product .woocommerce-variation-price > .price > .amount > bdi{
    color: var(--primary);
    font-size: 40px;
    font-style: italic;
    font-weight: 900;
}

.single-product .woocommerce-tabs.wc-tabs-wrapper #tab-description{
    h1, h2, h3, h4, h5, h6{
        color: black !important;
    }
}
.single-product .woocommerce-tabs::before, .single-product .woocommerce-tabs{
    position: relative;
    overflow: hidden;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item{
    font-size: 14px;
    color: black;
    background-color:var(--primary);
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock){
    color: var(--primary);
    background-color:black;
}
.woocommerce-pagination .page-numbers .current{
    background-color: black !important;
}
.woocommerce-pagination .page-numbers .next,
.woocommerce-pagination .page-numbers .prev{
    color: black !important;
}
.woocommerce-account.woocommerce-page{
    button.show-password-input{
        display: none;
    }
}