.subscribetonewsletter legend {
	@apply hidden;
}

.subscribetonewsletter label {
	@apply hidden;
}

.subscribetonewsletter form {
	@apply flex flex-col md:flex-row items-center justify-center gap-4;
}

.subscribetonewsletter .umbraco-forms-page {
	@apply flex flex-col md:flex-row items-center justify-center gap-2 w-full;
}

.subscribetonewsletter .umbraco-forms-fieldset {
	@apply w-full md:w-auto;
}

.subscribetonewsletter .row-fluid {
	@apply w-full;
}

.subscribetonewsletter .umbraco-forms-container {
	@apply w-full;
}

.subscribetonewsletter .umbraco-forms-field {
	@apply w-full md:w-auto flex flex-col;
}

.subscribetonewsletter .umbraco-forms-field-wrapper {
	@apply flex flex-col items-center justify-center w-auto relative;
}

.subscribetonewsletter input[type="email"] {
	@apply px-4 py-2 text-white w-full md:w-80 border border-white border-solid bg-transparent mt-0;
}

.subscribetonewsletter .umbraco-forms-navigation {
	@apply w-full md:w-auto flex-shrink-0;
}

.subscribetonewsletter input[type="submit"] {
	@apply bg-[var(--primary-color-button)]
        cursor-pointer
        hover:bg-[var(--primary-color-button-hover)]
        focus:bg-[var(--primary-color-button-focus)]
        focus:text-[var(--focus-button-text)]
        text-[#ffffff]
        border-[2px]
        border-transparent
        px-4
        py-2
        whitespace-nowrap
        w-full
        md:w-auto
        hover:text-white
        hover:border-black
        uppercase
        font-bold
        font-source
        -mb-2;
}

.subscribetonewsletter .field-validation-error {
	@apply text-white text-sm mt-2 mb-2 block w-full pl-4;

	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 2px;
	z-index: 5;
}

.subscribetonewsletter
	.umbraco-forms-field-wrapper:has(
		.field-validation-error:not(.field-validation-valid)
	)
	input[type="email"] {
	@apply border-[#D2242A] ring-1 ring-[#D2242A] focus:outline-none;
}