/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.elementor-button-content-wrapper .elementor-button-icon {
    vertical-align: middle;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.text-accent {
    font-family: var(--e-global-typography-accent-font-family ), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size );
    font-weight: var(--e-global-typography-accent-font-weight );
    text-transform: var(--e-global-typography-accent-text-transform );
    font-style: var(--e-global-typography-accent-font-style );
    text-decoration: var(--e-global-typography-accent-text-decoration );
    line-height: var(--e-global-typography-accent-line-height );
    letter-spacing: var(--e-global-typography-accent-letter-spacing );
    word-spacing: var(--e-global-typography-accent-word-spacing );
}

.text-body {
    font-family: var(--e-global-typography-text-font-family ), Sans-serif;
    font-size: var(--e-global-typography-text-font-size );
    font-weight: var(--e-global-typography-text-font-weight );
    text-transform: var(--e-global-typography-text-text-transform );
    font-style: var(--e-global-typography-text-font-style );
    text-decoration: var(--e-global-typography-text-text-decoration );
    line-height: var(--e-global-typography-text-line-height );
    letter-spacing: var(--e-global-typography-text-letter-spacing );
    word-spacing: var(--e-global-typography-text-word-spacing );
}

/* Verhuur */
:is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart,.elementor-widget-wc-add-to-cart,.woocommerce div.product .elementor-widget-wc-add-to-cart) form.cart.variations_form .woocommerce-variation-add-to-cart, :is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart,.elementor-widget-wc-add-to-cart,.woocommerce div.product .elementor-widget-wc-add-to-cart) form.cart:not(.grouped_form):not(.variations_form) {
    flex-wrap: wrap !important;
}

.cpx-verhuur__huurperiode {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}

.cpx-verhuur__geselecteerde-periode {
    margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
    .cpx-verhuur__huurperiode {
        gap: 30px;
    }
}

.cpx-verhuur__huurperiode input[type="date"] {
    width: 200px;
    max-width: 100%;
}

.cpx-verhuur__add-to-cart-help {
    width: 100%;
    margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
    .single-product .elementor-add-to-cart .quantity {
        margin-right: 0 !important;
        margin-bottom: 5px !important;
    }
    .single-product .elementor-add-to-cart .quantity, .single-product .elementor-add-to-cart .quantity .qty {
        width: 100%;
    }

    .single-product .single_add_to_cart_button {
        width: 100%;
        margin-left: 0 !important;
    }
}
/* End verhuur */