/* Formulierstyling voor alle talen (NL, EN, DE hebben elk een eigen formulier-ID).
   Vervangt de ID-gebonden regels uit _formulieren.scss (#gform_fields_1, #gform_next_button_1_9, ...).
   #page_container staat erin zodat deze regels winnen van de #gform_next_button_1_x regels. */

div.gform_wrapper [id^="gform_fields_"] { margin-top: 100px; }

/* Volgende- en verzendknop: pijl in de knop zelf, zodat hij bij elke tekstlengte goed staat */
.gform_wrapper .btn_span { display: none !important; }

#page_container .gform_wrapper .gform_page_footer .gform_next_button,
#page_container .gform_wrapper .gform_page_footer .gform_button,
#page_container .gform_wrapper .gform_footer .gform_button { cursor: pointer !important; position: relative !important; width: auto !important; margin: 0 !important; float: right !important; font-family: "ashemore", "sans-serif", "Arial" !important; font-weight: 900 !important; font-size: 17px !important; line-height: 1.2 !important; color: #fff !important; background: #7C8663 url('../../images/right-arrow.svg') no-repeat 30px center / 20px auto !important; padding: 15px 30px 15px 70px !important; text-decoration: none !important; border: 2px solid #7C8663 !important; border-radius: 0 !important; transition: background-color 0.3s, background-position 0.3s, border-color 0.3s !important; }

#page_container .gform_wrapper .gform_page_footer .gform_next_button:hover,
#page_container .gform_wrapper .gform_page_footer .gform_next_button:focus-visible,
#page_container .gform_wrapper .gform_page_footer .gform_button:hover,
#page_container .gform_wrapper .gform_page_footer .gform_button:focus-visible,
#page_container .gform_wrapper .gform_footer .gform_button:hover,
#page_container .gform_wrapper .gform_footer .gform_button:focus-visible { background-color: #0D262D !important; border-color: #0D262D !important; background-position: 38px center !important; outline: none; }

/* Vorige-knop: hover */
#page_container .gform_wrapper .gform_previous_button { transition: opacity 0.3s, background-color 0.3s, border-color 0.3s !important; }
#page_container .gform_wrapper .gform_previous_button:hover,
#page_container .gform_wrapper .gform_previous_button:focus-visible { opacity: 1; background-color: #0D262D !important; border-color: #0D262D !important; outline: none; }

[id^="input_"][id$="_20"] .gchoice:last-child.active input.gchoice_other_control { display: block !important; }

@media screen and (max-width: 640px) {
    div.gform_wrapper [id^="gform_fields_"] { margin-top: 50px; }
}