/* colors */
/* The CTA and Main colors are pulled from site templates created by the Design team. These colors vary per OEM or group. */
/* CTA stands for Call-to-Action. The CTA color is often a bright, eye-catching color like red or light blue, used for links and important buttons. */
/* The Main color is often a dark, muted color like black or navy blue, used for backgrounds and less important buttons. */
/* fonts */
/* breakpoints */
/* borders */
/* local variables */
/* TODO: remove if border color classes are added to site templates */
/* Construct a media query that applies to multiple ranges of breakpoints. First and last argument must either be a single number or a list of 2 numbers. */
/* Make sure to give the truncated element a width. If the truncated element has display: flex or inline-flex, add min-width: 0 to the truncated element's immediate parent. If the flex truncated element is nested inside one or more other flex containers, also add min-width: 0 to the nearest ancestor element that does NOT have display: flex or inline-flex */
/* Single element */
/* Works well for either single elements, or multiple elements grouped under the same parent */
/* Remove default styling from button element */
/* Create a multi-column ul that avoids list items breaking between 2 columns. li { display: inline-block } will force each list item to stay in one column, but also removes the default list item styling (bullets). Adding a bullet character in the ::before, changing the display of the li to inline-flex, and adding a column gap to the li restores the bullet styling. */
.mega-menu-about-us {
  height: 100%;
}
@media (min-width: 992px) {
  .mega-menu-about-us {
    display: grid;
    grid-template-columns: 1fr max-content;
  }
}
.mega-menu-about-us--dealer-details {
  padding: 2.3em 2em;
}
.mega-menu-about-us--dealer-details .dealer-details__name {
  font-size: 1.3em;
  text-transform: uppercase;
}
.mega-menu-about-us--dealer-details .dealer-details__address {
  font-size: 1.3em;
  margin: 1.15em 0 0.9em;
}
.mega-menu-about-us--dealer-details .dealer-details__address::after {
  content: "";
  border-bottom: 1px solid #333333;
  width: 4em;
  display: block;
  margin: 0.9em 0 1.1em;
}
.mega-menu-about-us--dealer-details .dealer-details__phone-numbers {
  font-size: 1.15em;
  margin-bottom: 1.5em;
}
.mega-menu-about-us--dealer-details .dealer-details__phone-numbers[data-remove-underline] p a {
  border: none;
  color: #007DA3;
}
.mega-menu-about-us--dealer-details .dealer-details__phone-numbers[data-remove-underline] p a:hover {
  background-color: transparent;
  padding: 0;
  color: #007DA3;
}
.mega-menu-about-us--dealer-details .dealer-details__links {
  width: 100%;
}
@media (min-width: 992px) {
  .mega-menu-about-us--dealer-details .dealer-details__links {
    width: max-content;
  }
}
.mega-menu-about-us--dealer-details .dealer-details__links .btn {
  color: #333333 !important;
  border: 1px solid #333333;
  display: block;
  background-color: #ffffff !important;
}
.mega-menu-about-us--dealer-details .dealer-details__links .links__hours-direction {
  margin: 1.75em 0 1.15em;
}
.mega-menu-about-us--dealer-map {
  padding: 0;
  background-color: #FBFBFB;
}
@media (min-width: 992px) {
  .mega-menu-about-us--dealer-map {
    padding: 1.45em 3.8em 2.6em 1.75em;
  }
}
.mega-menu-about-us--dealer-map .dealer-map__link {
  padding: 0;
}
@media (min-width: 992px) {
  .mega-menu-about-us--dealer-map .dealer-map__link {
    max-width: 27.7em;
    display: block;
    padding: unset;
  }
}
.mega-menu-about-us--dealer-map .dealer-map__link-image {
  max-width: 100%;
  max-height: 100%;
}

/*# sourceMappingURL=megaMenuAboutUs.css.map */