/* 
Theme Name: Acapulco
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Sander | Firma Netjes
Author URI: https://firmanetjes.nl
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
*/

/* === Acapulco nieuwsbrief-popup (Elementor popup 1008) === */

/* Kruisje wit */
#elementor-popup-modal-1008 .dialog-close-button,
#elementor-popup-modal-1008 .dialog-close-button i {
    color: #fff;
}
#elementor-popup-modal-1008 .dialog-close-button svg {
    fill: #fff;
}

/* Lettertype overal gelijk aan het tekstveld erboven */
#elementor-popup-modal-1008 form,
#elementor-popup-modal-1008 form label,
#elementor-popup-modal-1008 form input,
#elementor-popup-modal-1008 form button {
    font-family: var(--e-global-typography-text-font-family), sans-serif;
    font-weight: var(--e-global-typography-text-font-weight);
    font-style: italic;
}

/* Labels: geel, ruimte eronder, zelfde grootte als tekst erboven */
#elementor-popup-modal-1008 form label {
    color: #FFD200;
    display: block;
    margin-bottom: 8px;
    font-size: var(--e-global-typography-text-font-size, 16px);
    line-height: var(--e-global-typography-text-line-height, 1.4);
}
/* Knop Abonneren: rood met wit, hover omgekeerd */
#elementor-popup-modal-1008 form button,
#elementor-popup-modal-1008 form input[type="submit"] {
    background-color: #E30613;
    color: #fff;
    border: 2px solid #E30613;
    cursor: pointer;
    transition: background-color .2s, color .2s;
}
#elementor-popup-modal-1008 form button:hover,
#elementor-popup-modal-1008 form input[type="submit"]:hover {
    background-color: #fff;
    color: #E30613;
}

/* Ruimte boven de Abonneren-knop */
#elementor-popup-modal-1008 form button,
#elementor-popup-modal-1008 form input[type="submit"] {
    margin-top: 16px;
}

/* Invoervelden: zelfde lettergrootte als tekst erboven */
#elementor-popup-modal-1008 form input[type="text"],
#elementor-popup-modal-1008 form input[type="email"] {
    font-size: var(--e-global-typography-text-font-size, 16px);
    line-height: var(--e-global-typography-text-line-height, 1.4);
}