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

.vismagraphqlwoo_hide_div{
    display: none;
}


.vismagraphqlwoo-thslider-list, .shippingbox__checkbox-wrp{
	list-style: none;
	padding: 0;
	margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.vismagraphqlwoo-thslider-list li{
    flex: 1 0 33.33%;
    max-width: 33.33%;
}
@media (max-width: 991px) {
    .vismagraphqlwoo-thslider-list li{
        flex: 1 0 50%;
        max-width: 50%;
    }
}
@media (max-width: 767px)  {
    .vismagraphqlwoo-thslider-list li{
        flex: 1 0 100%;
        max-width: 100%;
    }
}

/**
*   Price modal popup css
*/
.vismagraphqlwoo-prices-modal{
    display : block !important
}

.vismagraphqlwoo-prices-modal{
    opacity : 1 !important;
    pointer-events : auto !important
}
.vismagraphqlwoo-prices-modal.hidden{
    display : none !important
}
.vismagraphqlwoo-prices-modal.hidden {
    opacity        : 0 !important;
    pointer-events : none !important
}
.vismagraphqlwoo-prices-modal .modal-body{
    padding : 64px 24px
}

.vismagraphqlwoo-prices-modal svg{
    width  : 80px;
    height : 80px
}
.vismagraphqlwoo-prices-modal__title{
    line-height : normal;
    text-align  : center;
}

@media (max-width: 991px) {
    .vismagraphqlwoo-thslider-list li{
        flex : 1 0 50%;
    }
    .vismagraphqlwoo-prices-modal .modal-body{
        padding : 50px 30px
    }
    .vismagraphqlwoo-prices-modal svg{
        width  : 50px;
        height : 50px
    }
}

@media (min-width: 992px){
    .vismagraphqlwoo-prices-modal{
        padding-right:17px
    }
    .vismagraphqlwoo-prices-modal.hidden{
        padding-right:0
    }
}

@media (max-width: 767px)  {
    .vismagraphqlwoo-thslider-list li{
        flex: 1 0 100%;
    }
}

button.vismagraphqlwoo-acnt-dflt{
    background-color: #000;
    color: #fff;
    border-radius: 28px;
}

.shippingbox__checkbox-wrp .shippingbox__checkbox{
    flex: 1 0 50%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
}
.change_default_address{
    margin-top: 7px;
    margin-right: 10px;
}
@media (max-width: 991px) {
    .shippingbox__checkbox-wrp .shippingbox__checkbox{
        flex: 1 0 50%;
    }
    .vismagraphqlwoo-prices-modal .modal-content{
        max-width: 80% !important; 
    }
}
@media (max-width: 320px)  {
    .shippingbox__checkbox-wrp .shippingbox__checkbox{
        flex: 1 0 100%;
    }
}

.vismagraphqlwoo_price_matrix_popup{
    position: absolute;
    width: 100%;
    top: 50%;
    z-index: 999;
    transform: translateY(-50%); 
 
    
}
.vismagraphqlwoo-prices-modal .modal-content{
    max-width: 35%;
    margin: 0 auto;
}
.overlay-active{
    overflow: hidden;
    height: 100vh;
    pointer-events: none;
}