@import "/assets/fonts/mazdatype/fonts.css";
@import "/assets/fonts/mazdaicons/fonts.css";
/*------------------------------------*

    TABLE OF CONTENT - $ search prefix

	CUSTOM_PROPERTIES
    FONT_FAMILY
    FONT_COLOR
    FONT_SIZE
    BACKGROUND 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
	VDP_EDITS
    FIXED_HEADER
    MOBILE LEAD DRIVER

    cta            #737373
    cta hover      #2b2b2b
    main            101010
    main hover     #737373

    OVERRIDES

/*------------------------------------*
	$CUSTOM_PROPERTIES
\*------------------------------------*/
:root {
	--main-color: hsl(212, 86%, 8%);
	--hover-color: hsl(28, 24%, 45%);
	--active-color: hsl(29, 24%, 36%);
	--cta-background-color: hsl(212, 86%, 8%);
	--cta-font-color: #fff;
	--neutral-color: #dadada;
	--neutral-color-light: #f5f5f5;
	--white: #fff;
	--black: #000;
	--gray: hsl(212, 20%, 36%);
	--main: 212 86% 8%;
	--border-radius: 6px;
}

/*------------------------------------*
    $FONT_FAMILY
\*------------------------------------*/
body { font-family: 'MazdaType-Regular'; }
strong, b, .heading-bold { font-family: 'MazdaType-Bold'; font-weight: normal !important; }
.heading-xl, .heading-lg, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: 'MazdaType-Medium'; text-transform: uppercase; letter-spacing: 2px; }
p { font-size: 16px; line-height: 28px; }
.btn, #inventorySearchWidget .isTitle, .srpRefineSearch .panel-title, .srpVehicle h2, .srpVehicle h1.vehicleTitle, #vehiclePageViews h2, .featuredVehicle .title h3 { font-weight: normal !important; }
.vdp__left-column :not(i), .vdp__right-column :not(i), .wasabi_srp * { font-family: 'MazdaType-Regular', sans-serif; }
.wasabi_srp .vehicleTitleInner, .vehicle-details__header .vehicleTitleInner, .srp-results-count, .srp-results .btn { letter-spacing: .1em; }

/* Service Specials Heading */
.special-offerValue h2 { font-size: 26px !important; }

/* Heading Fix on Manufacturer Incentives Page - DES-46235 */
@media (max-width: 539px) {
#content-main-incentives .header { font-size: 24px; }
}

/* Confirm Availability Button Padding/Letter Spacing Fix - DES-75333 */
.vdp-vehicle-title .ePriceBtn { letter-spacing: 0.5px; padding: 10px 12px; }
@media (min-width: 992px) {
.vdp-vehicle-title h1.h4 { padding: 0 220px 0 0; }
}

/*------------------------------------*
    $FONT_COLOR
\*------------------------------------*/
hr { border-top-color: var(--neutral-color); }
.text-default, .text-main { color: var(--main-color); }
.text-cta, .text-muted, .help-block { color: color-mix(in srgb, currentColor 70%, transparent); }

/*------------------------------------*
    $FONT_SIZE
\*------------------------------------*/
@media (max-width: 991px) {
body, .form-control { font-size: 13px; }
}

/*------------------------------------*
    $BACKGROUND COLORS
\*------------------------------------*/
.bg-main, .bg-cta { background-color: var(--main-color); border-color: var(--main-color); color: var(--white); }
.bg-alt1 { background-color: var(--neutral-color); border-color: var(--neutral-color); color: var(--main-color); }
.bg-alt2 { background-color: var(--neutral-color-light); border-color: var(--neutral-color-light); color: var(--main-color); }
.bg-alt3 { background-color: var(--white); border-color: var(--white); color: var(--main-color); }
.bg-alt4 { background-color: var(--gray); border-color: var(--gray); color: var(--white); }
.offerBlock { background-color: var(--main-color); color: #fff; }

@media (max-width: 767px) {
.snap-content { background-color: #fff !important; }
}

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

@media (min-width: 992px) {
.bannerLayout01 { padding: 45px 0; }
}
@media (max-width: 991px) and (min-width: 768px) {
.bannerLayout01 { padding: 25px 0 10px; }
}
@media (max-width: 991px) {
.contentSectionO, .contentSectionE { padding: 35px 0; }
.bannerWrapper.bannerLayout02 { padding: 0; }
}
@media (max-width: 767px) {
.heading-lg { font-size: 32px; }
.contentSectionO, .contentSectionE { padding: 30px 0; }
}

/*------------------------------------*
    $ANCHOR
\*------------------------------------*/
a { color: inherit; }
a:hover, a:focus { color: inherit; }
p a, p a:hover, p a:focus { text-decoration: underline; }

/*------------------------------------*
    $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; }

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

/*------------------------------------*
    $TABS
\*------------------------------------*/
.nav-tabs.nav-justified > li > a, .nav-tabs > li > a { background-color: #eee; color: #6B6B6B; }
.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: #101010;
    border-color: transparent;
    color: #fff;
}

/*------------------------------------*
    $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: #767676;
    border-color: transparent;
    color: #fff;
}

/*------------------------------------*
    $BTN
\*------------------------------------*/
.btn {
	font-family: 'MazdaType-Medium';
	font-size: 14px;
	text-transform: capitalize;
	border-radius: 5px;
	letter-spacing: 0;
	padding: 7px 15px;
	border-width: 1px;
}
.btn-lg { font-size: 15px; padding: 12px 24px; }

.srpRefineSearch #accordion ul li a { border-radius: 0; } /* SRP refine search section */
@media (min-width: 768px) {
.specialBlock .specialContainer .viewVehicleDetails .btn { padding: 12px; }
}

/*------------------------------------*
    $BTN_CTA
\*------------------------------------*/
.btn-cta {
    color: var(--main-color);
	background-color: var(--white);
	border-color: var(--main-color);
}
.bg-main .btn-cta, .bg-cta .btn-cta, .bg-alt4 .btn-cta {
	color: var(--white);
	background-color: var(--main-color);
	border-color: var(--white);
}

/*------------------------------------*
    $BTN_MAIN
\*------------------------------------*/
.btn-main, .btn-alt3.active, .nav .btn-alt3.active /* used on specials pages as tabs */ {
    color: var(--white);
	background-color: var(--main-color);
	border-color: var(--main-color);
}
.bg-main .btn-main, .bg-cta .btn-main, .bg-alt4 .btn-main {
	color: var(--main-color);
	background-color: var(--white);
	border-color: var(--white);
}
.showroom .menu .btn-alt3 { background-image: none; } /* used on showroom page, in the left menu section */

/*------------------------------------*
    HOVER and ACTIVE
\*------------------------------------*/
.btn-main:hover, .btn-main:focus, .btn-cta:hover, .btn-cta:focus {
	color: var(--white);
	background-color: var(--hover-color);
	border-color: var(--hover-color);
}
.btn-main:active, .btn-main.active, .open .dropdown-toggle.btn-main, .btn-cta:active, .btn-cta.active, .open > .dropdown-toggle.btn-cta {
	color: var(--white);
	background-color: var(--active-color);
	border-color: var(--active-color);
}

/*------------------------------------*
    $BTN_ALT1
\*------------------------------------*/
.btn-alt1 {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
.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: var(--white);
	background-color: var(--hover-color);
	border-color: var(--hover-color);
}

/*------------------------------------*
    $BTN_ALT2
\*------------------------------------*/
.btn-alt2 {
    background-color: var(--neutral-color);
	border-color: var(--neutral-color);
	color: var(--main-color);
}
.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: #fff;
    background-color: #4F4F4F;
    border-color: #4F4F4F;
}

/*------------------------------------*
    $BTN_ALT3
\*------------------------------------*/
.btn-alt3 {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.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: #111;
    border-color: #111;
}

/*------------------------------------*
    $BTN_ALT4
\*------------------------------------*/
.btn-alt4 {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
}
.btn-alt4:hover, .btn-alt4:focus, .btn-alt4:active, .open .dropdown-toggle.btn-alt4, .nav .btn-alt4:hover, .nav .btn-alt4:focus, .nav .btn-alt4:active {
    color: #111;
    background-color: #fff;
    border-color: #fff;
}

/*------------------------------------*
    $BTN_NAV1 and $BTN_NAV2
\*------------------------------------*/
.btn-nav1, .btn-nav2 {
    color: #fff;
    background-color: transparent;
    border-color: transparent #000 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;
}

#svSubmit.btn { padding: 6px 14px; }

/*------------------------------------*
    $HOME_MISC
\*------------------------------------*/
#carouselWithDisclaimer .carousel-inner img { width: 100%; }

#dealerOnCoupon #couponFooter span.couponDisclaimer {
	color: #767676!important;
}

/*------------------------------------*
    $HOME_QUICK-NAV1
\*------------------------------------*/
.quickNav .quickNavItem {
    overflow: hidden;
    position: relative;
}
.quickNav .quickNavHeading {
    letter-spacing: 2px;
    padding: 25px;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    background: #000;
}
.quickNav .quickNavHeading hr {
    width: 40px;
}

@media (min-width: 992px) {
    .quickNav .quickNavItem:hover .img-background {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.quickNav .quickNavItem .img-background,
.quickNav .quickNavItem:hover .img-background {
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}
}
@media (max-width: 991px) {
.quickNav .quickNavHeading {padding: 10px 15px;}
}
@media (max-width: 767px) {
.quickNav .quickNavHeading {text-align: center;}
.quickNav .quickNavHeading .h2 {font-size: 21px;}
}

/*------------------------------------*
    $HOME_QUICK-NAV2
\*------------------------------------*/
.quickNav2 .quickNavItem i, .quickNav2 .quickNavItem .linkRed {
    transition: all 250ms ease-in-out;
}
.quickNav2 .quickNavItem:hover i {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.quickNav2 .quickNavItem .linkRed {
    text-transform: uppercase;
    font-size: 13px;
    font-family: 'MazdaType-Bold';
    border-bottom: 2px solid #fff;
    padding-bottom: 5px;
    line-height: 18px;
    display: inline-block;
}
.quickNav2 a:hover .linkRed {border-bottom: 2px solid #7f7f7f;}

@media (max-width: 991px) and (min-width: 768px) {
.quickNav2 .quickNavItem .linkRed {font-size: 16px;}
}
@media (min-width: 768px) {
.quickNav2 .col-sm-4:nth-last-child(2) { border-right: 1px solid #444; border-left: 1px solid #444; }
}
@media (max-width: 767px) {
.quickNav2 .col-sm-4:nth-last-child(2) { border-top: 1px solid #444; border-bottom: 1px solid #444; margin-top: 35px; margin-bottom: 35px; padding-top: 35px; padding-bottom: 35px; }
}

/*------------------------------------*
    $VDP_EDITS PER DES-140711
\*------------------------------------*/
.priceDrop .priceDrop--btn__collapse, .priceDrop .priceDrop--btn__collapse:active, .priceDrop .priceDrop--btn__collapse:hover, .priceDrop .priceDrop--btn__collapse:focus, #priceDrop--collapse .priceDrop--collapse__wrapper > div a.get--btn__priceDropAlert { border-color: #000 !important; color: #000 !important; font-family: 'MazdaType-Regular' !important; }
.priceDrop #priceDrop--collapse { background-color: #000 !important; }
#priceDrop--collapse .priceDrop--collapse__wrapper > div a.get--btn__priceDropAlert { padding-left: 10px !important; padding-right: 10px !important; }
.vdp-vehicle-title .ePriceBtn { border-color: #000 !important; border-radius: 3px !important; letter-spacing: inherit !important; padding-left: 1px !important; }
.vdp-vehicle-title .ePriceBtn .fa { display: none !important; }
.vdp-vehicle-title .text-muted { color: #000 !important; font-family: 'MazdaType-Regular' !important; opacity: 1 !important; }
.vdp-vehicle-title .ePriceBtn:hover, .vdp-vehicle-title .ePriceBtn:focus { background-color: #737373 !important; border-color: #737373 !important; color: #fff !important; }
.vdp-vehicle-title .ePriceBtn:hover .text-muted, .vdp-vehicle-title .ePriceBtn:focus .text-muted { color: #fff !important; }

/*------------------------------------*
    $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
\*------------------------------------*/
.offerBlock, #offerContainer { background-color: #444; }
#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; }
}

/*------------------------------------*
    $UPDATES
\*------------------------------------*/

/* SRP trustmark-image class fix*/
.trustmark-image {width: 200px !important;}

/*VDP Confirm Availability Fix CO-575 */
.vdp-vehicle-title .ePriceBtn { letter-spacing: 0.5px; padding: 10px 12px; }

@media (min-width: 992px) {
    .vdp-vehicle-title h1 { padding: 0 220px 0 0; }
}
@media (max-width: 991px) {
    .vdp-vehicle-title h1 { padding: 0; }
}

/*------------------------------------*
    $SPECIALS (MAZDA)
\*------------------------------------*/
.card__body .card__actions .btn {
	width: 100%;
}
.card__body .card__disclaimer {
	border-top: 1px solid #d5d5d5;
	padding-top: 1em;
}

/* DES-174649 */
.srpVehicleSpecial {
    background: url("https://cdn.dlron.us/assets/shared/images/inventory/specialRibbonMazda.png") no-repeat !important;
}

/*------------------------------------*
    $SRP CHANGES (DES-183180)
\*------------------------------------*/

.wasabi_srp--mod .srp-search, .vehicle-card--mod { box-shadow: none !important; }
.search-bar { border-radius: 0 !important; }
.srp-search.stick-head #opensearch-submit { border-radius: 3px; color: #fff; background: #101010; border-color: #101010; font-size: 13px; text-transform: uppercase; }
.srp-search.stick-head #opensearch-submit:hover, .srp-search.stick-head #opensearch-submit:focus { color: #fff; background: #737373; border-color: #737373; }
#searchFilterSort .srp-sort .custom-select .custom-options .custom-option, .srp-sort .custom-select .custom-options .custom-option { font-size: 14px; }
#srp_filter, #searchFilterSort .filter-sort__sort-dropdown, #searchFilterSort .show-filters-button__label, #filter-buttons .show-filters-button__label, #filter-buttons .sort-dropdown__label, .srp-sort .custom-select .custom-options .custom-option, #filter-buttons, .oav-cta--mobile .oav-cta__text { text-transform: uppercase; }
#collapse-options-body-expanded .checkbox { font-size: 12px; }
#srp_filter .custom-checkbox .checkbox::before, .wasabi_srp .vehicle-compare-button-container .vehicle-compare-button-container--left.custom-checkbox .checkbox::before { border-radius: 3px !important; }
#srp_filter .custom-checkbox input[type="checkbox"]:checked + .checkbox::before, .wasabi_srp .vehicle-compare-button-container .vehicle-compare-button-container--left.custom-checkbox input[type="checkbox"]:checked + .checkbox::before { background-color: #101010 !important; border-color: #101010 !important; }
.vehicle-card--mod { border: 1px solid #ddd; }
.vehicle-card--mod .vehicle-title__year, .vehicle-card--mod .vehicle-title__make-model, .vehicle-card--mod .vehicle-title__trim { font-family: 'MazdaType-Bold'; color: #101010 !important; font-weight: normal !important; }
.wasabi_srp button, .wasabi_srp .btn { font-family: 'MazdaType-Bold' !important; font-size: 13px !important; font-weight: normal !important; text-transform: uppercase; }
.vehicle-compare-checkbox__label { font-family: 'MazdaType-Bold'; font-size: 13px !important; letter-spacing: 2px !important; text-transform: uppercase; }
.vehicle-card .vehicle-compare-button-container--right .vehicle-compare-button { border-bottom: 1px solid var(--cta-background-color) !important; font-size: 12px !important; letter-spacing: 2px !important; line-height: .8; text-transform: uppercase !important; }
.srp-pagination .pagination > li > a, .srp-pagination .pagination > li > span { border-color: transparent !important; font-family: 'MazdaType-Medium'; }
.srp-pagination .pagination > li > a { background-color: transparent !important; color: #767676 !important; }
.srp-pagination .pagination > li.disabled > a { color: #767676 !important; }
.srp-pagination .pagination li.active.disabled a { color: #101010 !important; border-bottom: 2px solid #101010 !important; }
.srp-pagination .pagination a:hover { color: #101010 !important; }


/*------------------------------------*
    $VDP CHANGES (DES-183248, DES-193306)
\*------------------------------------*/

.vdp #confirm-availability .fa { display: none; }
.vdp .vehicle-images .thumbnails--desktop__sidebar { margin-left: 0; }
.vdp .all-features .feature-tabs__link { background-color: #d5d5d5; border-color: transparent; border-radius: 3px !important; text-transform: uppercase; }
.vdp .all-features .feature-tabs__link--active, .vdp .all-features .feature-tabs__link:hover, .vdp .all-features .feature-tabs__link:active, .vdp .all-features .feature-tabs__link:focus { color: #101010; }
.vdp .all-features .feature-tabs__link:hover, .vdp .all-features .feature-tabs__link:active, .vdp .all-features .feature-tabs__link:focus { background-color: #c5c5c5; }
.vdp .top-actions #confirm-availability.lead-action, .vehicle-images .thumbnails #load-more-vehicles #load-more-vehicles__btn { padding: 12px 40px; }
.vdp .top-actions #confirm-availability, .vehicle-images .thumbnails #load-more-vehicles #load-more-vehicles__btn { border-color: #101010; box-shadow: none; color: #101010; text-transform: uppercase; }
.vdp .top-actions #confirm-availability:hover, .vdp .top-actions #confirm-availability:focus, .vehicle-images .thumbnails #load-more-vehicles #load-more-vehicles__btn:hover, .vehicle-images .thumbnails #load-more-vehicles #load-more-vehicles__btn:focus { background-color: transparent; border-color: #999; color: #999; }
.vdp .top-actions .lead-action, .vehicle-images .thumbnails #load-more-vehicles #load-more-vehicles__btn { height: inherit !important; font-weight: normal !important; }
#vehicle-details .vehicle-title__year, #vehicle-details .vehicle-title__make-model, #vehicle-details .vehicle-title__trim { color: #101010; font-family: 'MazdaType-Bold'; font-size: 30px; font-weight: normal; }
#vehicle-details .details-header .vehicle-status__label { text-transform: uppercase; }
.vehicle-info__heading, .vehicle-highlights__heading, .dealer-comments__heading, .all-features__heading, .warranty__heading, .similar-vehicles .similar-vehicles__title, .benefits-highlights__heading, .vehicle-images .thumbnails #load-more-vehicles #load-more-vehicles__btn { text-transform: uppercase !important; }
.similar-vehicles .similar-vehicles__title { letter-spacing: .2em; }
.similar-vehicles__cards .vehicleTitleInner .vehicleTitle__year-make-model span.text-muted, .similar-vehicles__cards .vehicleTitleInner .vehicleTitle__year-make-model .vehicleTitle__make-model, .similar-vehicles__cards .vehicleTitleInner .vehicleTitle__trim { color: #101010 !important; font-family: 'MazdaType-Bold' !important; font-weight: normal !important; font-size: 20px !important; }
.similar-vehicles .vehicleCard .buy-content .vehiclePricingHighlight.featuredPrice, .vehiclePricingStack .singlePrice .vehiclePricingHighlight { text-align: left !important; }
.vdp #price-stack .btn, .vdp #price-stack .btn strong { font-family: 'MazdaType-Bold' !important; }
.vdp .custom-block__heading, .dealer-location__heading, .vdp .similar-vehicles .similar-vehicles__title { font-size: 20px !important; }
.vdp .details-header__status .vehicle-status { border: 2px solid #ececec; display: inline-block; margin-top: 8px; padding: 8px 12px; }
.vdp .details-header .vehicle-status__icon { margin-right: 5px; }

/*------------------------------------*
    $Incentives Model Filter Dropdown CHANGES (SF-01054742)
\*------------------------------------*/
#content-main-incentives .uiRtiDropMenu.dropdown-menu { text-transform: uppercase; }

/*------------------------------------*
    $The homepage banner rotator disclaimer popup is showing white text because of the bg-main styling (SF-01211665)
\*------------------------------------*/
.bg-main .banner-disclaimer-content { color: #333; }

/*------------------------------------*
    $SRP-VDP Consumer Reports Badge
\*------------------------------------*/
/* SRP SF01390403 */
.vehicle-card--mod .vehicle-more-info .icon-img__benefit { border: 0 !important; }
.vehicle-card[data-model="Mazda3 Hatchback"] .consumerReports, .vehicle-card[data-model="Mazda3 Sedan"] .consumerReports { display: none; }

/* VDP SF01390403 */
.benefits-highlights .feature-image__benefit { border: 0 !important; }
.vdp.vdp--mod[data-model="Mazda3 Hatchback"] .consumerReports, .vdp.vdp--mod[data-model="Mazda3 Sedan"] .consumerReports { display: none; }

/* VDP SF01677471 */
.vehicle-details .price-drop { margin-top: 1em !important; }