/* Company Chicago repair 2026-09-25-tablet-and-font — homepage banner on tablets.
   efe0c68/ec83bee: the box that held the quote form (removed on purpose, see mobile-home-header.css). It is now
   empty but still 700px tall with -600px top margin: an empty band above the slideshow on tablets and phones, and an
   invisible layer over the left half of the slideshow on desktop. Hidden at every width. */
body.home .elementor-1308 .elementor-element.elementor-element-efe0c68 {
  display: none !important;
}

/* 768–1024px: mobile-home-header.css tidies the banner up to 767px only; on tablets the slideshow column (eb8812b)
   and the text column (036dc11) kept Elementor's 40% right margin for tablets (60% wide) with Elementor's 49vh minimum height and 80px top padding. */
@media (min-width: 768px) and (max-width: 1024px) {
  body.home .elementor-1308 .elementor-element.elementor-element-7978735,
  body.home .elementor-1308 .elementor-element.elementor-element-b860e90 {
    --min-height: 0px;
    --padding-top: 0px;
    --margin-top: 0px;
  }
  body.home .elementor-1308 .elementor-element.elementor-element-b860e90 {
    background-color: #fff;
  }
  body.home .elementor-1308 .elementor-element.elementor-element-eb8812b {
    --margin-right: 0%;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  body.home .elementor-1308 .elementor-element.elementor-element-036dc11 {
    --margin-right: 0%;
    --padding-left: 40px;
    --padding-right: 40px;
  }
  body.home .elementor-1308 .elementor-element.elementor-element-0e6f60b .swiper-slide-image {
    display: block;
    width: 100%;
    height: 56.25vw;
    object-fit: cover;
  }
}

/* Laptops (1025–1439px): with Poppins actually loading (fix 2 of this repair) both header menus are wider than with
   the fallback font and wrapped onto two lines at 1280/1366px. Slightly smaller menu text and tighter spacing keep
   them on one line (tested 1280, 1366; at 1100 the top bar wraps as it already did before). The header phone button
   (e3b7ff9) ran past the right edge at 1280px for the same reason. Header template 1811. */
@media (min-width: 1025px) and (max-width: 1439px) {
  .elementor-1811 .elementor-element.elementor-element-86113f3 ul.hfe-nav-menu > li > a,
  .elementor-1811 .elementor-element.elementor-element-86113f3 ul.hfe-nav-menu > li > div > a {
    font-size: 12px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .elementor-1811 .elementor-element.elementor-element-0d8ada0 ul.uael-nav-menu > li > a,
  .elementor-1811 .elementor-element.elementor-element-0d8ada0 ul.uael-nav-menu > li > div > a {
    font-size: 15px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .elementor-1811 .elementor-element.elementor-element-e3b7ff9 .elementor-button {
    font-size: 20px !important;
    letter-spacing: 1px !important;
  }
}