/*
  Peach Static Starter newsletter component.
  Load this only on pages that use components/newsletter/signup.html.
*/

.newsletter-signup {
  max-width: 36rem;
}

.newsletter-signup[aria-busy="true"] {
  cursor: wait;
}

.newsletter-signup .form-label {
  color: #111;
  font-weight: 700;
}

.newsletter-signup .form-control {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(34, 34, 34, 0.28);
  border-radius: 0;
  color: #111;
  min-height: 2.35rem;
}

.newsletter-signup .form-control[aria-invalid="true"] {
  border-color: #9f2d20;
  box-shadow: 0 0 0 0.2rem rgba(159, 45, 32, 0.15);
}

.newsletter-signup__consent {
  color: #3c3733;
  font-size: 0.95rem;
  margin-bottom: 1rem;
}

.newsletter-signup__trap {
  height: 0;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

.newsletter-signup__message {
  margin-bottom: 1rem;
}

.newsletter-signup__message--success {
  color: #235c2c;
  font-weight: 700;
}

.newsletter-signup__message--error {
  color: #8c271c;
  font-weight: 700;
}