/* Gravity Forms - theme styles only (GF's own CSS is disabled, see theme/gravity-forms.php) */

.vec-gf .gform_validation_container,
.vec-gf .gform_hidden,
.vec-gf .gfield--type-hidden,
.vec-gf .gfield_visibility_hidden,
.vec-gf .hidden_label > .gfield_label,
.vec-gf .gform_required_legend,
.vec-gf .gfield_required,
.vec-gf .ginput_recaptchav3,
.vec-gf .gform_fileupload_rules {
	display: none !important;
}

/* Additional CSS makes the footer's legacy <form> a flex row */
.vec-gf .gform_wrapper form {
	display: block;
}

/* Legacy rows: full width, or two to a row (.form-row.split) with a 10px gap */
.vec-gf .gform_fields {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 10px;
	margin: 0;
	padding: 0;
	border: none;
}
.vec-gf .gform_fields > .gfield {
	grid-column: 1 / -1;
	min-width: 0;
	/* Additional CSS sizes the legacy rows with .form-row:nth-child() widths; the grid does it here */
	width: auto !important;
}
.vec-gf .gform_fields > .gfield.vec-half {
	grid-column: auto;
}

/* Hero name/phone and contact/footer first/last/phone/email: two to a row on desktop */
@media only screen and (min-width: 1024px) {
	.vec-gf .gform_fields > .gfield.vec-half-lg {
		grid-column: auto;
	}
}

/* Radio groups ("Service Required:") */
.vec-gf fieldset.gfield {
	margin: 0 0 10px;
	padding: 0;
	border: none;
}
.vec-gf .gfield--type-radio legend {
	padding: 0;
	font-weight: bold;
}
.vec-gf .gchoice {
	display: flex;
	align-items: center;
	gap: 4px;
}
.vec-gf .gchoice label {
	position: static;
	pointer-events: auto;
}

.vec-gf .gfield--type-fileupload {
	margin-top: 10px;
}

.vec-gf .gform_footer {
	text-align: center;
}

/* Validation */
.vec-gf .gform_validation_errors {
	margin: 0 0 15px;
	padding: 10px 15px;
	border: 1px solid #d0021b;
	border-radius: 9px 9px 9px 0;
	background: #fff;
	color: #d0021b;
}
.vec-gf .gform_validation_errors h2 {
	margin: 0;
	font-size: 15px;
	line-height: 1.4;
	color: inherit;
}
.vec-gf .gfield_error .input-txt {
	border-color: #d0021b;
}
.vec-gf .gfield_validation_message {
	margin-top: 4px;
	font-size: 13px;
	color: #d0021b;
}
.hero__form .vec-gf .gfield_validation_message,
.contact-form .vec-gf .gfield_validation_message {
	color: #fff;
}

.vec-gf .gchoice {
	line-height: 1.6;
}
