/* MailerLite signup form (#mlb2-45465664) restyled for the Radio Tucson palette.
   MailerLite's own stylesheet is deliberately NOT included -- it ships a light
   #f6f6f6 card in Open Sans, which is wrong for this site. Everything below is
   scoped to the form's id so it cannot leak into the rest of the page. */

/* fonts.css sets html,body,*{font-family:Cornerstone!important}, which would
   otherwise put the all-caps display face inside the email input. Text fields
   and body copy get Arial (site paragraph face); the submit button is left
   alone so it inherits Cornerstone like every other button on the site. */
#mlb2-45465664 input,
#mlb2-45465664 p,
#mlb2-45465664 label,
#mlb2-45465664 .label-description {
  font-family: Arial, Helvetica, sans-serif !important;
}

#mlb2-45465664 { box-sizing: border-box; display: block; width: 100%; max-width: 600px; margin: 0; }
#mlb2-45465664 *, #mlb2-45465664 *::before, #mlb2-45465664 *::after { box-sizing: border-box; }
#mlb2-45465664 .ml-form-align-center { text-align: left; }
#mlb2-45465664 .ml-form-embedWrapper { background: transparent; border: 0; border-radius: 0;
  display: block !important; width: 100%; max-width: none; margin: 0; padding: 0; }
#mlb2-45465664 .ml-form-embedBody, #mlb2-45465664 .ml-form-successBody { padding: 0; }
#mlb2-45465664 .ml-block-form { margin: 0; width: 100%; }
#mlb2-45465664 .ml-form-formContent { margin: 0; width: 100%; }
#mlb2-45465664 .ml-form-fieldRow { margin: 0; width: 100%; }

/* email field -- matches the input styling the old Zyro form used */
#mlb2-45465664 input[type="email"] {
  width: 100%; height: 48px; padding: 0 12px; margin: 0;
  background-color: rgb(241, 241, 241); color: rgb(26, 26, 26);
  border: 1px solid rgb(26, 26, 26); border-radius: 0;
  font-size: 16px !important; line-height: 48px;
}
#mlb2-45465664 input[type="email"]::placeholder { color: rgb(120, 120, 120); opacity: 1; }

/* unsubscribe note + consent checkbox */
#mlb2-45465664 .ml-form-embedPermissions { float: none; width: 100%; margin: 12px 0 0; }
#mlb2-45465664 .ml-form-embedPermissionsContent { margin: 0; text-align: left; }
#mlb2-45465664 p { color: rgb(255, 255, 255); font-size: 13px !important; line-height: 18px; margin: 0; }
#mlb2-45465664 .ml-form-checkboxRow { float: none; width: 100%; margin: 12px 0 0; }
#mlb2-45465664 .ml-form-checkboxRow label { display: flex; gap: 8px; align-items: flex-start;
  margin: 0; padding: 0; min-height: 0; font-weight: 400; cursor: pointer; }
#mlb2-45465664 .ml-form-checkboxRow input[type="checkbox"] {
  flex: 0 0 auto; width: 16px; height: 16px; margin: 1px 0 0; opacity: 1; position: static; z-index: auto; }
#mlb2-45465664 .label-description { color: rgb(255, 255, 255); }

#mlb2-45465664 .ml-form-recaptcha { float: none; margin: 16px 0 0; }

/* submit -- same slate as the site's grid-buttons */
#mlb2-45465664 .ml-form-embedSubmit { float: none; width: 100%; margin: 16px 0 0; }
#mlb2-45465664 .ml-form-embedSubmit button {
  height: 48px; min-width: 180px; width: auto; padding: 0 28px;
  background-color: rgb(73, 88, 103); color: rgb(255, 255, 255);
  border: 0; border-radius: 13px; box-shadow: none; cursor: pointer;
  font-size: 20px; line-height: 48px;
}
#mlb2-45465664 .ml-form-embedSubmit button:hover { background-color: rgb(29, 30, 32); }
#mlb2-45465664 .ml-form-embedSubmit button.loading { display: none; }

/* loading spinner (kept from MailerLite's snippet, scoped) */
#mlb2-45465664 .ml-form-embedSubmitLoad { display: inline-block; width: 20px; height: 20px; }
#mlb2-45465664 .ml-form-embedSubmitLoad:after {
  content: " "; display: block; width: 11px; height: 11px; margin: 1px; border-radius: 50%;
  border: 4px solid #fff; border-color: #fff #fff #fff transparent;
  animation: ml-form-embedSubmitLoad 1.2s linear infinite;
}
@keyframes ml-form-embedSubmitLoad { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } }
#mlb2-45465664 .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); border: 0; }

/* success state + validation errors (classes toggled by webforms.min.js) */
#mlb2-45465664 .ml-form-successContent h4 { color: rgb(255, 255, 255); margin: 0 0 8px; font-size: 28px; }
#mlb2-45465664 .ml-error input { border-color: #ff4d4d !important; }
#mlb2-45465664 .ml-error .label-description p, #mlb2-45465664 .ml-error label { color: #ff6b6b !important; }