.volunteer-form h3 {
	@apply text-3xl mb-4;
}

.volunteer-form h2 {
	@apply text-3xl mb-8 border-[#D9000C] border-b-4 md:w-[80%] w-full pb-3;
}

.volunteer-form .umbraco-forms-navigation input[type="submit"] {
	@apply bg-[#D2242A] text-white py-3 px-6 hover:bg-red-700 cursor-pointer transition w-full !uppercase;
}

.volunteer-form .umbraco-forms-field,
.volunteer-form .umbraco-forms-field-wrapper {
	width: 100%;
}

.volunteer-form .field-validation-error {
	@apply text-[#D9000C];
}

.volunteer-form .umbraco-forms-field-wrapper {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.volunteer-form .umbraco-forms-field-wrapper .field-validation-error {
	order: -1;
	margin-bottom: 0.25rem;
}

.checkboxlist div {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.5rem;
}

.volunteer-form input[type="checkbox"] {
	@apply w-4 h-4 border-2 border-black bg-white cursor-pointer;
	margin-top: 2px;
	flex-shrink: 0;
}

.volunteer-form input[type="text"],
.volunteer-form input[type="email"],
.volunteer-form input[type="tel"],
.volunteer-form textarea,
.volunteer-form select {
	@apply bg-gray-100 p-1 border border-gray-300 text-black placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-300;
}

.checkboxlist {
	padding-left: 0 !important;
	margin-bottom: 16px;
	padding-bottom: 0 !important;
}

.volunteer-form textarea {
	resize: none;
	min-width: 100%;
	box-sizing: border-box;
}

.volunteer-form .umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	flex-wrap: wrap;
}

.volunteer-form
	.umbraco-forms-field.dataconsent
	.umbraco-forms-field-wrapper
	.field-validation-error {
	order: -1;
	flex-basis: 100%;
	margin-bottom: 0.5rem;
}

.volunteer-form .umbraco-forms-field.checkbox {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	flex-direction: row;
}

.volunteer-form .umbraco-forms-field.checkbox label {
	margin: 0;
	margin-bottom: 0.5rem;
	order: 1;
	flex: 1;
}

.volunteer-form .umbraco-forms-field.checkbox .umbraco-forms-field-wrapper {
	order: 0;
}

.validation-summary-errors {
	color: #e53e3e;
}

.umbraco-forms-form .field-validation-error {
	padding-left: 0px !important;
}

.umbraco-forms-form fieldset {
	padding: 0.5em 0 0 0 !important;
	margin: 0 0 0 0 !important;
	border: none !important;
}

.volunteer-form-submit .umbraco-forms-submitmessage {
	@apply font-source w-full md:max-w-lg text-black text-xl px-4 py-2 uppercase text-wrap flex items-center justify-center m-auto bg-none;
}