/* Contact form formatting */

.forminator-ui .forminator-row {
	margin-bottom: 2.4rem !important;
}

.forminator-ui .forminator-button {
	border-radius: var(--br1);
}

.forminator-field label {
	font-size: 1rem;
}

.forminator-field input,
.forminator-field textarea {
	padding: 0.4rem 0.8rem;
	border-radius: var(--br1);
}

.forminator-field textarea {
	border-bottom-right-radius: 0 !important;
}

.forminator-row.forminator-row-last {
	margin-bottom: 0 !important;
}

.forminator-field .forminator-button-submit {
	font-family: var(--dso-meta-font);
	padding: 0.8rem 1.6rem;
	transition: background-color 0.3s ease;
}

.forminator-response-message {
	display: none;
}

.forminator-response-message.forminator-loading {
	display: flex !important;
	align-items: flex-start;
	gap: 0.4rem;
	
	margin: 0 0 1.6rem !important;
	padding: 0.4rem 0.8rem !important;
	box-shadow: none !important;
	border: 1px solid var(--dso-green-50) !important;
	border-radius: calc(var(--br1) * 0.5);
	background-color: transparent !important;
}

@keyframes dso-spinner {
	to {
		transform: rotate(360deg);
	}
}

.forminator-response-message.forminator-loading::before {
	position: static !important;
	content: '\23F3 \FE0F' !important;
	display: inline-block !important;
	margin-top: 0.2rem !important;

	font-size: 0.9rem !important;

	animation: dso-spinner 1s linear infinite !important;

	vertical-align: middle;
}

.forminator-response-message.forminator-show.forminator-error {
	display: block;
	margin: 0 0 1.6rem !important;
	padding: 0.4rem 0.8rem !important;

	box-shadow: none !important;

	border: 1px solid var(--dso-orange-50) !important;
	border-radius: calc(var(--br1) * 0.5);

	background-color: transparent !important;
}

.forminator-ui .forminator-error-message {
	margin-top: 0.4rem !important;
	padding: 0.4rem 0.8rem !important;

	box-shadow: none !important;

	border: 1px solid var(--dso-orange-50) !important;
	border-radius: 0.4rem;

	background-color: transparent !important;
	
	font-size: 0.9rem !important;
}

.forminator-ui .forminator-error-message::before {
	content: '\26A0 \FE0F \202F';
	font-size: 1.2rem;
}

.forminator-ui .forminator-loading::before {
	display: inline-block;
}

/* This is really dumb, but I can't access the label without this: */

.forminator-response-message.forminator-show:has(label)  {
	margin-bottom: 2.4rem !important;
	padding: 0.4rem 0.8rem !important;
	
	border: 1px solid var(--dso-orange-50);
	border-radius: calc(var(--br1) * 0.5);

	font-size: 1rem !important;
}

.forminator-response-message.forminator-show:has(label)::before {
	content: '\274C \FE0F \202F';
	font-size: 1rem !important;
}