/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* OFF CANVAS FILTER STYLE */

.woocommerce .widget_price_filter .price_slider_amount {
    display: flex;
    flex-wrap: wrap-reverse;
}

.woocommerce .widget_price_filter .ui-slider {
    z-index: 5;
}

.woocommerce .widget_price_filter .price_slider_amount .button {
    width: 100%;
}

/* YITH - Quick View fixes */

.yith-quick-view .yith-quick-view-content.woocommerce div.summary {
    top:  0;
}

.yith-quick-view .yith-quick-view-content.woocommerce div.summary div.quantity {
    display: flex;
}

.yith-quick-view .single-product .product .sale-perc {
    top: 37px;
    left: 5px;
    z-index: 5;
}

.yith-quick-view .single-product .product .product_meta {
    padding-top: 15px;
}

@media (max-width: 768px) {
    .product .wc-product-image .yith-wcqv-button {
        display: none !important;
    }
}

/* CART PAGE STYLE */

@media (min-width: 1100px) {
    .woocommerce-cart .woocommerce {
      display: flex;
      flex-wrap: wrap;
    }

    .woocommerce-cart .woocommerce .woocommerce-cart-form__cart-item .product-thumbnail {
        padding: 0 10px;
        text-align: center;
        vertical-align: middle;
    }

    .woocommerce-cart .woocommerce .woocommerce-cart-form__cart-item .product-thumbnail img {
        width: 60px;
    }

    .woocommerce-cart .woocommerce .woocommerce-notices-wrapper,
    .woocommerce-cart .woocommerce .cart-empty {
        width: 100%;
    }

    /* The table containing the list of products and our custom elements */
    .woocommerce-cart .woocommerce-cart-form {
      flex: 1 0 70%; /* 100% at small screens; 70% on larger screens */
      padding-right: 15x;
    }

    /* The element that contains the cart totals */
    .woocommerce-cart .cart-collaterals {
      flex: 1 0 30%; /* 100% at small screens; 30% on larger screens */
      padding-left: 15px;
    }

    /* Some minor tweak to make sure the cart totals fill the space */
    .woocommerce-cart .cart-collaterals .cart_totals {
      width: 100%;
      padding: 0 20px 70px;
    }
}

@media (max-width:  768px) {
    .woocommerce-cart .woocommerce .woocommerce-cart-form__cart-item {
        margin: 5px 0;
    }
    .woocommerce-cart .woocommerce table.shop_table td, 
    .woocommerce-cart .woocommerce table.shop_table th {
        padding: 10px;
    }
    .woocommerce-cart .woocommerce .woocommerce-cart-form__cart-item .product-remove {
        display: inline-block;
        height: 70px;
        border: none;
        padding: 20px 10px;
        background: transparent;
    }

    .woocommerce-cart .woocommerce .woocommerce-cart-form__cart-item .product-thumbnail {
        display: inline-block !important;
        float: right;
        height: 70px;
        padding: 0;
        border: none;
        margin-right: 10px;
    }
    .woocommerce-cart .woocommerce .woocommerce-cart-form__cart-item .product-thumbnail:before {
        display: none;
    }
    .woocommerce-cart .woocommerce .woocommerce-cart-form__cart-item .product-thumbnail img {
        width: 70px;
    }

    .woocommerce-cart .woocommerce .woocommerce-cart-form__cart-item .product-name {
        border-top: 1px solid rgba(0,0,0,.1);
        margin-top: 5px;
    }
}

#wc-mini-cart .woocommerce.widget_shopping_cart .cart_list li a.remove {
    line-height: 16px;
    letter-spacing: -1px;
}

.woocommerce-cart .woocommerce a.remove {
    line-height: 16px;
}

/* CHECKOUT PAGE STYLE */

 #order_review .product-thumbnail {
    width: 52px; 
    height: 45px; 
    display: inline-block; 
    padding-right: 7px; 
    vertical-align: middle;
}



/* SHOP PAGE STYLE */

.wc-product-image .sale-perc {
    position: absolute;
    top: 35px;
    background-color: #ea5600;
    color: #ffffff;
    border-radius: 0;
    min-height: 15px;
    min-width: initial;
    padding: 8px 13px;
    line-height: 1;
    display: inline-block;
    left: auto;
    font-size: 80%;
    text-transform: uppercase;
    font-weight: 700;
    z-index: 5;
}

/* SINGLE PRODUCT PAGE */

.single-product .product .sale-perc {
    position: absolute;
    top: 35px;
    background-color: #ea5600;
    color: #ffffff;
    border-radius: 0;
    min-height: 15px;
    min-width: initial;
    padding: 8px 13px;
    line-height: 1;
    display: inline-block;
    left: auto;
    font-size: 80%;
    text-transform: uppercase;
    font-weight: 700;
    z-index: 5;
}

@media (max-width: 768px) {
    .single-product .product span.onsale {
        position: absolute;
    }
}

.portfolio-img {
    cursor: pointer;
}

#modal-wrapper {
    display: none;
    position: fixed;
    z-index: 100000000000000;
    top: 0;
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #000000c2;
}

#modal-wrapper.show {
    display: flex;
}

#modal-content {
    width: 60vw;
    margin: 0 auto;
    text-align: center;
}

#modal-content img {
    width: 100%;
    box-shadow: 0 0 96px black;
}

#modal-close {
    position: fixed;
    top: 30px;
    right: 40px;
    color: white;
    font-size: 24px;
    cursor: pointer;
}

@media (max-width: 768px) {
    #modal-content {
        width: 80vw;
    }

    #modal-close {
        top: 15px;
        right: 12px;
    }
}