/*--- OEM INTERACTIVE ---*/

:root {
  --applegate-red: #bd1e2d;
  --applegate-red-hover: #971824;
}

/* OEMI Blurbs*/

#trust-badges-custom .trust-blurbs {
    width: 80%;
    margin: 0 auto;
}
#trust-badges-custom .trust-blurbs h1 {
      font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
      font-size: 14pt;
      color: #000;
      font-weight: 700;
}
#trust-badges-custom .trust-blurbs p {
      font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
      font-size: 10pt;
      color: #000;
      font-weight: 400;
}

/* OEMI Guarantee*/

#pricing-banner-custom {
  background-position: center;
  background-attachment: fixed;
}
#pricing-banner-custom .wholesale-blurb {
    padding: 80px 0;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    max-width: 750px;
    margin: 0 auto;
}
#pricing-banner-custom .wholesale-blurb h3 {
      font-family: "Open Sans", sans-serif;
      font-size: 20pt;
      color: #fff;
      font-weight: 700;
}
#pricing-banner-custom .wholesale-blurb p {
      font-family: "Open Sans", sans-serif;
      font-size: 12pt;
      color: #fff;
      font-weight: 400;
}

#main-nav-custom .container-wrap { /* Enables the header to be large enough to give the large logo some space */
    padding: 70px 0 10px 0;
}

#logo-custom .store-logo-module { /* Removes the white border around the desktop logo */
    background-color: unset;
    box-shadow: unset;
    min-height: 100px;
}

#logo-custom .store-logo-module img { /* Resizes and centers the logo on desktop */
    max-height: 160px;
    position: absolute;
    transform: translate(-50%, 0%);
}

.mobile-search-col, .mobile-menu-col { /* Centers the menu and search icons on mobile */
    display: flex;
    justify-content: center;
}

#second-nav-custom {
    background-color: var(--applegate-red);
}

#home-page-search .page-builder-layout-column-wrap::before, #home-page-search .page-builder-layout-column-wrap::after {
    /* background-color: var(--applegate-red); */
    display: none;
}

/* Color changes from default yellow to Applegate Red */
.call-to-action-button, .vehicle-picker-module #vpicker_submit, .search-by-part-module .btn, .search-by-vin-module .btn, #home-content .newsletter-signup-module .btn, .newsletter-signup-module.newsletter-inline .input-custom .newsletter-button, #body-content-custom #circle-cats-custom .circle-wrap .circles-cta-text::after {
    background-color: var(--applegate-red);
}
#body-content-custom #pop-parts .part-wrapper aside.pop-text h4 {
    color: var(--applegate-red) !important;
}
#footer-custom .col-md-3 .page-builder-layout-column-wrap, #second-nav-custom ul.second-nav-links li.second-nav-outer-list ul.second-nav-inner-list {
    border-left: 5px solid var(--applegate-red);
}

#footer-custom .links-list li:hover a, #footer-custom .contact-column address:hover, #footer-custom .contact-column .footer-phone:hover, #footer-custom .links-list li:hover::after, #second-nav-custom ul.second-nav-links li.second-nav-outer-list ul.second-nav-inner-list a:hover li {
    color: var(--applegate-red-hover);
}
.call-to-action-button:hover, .call-to-action-button:active, .vehicle-picker-module #vpicker_submit:hover, .vehicle-picker-module #vpicker_submit:active, .search-by-part-module .btn:hover, .search-by-part-module .btn:active, .search-by-vin-module .btn:hover, .search-by-vin-module .btn:active, #home-content .newsletter-signup-module .btn:hover, #home-content .newsletter-signup-module .btn:active, .newsletter-signup-module.newsletter-inline .input-custom .newsletter-button:hover, .newsletter-signup-module.newsletter-inline .input-custom .newsletter-button:active, #home-page-search .picker-column-custom .vpicker-submit:hover, #home-page-search .picker-column-custom .browse_catalog:hover {
    background: var(--applegate-red-hover);
}

#body-content-custom #circle-cats-custom .circles-columns:hover .circles-cta-text::after {
    background-color: var(--applegate-red-hover);
}

#second-nav-custom ul.second-nav-links li.second-nav-outer-list:hover {
    color: #FFE3C7;
}


@media (min-width: 768px) { /* Fixes the height of the "2" box vehicle picker container */
    .row-full-height-md .col-full-height .full-height, .row-full-height-md .col-full-height .full-height-wrapper {
        height: 89%;
    }
}