/* Newsletter page - matches theme (Contact/Support) */

.newsletter-container {
  margin-top: 53px;
  margin-bottom: 60px;
}

.newsletter-container .wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.newsletter-page-header {
  margin-bottom: 40px;
  width: 100%;
}

.newsletter-page-title {
  color: #303430;
  font-weight: 500;
  font-size: 40px;
  line-height: 50px;
  font-family: Mona Sans, sans-serif;
  margin: 0;
}

.newsletter-content {
  max-width: 520px;
  width: 100%;
  text-align: left;
}

/* Center admin notice and any inline messages */
.newsletter-content .tnp-notes,
.newsletter-content [class*="tnp-"] {
  text-align: left;
}

/* Newsletter plugin form - theme overrides */
.newsletter-container .tnp-subscription,
.newsletter-container form.tnp-subscription,
.newsletter-container form.tnp-profile,
.newsletter-container div.tnp-profile {
  max-width: 100%;
  margin: 0;
  padding: 32px;
  background: #F7F7F7;
  border-radius: 12px;
}

.newsletter-container .tnp-subscription div.tnp-field,
.newsletter-container .tnp-profile div.tnp-field {
  margin-bottom: 1em;
}

.newsletter-container .tnp-subscription label,
.newsletter-container .tnp-profile label {
  color: #303430;
  font-family: Mona Sans, sans-serif;
  font-size: 14px;
  margin-bottom: 0.5em;
}

.newsletter-container .tnp-subscription input[type="text"],
.newsletter-container .tnp-subscription input[type="email"],
.newsletter-container .tnp-subscription select,
.newsletter-container .tnp-subscription textarea,
.newsletter-container .tnp-profile input[type="text"],
.newsletter-container .tnp-profile input[type="email"],
.newsletter-container .tnp-profile select,
.newsletter-container .tnp-profile textarea {
  width: 100%;
  padding: 16px;
  border: 1px solid #E2E4E2;
  border-radius: 28px;
  background-color: #ffffff;
  color: #303430;
  font-size: 14px;
  font-weight: 400;
  font-family: Mona Sans, sans-serif;
  box-sizing: border-box;
}

.newsletter-container .tnp-subscription input.tnp-submit,
.newsletter-container .tnp-profile input.tnp-submit,
.newsletter-container .tnp-subscription button.tnp-submit,
.newsletter-container .tnp-profile button.tnp-submit {
  padding: 16px 32px;
  border: none;
  border-radius: 28px;
  background-color: #303430;
  color: #fff;
  font-family: Mona Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  margin-top: 0.5em;
}

.newsletter-container .tnp-subscription input.tnp-submit:hover,
.newsletter-container .tnp-profile input.tnp-submit:hover,
.newsletter-container .tnp-subscription button.tnp-submit:hover,
.newsletter-container .tnp-profile button.tnp-submit:hover {
  opacity: 0.9;
}

.newsletter-container .tnp-message {
  padding: 1em;
  margin: 1em 0;
  border-radius: 12px;
  font-family: Mona Sans, sans-serif;
}