/* Formidable newsletter forms: only what is needed on top of
   the vendored .sph-submit-button and .sph-email-input styles. */

.map-newsletter .frm_forms,
.custom-modal .newsletter-popup .frm_forms {
  max-width: none;
  background: none;
  border: 0;
  padding: 0;
}

/* Formidable's .frm_style_formidable-style.with_frm_style .frm_submit button
   (0,3,1) outranks the vendored .map-newsletter .sph-submit-button rule (0,3,0),
   so restate that rule's look with one more class. The popup already wins. */
.map-newsletter .sph-email-subscription .frm_forms .frm_submit .sph-submit-button {
  display: block;
  width: auto;
  margin: 20px auto;
  padding: 8px 32px;
  text-transform: capitalize;
  background-color: #171717;
  color: #ff1414;
  border: 3px solid #ff1414;
  border-radius: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.4em;
  height: auto;
  box-shadow: none;
}

.map-newsletter .sph-email-subscription .frm_forms .frm_submit .sph-submit-button:hover,
.map-newsletter .sph-email-subscription .frm_forms .frm_submit .sph-submit-button:focus {
  background-color: #ff1414;
  color: #171717;
}

.frm_error,
.frm_error_style {
  color: #1E1E1E;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
}

.custom-modal .newsletter-popup .frm_form_field {
  margin-top: 1.5rem;
}

.custom-modal .newsletter-popup .frm_form_field:first-child {
  margin-top: 0;
}

/* Checkbox row matches widget 2's .sh-form-group.is-inline */
.frm_forms .frm_checkbox,
.frm_forms .frm_opt_container .frm_checkbox {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}

.frm_forms .frm_checkbox label {
  margin: 0;
}

.frm_forms .frm_message {
  font-size: 1.4em;
  color: #1E1E1E;
}