/* Contact Form 7 state feedback for the TULA v2 Elementor quote forms. */
.tula-v2-site .wpcf7 .wpcf7-form,
.tula-v2-site .tula-form-fallback {
	display: flex !important;
	flex-direction: column;
	gap: 8px !important;
}

.tula-v2-site .wpcf7 .tula-form-row {
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
}

.tula-v2-site .wpcf7 .wpcf7-form br,
.tula-v2-site .wpcf7 .tula-form-row > br {
	display: none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 0 !important;
}

.tula-v2-site .wpcf7 .tula-form-row > label,
.tula-v2-site .wpcf7 .tula-form-row > p,
.tula-v2-site .wpcf7 .wpcf7-form > label {
	margin: 0 !important;
	min-width: 0;
	padding: 0 !important;
}

.tula-v2-site .wpcf7 .tula-form-row > label {
	flex: 1 1 0 !important;
	width: calc(50% - 4px) !important;
}

.tula-v2-site .wpcf7 .tula-form-row > p {
	display: flex !important;
	flex: 1 1 100% !important;
	gap: 8px !important;
	width: 100% !important;
}

.tula-v2-site .wpcf7 .tula-form-row > p > label {
	display: block;
	flex: 1 1 0 !important;
	margin: 0 !important;
	min-width: 0;
	width: calc(50% - 4px) !important;
}

.tula-v2-site .wpcf7 .wpcf7-form-control,
.tula-v2-site .wpcf7 .wpcf7-form-control-wrap {
	max-width: 100%;
	min-width: 0;
}

.tula-v2-site .wpcf7 .wpcf7-form > p,
.tula-v2-site .wpcf7 .wpcf7-form > p:empty {
	display: contents;
	margin: 0 !important;
	padding: 0 !important;
}

.tula-v2-site .wpcf7 .tula-form-row + label,
.tula-v2-site .wpcf7 .wpcf7-form > label + label {
	margin-top: 0 !important;
}

.tula-v2-site .wpcf7 form.invalid .wpcf7-response-output,
.tula-v2-site .wpcf7 form.unaccepted .wpcf7-response-output,
.tula-v2-site .wpcf7 form.payment-required .wpcf7-response-output { border-color: #f2bd33; color: #fff; }
.tula-v2-site .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; color: #fff; }

@media (max-width: 420px) {
	.tula-v2-site .wpcf7 .tula-form-row,
	.tula-v2-site .wpcf7 .tula-form-row > p {
		flex-direction: column !important;
	}

	.tula-v2-site .wpcf7 .tula-form-row > label,
	.tula-v2-site .wpcf7 .tula-form-row > p > label {
		flex-basis: auto !important;
		width: 100% !important;
	}
}