/* RESETS */
.gform_ajax_spinner {
	margin-left: 2rem;
	/*display: none !important*/
}
body .gform_wrapper.gravity-theme .gform_footer button,
body .gform_wrapper.gravity-theme .gform_footer input,
body .gform_wrapper.gravity-theme .gform_page_footer button,
body .gform_wrapper.gravity-theme .gform_page_footer input {
	margin-bottom: 0;
}

body .gform_wrapper.gravity-theme span.gfield_required span {
	color: var(--kleur-beige);
	margin-left: 0.7rem;
	font-size: 1rem;
	vertical-align: top;
}




/*Ruimtes tussen rijen / kolommen*/
body .gform_wrapper.gravity-theme .gform_fields {
	grid-row-gap: 3.2rem;
}




/* LABELS & DESCRIPTIONS */
/*algemeen*/
body .gform_wrapper.gravity-theme .gfield_label {
    margin-bottom: 1.7rem;
    padding: 0;
	color: var(--kleur-beige);
	font-family: "degular", sans-serif;
	font-size: 1.8rem;
	font-weight: 600;
	font-style: normal;
	letter-spacing: normal;
	line-height: 2.7rem;
}
/*description veld / validation veld */
body .gform_wrapper.gravity-theme .description,
body .gform_wrapper.gravity-theme .gfield_description,
body .gform_wrapper.gravity-theme .gsection_description,
body .gform_wrapper.gravity-theme .instruction {
	font-size: 1.3rem;
	line-height: normal;
	margin-top: 0.5rem;
	padding-top: 0;
	font-style: italic;
}




/* VELDEN */
body .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body .gform_wrapper.gravity-theme textarea,
body .gform_wrapper.gravity-theme select {
	background: transparent;
    padding: 1.4rem 1.6rem 1.7rem;
    letter-spacing: normal;
	outline: none;
	border-radius: 1rem;
	border: 0.1rem solid var(--kleur-beige);
	color: var(--kleur-groen);
	font-family: "degular", sans-serif;
	font-size: 2rem;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 1;
}
body .gform_wrapper.gravity-theme .ginput_container_date input {
  width: 100%;
}


::-webkit-input-placeholder { /* Edge */
	opacity: 0.6;
	color: var(--kleur-beige);
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	opacity: 0.6;
	color: var(--kleur-beige);
}
::placeholder {
	opacity: 0.6;
	color: var(--kleur-beige);
}
body .gform_wrapper.gravity-theme select {
	opacity: 0.6;
	color: var(--kleur-beige);
	height: 5.8rem;
}
body .gform_wrapper.gravity-theme select option {
	color: var(--kleur-groen);
}

body .gform_wrapper.gravity-theme .gfield.active input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body .gform_wrapper.gravity-theme .gfield.active textarea,
body .gform_wrapper.gravity-theme .gfield.active select,
body .gform_wrapper.gravity-theme .gfield.filled_inactive input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body .gform_wrapper.gravity-theme .gfield.filled_inactive textarea,
body .gform_wrapper.gravity-theme .gfield.filled_inactive select {
	opacity: 1;
	border-color: var(--kleur-groen);
	color: var(--kleur-groen);
}

/*textarea*/
body .gform_wrapper.gravity-theme .gfield textarea {
	height: 25rem !important;
	resize: none;
}
/*checkbox/radio*/
body .gform_wrapper.gravity-theme input.gfield-choice-input,
body .gform_wrapper.gravity-theme .ginput_container_consent input {
	display: none;
}
body .gform_wrapper.gravity-theme .gfield_checkbox label,
body .gform_wrapper.gravity-theme .gfield_radio label {
	cursor: pointer;
	font-size: 1.7rem;
}


body .gform_wrapper.gravity-theme .gfield_checkbox label::before,
body .gform_wrapper.gravity-theme .ginput_container label::before,
body .gform_wrapper.gravity-theme .gfield_radio label::before {
	content: "";
	position: relative;
	display: inline-flex;
	width: 2rem;
	height: 2rem;
	border: 0.1rem solid var(--kleur-beige);
	vertical-align: middle;
	margin: -0.1rem 1rem 0 0;
	font-size: 4rem;
	justify-content: center;
    text-align: center;
    line-height: 1.7rem;

	border-radius: 0.2rem;
}
body .gform_wrapper.gravity-theme .gfield_radio label::before {
	border-radius: 50%;
}

body .gform_wrapper.gravity-theme .gfield_checkbox input[type=checkbox]:checked+label::before,
body .gform_wrapper.gravity-theme .ginput_container input[type=checkbox]:checked+label::before,
body .gform_wrapper.gravity-theme .gfield_radio input[type=radio]:checked+label::before {
	content: "\f00c";
	color: var(--kleur-blauw);
	background-color: var(--kleur-groen);
	border-color: var(--kleur-groen);
	font-family: "Font Awesome 5 Pro";
	font-size: 1.5rem;
	font-style: normal;
	letter-spacing: normal;
	font-weight: 400;
}
body .gform_wrapper.gravity-theme .gfield_radio input[type=radio]:checked+label::before {
	content: "";
	background-color: var(--kleur-groen);
	border-color: var(--kleur-groen);
	font-weight: 700;
}


/* Actief veld */
body .gform_wrapper.gravity-theme .gfield.active input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body .gform_wrapper.gravity-theme .gfield.active textarea,
body .gform_wrapper.gravity-theme .gfield.active select {

}



/*Select*/

body .gform_wrapper.gravity-theme .ginput_container_select {
	position: relative;
}
body .gform_wrapper.gravity-theme .ginput_container_select::before {
	content: "\f078";
	font-family: "Font Awesome 5 Pro";
	font-size: 1.3rem;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	font-style: normal;
	line-height: normal;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	pointer-events: all;
    right: 1.5rem;
}

body .gform_wrapper.gravity-theme select {
	position: relative;
  	z-index: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.1rem;
    text-overflow: '';
	outline: none;
}
body .gform_wrapper.gravity-theme select::-ms-expand {
    display: none;
}
body .gform_wrapper.gravity-theme select option {

}

/* Datum */
body .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar td,
body .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar th span,
body .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header select {
	font-size: 1.3rem;
}



/* ERRORS */

/*blok boven velden*/
body .gform_wrapper .gform_validation_errors {
	border: none;
	background-color: var(--kleur-rood);
	border-radius: 0;
	color: var(--kleur-wit);
	box-shadow: none;
	padding: 1.5rem 2rem;
	margin-top: 0;
	margin-bottom: 3rem;
}
body .gform_wrapper .gform_validation_errors > h2 {
	color: var(--kleur-wit);
	font-size: 1.7rem;
    line-height: 2.3rem;
    font-weight: 600;
}
body .gform_wrapper .gform_validation_errors > h2 .gform-icon {
	display: none;
}


body .gform_wrapper .gfield_validation_message,
body .gform_wrapper .validation_message {
	padding: 0;
	background: transparent;
	border: none;
	font-style: italic;
}

body .gform_wrapper .gfield_error .gfield_repeater_cell label,
body .gform_wrapper .gfield_error label,
body .gform_wrapper .gfield_error legend,
body .gform_wrapper .gfield_validation_message,
body .gform_wrapper .validation_message,
body .gform_wrapper [aria-invalid="true"] + label,
body .gform_wrapper label + [aria-invalid="true"] {
	color: var(--kleur-rood);
}

body .gform_wrapper .gfield_error .gfield-choice-input + label::before {
	border-color: var(--kleur-rood);
}

/*Footer*/
body .gform_wrapper.gravity-theme .gform_footer,
body .gform_wrapper.gravity-theme .gform_page_footer {
	margin-top: 3.2rem;
	padding: 0;
}

body .gform_wrapper.gravity-theme .gform_footer button {
	border: none;
	color: var(--kleur-beige);
	font-family: "degular", sans-serif;
	font-size: 1.7rem;
	font-weight: 500;
	font-style: normal;
	letter-spacing: normal;
	line-height: 1;
	width: auto;
	background-color: var(--kleur-beige);
	color: var(--kleur-blauw);
}

body .gform_wrapper#gform_wrapper_2 form {
	margin-bottom: 0;
}


@media (min-width:768px) {
	.gform_wrapper.gravity-theme .gfield.gfield--width-half {
		display: flex;
		flex-direction: column;

	}
	.gform_wrapper.gravity-theme .gfield.gfield--width-half .ginput_container {
		margin-top: auto;
	}
}