.newsletter-component {
  color: #000;
}

.newsletter-component__description {
  margin-bottom: 1.25rem;
}

@media (min-width: 1025px) {
  .newsletter-component__description {
    margin-bottom: 1.875rem;
  }
}

.newsletter-component__title .title-mtb {
  text-transform: uppercase;
  letter-spacing: .0938rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.newsletter-component .signup-newsletter-btn {
  width: 100%;
}

@media (min-width: 767px) {
  .newsletter-component .signup-newsletter-btn {
    width: auto;
  }
}

.newsletter-component .required-fields-text {
  margin-bottom: 1.875rem;
}

.newsletter-component .newsletter-legal-text {
  margin-bottom: 1.25rem;
}

@media (min-width: 1025px) {
  .newsletter-component .newsletter-legal-text {
    margin-bottom: 1.875rem;
  }
}

.newsletter-component .subscribe-newsletter-btn {
  width: 100%;
}

@media (min-width: 767px) {
  .newsletter-component .subscribe-newsletter-btn {
    width: auto;
  }
}

.newsletter-component .subscribe-newsletter-btn-wrapper {
  margin-bottom: 6.25rem;
}

.newsletter-component.form-success .newsletter-form {
  display: none;
}

.newsletter-component.form-success .newsletter-component {
  color: #000;
}

.newsletter-component.form-success .newsletter-component__title, .newsletter-component.form-success .newsletter-component__description, .newsletter-component.form-success .newsletter-component__cta-list {
  display: none;
}

.newsletter-component.form-success .success-wrapper {
  white-space: pre-wrap;
  display: block;
}

.newsletter-component .newsletter-form, .newsletter-component .success-wrapper, .newsletter-component .form-element label {
  display: none;
}

.newsletter-component .form-element .input-text {
  color: #6e6e6e;
  letter-spacing: .025rem;
  background: none;
  border-bottom: .0625rem solid #6e6e6e;
  padding-left: 0;
  font-size: 1.25rem;
  line-height: 1rem;
}

.newsletter-component .form-element .input-text::placeholder {
  color: #6e6e6e;
}

.newsletter-component .form-element .input-text:focus, .newsletter-component .form-element .input-text:active {
  border: none;
  border-bottom: .0625rem solid #6e6e6e;
  outline: none;
}

.newsletter-component .form-element.input-field:has(input:user-invalid, input.is-invalid, select:user-invalid) .input-text {
  border: none;
  border-bottom: .0625rem solid #eb0000;
}

.newsletter-component .title-wrapper label {
  color: #6e6e6e;
  margin-bottom: .5rem;
  display: block;
}


/*# sourceMappingURL=newsletterComponent.css.map*/