/* Contact form styles (replaces the MetForm/React widget the original theme used). */

.contact-form__row {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 20px;
}

.contact-form__row .mf-input-wrapper {
	flex: 1 1 240px;
}

.contact-form__row--full .mf-input-wrapper {
	flex: 1 1 100%;
}

.mf-input-wrapper {
	display: flex;
	flex-direction: column;
}

.mf-input-label {
	margin-bottom: 8px;
	font-weight: 600;
	color: var(--e-global-color-primary, #141414);
}

.mf-input-required-indicator {
	color: var(--e-global-color-accent, #FFA400);
}

.mf-input {
	padding: 12px 15px;
	border: 1px solid var(--e-global-color-932994e, #C0C0C0);
	border-radius: 5px;
	font-family: inherit;
	font-size: 15px;
	color: var(--e-global-color-primary, #141414);
	background-color: #FFFFFF;
}

.mf-input:focus {
	outline: none;
	border-color: var(--e-global-color-secondary, #057931);
}

.mf-textarea {
	resize: vertical;
}

.contact-form__submit {
	display: inline-block;
	border: none;
	cursor: pointer;
	padding: 15px 35px;
	font-size: 15px;
	font-weight: 600;
	color: var(--e-global-color-1fdc339, #FFFFFF);
	background-color: var(--e-global-color-accent, #FFA400);
	border-radius: 5px;
}

.contact-form__submit:hover {
	background-color: var(--e-global-color-secondary, #057931);
}