/*
Theme Name: Endeavour Platforms
Theme URI: https://endeavourgroup.co/
Description: This is the custom theme for Endeavour Platforms, don't change this!
Author: Endeavour Platforms
Author URI: https://endeavourgroup.co/
Template: hello-elementor
Version: 1.0.1
Text Domain: endeavour-platforms
*/

/* Add your custom styles here */

.e-n-menu-dropdown-icon {
    box-shadow: none !important;
}

/* AFBEELDINGEN GROEN VLAK */
.bg-img.e-flex.e-con.e-child:before {
    content: "";
    background: url(/wp-content/uploads/2024/12/green-bg.jpg);
    width: 50%;
    height: 90%;
    top: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .bg-img.e-flex.e-con.e-child:before {
        content: "";
        background: url(/wp-content/uploads/2024/12/green-bg.jpg);
        width: 80% ! IMPORTANT;
        height: 90%;
        top: -25px;
        display: block !important;
        left: 70px;
    }
}
@media only screen and (max-width: 767px) {
    .bg-img.e-flex.e-con.e-child:before {
        content:    "";
        background: url(/wp-content/uploads/2024/12/green-bg.jpg);
        width:      85%;
        height:     50%;
        top:        -15px;
        left:       25px;
    }
}

/* TABS */
.tab-row .e-n-tabs-heading {
    border-bottom: 1px solid #EDE6D3;
}
@media only screen and (max-width: 768px) {
    .product-slider .swiper.elementor-loop-container.elementor-grid.swiper-initialized.swiper-horizontal.swiper-ios.swiper-backface-hidden {
        /*overflow: hidden !important;*/
    }
}

/* ZOEKRESULTATEN */
.search-grid .elementor-element.elementor-element-b76cad2.e-con-full.e-flex.e-con.e-child {
    justify-content: flex-start;
}
.elementor-widget-search .hide-loader .e-search-results:before {
    content: "Recente zoekresultaten";
    font-family: "Bricolage Grotesque", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
}

/* PRODUCT DETAIL */
.woocommerce-breadcrumb > a {
    text-decoration: none;
    font-family: 'Bricolage Grotesque';
}
button.single_add_to_cart_button--custom, p.price bdi, .loop-price {
    font-family: "Bricolage Grotesque", sans-serif !important;
}
html body.single-product .related-products button.single_add_to_cart_button--custom {
    width: 48px !important;
    background-color: var(--e-global-color-primary);
    padding: initial ! IMPORTANT;
    border-radius: 100px ! IMPORTANT;
}
.woocommerce div.product p.price del, .woocommerce div.product span.price del {
    text-decoration: line-through !important;
}

@media only screen and (min-width: 1025px) {
    button.single_add_to_cart_button--custom.show-desktop {
        display: block !important;
    }
    button.single_add_to_cart_button--custom.mobile-only {
        display: none !important;
    }
}


@media only screen and (max-width: 1024px) {
    button.single_add_to_cart_button--custom.show-desktop {
        display: none !important;
    }
    button.single_add_to_cart_button--custom.mobile-only {
        display: block !important;
    }
}

/* CHECKOUT */
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    background-color: var(--e-global-color-primary);
    color: #fff;
    border-top-color: var(--e-global-color-primary);
}
.woocommerce-message::before {
    color: #fff;
}
.woocommerce-error {
    background: var(--e-global-color-primary);
    border-top-color: #fff;
    color: #fff;
}
.woocommerce-error li *, .woocommerce-error::before {
    color: #fff;
}
@media only screen and (max-width: 768px) {
    .elementor-widget-woocommerce-checkout-page .woocommerce .wc_payment_method label,
    .woocommerce-privacy-policy-text * {
        color: #fff !important;
    }
    table.shop_table {
        padding: 16px;
    }
    div#payment {
        background: var(--e-global-color-primary) !important;
    }
    .elementor-28 .elementor-element.elementor-element-f0077cc #payment #place_order {
        background-color: var(--e-global-color-secondary);
        color:            var(--e-global-color-primary);
    }
}
@media screen and (max-width: 768px) {
    input,
    textarea,
    select {
        font-size: 16px !important;
    }
}
@media only screen and (min-width: 768px) {
    .woocommerce-order-pay div#payment {
        background: var(--e-global-color-primary) !important;
    }
    .elementor-28 .elementor-element.elementor-element-f0077cc #payment #place_order {
        background-color: var(--e-global-color-secondary);
        color:            var(--e-global-color-primary);
    }
    .woocommerce-order-pay .elementor-widget-woocommerce-checkout-page .woocommerce .wc_payment_method label,
    .woocommerce-order-pay .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-privacy-policy-text * {
        color: #fff !important;
    }
}