/* G&G Invest: Gravity Forms met CSS-klasse gg-form */

body.gg .gg-form-kaart > .vc_column-inner {
	padding: 36px !important;
	border-radius: var(--gg-radius-kaart);
	border: 1px solid var(--gg-lijn);
	background: #fff;
	box-shadow: var(--gg-schaduw);
}
body.gg .gform_wrapper.gg-form_wrapper {
	--gf-color-primary: #fbb040;
	--gf-color-primary-rgb: 251, 176, 64;
	--gf-color-primary-contrast: #37171d;
	--gf-color-in-ctrl-primary: #37171d;
	--gf-ctrl-border-color: rgba(0, 0, 0, .14);
	--gf-ctrl-border-color-hover: #37171d;
	--gf-ctrl-outline-color-focus: rgba(251, 176, 64, .45);
	--gf-radius: 8px;
	--gf-ctrl-label-color-primary: #37171d;
	--gf-ctrl-label-font-weight-primary: 500;
	--gf-font-family-base: 'Inter', sans-serif;
	margin: 0;
}
body.gg .gg-form_wrapper .gfield_label,
body.gg .gg-form_wrapper legend.gfield_label {
	font: 500 14px/20px var(--gg-body) !important;
	color: var(--gg-bordeaux) !important;
	margin-bottom: 6px !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}
body.gg .gg-form_wrapper .gfield_required { color: #c2410c !important; text-transform: none !important; font-size: 13px; }
body.gg .gg-form_wrapper input[type=text],
body.gg .gg-form_wrapper input[type=email],
body.gg .gg-form_wrapper input[type=tel],
body.gg .gg-form_wrapper input[type=number],
body.gg .gg-form_wrapper select,
body.gg .gg-form_wrapper textarea {
	width: 100% !important;
	min-height: 46px;
	padding: 11px 14px !important;
	border: 1px solid rgba(0, 0, 0, .14) !important;
	border-radius: 8px !important;
	background: var(--gg-grijs) !important;
	color: var(--gg-tekst-donker) !important;
	font: 400 16px/22px var(--gg-body) !important;
	box-shadow: none !important;
	transition: border-color .25s ease, background .25s ease, box-shadow .25s ease;
}
body.gg .gg-form_wrapper textarea { min-height: 130px; }
body.gg .gg-form_wrapper input:focus,
body.gg .gg-form_wrapper select:focus,
body.gg .gg-form_wrapper textarea:focus {
	border-color: var(--gg-oranje) !important;
	background: #fff !important;
	box-shadow: 0 0 0 4px rgba(251, 176, 64, .22) !important;
	outline: none !important;
}
body.gg .gg-form_wrapper .gform_fields { row-gap: 18px !important; }
body.gg .gg-form_wrapper .gform_footer { margin-top: 22px !important; padding: 0 !important; }
body.gg .gg-form_wrapper button.gg-knop { min-height: 46px; padding: 12px 24px !important; font-size: 15px !important; }
body.gg .gg-form_wrapper .gg-form-privacy { font-size: 13px; line-height: 20px; color: var(--gg-tekst-zacht); }
body.gg .gg-form_wrapper .gfield_validation_message,
body.gg .gg-form_wrapper .validation_message { background: none !important; border: 0 !important; padding: 4px 0 0 !important; color: #c2410c !important; font-size: 13px !important; }
body.gg .gg-form_wrapper .gfield_error input,
body.gg .gg-form_wrapper .gfield_error textarea { border-color: #c2410c !important; }
body.gg .gg-form-fout {
	margin-bottom: 18px;
	padding: 12px 16px;
	border-radius: 8px;
	background: #fff4e5;
	border: 1px solid var(--gg-oranje);
	color: var(--gg-bordeaux);
}
body.gg .gg-form-fout p { padding: 0 !important; }
body.gg .gform_confirmation_message {
	padding: 28px;
	border-radius: var(--gg-radius-kaart);
	background: var(--gg-oranje-zacht);
	color: var(--gg-bordeaux);
	font-weight: 500;
	animation: gg-kaart-in .6s var(--gg-ease) both;
}
body.gg .gg-form_wrapper .gchoice label { font-size: 15px; color: var(--gg-tekst); }
body.gg .gg-form_wrapper input[type=radio]:checked,
body.gg .gg-form_wrapper input[type=checkbox]:checked { accent-color: var(--gg-bordeaux); }

@media (max-width: 690px) {
	body.gg .gg-form-kaart > .vc_column-inner { padding: 24px 18px !important; }
}
body.gg .gg-form_wrapper .gform_required_legend { display: none !important; }
body.gg .gform_wrapper.gg-form_wrapper .gform_footer button.gg-knop { text-transform: none !important; letter-spacing: -.01em !important; font-family: var(--gg-body) !important; }