/*
 * Contact form (design-shop 6.10 / T.3): labels 16/24 #222 with a red "*",
 * 42px fields (8px padding), 288px message box, gradient "Send message"
 * button (54px). Errors: red border + text under the field, summary bar above.
 * The "*" is the live Gravity Forms one: #C02B0A, 13px on the label's
 * baseline and line height, 3.25px from the word (two nested 0.125em paddings).
 */

.lvt-contact__status .lvt-notice {
	margin-bottom: 20px;
}

.lvt-contact__field {
	margin: 0 0 16px;
}

.lvt-contact__label {
	display: block;
	margin: 0 0 8px;
	color: var(--lvt-c-heading);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}

.lvt-contact__label .lvt-required {
	padding-left: 3.25px;
	color: #C02B0A;
	font-size: 13px;
	line-height: inherit;
	vertical-align: baseline;
}

.lvt-contact input[type="text"],
.lvt-contact input[type="email"],
.lvt-contact textarea {
	display: block;
	width: 100%;
	padding: 8px;
	font-size: 15px;
	line-height: 24px;
}

.lvt-contact textarea {
	height: 288px;
	min-height: 0;
	resize: vertical;
}

.lvt-contact__field.is-invalid input,
.lvt-contact__field.is-invalid textarea {
	border-color: var(--lvt-c-invalid);
}

.lvt-contact__error {
	margin: 8px 0 0;
	color: var(--lvt-c-invalid);
	font-size: 14px;
	line-height: 20px;
}

.lvt-contact__error[hidden] {
	display: none;
}

.lvt-contact__hp {
	position: absolute !important;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.lvt-contact__footer {
	margin: 22px 0 0;
	padding-bottom: 24px;
}

.lvt-contact__submit.lvt-btn {
	min-height: 54px;
	padding: 18px 34px;
	font-family: var(--lvt-font-accent);
	font-size: 18px;
	font-weight: 500;
	line-height: 18px;
}

.lvt-contact__submit:disabled {
	opacity: .6;
	cursor: wait;
}

@media (max-width: 767px) {
	.lvt-contact__label {
		line-height: 20px;
	}

	/* 16px text keeps iPhones from zooming into the field (live on phones). */
	.lvt-contact input[type="text"],
	.lvt-contact input[type="email"],
	.lvt-contact textarea {
		font-size: 16px;
	}
}