/* Sitewide responsive fixes that Avada's per-element settings can't express. Loaded on every
 * page by tools/build.js. Per-element fixes (margins, padding, wrapping) are made in the page
 * HTML with Avada's own -medium / -small variables instead. Breakpoints match Avada's:
 * medium ≤1024px, small ≤640px. */

/* Page title bar (Blog index): its 1200px row was pinned to the left edge on wide screens
 * while the page content below is centered. */
.fusion-page-title-bar .fusion-page-title-row {
  margin-left: auto;
  margin-right: auto;
}

/* Button pairs ("Request an Appointment" + "Call"): two half-width columns, the left one
 * pushes its button right and the right one pushes its button left, so on desktop they meet
 * in the middle. Once the columns stack (≤1024px) that leaves one button right-aligned and
 * one left-aligned. Center both. Matches only half columns that hold a single button. */
@media (max-width: 1024px) {
  .fusion-flex-container .fusion_builder_column_1_2 > .fusion-column-wrapper.fusion-content-layout-row:has(> div:only-child > a.fusion-button:only-child) {
    justify-content: center;
  }

  /* Page title bar: the heading sat flush against the screen edge. */
  .fusion-page-title-bar {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 640px) {
  .fusion-page-title-bar {
    padding-left: 24px;
    padding-right: 24px;
  }
}