/* =====================================================================
   ttlm — the template's fixed bottom bar (DONATE NOW + Share,
   campaigns/matching/template-0/partials/mobile-bottom-cta.html, shown
   below 1200px by the template)

   - Both buttons in --ttlm-blue (theme-colors.css), the same blue as the
     topbar's DONATE NOW, instead of the theme green (style.css paints them
     with --theme_color, the Share one via a:last-child).
   - On phones the bar is 26px shorter, per request: the template's bar is
     82px tall (style.css, `height: 82px !important`, so its own 68px phone
     rule never applied) -> 56px bar, 40px buttons, and the footer padding
     the template reserves for the bar shrinks accordingly.
   ===================================================================== */

.display__bottom > a:first-child,
.display__bottom > a:last-child {
  background-color: var(--ttlm-blue);
}

@media (max-width: 767.98px) {
  .display__bottom {
    height: 56px !important; /* was 82px !important */
    padding: 8px 20px;
  }

  .display__bottom > a {
    height: 40px; /* was 54px, 49px under 576px */
  }

  .display__bottom a:first-child {
    font-size: var(--f18);
  }

  /* responsive.css reserves 86px under the footer for the 82px bar */
  .f__copyright {
    padding-bottom: 60px;
  }
}