/**
 * Merrick shared responsive adjustments
 *
 * Cross-page Tatsu layout corrections that must load after page styles.
 */

/* --------------------------------------------------------------------------
   Mobile page-builder spacing
   -------------------------------------------------------------------------- */

/* Generated Tatsu selectors; recheck after rebuilding Home or Volunteer. */
@media (max-width: 600px) {
  .merrick-page-home .tatsu-rkG_6CBLGx .tatsu-column-pad, .merrick-page-home .tatsu-BJxu3b188zx .tatsu-column-pad, .merrick-page-home .tatsu-rJBsRzy8IMl .tatsu-column-pad, .merrick-page-home .tatsu-H1CiAfJILMe .tatsu-column-pad { padding: 20px !important; }
  .merrick-page-home .tatsu-rylzng0IUGe .tatsu-column-pad { padding: 18px 20px 4px !important; }
  .merrick-page-home .tatsu-rybGheRLUzl .tatsu-column-pad { padding: 4px 20px 20px !important; }
  .merrick-page-home .tatsu-rybGheRLUzl .tatsu-button-wrap { text-align: left !important; }
  .merrick-page-volunteer .tatsu-BJ4Ia2Jwzl .tatsu-column-inner { border-right: 0px !important; }
  .merrick-page-volunteer .tatsu-BJ4Ia2Jwzl { margin-bottom: 28px !important; }
  .merrick-page-volunteer .tatsu-SJeVUT2yDGe { margin-bottom: 24px !important; }
  .merrick-page-volunteer .tatsu-SJW4Ip21vzx .tatsu-button-wrap { text-align: left !important; }
}

/* --------------------------------------------------------------------------
   Tablet column layouts
   -------------------------------------------------------------------------- */

/*
 * The 768-900px range bridges Tatsu's tablet layout before its desktop rules.
 * Verify Home events/newsletter, Volunteer cards, and footer columns together.
 */
@media (min-width: 768px) and (max-width: 900px) {
  .merrick-page-home .tatsu-rk-F_HgUUGg, .merrick-page-home .tatsu-Hk8tuHlLUMx, .merrick-page-home .tatsu-Hkot_rxL8Ml, .merrick-page-volunteer .tatsu-ByS5nip1Dfe, .merrick-page-volunteer .tatsu-H1t9hiTyDGe, .merrick-page-volunteer .tatsu-HJ653iakwfg { flex: 0 0 33.333% !important; max-width: 33.333% !important; width: 33.333% !important; }
  .merrick-page-home .tatsu-rJGhgRILfe, .merrick-page-home .tatsu-BJg--oZOIMe { flex: 0 0 22% !important; max-width: 22% !important; width: 22% !important; }
  .merrick-page-home .tatsu-rylzng0IUGe, .merrick-page-home .tatsu-rk7-Zi-d8Gl { flex: 0 0 53% !important; max-width: 53% !important; width: 53% !important; }
  .merrick-page-home .tatsu-rybGheRLUzl, .merrick-page-home .tatsu-SyUbWs-dIzl { flex: 0 0 25% !important; max-width: 25% !important; width: 25% !important; }
  .merrick-page-home .tatsu-Hk-8fw9lDMg .tatsu-SkTfwcevfl, .merrick-page-home .tatsu-Hk-8fw9lDMg .tatsu-HygTzPqlvMx { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; }
  .merrick-page-home .tatsu-Hk-8fw9lDMg .tatsu-HygTzPqlvMx { margin-top: 36px !important; padding-top: 36px !important; padding-left: 5px !important; border-top: 1px solid rgba(255, 255, 255, 0.28) !important; border-left: 0px !important; }
  .tatsu-fynrg3e58kels8a4 > .tatsu-row > .tatsu-fynrg3e5bra85j0b, .tatsu-fynrg3e58kels8a4 > .tatsu-row > .tatsu-fynrg3e6ok5jt9o4, .tatsu-fynrg3e58kels8a4 > .tatsu-row > .tatsu-fynrg3e8uw2o5ru2 { flex: 0 0 33.333% !important; max-width: 33.333% !important; width: 33.333% !important; }
  .tatsu-fynrg3e58kels8a4 > .tatsu-row > .tatsu-fynrg3ecq12x5ykf, .tatsu-fynrg3e58kels8a4 > .tatsu-row > .tatsu-r1XbymTU8fx { flex: 0 0 50% !important; max-width: 50% !important; width: 50% !important; margin-top: 28px !important; }
  .tatsu-fynrg3e5668lq8nm a, .tatsu-fynrg3e5668lq8nm p, .tatsu-fynrg3e5668lq8nm strong { word-break: normal !important; overflow-wrap: normal !important; }
}
