/* typography elements */
.elc-caption,
.elc-body--1 {
    font-family: var(--font-body);
}

.elc-caption {
  color: var(--text-color-medium);
}

/* Form Notification  */

.elc-notification-message {
  --notification-message-font-family: var(--font-body);
  --notification-message-font-size: var(--text-base);
  --notification-message-font-weight: normal;
  --notification-message-line-height: inherit;
  --notification-message-letter-spacing: var(--letter-spacing-primary);
  --notification-background-success: #F0F9F5;
  --notification-background-error: #F9EEEE;
  --notification-background-warning: #FFF3E6;
  --notification-content-spacing: 15px;
  --notification-error-link-font-weight: 700;
}

.elc-notification-error .elc-body--2,
.elc-notification-warning .elc-body--2,
.elc-notification-success .elc-body--2 {
  font-family: var(--notification-message-font-family);
  font-size: var(--notification-message-font-size);
  font-weight: var(--notification-message-font-weight);
  line-height: var(--notification-message-line-height);
  letter-spacing: var(--notification-message-letter-spacing);
}

.elc-notification-error a,
.elc-notification-error p.elc-body--2 {
  color: var(--color-error);
}

.elc-notification-warning a,
.elc-notification-warning p.elc-body--2 {
  color: var(--color-warning);
}

.elc-notification-success p.elc-body--2 {
  color: var(--color-success);
}

.elc-notification-message {
  border: none;
  width: 100%;
  padding: var(--notification-content-spacing);
}

.elc-notification-message .elc-icon {
  color: #FFF;
}

.elc-notification-message.elc-notification-error {
  border-color: var(--color-error);
  background-color: var(--notification-background-error);
}

.elc-notification-message.elc-notification-success {
  border-color: var(--color-success);
  background-color: var(--notification-background-success);
}

.elc-notification-message.elc-notification-warning {
  border-color: var(--color-warning);
  background-color: var(--notification-background-warning);
}

.elc-notification-warning .elc-icon  {
  background-color: var(--color-warning);
}

.elc-notification-success .elc-icon {
  background-color: var(--color-success);
}

.elc-notification-error .elc-icon {
  background-color: var(--color-error);
}

.elc-notification-error a {
  text-decoration: underline;
  font-weight: var(--notification-error-link-font-weight);
}

.elc-notification-error .rc-notification-removed-list {
  list-style-type: disc;
}