.side-contact {
	min-width: 324px;
	background-color: var(--color-alabaster-gray-400);
	padding: 40px 16px 16px;
	color: var(--color-vintage-grape-800);
}

.side-contact__title {
	font-family: var(--font-family-display);
	font-size: 25px;
	font-weight: 400;
	color: var(--color-vintage-grape-800);
	text-align: center;
	margin: 0 0 24px;
}

/* Denser padding and the silo accent colour for the sidebar placement. */
.side-contact__form .vp-contact-form__field {
	margin-bottom: 16px;
}

.side-contact__form .vp-contact-form__input,
.side-contact__form .vp-contact-form__textarea {
	padding: 16px;
	font-size: 14px;
	border-color: var(--color-alabaster-gray-600);
}

.side-contact__form .vp-contact-form__input::placeholder,
.side-contact__form .vp-contact-form__textarea::placeholder {
	font-size: 14px;
	color: var(--color-alabaster-gray-900);
}

.side-contact__form .vp-contact-form__input:focus,
.side-contact__form .vp-contact-form__textarea:focus {
	border-color: var(--silo-accent-800);
}

.side-contact__form .vp-contact-form__submit {
	margin-top: 8px;
	padding: 18px;
	background-color: var(--silo-accent-800);
	border-radius: 0;
}

.side-contact__form .vp-contact-form__submit:hover,
.side-contact__form .vp-contact-form__submit:focus-visible {
	background-color: var(--silo-accent-700);
}

.side-contact__form .vp-contact-form__message {
	font-size: 13px;
	margin-bottom: 16px;
	padding: 12px;
}