@import "/assets/fonts/millerbanner/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_ALT4
	BTN_NAV1 AND BTN_NAV2
	HOME_MISC
	HOME_QUICK-NAV
	HOME_INVENTORY SEARCH BUTTONS
	WIDGET_INVENTORY SEARCH
	WIDGET_BANNER
	FOOTER
	WIDGET_MODELBAR
	FIXED_HEADER
	MOBILE LEAD DRIVER
    CAROUSEL

	cta				#f26147
	cta hover		#d25039
	main			#324047
	main hover		252525

/*------------------------------------*
	$CUSTOM_PROPERTIES
\*------------------------------------*/
:root {
	--cta-background-color: #f26147;
	--cta-font-color: #fff;
	--cta-hover-color: #d25039;
	--main-color: #324047;
}

/*------------------------------------*
	$FONT_FAMILY
\*------------------------------------*/
body { font-family: "proxima-nova", sans-serif; font-weight: 300; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .btn { font-family: "proxima-nova", sans-serif; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; }
.btn, #inventorySearchWidget .isTitle, .srpRefineSearch .panel-title, .srpVehicle h2, .srpVehicle h1.vehicleTitle, #vehiclePageViews h2, .featuredVehicle .title h3 { font-weight: normal !important; }
.btn, .heading-bold { font-family: "proxima-nova", sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; }
.heading-lg, .heading-xl { font-family: 'MillerBanner-Black'; text-transform: capitalize; } 
.heading-italic { font-family: 'MillerBanner-BlackItalic'; }
.heading-semibold { font-family: "proxima-nova", sans-serif; font-weight: 600; letter-spacing: 1px;}
.heading-semibold-italic { font-family: "proxima-nova", sans-serif; font-weight: 600; font-style: italic; letter-spacing: 1px;}
.vdp__left-column :not(i), .vdp__right-column :not(i), .wasabi_srp * { font-family: "proxima-nova", sans-serif; font-weight: 400; }

/*------------------------------------*
	$FONT_COLOR
\*------------------------------------*/
hr { border-top-color: #ddd; }
.text-default { color: #324047; } /* place default body color here */
.text-main { color: #324047; }
.text-cta { color: inherit; }
.text-alt3 { color: #3e4e55;}

/*------------------------------------*
	$FONT_SIZE
\*------------------------------------*/
.heading-xl { font-size: 60px; line-height: 70px; }
.heading-lg { font-size: 50px; line-height: 58px; }
p { font-size: 16px; line-height: 24px; }
p.lead { font-size: 20px; }
psup > small, footer small { font-size: 13px; line-height: 18px; }

@media (max-width: 991px) {
.dropdown-menu, .form-control { font-size: 13px; }
.heading-xl { font-size: 42px; line-height: 50px; }
.heading-lg { font-size: 30px; line-height: 38px; }
p.lead { font-size: 18px; }
psup > small, footer small { font-size: 11px; line-height: 15px; }
}
/*------------------------------------*
	$BACKGROUND COLORS
\*------------------------------------*/

.bg-main {
	background-color: #324047;
	border: 1px solid transparent;
	color:#fff;
}
.bg-cta {
	background-color: #f26147;
	border: 1px solid transparent;
	color:#fff;
}
.bg-alt1 {
	background-color: #efefef;
	border: 1px solid transparent;
}
.bg-alt2 {
	background-color: #e0e0e0;
	border: 1px solid transparent;
}
.bg-alt3 {
	background-color: #3e4e55;
	color:#fff;
	border: 1px solid transparent;
}
.offerBlock {
	background-color: #324047;
	color: #fff;
}
.form-control:focus { border-color: #f26147; box-shadow: none; }
.bg-transparent {background-color: transparent !important;}

@media (max-width: 767px) {
.snap-content { background-color: #fff !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: inherit; }
p a { color: inherit; border-bottom: 2px solid #f26147; text-decoration: none; }
a.callNowClass, a.callNowClass2, a.callNowClass3 { border: none; }
a:hover, a:focus { color: inherit; }
p a:hover, p a:focus { border-bottom: 2px solid #f26147; }

/*------------------------------------*
	$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: #efefef; }
.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: #151515;
	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: #ccc;
	border-color: transparent;
	color: #fff;
}
.pagination > li > a, .pagination > li > span { color: #324047; }
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { color: #324047; }
/*------------------------------------*
	$BTN
\*------------------------------------*/
.btn { border-radius: 0; /*box-shadow: 0 2px 3px 0 rgba(0,0,0,0.15);*/ }
.btn-group-lg > .btn, .btn-lg { font-size: 16px;}
.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 */
.vdp-pricing-details .input-group-btn .btn { margin-left: 8px; }
.vdp-pricing-details input { border-radius: 0; }
/*------------------------------------*
	$BTN_CTA
\*------------------------------------*/
.btn-cta {
	color: #324047;
	background-color: #fff;
	border: none;
	position: relative;
}
.btn-cta::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border-bottom: 2px solid #f26147;
}
.btn-cta:hover, .btn-cta:focus, .btn-cta:active, .btn-cta.active, .open > .dropdown-toggle.btn-cta {
	color: #324047;
	background-color: #fff;
	border: none;
	position: relative;
}
.btn-cta:hover::before, .btn-cta:focus::before, .btn-cta:active::before {
	border-bottom: 4px solid #f26147;
}
.vdp-pricing-details .btn-cta, .vdp-pricing-details .btn-cta:hover, .vdp-pricing-details .btn-cta:focus, .vdp-pricing-details .btn-cta:active, .vdp-pricing-details .btn-cta.active {
	background-color: #efefef;
}

/*------------------------------------*
	$BTN_MAIN
\*------------------------------------*/
.btn-main {
	color: #324047;
	background-color: #efefef;
	border: none;
	position: relative;
}
.btn-main::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border-bottom: 2px solid #f26147;
}
.btn-main:hover, .btn-main:focus, .btn-main:active, .btn-main.active, .open > .dropdown-toggle.btn-main {
	color: #324047;
	background-color: #efefef;
	border: none;
	position: relative;
}
.btn-main:hover::before, .btn-main:focus::before, .btn-main:active::before {
	border-bottom: 4px solid #f26147;
}
/*------------------------------------*
	$BTN_ALT1
\*------------------------------------*/
.btn-alt1 {
	color: #324047;
	background-color: #efefef;
	border-color: #efefef;
}
.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: #324047;
	background-color: #ddd;
	border-color: #ddd;
}
/*------------------------------------*
	$BTN_ALT2
\*------------------------------------*/
.btn-alt2 {
	color: #324047;
	background-color: #fff;
	border-color: #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: #324047;
	background-color: #e5e5e5;
	border-color: #ddd;
}
/*------------------------------------*
	$BTN_ALT3
\*------------------------------------*/
.btn-alt3.active, .nav .btn-alt3.active /* used on specials pages as tabs */ {
	color: #fff;
	background-color: #324047;
	border-color: #324047;
}
.showroom .menu .btn-alt3 { background-image: none; } /* used on showroom page, in the left menu section */

.btn-alt3 {
	color: #fff;
	background-color: #293338;
	border-color: #293338;
}
.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: #333;
	border-color: #333;
}
/*------------------------------------*
	$BTN_ALT4
\*------------------------------------*/
.btn-alt4 {
	color: #324047;
	background-color: #fff;
	border-color: #293338;
}
.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: #fff;
	background-color: #293338;
	border-color: #293338;
}
/*------------------------------------*
	$BTN_NAV1 and $BTN_NAV2
\*------------------------------------*/
.btn-nav1, .btn-nav2 {
	color: #fff;
	background-color: transparent;
	border-color: transparent #293338 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: #293338;
	border-color: #293338;
	border-radius: 0;
}
/*------------------------------------*
	$HOME_MISC
\*------------------------------------*/
.featured-vehicle-row+.featured-vehicle-row { margin-top: 2em; }
@media (min-width: 992px) {
.featured-vehicle-row > .row { display: flex; align-items: center; }
}

/*------------------------------------*
	$HOME_QUICK-NAV
\*------------------------------------*/
.quickNav .quickNavItem {
    overflow: hidden;
    position: relative;
}
.quickNav .quickNavHeading {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
        background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.9),rgba(0,0,0,0));
        background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.9),rgba(0,0,0,0));
        background-image: linear-gradient(bottom,rgba(0,0,0,.9),rgba(0,0,0,0));
}
.quickNav hr {
	margin: 5px 0;
	width: 60px;
}

@media (min-width: 1440px) {
.quickNav .quickNavItem:hover .quickNavHover { bottom: 70px; }	
}
@media (max-width: 1439px) and (min-width: 1200px) {
.quickNav .quickNavItem:hover .quickNavHover { bottom: 45px; }	


}
@media (min-width: 992px) {
    .quickNav .quickNavItem .img-background,
    .quickNav .quickNavItem:hover .img-background {
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .quickNav .quickNavItem:hover .img-background {
        -webkit-transform: scale(1.3, 1.3);
        -moz-transform: scale(1.3, 1.3);
        -o-transform: scale(1.3, 1.3);
        -ms-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3);
    }
    .quickNav .quickNavHover {
        bottom: -15px;
        opacity: 0;
        -webkit-transition: all .3s, visibility 0s;
        transition: all .3s, visibility 0s;
        transform: skew(0, 0);
    }
    .quickNav .quickNavItem:hover .quickNavHover {
        opacity: 1;
        -webkit-transition: all .3s, visibility 0s;
        transition: all .3s, visibility 0s;
        transform: skew(0, 0);
    }
}
@media (max-width: 991px) and (min-width: 768px) {
.quickNav .img-background { padding-bottom: 33% !important; }
}
@media (max-width: 767px) {
.quickNav .img-background { padding-bottom: 120px !important;}
}



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


/*------------------------------------*
	$WIDGET_INVENTORY SEARCH
\*------------------------------------*/
.opensearch>.opensearch-input-box { background-color: transparent!important; box-shadow: none!important; }
.opensearch>.opensearch-input-box>input { border: 1px solid #ccc!important; }
.opensearch>.opensearch-input-box>button.btn-voice { background-color: #fff!important; border: 1px solid #ccc; border-left: 0; margin-left: -1px; padding-left: 13px; }
.opensearch>.opensearch-input-box>button.stat-search-submit { margin-left: 10px; }
@media (max-width: 1199px) and (min-width: 992px) {
.srpRefineSearch .opensearch>.opensearch-input-box>input { font-size: 13px; padding-left: 10px; }
.srpRefineSearch .opensearch>.opensearch-input-box>button.stat-search-submit { margin-left: 7px; padding: 4px 13px; }
}

/*------------------------------------*
	$WIDGET_BANNER
\*------------------------------------*/
.bannerLayout02 #inventorySearchWidget { color: #fff; padding: 10px 25px 15px; }
#inventorySearchWidget .btn-main { background-color: #f26147; border-color: #f26147; color: #fff; }
#inventorySearchWidget .btn-main:hover { background-color: #d25039; border-color: #d25039; }

@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: #293338; }
}

/*------------------------------------*
	$FOOTER
\*------------------------------------*/
footer { background-color: #293338; color: #fff; }
footer .copyright { color: #fff; text-transform: uppercase; letter-spacing: 1px; }
footer .copyright a:hover, footer .copyright a:focus { border-bottom: 2px solid #f26147; }


/*------------------------------------*
	$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: #efefef;
	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: #324047;
	text-transform: uppercase;
	letter-spacing: 2px;
}

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

/*------------------------------------*
	$CAROUSEL
\*------------------------------------*/
@media (min-width: 992px) {
.carousel-control { opacity: 0.8 !important; width: 8% !important; text-shadow: 0px 1px 6px rgba(0,0,0,.9) !important; }
.carousel-control:focus, .carousel-control:hover { opacity: 1 !important; }
.carousel-control .fa { font-size: 50px !important; top: calc(50% - 28px) !important; }
}
@media (max-width: 991px) {
.carousel-control { opacity: 0.8 !important; width: 10% !important; text-shadow: 0px 1px 6px rgba(0,0,0,.9) !important; }
.carousel-control:focus, .carousel-control:hover { opacity: 1 !important; }
.carousel-control .fa { font-size: 40px !important; top: calc(50% - 10px) !important; }
}

/*DES-161370*/ /*DES-164465*/
.copyrightProvider a { pointer-events: none; cursor: default; }

/*01196911 ADA - color contrast issue*/ 
.vehicle-card--mod .highlights-disclaimer__label {color: var(--main-color) !important;}
.srp-pagination .pagination .active a {background-color: var(--main-color) !important;}
.search-submit__button {color: var(--main-color) !important;}
.wizard ul li.active a {color: var(--main-color) !important;}
.wizard ul li.active {background-color: #efefef !important;}
.mrp .feature-search-button { background-color: #fff; color: var(--main-color); }


/*01397542 ADA AXE Remediation*/
#mobileLeadDriverForm > .optOutInput.col-sm-12.checkbox > label > .help-block{color:#fff !important;}
.nav-tabs.nav-justified>li:not(.active)>a.staffNavTabs, .nav-tabs>li:not(.active)>a.staffNavTabs{background-color: #757575;}
.nav-tabs.nav-justified>li:not(.active)>a.staffNavTabs:hover, .nav-tabs.nav-justified>li:not(.active)>a.staffNavTabs:focus, .nav-tabs>li:not(.active)>a.staffNavTabs:hover, .nav-tabs>li:not(.active)>a.staffNavTabs:focus{color: #fff;}
.vdp .details-header .vehicle-title__year{color:#757575 !important;}
.vdp .details-header .vehicle-status, .vdp .vehicle-details .price-drop__alert-button{color:var(--main-color) !important;}
.vdp .all-features .feature-tabs__link--active{border: 2px solid var(--main-color) !important; color: var(--main-color) !important;}
.vdp .all-features .feature-tabs__link--active:before, .vdp .vehicle-details .price-drop{background-color: var(--main-color) !important;}
.vdp .vehicle-details .price-drop__header .specialTags--bottom{
	background-color: var(--main-color) !important;
	color: var(--main-color) !important;
}
h1 sup > small, h2 sup > small, h3 sup > small, h4 sup > small, h5 sup > small, h6 sup > small, .h1 sup > small, .h2 sup > small, .h3 sup > small, .h4 sup > small, .h5 sup > small, .h6 sup > small{color:#595959 !important;}
#vehicle-carousel-block .buttons-container  a.secondary-cta{
	color: var(--main-color) !important;
	border-color: var(--main-color) !important;
}
#vehicle-carousel-block .buttons-container  a.secondary-cta::before{
	border-bottom: 2px solid var(--main-color) !important;
}
#vehicle-carousel-block .buttons-container  a.secondary-cta:hover::before, #vehicle-carousel-block .buttons-container  a.secondary-cta:focus::before, #vehicle-carousel-block .buttons-container  a.secondary-cta:active::before{
	border-bottom: 4px solid var(--main-color) !important;
}
@media (min-width: 1533px) {
    .list-view .vehicle-card--mod .vehicle-more-details .comments-button--more {
        color: var(--main-color) !important;
    }
}
@media (min-width: 768px) {
    .nav-tabs.nav-justified>i:not(.active)>a.staffNavTabs {
        border-bottom: 1px solid #757575;
    }
}

.vehicle-card--mod .vehicle-status {
    color: var(--main-color) !important;
    border: 1px solid var(--main-color) !important;
}