/*
 Theme Name: GeneratePress Child
 Theme URI: https://generatepress.com
 Description: Child theme for GeneratePress
 Author: Janet Rusky
 Template: generatepress
 Version: 1.0
*/

/* Jouw extra CSS komt hieronder */

/* ALLE tekst in Ninja Forms zwart */
.nf-form-cont * {
    color: #000 !important;
}

/* Required-tekst bovenaan */
.nf-form-cont .nf-form-title,
.nf-form-cont .nf-form-fields-required {
    color: #000 !important;
}

/* Labels */
.nf-form-cont .nf-field-label {
    color: #000 !important;
}

/* Placeholder tekst */
.nf-form-cont ::placeholder {
    color: #000 !important;
    opacity: 1;
}

/* Required sterretjes */
.nf-form-cont .nf-field-label .nf-required {
    color: #000 !important;
}

/* Help-tekst */
.nf-form-cont .nf-field-description {
    color: #000 !important;
}

/* Foutmeldingen */
.nf-form-cont .nf-error-msg {
    color: #000 !important;
}

/* Submit-knop styling */
.nf-form-cont input[type="submit"],
.nf-form-cont button[type="submit"] {
    background-color: #70812B !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 20px !important;
    cursor: pointer;
}
html, body {
    overflow-x: hidden;
}

/* Newsletter knop kleur */
.tnp-subscription .tnp-button,
.newsletter-form .tnp-button {
    background-color: #70812B !important;
    border-color: #70812B !important;
    color: #fff !important;
}

/* Override Newsletter plugin button */
body .tnp-submit,
body .tnp-button,
body .tnp-field-button,
body input[type="submit"].tnp-submit {
    background-color: #70812B !important;
    border-color: #70812B !important;
    color: #ffffff !important;
}

/* Intro-tekst boven het formulier wit maken */
.newsletter,
.newsletter p,
.newsletter-form,
.newsletter-form p,
.tnp-subscription p {
    color: #ffffff !important;
}
/* Labeltekst van Newsletter-formulier wit maken */
form[action*="admin-ajax.php?action=tnp"] label {
    color: #ffffff !important;
}

.arrow-button::after {
    content: "→";
    display: inline-block;
    margin-left: 8px;
    transition: transform 0.2s ease;
}

.arrow-button:hover::after {
    transform: translateX(4px);
}

width: 100px !important;