/* --------------------------------------------------------------
	Contact Page Styles
-------------------------------------------------------------- */
#formWrapper {
	font: 14px/1.29 arial, helvetica, sans-serif;
	background: #e9edf0;
	padding: 25px 30px;
}
#formWrapper fieldset {
	margin: 0;
	padding: 0;
}
#formWrapper label {
	font-weight: 700;
	position: relative;
	margin-bottom: 4px;
	float: none;
	/* display: block; */
	/* width: 100%; */
	color: #555759;
	text-align: left;
	text-transform: none;
}
#formWrapper .fieldArea input:where([type="radio"],[type="checkbox"]) {
	width: auto;
}
#formWrapper .fieldArea input:not([type="radio"],[type="checkbox"]),
#formWrapper .fieldArea textarea {
	font-size: 14px;
	width: 100%;
	padding: 5px 8px;
	border: 1px solid #d8dcdf;
	background: #FFF;
	color: #1b4280;
	line-height: 20px;
}
#formWrapper .fieldArea textarea {
	 display: block;
	 height: 130px;
	 resize: none;
}

.formColumns--3 {
	display: flex;
	column-gap: 1em;
}
.formColumns--3 > * {
	flex: 1 1 auto;
}
label .requiredMarker {
	font: normal 12px/18px arial, helvetica, sans-serif;
	color: #82bc00;
	margin-inline-start: .5em;
}
#formWrapper .fieldArea > label {
	display: block;
	width: 100%;
}
#formWrapper .what-fields-required {
	display: none;
}
#formWrapper .fieldArea.htmlSelectManyCheckbox > label + div > *,
#formWrapper .fieldArea.htmlSelectOneRadio > label + div > * {
	margin-block-end: .5em;
}
#formWrapper .fieldArea.htmlSelectManyCheckbox > label + div label,
#formWrapper .fieldArea.htmlSelectOneRadio > label + div label {
	margin-inline-start: .5em;
}