/* Fixes on top of the WordPress theme's styles, linked from every page.
   Each selector is more specific than the Elementor rule it overrides. */

@media (max-width: 767px) {
  /* Header logo: Elementor pins it 71px from the left on phones, with a 20px gap
     on its left side only, which leaves it left of center. Center it at its
     usual size on any phone width. */
  body:not(.rtl) .elementor-5892 .elementor-element.elementor-element-60f8b45a.elementor-absolute {
    left: 50%;
    width: max-content;
    transform: translateX(-50%);
  }

  body:not(.rtl) .elementor-5892 .elementor-element.elementor-element-60f8b45a.elementor-absolute > .elementor-widget-container {
    padding-left: 0;
  }

  .elementor-5892 .elementor-element.elementor-element-60f8b45a.elementor-absolute .raven-site-logo {
    text-align: center;
  }

  /* "Direct Repair Facility For" slider: 324px wide and pinned to the left,
     which leaves a gap on the right. Center it, and keep it inside narrow screens. */
  .elementor-36 .elementor-element.elementor-element-cf56fdc {
    margin-inline: auto;
    max-width: 100%;
  }

  /* "Official Collision Center For" logos: the gallery's spacing margin reaches
     5px past the screen edge, so the page scrolls sideways. Clip that overhang. */
  .elementor-36 .elementor-element.elementor-element-0b8559a > .elementor-widget-container {
    overflow-x: clip;
  }
}