/*=============================================================================
  MAILING LIST CSS

  * CSS has not been improved on this page - Awaiting work
=============================================================================*/
.mailer_signup-page-heading {
    text-align: center;
    margin-bottom: var(--spacing-04);
    color: var(--text-common-primary-dark);
    font-feature-settings: 'liga' off,'clig' off;
    font: var(--text-heading-01);
}

.mailer_signup-page-explore {
	color: var(--text-common-primary-dark);
	text-align: center;
	font-feature-settings: 'liga' off,'clig' off;
	font: var(--text-heading-01);
}

.mailer_signup {
    margin: auto;
}

.mailer_signup ul {
    margin-bottom: var(--spacing-06);
}

.mailer_signup ul li:not(:last-child) {
    padding-bottom: var(--spacing-04);
}

.mailer_signup-benefits-container {
	margin-bottom: var(--spacing-04);
}

.mailer_signup-benefits {
	margin-bottom: var(--spacing-06);
}

.mailer_signup-text {
    text-align: center;
    margin-bottom: var(--spacing-10);
}

.mailer_signup-page-subtext {
	width: 100%;
}

.mailer_signup-page-subtext p {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 720px;
}

.mailer_signup-row {
    margin-bottom: var(--spacing-04);
}

.mailer_signup-row:last-child {
    margin-bottom: 0;
}

.mailer_signup-row label {
    margin-bottom: 0;
}

.mailer_signup-row-check {
    margin-right: 10px;
}

.mailer_signup-page-form-title-container {
	margin-bottom: var(--spacing-04);
}

.mailer_signup-page-form-title {
	color: var(--text-common-primary-dark);
	text-align: center;
	font-feature-settings: 'liga' off,'clig' off;
	font: var(--text-heading-01);
	margin-bottom: var(--spacing-06);
}


.mailer_signup .form-group input[type=date] ~ label{
  display: none;
}

.mailer_signup .form-group input[type=date] ~ label.is-lifted{
  display: block;
}

.mailer_signup input.error:invalid,
.mailer_signup input.error:invalid ~ label,
.form-group-error-message,
.mailer-lists-error-message {
	color: var(--color-text-critical);
}

.mailer_signup-lists.error,
.mailer_signup input.error:invalid {
	border-color: var(--color-text-critical);
}

.mailer_signup-lists.error ~ .mailer-lists-error-message,
.mailer-lists-error-message:has(~ .mailer_signup-lists.error),
.mailer_signup input.error:invalid ~ .form-group-error-message {
	display: block;
}

.form-group {
	margin-bottom: var(--spacing-06);
}

.form-group-error-message {
	display: none;
	font-family: var(--font-family-02, Roboto);
	font-size: var(--font-size-25, 12px);
	font-style: normal;
	font-weight: var(--font-weight-reg, 400);
	line-height: 18px; /* 150% */
	margin: var(--spacing-01) 0 0;
}

.mailer-lists-error-message {
	margin: 0 0 var(--spacing-04);
	display: none;
	font-family: var(--font-family-02, Roboto);
	font-size: var(--font-size-100, 16px);
	line-height: 24px;
}

.mailer-lists-error-message > p {
	display: flex;
	align-items: center;
	margin: 0;
}

.mailer_signup-lists {
    max-width: 319px;
    margin: 0 auto var(--spacing-10);
}

.mailer_signup-lists {
	list-style-type: none;
	padding: 0;
	margin: 0 0 var(--spacing-06);
	border-radius: var(--spacing-01);
	border: 1px solid var(--color-border-form-default);
}

.mailer_signup-lists li {
	padding: var(--spacing-04);
	border-bottom: 1px solid var(--color-border-form-default);
}

.mailer_signup-lists-hidden {
	visibility: hidden;
	margin: 0;
	height: 0;
}


.modal .mailer_signup-lists,
.modal .mailer_signup-lists li {
	border-color: var(--color-border-primary);
}
.modal .mailer_signup-lists:not(:has(+ *)) {
	margin: 0;
}

.modal .mailer_signup-alert{
	margin-bottom: var(--spacing-06);
}

.mailer_signup-lists label {
	margin: 0;
}

.mailer_signup-lists li:last-child {
	border-bottom: none;
}

.mailer_signup-note {
    padding-top: var(--spacing-06);
    color: var(--disabled);
}

.page_mailinglist .mailer_signup-lists {
    max-width: none;
}

.mailer_signup-submit-wrapper {
	margin-bottom: var(--spacing-06);
}

.unsubscr_list_check {
	margin-bottom: var(--spacing-06);
}