@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');



/* FOOTER
********************************************************/
.bottom-links,
.bottom-links span,
.bottom-links a {
    color: #ddd!important;
    font-size: 14px;
}

.bottom-links {
    margin-top: 10px;
}
.footer-disclaimer {
    display: flex;
    justify-content: flex-start;
    padding: 0px 15px;
}

div.footer-container {
    border-width: 1px!important;
}
    .mjkResponsiveDealerFooter {
      padding: 15px;
      box-sizing: border-box;
    }

    .mjkResponsiveDealerFooterInner {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 24px;
    }

    .mjkResponsiveDealerFooterBrand {
      display: inline-flex;
      align-items: center;
      text-decoration: none;
      color: #ffffff;
    }

    .mjkResponsiveDealerFooterBrand:hover,
    .mjkResponsiveDealerFooterBrand:focus,
    .mjkResponsiveDealerFooterContactItem:hover,
    .mjkResponsiveDealerFooterContactItem:focus,
    .mjkResponsiveDealerFooterSocialLink:hover,
    .mjkResponsiveDealerFooterSocialLink:focus {
      text-decoration: none;
    }

    .mjkResponsiveDealerFooterLogoImage {
      display: block;
      max-width: 180px;
      width: 100%;
      height: auto;
    }

    .mjkResponsiveDealerFooterContactGroup {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
      width: 100%;
    }

    .mjkResponsiveDealerFooterContactItem {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: #ffffff;
      text-decoration: none;
      font-size: 16px;
    }

    .mjkResponsiveDealerFooterContactItem i {
      color: var(--primary-red);
      font-size: 18px;
    }

    .mjkResponsiveDealerFooterSocials {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 18px;
    }

    .mjkResponsiveDealerFooterSocialLink {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      text-decoration: none;
      font-size: 22px;
      transition: color 0.2s ease;
    }

    .mjkResponsiveDealerFooterSocialLink:hover,
    .mjkResponsiveDealerFooterSocialLink:focus {
      color: #bdbdbd;
    }

    .mjkResponsiveDealerFooterBrand:focus-visible,
    .mjkResponsiveDealerFooterContactItem:focus-visible,
    .mjkResponsiveDealerFooterSocialLink:focus-visible {
      outline: 2px solid #ffffff;
      outline-offset: 4px;
    }

    @media (min-width: 768px) {
.footer-disclaimer {
    justify-content: center;
}

      .mjkResponsiveDealerFooterInner {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
      }

      .mjkResponsiveDealerFooterContactGroup {
        width: auto;
        flex-direction: row;
        align-items: center;
        gap: 28px;
      }

      .mjkResponsiveDealerFooterLogoImage {
        max-width: 210px;
      }
    }

/* TYPOGRAPHY
********************************************************/
h1.display {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;

  font-size: clamp(3rem, 8vw + 1rem, 10rem);
  line-height: 0.95;
  letter-spacing: -0.03em;
  word-break: break-word;
  hyphens: auto;
  text-transform: uppercase;
  text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.2);
}

h2.display {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  font-size: clamp(2rem, 3vw + 1rem, 4.5rem);
  line-height: 0.95;
  letter-spacing: 0;
  margin-bottom: 0px;
}

p.subheading {
  font-size: clamp(1.125rem, 1.5vw + 1rem, 2.25rem);
  line-height: 1.6;
  font-weight: 500;
  max-width: 55ch;
  margin-top: 1.25rem;
  margin-bottom: 2rem;
  display: block;
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
}

body {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

/* HERO
********************************************************/
.hero-section {
    background-position: center;
}

.hero-section .container {
    background-color: transparent;
    padding: 40px 15px;
}

.hero-section p {
  text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.2);
  max-width: 75%;
}

@media(min-width: 768px) {
.hero-section .container {
    padding: 80px 15px;
}
}

/* MISC
*******************************************************/
.bg-white,
.bg-white .container,
.bg-white container-fluid {
    background-color: #fff!important;
    color: #111!important;
}
.bg-black,
.bg-black .container,
.bg-black container-fluid {
    background-color: #000!important;
}

.hr-red {
  display: inline-block;
  vertical-align: middle;
  width: 150px;
  height: 5px;
  background-color: var(--primary-red);
  border: none;
  margin: 10px 0px 20px 0px;
}

/* COLOR
********************************************************/
:root {
  --red-900: #7a0c14; /* darkest */
  --red-800: #9b101a;
  --red-700: #bc1420;
  --red-600: #d61724;
  --red-500: #E31828; /* base */
  --red-400: #e84a54;
  --red-300: #ee7a81;
  --red-200: #f5aab0;
  --red-100: #fbd6d8;
  --red-50:  #fdebec; /* lightest */

  --primary-red: var(--red-500);
}

/* OLD CSS MAY DELETE Lift Category
*******************************************************/
/* tab reset */
.tab-content .container {
    width: 100%;
}

ul.nav-tabs {
    margin-inline: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
}

.nav-tabs>li>a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: 2px;
}

.nav-tabs>li.active>a,
.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
    color: #000!important;
}

ul.nav-tabs li:first-child a:before {
   content:url('https://automanager.blob.core.windows.net/wmclients/031235/images/chevy_truck.png');
}

ul.nav-tabs li:nth-child(2) a:before {
   content:url('https://automanager.blob.core.windows.net/wmclients/031235/images/ram_dodge_truck.png');
}

ul.nav-tabs li:nth-child(3) a:before {
   content:url('https://automanager.blob.core.windows.net/wmclients/031235/images/ford_truck.png');
}
ul.nav-tabs li:nth-child(4) a:before {
   content:url('https://automanager.blob.core.windows.net/wmclients/031235/images/gmc_truck.png');
}
ul.nav-tabs li:nth-child(5) a:before {
   content:url('https://automanager.blob.core.windows.net/wmclients/031235/images/jeep_truck.png');
}
ul.nav-tabs li:nth-child(6) a:before {
   content:url('https://automanager.blob.core.windows.net/wmclients/031235/images/nissan_truck.png');
}
ul.nav-tabs li:nth-child(7) a:before {
   content:url('https://automanager.blob.core.windows.net/wmclients/031235/images/toyota_truck.png');
}
ul.nav-tabs li:nth-child(8) a:before {
   content:url('https://automanager.blob.core.windows.net/wmclients/031235/images/hummer.png');
}

/* Lift Category - END
*******************************************************/

div.luxury-search {
    position: relative;
    bottom: 0;
}