@import "/assets/fonts/mini/fonts.css";
/*------------------------------------*
    TABLE OF CONTENT - $ search prefix

    CUSTOM_PROPERTIES
    FONT_FAMILY
    FONT_COLOR
    FONT_SIZE
    BACKGROUND COLORS
    BORDER COLORS
    LAYOUT
    ANCHOR
    LIST GROUP
    PANEL
    WELL
    TABLE
    TABS
    NAV RESET
    NAVTABS
    NAV-INVERSE
    PAGINATION
    BTN
    BTN_CTA
    BTN_MAIN
    BTN_ALT1
    BTN_ALT2
    BTN_ALT3
    BTN_NAV1 AND BTN_NAV2
    HOME_MISC
    HOME_QUICK-NAV
    HOME_INVENTORY SEARCH BUTTONS
    WIDGET_INVENTORY SEARCH
    WIDGET_BANNER
    WIDGET_MODELBAR
    FOOTER
    FIXED_HEADER
    MOBILE LEAD DRIVER

    cta             AC2430
    cta hover       901722
    main            000
    main hover      111

/*------------------------------------*
    $CUSTOM_PROPERTIES
\*------------------------------------*/
:root {
    --cta-background-color: #00779c;
    --cta-font-color: #fff;
    --cta-hover-color: #005069;
    --main-color: #000;
}

/*------------------------------------*
    $FONT_FAMILY
\*------------------------------------*/
body { font-family: 'mini_serifregular'; }
.heading-xl, .heading-lg, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: 'mini_serifbold'; }
strong, b { font-family: 'mini_serifbold'; }
.btn, .btn strong, .btn b, .mega-menu-breadcrumbs { font-family: 'mini_sans_serifbold'; }
.btn, #inventorySearchWidget .isTitle, .srpRefineSearch .panel-title, .srpVehicle h2, .srpVehicle h1.vehicleTitle, #vehiclePageViews h2, .featuredVehicle .title h3, strong, b { font-weight: normal !important; }
.vehicle-card--mod .vehicle-title__year, .details-header .vehicle-title__year, .vehicleTitleInner .text-muted { color: inherit!important; }

/*------------------------------------*
    $FONT_COLOR
\*------------------------------------*/
body { color: #000; }
hr { border-top-color: #ddd; }
.text-default { color: #333; } /* place default body color here */
.text-main { color: #000; }
.text-cta { color: #000; }
.text-cta-blue { color: var(--cta-background-color); }

/*------------------------------------*
    $FONT_SIZE
\*------------------------------------*/
body { font-size: 16px; }
.heading-xl, .heading-lg, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .horizontalInventorySearch .hiaVehiclesAvailable { text-transform: uppercase; }

/* Add period to end of all H1 title tags - DES-35621 */
h1:after, .h1::after {
    content: ".";
    position: absolute;
}
.h1.quickNavHeading::after, .h1.featuredHeading:after, .h1.visitHeading::after, .specialBlock .h1::after { content: none; }
.thankyou-page h1::after, .h1::after {content: none;}

/* Add period to end of finance page headings - DES-37892 */
.Finance-page .sb-preapproved h3:after {
  content: ".";
  position: absolute;
}

/* Left-align text on forms per compliance */
.form-horizontal .control-label { text-align: left; }

/* Update heading color on VDP email modal - DES-37892 */
#emailFriendModal .text-cta { color: #000; }

@media (max-width:991px) {
body, .btn, .dropdown-menu, .form-control { font-size: 14px; }
}
/*------------------------------------*
    $BACKGROUND COLORS
\*------------------------------------*/

.bg-main {
    background-color: #000;
    border: 1px solid transparent;
    color: #fff;
}
.bg-cta {
    background-color: var(--cta-background-color);
    border: 1px solid transparent;
    color: #fff;
}
.bg-alt1 {
    background-color: #f1f1f1;
    border: 1px solid transparent;
}
.bg-alt2 {
    background-color: #ddd;
    border: 1px solid transparent;
}
.bg-alt3 {
    background-color: #ccc;
    border: 1px solid transparent;
}
.bg-alt4 {
    background-color: #111;
    border: 1px solid transparent;
	color: #fff;
}
.offerBlock {
    background-color: #222;
    color: #fff;
}
.offerBlock .bg-main { background-color: #222; }
/*.offerBlock .btn-cta { background-color: transparent; border-color: #fff; }
.offerBlock .btn-cta:hover, .offerBlock .btn-cta:focus, .offerBlock .btn-cta:active { background-color: #fff; border-color: #fff; color: #333; }*/
.offerBlock .text-cta { color: #fff; }

@media (max-width:767px) {
.snap-content { background-color: #fff !important; }
}
/*------------------------------------*
    $FORMS
\*------------------------------------*/
.form-control, .panel-group .panel {border-radius: 0;}
.horizontalSearchOptions {margin-left:0;}

/*------------------------------------*
    $BORDER COLORS
\*------------------------------------*/

/*.borderBottom { border-bottom: 8px solid var(--cta-background-color); }
.volcanicOrange { border-color: #ed9300 !important; }
.blazingRed { border-color: #a70d19 !important; }
.electricBlue { border-color: #00a8d8 !important; }
.moonwalkGrey { border-color: #787875 !important; }
.carribeanAqua { border-color: #00a7ac !important; }
.meltingSilver { border-color: #89887e !important; }
.pureBurgundy { border-color: #3d0016 !important; }
.rebelGreen { border-color: #89887e !important; }*/

/*------------------------------------*
    $LAYOUT
\*------------------------------------*/
.contentWrapper { padding-bottom: 2em; }
.contentSectionO, .contentSectionE { padding: 45px 0; }

@media (min-width: 992px) {
.bannerWrapper { padding: 35px 0; }
.bannerWrapper.bannerLayout02 { padding: 0; }
}
@media (max-width:991px) {
.contentSectionO, .contentSectionE { padding: 35px 0; }
}
@media (max-width:767px) {
.contentSectionO, .contentSectionE { padding: 30px 0; }
}

/*------------------------------------*
    $ANCHOR
\*------------------------------------*/
a { color: #000; }
a:focus, a:hover { color: #000; }

/* Compliance-specific links */
p a {
    color: #000;
    border-bottom: 1px solid #000;
}
p a:hover, p a:focus {
    background-color: #000;
    border-bottom: 0;
    color: #fff;
    padding: 2px 5px;
}

/* Contact page */
#phone-details a { border-bottom: 0; }
#phone-details a:hover {
    background-color: transparent;
    color: #000;
    padding: 0;
}

/*------------------------------------*
    $LIST GROUP
\*------------------------------------*/

/*------------------------------------*
    $PANEL
\*------------------------------------*/
.panel, .panel-heading, .panel-footer { border-radius: 0; }
.panel { box-shadow: none; }
.panel-title { font-weight: bold; }
/*------------------------------------*
    $WELL
\*------------------------------------*/
.well {
    box-shadow: none;
    border-radius: 0;
}

/* Remove images on service specials */
.serviceBodyBlock .special-certificate img[src*="/assets/logos/transparent/MINI.png"] {display: none;}

/*------------------------------------*
    $TABLE
\*------------------------------------*/

/*------------------------------------*
    $TABS
\*------------------------------------*/
.nav-tabs.nav-justified > li > a, .nav-tabs > li > a { background-color: #eee; }
.nav-tabs.nav-justified > .active > a { border-bottom-color: transparent; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #fff; }
/* tabs inside well */

.well .nav-tabs.nav-justified > .active > a { background-color: #f5f5f5; }
.well .panel .nav-tabs.nav-justified > .active > a { background-color: #fff; }

/*------------------------------------*
    $NAVTABS
\*------------------------------------*/
.nav-pills li.active a, .nav-pills li.active a:hover, .nav-pills li.active a:focus {
    background-color: #000;
    border-color: transparent;
    color: #fff;
}
/*------------------------------------*
    $NAV-INVERSE
\*------------------------------------*/

/*------------------------------------*
    $PAGINATION
\*------------------------------------*/
.pagination .active a, .pagination .active span, .pagination .active a:hover, .pagination .active span:hover, .pagination .active a:focus, .pagination .active span:focus {
    background-color: #000;
    border-color: transparent;
    color: #fff;
}
.pagination > li > a, .pagination > li > span { color: #000; }
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { color: #000; }

/* New VDP carousel arrows */
.vdp .carousel__control {
    color: #fff;
    background-color: #000;
}
.vdp .carousel__control:hover, .vdp .carousel__control:focus {
    color: #000;
    background-color: #fff;
    border-color: #000;
}

/*------------------------------------*
    $BTN
\*------------------------------------*/
.btn, .inventory_list .btn {
    border-radius: 0;
    text-transform: uppercase;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    border-radius: 56px;
    transition: all 250ms ease-in-out;
}
.srpRefineSearch #accordion ul li a { border-radius: 0; } /* used on srp refine search section - leave in IF you are removing border radius from all buttons */

/* SRP ePrice and special pages CTA button - DES-35668 */
.srpVehicle .ePriceBtn, .specialBlock .btn-cta, .featuredVehicle .btn-cta { background-color: #000; border: 2px solid #000; }
.srpVehicle .ePriceBtn:hover, .specialBlock .btn-cta:hover, .featuredVehicle .btn-cta:hover, .srpVehicle .ePriceBtn:focus, .specialBlock .btn-cta:focus, .featuredVehicle .btn-cta:focus, .srpVehicle .ePriceBtn:active, .specialBlock .btn-cta:active, .featuredVehicle .btn-cta:active { background-color: #fff; border-color: #000; color: #000; }

/* Compliance Button Colors - DES-35823 - Updated via DES-93162 */
.btn-volcanic-orange,
.btn-blazing-red,
.btn-electric-blue,
.btn-moonwalk-grey,
.btn-carribean-aqua,
.btn-melting-silver,
.btn-pure-burgundy,
.btn-island-blue,
.btn-chestnut,
.btn-rebel-green {
    background-color: #000;
    border: 2px solid #000;
    color: #fff;
}

.btn-volcanic-orange:hover,
.btn-volcanic-orange:focus,
.btn-volcanic-orange:active,
.btn-blazing-red:hover,
.btn-blazing-red:focus,
.btn-blazing-red:active,
.btn-electric-blue:hover,
.btn-electric-blue:focus,
.btn-electric-blue:active,
.btn-moonwalk-grey:hover,
.btn-moonwalk-grey:focus,
.btn-moonwalk-grey:active,
.btn-carribean-aqua:hover,
.btn-carribean-aqua:focus,
.btn-carribean-aqua:active,
.btn-melting-silver:hover,
.btn-melting-silver:focus,
.btn-melting-silver:active,
.btn-pure-burgundy:hover,
.btn-pure-burgundy:focus,
.btn-pure-burgundy:active,
.btn-island-blue:hover,
.btn-island-blue:focus,
.btn-island-blue:active,
.btn-chestnut:hover,
.btn-chestnut:focus,
.btn-chestnut:active,
.btn-rebel-green:hover,
.btn-rebel-green:focus,
.btn-rebel-green:active {
    background-color: transparent;
    border: 2px solid #000;
    color: #000;
}

/*------------------------------------*
    $BTN_PRIMARY
\*------------------------------------*/
.btn-primary {
    color: #fff;
    background-color: #007DA3;
    border: 2px solid #007DA3;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #0094c1;
    border-color: #0094c1;
}
/*------------------------------------*
    $BTN_CTA
\*------------------------------------*/
.btn-cta {
    color: #fff;
    background-color: var(--cta-background-color);
    border: 2px solid var(--cta-background-color);
}
.btn-cta:hover, .btn-cta:focus, .btn-cta:active, .btn-cta.active, .open > .dropdown-toggle.btn-cta {
    color: #fff;
    background-color: var(--cta-hover-color);
    border-color: var(--cta-hover-color);
}
/*------------------------------------*
    $BTN_MAIN
\*------------------------------------*/
.btn-main, .btn-alt3.active, .nav .btn-alt3.active /* used on specials pages as tabs */ {
    color: #fff;
    background-color: #000;
    border: 2px solid #000;
}
.btn-main:hover, .btn-main:focus, .btn-main:active, .btn-main.active:hover, .nav .btn-alt3.active:hover, .open .dropdown-toggle.btn-main {
    background-color: #fff;
    border-color: #000;
    color: #000;
}
.showroom .menu .btn-alt3 { background-image: none; } /* used on showroom page, in the left menu section */
/*------------------------------------*
    $BTN_ALT1
\*------------------------------------*/
.btn-alt1 {
    color: #000;
    background-color: #F6F6F6;
    border: 2px solid #F6F6F6;
}
.btn-alt1:hover, .btn-alt1:focus, .btn-alt1:active, .btn-alt1.active, .open .dropdown-toggle.btn-alt1, .nav .btn-alt1:hover, .nav .btn-alt1:focus, .nav .btn-alt1:active, .nav .btn-alt1.active {
    color: #000;
    background-color: #F6F6F6;
    border-color: #F6F6F6;
}
/*------------------------------------*
    $BTN_ALT2
\*------------------------------------*/
.btn-alt2 {
    color: #000;
    background-color: #fff;
    border: 2px solid #ddd;
}
.btn-alt2:hover, .btn-alt2:focus, .btn-alt2:active, .btn-alt2.active, .open .dropdown-toggle.btn-alt2, .nav .btn-alt2:hover, .nav .btn-alt2:focus, .nav .btn-alt2:active, .nav .btn-alt2.active {
    color: #000;
    background-color: #e5e5e5;
    border-color: #ddd;
}
/*------------------------------------*
    $BTN_ALT3
\*------------------------------------*/
.btn-alt3 {
    color: #fff;
    background-color: #767676;
    border: 2px solid #767676;
}
.btn-alt3:hover, .btn-alt3:focus, .btn-alt3:active, .open .dropdown-toggle.btn-alt3, .nav .btn-alt3:hover, .nav .btn-alt3:focus, .nav .btn-alt3:active {
    color: #fff;
    background-color: #666;
    border-color: #666;
}
/*------------------------------------*
    $BTN_NAV1 and $BTN_NAV2
\*------------------------------------*/
.btn-nav1, .btn-nav2 {
    color: #000;
    background-color: transparent;
    border-color: transparent #f1f1f1 transparent transparent;
    border-radius: 0;
}
.btn-nav1:hover, .btn-nav1:focus, .btn-nav1:active, .btn-nav1.active, .open .dropdown-toggle.btn-nav1, .btn-nav2:hover, .btn-nav2:focus, .btn-nav2:active, .btn-nav2.active, .open .dropdown-toggle.btn-nav2 {
    color: #fff;
    background-color: #000;
    border-color: #000;
    border-radius: 0;
}
/*------------------------------------*
    $HOME_MISC
\*------------------------------------*/
.borderItem { margin-left: 0; width: 50px; }

/*------------------------------------*
    $HOME_QUICK-NAV
\*------------------------------------*/
/* Quick Nav */
.quickNav .quickNavHeading span {
    background-color: #fff;
    position: relative;
    padding: 0 18px;
}
.quickNav .quickNavHeading {
    position: relative;
}
.quickNav .quickNavHeading::before {
    border-top: 2px solid #000;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    width: 260px;
}
.quickNav .quickNavItem hr {
    margin-left: 0;
    width: 50px;
}
.quickNav .quickNavItem .imgSec {
    overflow: hidden;
	border-radius: 15px;
}
.quickNav .quickNavItem,
.quickNav .quickNavItem .img-background,
.quickNav .quickNavBlock,
.quickNav .quickNavBlock .img-background {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.quickNav .quickNavItem:hover .btn-main,
.quickNav .quickNavBlock:hover .btn-main {
    background-color: #fff;
    border-color: #000;
    color: #000;
}
.qNav-text {border-left: 4px solid #f15406; padding-left: 20px;}
.qNav-text h4, .qNav-text .text-cta-blue {font-family: 'mini_sans_serifbold'; text-transform: uppercase; letter-spacing: 1px; font-size: 13px;}

@media (min-width: 992px) {
    .quickNav .quickNavItem:hover .img-background,
    .quickNav .quickNavBlock:hover .img-background {
        -webkit-transform: scale(1.15, 1.15);
        -moz-transform: scale(1.15, 1.15);
        -o-transform: scale(1.15, 1.15);
        -ms-transform: scale(1.15, 1.15);
        transform: scale(1.15, 1.15);
    }
}
@media (max-width: 767px) {
    .quickNavItem .col-xs-8 .pad-2x {padding:15px 0;}
    .quickNavItem.pad-2x {padding:10px;}
    .quickNavItem .imgSec.margin-bottom-2x {margin-bottom: 10px;}
    .quickNavItem .h2 {margin:0;}
    }
}

/* Quick Nav Dark */
.quickNavDark .quickNavHeading span { background-color: #000; }
.quickNavDark .quickNavHeading::before { border-top: 2px solid #fff; }
.quickNavDark .quickNavItem { border: 1px solid #74747f; }
.quickNavDark .quickNavItem:hover { background-color: #1a1a1a; }
.quickNavDark .quickNavItem hr { background-color: #fff; }
.quickNavDark .quickNavItem .btn-cta {
    background-color: transparent;
    border-color: #fff;
}
.quickNavDark .quickNavItem .btn-cta:hover {
    background-color: #fff;
    border-color: #fff;
    color: #000;
}

/* Quick Nav Light */
.bg-alt1 .quickNavHeading span { background-color: #f1f1f1; }
.bg-alt1 .quickNav .bg-alt1 { background-color: #fff; }

/*------------------------------------*
    $HOME_INVENTORY SEARCH BUTTONS
\*------------------------------------*/


/*------------------------------------*
    $WIDGET_INVENTORY SEARCH
\*------------------------------------*/

/*------------------------------------*
    $WIDGET_BANNER
\*------------------------------------*/
/*.bannerLayout02 { border-bottom: 8px solid var(--cta-background-color); }*/
.bannerLayout02 #inventorySearchWidget { color: #fff; padding: 10px 25px 15px; }
#inventorySearchWidget .btn-main { background-color: var(--cta-background-color); border-color: var(--cta-background-color); color: #fff; }
#inventorySearchWidget .btn-main:hover { background-color: var(--cta-hover-color); border-color: var(--cta-hover-color); }

@media (min-width: 992px) {
.bannerLayout02 #inventorySearchWidget { background-color: rgba(0,0,0,.85); margin-top: 35px; }
}
@media (max-width: 991px) and (min-width: 768px) {
.bannerLayout02 > .container { width: 100%; }
}
@media (max-width: 991px) {
.bannerLayout02 #inventorySearchWidget { background-color: #000; }
}

/*------------------------------------*
    $WIDGET_MODELBAR
\*------------------------------------*/
.modelBar.panel {
    border: none;
    padding: 0 1.5em;
    margin: 0;
    background: none;
}
.ttMpg, .ttYear, .ttMake { display: none; }
#modelBarWidget .vehicle, .mbCustomBtn { cursor: pointer; }
.modelBar .mbPopUpTitle { margin: 4px 0 8px; }
.modelBar .ptMpg {
    position: absolute;
    bottom: -10px;
    right: 0px;
    font-weight: bold;
    background-color: #eee;
    padding: 6px 8px 2px;
    border-radius: 4px 0 4px 0;
}
.modelBar .ptMpgLabel { font-size: 11px; }
.modelBar .popoverTitle .btn {
    margin: 0 0 8px;
    text-align: center;
}
.modelBar .popoverTitle .col-sm-6 {
    padding-left: 4px;
    padding-right: 4px;
}
.modelBar .popoverTitle.row { padding: 0 10px; }
/* MPG Fix */
.modelBar .col-model-thumb {
    position: relative;
    margin: -5px 0;
}
.modelBar .ttMpg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.mbThumbTitle, .mbTitleModel {
    margin-top: -10px;
    color: #333;
}

/*------------------------------------*
    $FOOTER
\*------------------------------------*/

footer {
    background-color: #F1F1F1;
/*  border-top: 8px solid #a70d19;*/
}

footer a:hover, footer a:focus {
    border-bottom: 1px solid #000;
}

footer #_bapw-link {
    color: #ccc;
    font-size: 10px;
    font-family: Helvetica;
    text-decoration: none;
    margin-left: 10px;
}
footer #_bapw-icon {
    border: 0;
    display: inline;
    vertical-align: middle;
}
footer #_bapw-link > span {
    vertical-align: middle;
}

/*------------------------------------*
    $FIXED_HEADER
    jQuery('.headerWrapper').addClass('fixedHeaderArea');

    -add a padding-top to content div based on height of header section (may need multiple media queries)
\*------------------------------------*/
@media(min-width:992px) {
.fixedHeaderArea { background: #fff; }
.fixedHeaderArea ~ #content { padding-top: 180px; }
}
/*------------------------------------*
    $MOBILE LEAD DRIVER
\*------------------------------------*/
#offerBar {
    text-align: center;
    padding: 8px 0;
}
#offerBar ul { margin-bottom: 0; }
#offerBar, #offerBar .h1 { font-size: 20px; }

@media (min-width:768px) and (max-width:1199px) {
#offerBar, #offerBar .h1 { font-size: 24px; }
}

@media (min-width:1200px) {
#offerBar, #offerBar .h1 {
    font-size: 32px;
    line-height: 28px;
}
}
/*------------------------------------*
    $SRP/VDP
\*------------------------------------*/
.newInventory .bodyStyleDisplay {display: none;}
/*------------------------------------*
    $WASABI SRP
\*------------------------------------*/
.vehicle-summary__vehicle-stage, .quick-view-drawer-contents__highlight-container .vehicle-highlights__view-all-link {color: #000!important;}
.inventory_list .btn, .filter-header--search__inner a {border-radius:56px!important;}

/* DES-200656 */
#_bapw-link {display: none;}


/*------------------------------------*
    MODIFY HOMEPAGE BANNER DISCLAIMER BUTTON - CASE 00949727
\*------------------------------------*/

.homepage [id^="carouselWithDisclaimer-"] [id^="carousel-"] .carousel-inner .item [id^="disclaimerBtn-"].open-disclaimer {
    left: auto;
}

.homepage #carouselWithDisclaimer-Main #disclaimerBtn-Main {
    top: 0;
    right: 0;
    visibility: hidden;
}

.homepage #carouselWithDisclaimer-Main #disclaimerBtn-Main::after {
    content: 'Offer Details';
    visibility: visible;
    display: block;
    position: absolute;
    background-color: #fff;
    border: 2px solid #000;
    color: #000;
    font-size: 16px;
    padding: 7px 5px;
    right: 0;
    top: 0;
    width: 150px;
    transition: all .3s ease-in-out;
}

.homepage #carouselWithDisclaimer-Main #disclaimerBtn-Main:hover::after {
    background-color: #000;
    color: #fff;
}

@media (max-width: 767px) {
    .homepage #carouselWithDisclaimer-Main #disclaimerBtn-Main::after {
        font-size: 11px;
        padding: 3px 5px;
        width: 100px;
    }
}

/* 01489806 */
.btn-mini-blue {background-color: var(--cta-background-color) !important; border: 2px solid var(--cta-background-color) !important; color: #fff !important;}
.btn-mini-blue:hover, .btn-mini-blue:active, .btn-mini-blue:focus {background-color: transparent !important; border: 2px solid var(--cta-background-color) !important; color: var(--cta-background-color) !important;}
.btn-mini-text-blue {color: var(--cta-background-color) !important; font-family: 'mini_sans_serifbold'; text-transform: uppercase; letter-spacing: 1px; font-size: 13px;}
.mega-menu-card{text-align:center;}
.saveHeartNavIcon a .fa {color:var(--cta-background-color) !important;}
@media (min-width: 992px) {
.mega-menu-card{align-items: center !important;}
}

#hoursAccordion .panel .panel-heading > a[data-parent="#hoursAccordion"]::after {content: "."; display: inline-block;}
.save-vehicle-heart i.fa-heart, .save-vehicle-heart i.fa-heart-o {color:var(--cta-background-color) !important;}

@media (min-width: 992px) {.mega-menu-card__cta {align-items: center !important;}}
.btn.btn-cta.oav-cta-sephora__btn {text-transform: uppercase; border-radius: 56px !important;}

.bxc.bx-custom .bx-row-text-headline> *:first-child {color: var(--cta-background-color) !important;}
.bxc.bx-custom .bx-row-submit> *:first-child {border-color: var(--cta-background-color) !important; background-color: var(--cta-background-color) !important;}
.bxc.bx-custom .bx-row-submit> *:first-child:hover, .bxc.bx-custom .bx-row-submit> *:first-child:active, .bxc.bx-custom .bx-row-submit> *:first-child:focus {border-color: var(--cta-hover-color) !important; background-color: var(--cta-hover-color) !important;}
.vdp .top-actions .lead-action, .wizard ul li a {font-weight: 700 !important; text-transform: uppercase !important;}
.vdp .top-actions .lead-action { border-radius: 56px !important; }