/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.box-text-products { position: relative; padding-bottom: 105px; }
.box-text-products .price-wrapper { width: 100%;  position: absolute; bottom: 70px; }
.box-text-products .add-to-cart-button { position: absolute; bottom: 30px; width: 100%; }
.box-text-products .add-to-cart-button a { font-size: 14px; }
/* .box-text-products .title-wrapper { min-height: 70px; } */
.box-text-products .woo-custom-stock-status { position: absolute; width: 100%; bottom: 0; }
.product_cat-opleidingen .box-text-products .stock.out-of-stock { font-weight: 600; font-size: 14px; bottom: 30px; margin-top: 5px; width: 100%; display: table; background: #444; color: #fff; padding: 6px 0; text-align: center; }

.box-image .out-of-stock-label { display: none !important; }

.add-to-cart-button a { background-color: #21d19f !important; }

.product-page-price { margin-bottom: 20px; }

.add-to-cart-container .quantity { margin-bottom: 10px; margin-right: 0; }
.add-to-cart-container .quantity input[type=number] { max-width: 100%; width: 100%; }
.add-to-cart-container .single_add_to_cart_button { width: 100%; margin-bottom: 0; }
.add-to-cart-container .woo-custom-stock-status { margin-bottom: 0; }
.add-to-cart-container form { margin-bottom: 0; }
.add-to-cart-container .wcdp-payment-plans ul li { margin-left: 0; }

#review_form input[type=submit] { text-transform: none; }

.box-text-products .price-wrapper .price { font-size: 20px; }

.message-wrapper { margin-bottom: 0 !important; }
.woocommerce-message .message-container { border: 1px #444 solid; padding: 10px 25px; background: #f4f4f4; font-size: 14px; display: flex; align-items: center; }
.success-color { color: #000 !important; border-color: #21d19f !important; background: #f2f5e9 !important; }

.woocommerce-message .button { background-color: #21d19f !important; margin-left: auto; margin-right: 0; }

.success-color .icon-checkmark { color: #21d19f !important; margin-right: 15px; }

.scroll-to { scroll-margin-top: 10em; height: 1px; display: table; }

ul li.bullet-checkmark:before, ul li.bullet-arrow:before, ul li.bullet-star:before { color: #21d19f; }

.woocommerce-shipping-destination { display: none; }

.custom-breadcrumbs { padding: 10px 0; font-size: 12px; }
.custom-breadcrumbs p { margin-bottom: 0; }

.yith-wapo-block { margin-top: 15px; }
.yith-wapo-block .option-image { display: none !important; }

@media only screen and (max-width: 768px) {

    /* .box-text-products .woo-custom-stock-status { font-size: 12px; } */

}

@media screen and (min-width: 0px) {

    .small-columns-2>.col.product_cat-opleidingen, .small-columns-2 .flickity-slider>.col.product_cat-opleidingen {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

}

@media screen and (min-width: 550px) {

    .medium-columns-3>.col.product_cat-opleidingen, .medium-columns-3 .flickity-slider>.col.product_cat-opleidingen {
        max-width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

}

@media screen and (min-width: 850px) {

    .gallery-columns-4 .gallery-item, .large-columns-4 > .col.product_cat-opleidingen, .large-columns-4 .flickity-slider > .col.product_cat-opleidingen {
        max-width: 33.3333%;
        -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    }

}

@media screen and (min-width: 900px) {

    .gallery-columns-4 .gallery-item, .large-columns-4 > .col.product_cat-opleidingen, .large-columns-4 .flickity-slider > .col.product_cat-opleidingen {
        max-width: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }

}