/*
Theme Name: LBFD Child
Theme URI: https://lbfd.org/
Description: Update-safe customizations for the Long Beach Volunteer Fire Department website.
Author: Long Beach Volunteer Fire Department
Template: hello-elementor
Version: 1.0.0
Text Domain: lbfd-child
*/

/* Keep mobile calls-to-action compact instead of full-width. */
@media (max-width: 767px) {
  .lbfd .btn,
  .lbfd-legal .paypal-button,
  .elementor-widget-button .elementor-button,
  .elementor-field-type-submit .elementor-button,
  .wp-block-button__link,
  .wp-element-button {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100%;
    flex-basis: auto !important;
  }

  .lbfd .btn,
  .lbfd-legal .paypal-button {
    display: inline-flex !important;
    justify-self: start !important;
  }

  .lbfd .actions {
    justify-items: start !important;
  }

  .elementor-field-type-submit {
    justify-content: flex-start !important;
  }
}


/* Center page content on phones while keeping form entries readable. */
@media (max-width: 767px) {
  body.page .lbfd main,
  body.page .lbfd main *,
  body.page .lbfd-legal main,
  body.page .lbfd-legal main * {
    text-align: center !important;
  }

  body.page .lbfd main .btn,
  body.page .lbfd-legal main .btn,
  body.page .lbfd-legal main .paypal-button {
    justify-self: center !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  body.page .lbfd main .actions {
    justify-items: center !important;
  }

  body.page .lbfd main .elementor-field-type-submit {
    justify-content: center !important;
  }

  body.page input,
  body.page textarea,
  body.page select,
  body.page option {
    text-align: left !important;
  }
}


/* Targeted mobile alignment and contact-form spacing. */
@media (max-width: 767px) {
  body.home .lbfd .town-logo {
    justify-self: center !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  body.home .lbfd .town-logo img {
    display: block;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  body.page-id-50 .lbfd .contact-card > div,
  body.page-id-50 .lbfd .contact-card > div * {
    text-align: left !important;
  }
}


/* Let Contact page backgrounds span the viewport and collapse the invisible CAPTCHA row. */
body.page-id-50 .elementor-50 > .e-con-boxed {
  --container-max-width: 100%;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

body.page-id-50 .elementor-50 > .e-con-boxed > .e-con-inner {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

body.page-id-50 .elementor-field-type-recaptcha_v3 {
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.page-id-50 .elementor-field-type-recaptcha_v3 > .elementor-field {
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: visible !important;
}


/* Keep the Contact form heading and explanatory copy in normal document flow. */
body.page-id-50 .elementor-widget-form::before {
  margin-bottom: 18px !important;
}

body.page-id-50 .elementor-widget-form::after {
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  margin: 0 0 26px !important;
  line-height: 1.55;
}

body.page-id-50 .elementor-widget-form .elementor-form {
  padding-top: 0 !important;
}