/* 
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
*/


/*Gravityforms opmaak*/

.gform_title{
	display:none;
}

.gform_wrapper ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.gform_wrapper ul li{
	margin: 0px 0 20px 0;
	padding: 5px 0;
}

.gform_wrapper ul li label{
	margin: 0px 0 10px 0;
	padding: 0;
}

.gfield_error{
	background-color: rgba(204, 0, 0, 0.2);
	padding: 15px!important;
	border-radius:5px;
}

.gform-theme--framework .gfield.half-width {
    grid-column: span 6;   /* orbital uses a 12-column grid */
}

.gfield_required{
	color: #cc0000;
}

.validation_message{
	font-size: 12px;
}

.validation_error{
	margin-bottom: 20px;
	color: #cc0000;
}


@media (min-width: 767px) {
}


@media (min-width: 1024px) {
}

.gform-theme--framework .gform_footer input[type="submit"].gform_button,
.gform-theme--framework .gform_page_footer input[type="submit"].gform_button {
    --gf-ctrl-btn-bg-color-primary: #1B9628;
    --gf-ctrl-btn-bg-color-hover-primary: #aaaaaa;
    --gf-ctrl-btn-color-primary: #ffffff;
    --gf-ctrl-btn-color-hover-primary: #ffffff;
}

.gform-theme--framework {
    --gf-ctrl-border-color: #E7E0DB;
    --gf-ctrl-border-size: 1px;
    --gf-ctrl-bg-color: #FAFAF8;
}
.ginput_container .ginput_container_text > input {color: #FAFAF8;}

.gform-theme--framework .gform_footer input[type="submit"].gform_button {
    --gf-ctrl-btn-radius: 10px;
}

/* Field labels/titles — Poppins, 12px, uppercase, #695F5A */
.gform-theme--framework .gfield_label, .gform-field-label {
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 200;   /* adjust or remove to taste */
    color: #695F5A;
}

/* Placeholder text — Poppins, 12px, bold, normal case, #181A2C */
.gform-theme--framework .gform_fields input::placeholder,
.gform-theme--framework .gform_fields textarea::placeholder {
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: none;
    color: #181A2C;
    opacity: 1;   /* keeps the color at full strength instead of browser-dimmed */
}

#gform_wrapper_2.gform-theme--orbital {
    --gf-ctrl-bg-color: #FAF7F4;
    --gf-ctrl-border-color: #E7E0DB;
    --gf-ctrl-radius: 8px;
    --gf-ctrl-color: #1f1f1f;
}
/* placeholder text in the VOORNAAM + TELEFOON fields */
#gform_wrapper_2 .gfield input::placeholder {
    color: #A9A9A9;
    font-weight: 500;
}
#gform_wrapper_2 .gfield input[type="text"],
#gform_wrapper_2 .gfield input[type="tel"] {
    color: #A9A9A9;   /* colour of typed-in text */
}

#gform_wrapper_2 .gfield input[type="text"],
#gform_wrapper_2 .gfield input[type="tel"],
#gform_wrapper_2 .gfield select {
    background-color: #FAF7F4;
    border: 1px solid #E7E0DB;
    --gf-local-border-color: #E7E0DB;
    --gf-local-border-color-focus: #E7E0DB;   /* keeps it warm on click */
    border-radius: 8px;
    padding: 0px 0px 0px 20px;
    color: #1f1f1f;
    font-weight: 600;
    box-shadow: none;
}

/* belt-and-braces: pin the border on focus directly too */
#gform_wrapper_2 .gfield input[type="text"]:focus,
#gform_wrapper_2 .gfield input[type="tel"]:focus,
#gform_wrapper_2 .gfield select:focus {
    border-color: #E7E0DB;
    outline: none;   /* remove the default focus ring; see note below */
}

#gform_wrapper_2 .gfield input:focus,
#gform_wrapper_2 .gfield select:focus {
    border-color: #E7E0DB;
    outline: none;
    box-shadow: 0 0 0 3px rgba(231, 224, 219, 0.45);
}
#gform_wrapper_2 .gfield select {
    color: #181A2C;
    --gf-local-color: #181A2C;
}