/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */ 

.woo-heading-product{
    text-align: center;
    /*padding: 20px 0;    */
    color: #000;
    text-transform: capitalize;
}
/* HEADING END */
/* WOO PRODUCT GRID LAYOUT BEGIN */
.woo-product-grid{
    display: flex;
    justify-content: space-between;
}
/* WOO PRODUCT GRID LAYOUT END */
/* ADD PRODUCT CERTIFICATE BEGIN  */
/* GRID LAYOUT BEGIN*/
.woo-grid-layout{
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    /*margin: 10px;*/
}
/* GRID LAYOUT END */
.woo-product-box{
    display:flex;
    justify-content: space-between;
    align-items: center; 
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    /*padding: 5px;*/
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 5px; 
    margin: 5px auto;   
}
.woo-product-box .woo-product-img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    object-position: center;
}
.woo-product-box .woo-product-img img{
    width: 100%;
}
.woo-product-box  .woo-product-quantity{
    display: flex;
    justify-content: space-between;
    width: 30%;
    margin-right: 10px;
}
.woo-product-box  .woo-product-quantity .variation_qty{
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0), 0 6px 20px 0 rgba(0, 0, 0, 0.133);*/
    background: #ececec;
    /*border: 1px solid #000;*/
    /*border-radius: 5px;*/
    /*padding: 5px 10px;*/
    vertical-align: middle;
    cursor: pointer;
    color: #000;
    width: 50px;
    height: 30px;
    font-size: 15px;
    text-align: center;
}
/* ADD PRODUCT CERTIFICATE END  */

/* RESPONSIVE BEGIN */
@media screen and (max-width:1200px) {
    .woo-grid-layout{
        width: 45%;
    }
}
@media screen and (max-width:1024px) {
    .woo-product-box{
        width: 50%;
    }
}
@media screen and (max-width:990px) { 
    .woo-grid-layout{
        width: 95%;
        display: block;
    }
    .woo-product-text h3{
        font-size: 15px;
    }
    h1{
        font-size: 25px;
    }
    .woo-product-box{
        width:80%;
    }
}
@media screen and (max-width:400px) {
    .woo-product-box{
        flex-direction: column;
    }
    .woo-product-box .woo-product-img{
        width: 150px;
        height: 150px;
    }
    .woo-product-box  .woo-product-text{
        padding: 15px 0;
    }
    .woo-product-box .woo-product-quantity{
        width: 40%;
    }
} 
/* RESPONSIVE END */


/* Hide variations  */
.variations{
    display: none !important;
}
.qty_increment, .qty_decrement {
    background: #000;
    width: 20px;
    padding: 2px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

.woocommerce-variation-add-to-cart{
    display: none !important;
}

.woo-custom-add-to-cart input{
    width: 300px;
    cursor: pointer;
}

/* GAM3 add qty and price tags to inputs */
#woo-total span.total_qty_holder,
#woo-total span.total_price_holder {
    position: relative;
}

#woo-total span.total_qty_holder:after,
#woo-total span.total_price_holder:after {
    position: absolute;
    left: 16px;
    top: -2px;
}

#woo-total span.total_qty_holder:after {
    content: "Qty: ";
}

#woo-total span.total_price_holder:after {
    content: "Total: ";
}

#woo-total input.total_price {
    padding-left: 51px;
}

#woo-total input.total_qty {
    padding-left: 44px;
}