/* MTRG design refresh: road-inspired navy, slate and amber. */
:root {
  --mtrg-navy: #16324f;
  --mtrg-slate: #46627f;
  --mtrg-ink: #263445;
  --mtrg-amber: #d6a23c;
  --mtrg-paper: #f3f6f9;
  --mtrg-line: #dbe5ee;
}
body.elementor-kit-8 {
  color: var(--mtrg-ink);
  background-color: #26313c;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Keep the three header contact rows together, with matching location icons. */
.elementor-13 .elementor-element-2dcdda0 {
  justify-content: center;
  gap: 6px !important;
}
.elementor-13 .elementor-element-e124f4c {
  flex-direction: column !important;
  align-items: flex-start;
  gap: 6px !important;
}
.elementor-13 .elementor-element-a5c0a01,
.elementor-13 .elementor-element-413f8c9,
.elementor-13 .elementor-element-42622d8 {
  flex: 0 0 auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.elementor-13 .elementor-element-2dcdda0 .elementor-icon-box-wrapper {
  align-items: center;
}
.elementor-13 .elementor-element-2dcdda0 .elementor-icon-box-description {
  color: var(--mtrg-ink);
  line-height: 1.2;
}
.elementor-13 .elementor-element-2dcdda0 .elementor-icon-box-description a {
  color: var(--mtrg-navy);
  font-weight: 600;
  white-space: nowrap;
}
.elementor-13 .elementor-element-2dcdda0 .elementor-icon-box-description a:hover {
  color: var(--mtrg-slate);
  text-decoration: underline;
}

/* Amber always pairs with dark text; white labels keep a dark background. */
.elementor-13 .elementor-element-557bd05 {
  background-color: var(--mtrg-navy) !important;
  border-bottom: 3px solid var(--mtrg-amber);
}
#mtrg-header-menu .elementor-nav-menu--main .elementor-item {
  color: #fff;
}
#mtrg-header-menu .elementor-nav-menu--main .elementor-item:hover,
#mtrg-header-menu .elementor-nav-menu--main .elementor-item:focus,
#mtrg-header-menu .elementor-nav-menu--main .elementor-item.highlighted,
#mtrg-header-menu .elementor-nav-menu--main .elementor-item.elementor-item-active {
  color: var(--mtrg-navy) !important;
  background-color: var(--mtrg-amber) !important;
}
#mtrg-header-menu .elementor-nav-menu--main .elementor-item::before,
#mtrg-header-menu .elementor-nav-menu--main .elementor-item::after {
  display: none !important;
}
#mtrg-header-menu .elementor-nav-menu--dropdown {
  background: var(--mtrg-navy);
}
#mtrg-header-menu .elementor-nav-menu--dropdown a {
  color: #fff;
}
#mtrg-header-menu .elementor-nav-menu--dropdown a:hover,
#mtrg-header-menu .elementor-nav-menu--dropdown a:focus,
#mtrg-header-menu .elementor-nav-menu--dropdown a.highlighted,
#mtrg-header-menu .elementor-nav-menu--dropdown a.elementor-item-active {
  color: var(--mtrg-navy) !important;
  background-color: var(--mtrg-amber) !important;
}
#mtrg-header-menu .sub-arrow {
  color: inherit !important;
}
#mtrg-header-menu .sub-arrow svg {
  fill: currentColor !important;
}
#mtrg-header-menu .elementor-menu-toggle,
#mtrg-header-menu .elementor-menu-toggle svg {
  color: #fff !important;
  fill: #fff !important;
}

.elementor-location-single h1,
.elementor-location-single h2,
.elementor-location-single h3,
.elementor-location-archive .elementor-post__title a {
  color: var(--mtrg-navy);
}
.elementor-location-single .elementor-button,
.elementor-location-archive .elementor-button {
  color: #fff !important;
  background-color: var(--mtrg-slate) !important;
  border-color: var(--mtrg-slate) !important;
}
.elementor-location-single .elementor-button:hover,
.elementor-location-single .elementor-button:focus,
.elementor-location-archive .elementor-button:hover,
.elementor-location-archive .elementor-button:focus {
  color: var(--mtrg-navy) !important;
  background-color: var(--mtrg-amber) !important;
  border-color: var(--mtrg-amber) !important;
}

/* The two location cards retain their matching map heights and blue links. */
.elementor-99 .elementor-element.elementor-element-c099100,
.elementor-99 .elementor-element.elementor-element-c099200 {
  background-color: var(--mtrg-paper);
  border-color: var(--mtrg-line);
  border-top: 3px solid var(--mtrg-amber);
}
.elementor-99 .elementor-element-c099103 a,
.elementor-99 .elementor-element-c099203 a {
  color: #0500bf !important;
  text-decoration: underline;
}
.elementor-140 .elementor-element.elementor-element-f975876 {
  background-color: var(--mtrg-navy);
  border-color: var(--mtrg-amber);
}
.elementor-location-footer a:hover,
.elementor-location-footer a:focus {
  color: var(--mtrg-amber) !important;
}
.elementor-location-footer .elementor-nav-menu--main .elementor-item:hover,
.elementor-location-footer .elementor-nav-menu--main .elementor-item:focus {
  background-color: transparent;
}
a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--mtrg-navy);
  outline-offset: 3px;
}
.elementor-location-header a:focus-visible,
.elementor-location-header button:focus-visible,
.elementor-location-footer a:focus-visible {
  outline-color: var(--mtrg-amber);
}
.elementor-13 .elementor-element-2dcdda0 a:focus-visible {
  outline-color: var(--mtrg-navy);
}
@media (max-width: 1024px) {
  /* Anchor the expanded menu below the entire bar, including both phone rows. */
  .elementor-13 .elementor-element-618dc4f,
  #mtrg-header-menu { position: static !important; }
  #mtrg-header-menu .elementor-nav-menu__container.elementor-nav-menu--dropdown {
    top: 100% !important;
    left: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    z-index: 1000;
  }
}
@media (max-width: 767px) {
  body.elementor-kit-8 { background-attachment: scroll; }
}

/* Put Roadside Help beside the two stacked location rows. */
.elementor-13 .elementor-element-2dcdda0 {
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 24px !important;
}
.elementor-13 .elementor-element-e124f4c,
.elementor-13 .elementor-element-42622d8 {
  flex: 0 0 auto !important;
  width: max-content !important;
}

/* Leave breathing room after Roadside Help at the right edge. */
.elementor-13 .elementor-element-42622d8 {
  padding-right: 20px !important;
}

/* MTRG mobile header: both dispatch numbers above the navigation. */
@media (max-width: 1024px) {
  .elementor-13 .elementor-element.elementor-element-2dcdda0 { gap: 16px !important; }
  .elementor-13 .elementor-element.elementor-element-2dcdda0 .elementor-icon-box-description { font-size: 14px; }
  .elementor-13 .elementor-element.elementor-element-2dcdda0 .elementor-icon,
  .elementor-13 .elementor-element.elementor-element-2dcdda0 .elementor-icon svg { width: 28px; height: 28px; font-size: 28px; }
  .elementor-13 .elementor-element.elementor-element-029f61e img { width: 230px; }
  .elementor-13 .elementor-element.elementor-element-618dc4f { width: 100%; --width: 100%; }
  #mtrg-header-menu .elementor-menu-toggle { min-width: 48px; min-height: 48px; width: fit-content; }
}
@media (max-width: 767px) {
  .elementor-13 .elementor-element.elementor-element-86422ef > .e-con-inner { flex-direction: column; align-items: center; gap: 0; }
  .elementor-13 .elementor-element.elementor-element-029f61e { width: 100%; --width: 100%; align-items: center; }
  .elementor-13 .elementor-element.elementor-element-029f61e img { width: 200px; }
  .elementor-13 .elementor-element.elementor-element-2dcdda0 {
    width: 100%; --width: 100%; min-width: 0; justify-content: center !important;
    gap: 14px !important; padding: 10px 12px 14px !important;
  }
  .elementor-13 .elementor-element.elementor-element-e124f4c { gap: 8px !important; }
  .elementor-13 .elementor-element.elementor-element-42622d8 { padding-right: 0 !important; }
  .elementor-13 .elementor-element.elementor-element-2dcdda0 .elementor-icon-box-wrapper { display: flex; gap: 6px; }
  .elementor-13 .elementor-element.elementor-element-2dcdda0 .elementor-icon-box-icon { margin: 0; flex: 0 0 24px; }
  .elementor-13 .elementor-element.elementor-element-2dcdda0 .elementor-icon,
  .elementor-13 .elementor-element.elementor-element-2dcdda0 .elementor-icon svg { display: block; width: 24px; height: 24px; font-size: 24px; }
  .elementor-13 .elementor-element.elementor-element-2dcdda0 .elementor-icon-box-description { font-size: 13px; line-height: 1.3; }
  .elementor-13 .elementor-element.elementor-element-2dcdda0 .elementor-icon-box-description a { display: inline-block; padding: 3px 0; }
  .elementor-13 .elementor-element.elementor-element-557bd05 { min-height: 48px; }
}

/* MTRG selected fleet banner: full header width with a light overlay. */
.elementor-13 .elementor-element.elementor-element-86422ef {
  background-image: linear-gradient(rgba(255,255,255,.64), rgba(255,255,255,.64)), url("https://www.metrotowinggroup.com/wp-content/uploads/mtrg/rebrand-20260912-v1/photo-019-25d8f808676c-q90.webp");
  background-size: 100% 100%, cover;
  background-position: center, center 48%;
  background-repeat: no-repeat;
}
.elementor-13 .elementor-element.elementor-element-2dcdda0 {
  background: transparent !important;
}