@import "/assets/fonts/nissanbrandW01/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
	FIXED_HEADER
	MOBILE LEAD DRIVER

	cta				C3002F
	cta hover		b0112b
	main			000000
	main hover		222222

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

/*------------------------------------*
	$FONT_FAMILY
\*------------------------------------*/
body { font-family: Helvetica, Arial, sans-serif; }
strong, b { font-family: 'NissanBrandW01-Bold'; }
.heading-xl, .heading-lg, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: 'NissanBrandW01-Regular'; text-transform: uppercase;}
.btn { font-family: 'NissanBrandW01-Regular'; text-transform: uppercase;}
.btn, #inventorySearchWidget .isTitle, .srpRefineSearch .panel-title, .srpVehicle h2, .srpVehicle h1.vehicleTitle, #vehiclePageViews h2, .featuredVehicle .title h3, strong, b { font-weight: normal !important; }
.vdp__left-column :not(i), .vdp__right-column :not(i), .wasabi_srp * { font-family: 'NissanBrandW01', Arial, Helvetica, sans-serif; }
.vehiclePricingStack .priceBlocItemPriceValue, .vehiclePricingStack .priceBlockItemRebateValue, .vehiclePricingStack .vehiclePricingHighlightAmount, .vehicle-identifiers__label, .vehicle-identifiers__value { font-family: Helvetica, sans-serif; font-weight: 700!important; }

/*------------------------------------*
	$FONT_COLOR
\*------------------------------------*/
hr { border-top-color: #ddd; }
.text-default { color: #222; } /* place default body color here */
.text-main { color: #000; }
.text-cta { color: #C3002F; }
.heading-bold { font-family: 'NissanBrandW01-Bold'; }

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

/*------------------------------------*
	$BACKGROUND COLORS
\*------------------------------------*/
.bg-main {
	background-color: #000;
	border: 1px solid transparent;
	color: #fff;
}
.bg-cta {
	background-color: #C3002F;
	border: 1px solid transparent;
	color: #fff;
}
.bg-alt1 {
	background-color: #fcfcfc;
	border: 1px solid transparent;
}
.bg-alt2 {
	background-color: #636363;
	border: 1px solid transparent;
	color: #fff;
}
.bg-alt3 {
	background-color: #141414;
	border: 1px solid transparent;
	color: #fff;
}
.offerBlock {
	background-color: #000;
	color: #fff;
}

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

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

@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) {
.contentSectionO, .contentSectionE { padding: 30px 0; }
}
footer {margin-top: 0 !important;}
/*------------------------------------*
	$ANCHOR
\*------------------------------------*/
a { color: #767676; }
a:hover, a:focus { color: #666; text-decoration: underline; }
#privacyPolicy p a:link, #privacyPolicy p a:hover, #privacyPolicy 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; }
.panel-heading a:not(.btn) { background-color: inherit; color: #6B6B6B; }
/*------------------------------------*
	$WELL
\*------------------------------------*/
.well { box-shadow: none;border-radius: 0; }
.well a:not(.btn) { color: #6B6B6B; }
/*------------------------------------*
	$TABLE
\*------------------------------------*/

/*------------------------------------*
	$TABS
\*------------------------------------*/
.nav-tabs.nav-justified > li > a:not(.navbar-inverse), .nav-tabs > li > a:not(.navbar-inverse) { 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: #212121;
	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: #767676;
	border-color: transparent;
	color: #fff;
}
/*------------------------------------*
	$BTN
\*------------------------------------*/
.btn {
	border-radius: 0;
	-moz-transition: background-color 200ms linear 0s, color 200ms linear 0s, border-color 200ms linear 0s;
	-webkit-transition: background-color 200ms linear 0s, color 200ms linear 0s, border-color 200ms linear 0s;
	transition: background-color 200ms linear 0s, color 200ms linear 0s, border-color 200ms linear 0s;
	text-transform: uppercase;
}
.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 */
/*------------------------------------*
	$BTN_CTA
\*------------------------------------*/
.btn-cta {
	color: #fff;
	background: #C3002F;
	border-color: #C3002F;
}
.btn-cta:hover, .btn-cta:focus, .btn-cta:active, .btn-cta.active, .open > .dropdown-toggle.btn-cta {
	color: #fff;
	background: #b0112b;
	border-color: #b0112b;
}
/*------------------------------------*
	$BTN_MAIN
\*------------------------------------*/
.btn-main, .btn-alt3.active, .nav .btn-alt3.active /* used on specials pages as tabs */ {
	color: #fff;
	background: #000;
	border-color: #000;
}
.btn-main:hover, .btn-main:focus, .btn-main:active, .btn-main.active, .open .dropdown-toggle.btn-main {
	color: #fff;
	background: #222;
	border-color: #222;
}
.showroom .menu .btn-alt3 { background-image: none; } /* used on showroom page, in the left menu section */
/*------------------------------------*
	$BTN_ALT1
\*------------------------------------*/
.btn-alt1 {
	color: #000;
	background-color: #fff;
	border-color: #BFBFBF;
}
.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: #ccc;
	border-color: #ccc;
}
/*------------------------------------*
	$BTN_ALT2
\*------------------------------------*/
.btn-alt2 {
	color: #fff;
	background-color: #636363;
	border-color: #636363;
}
.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: #767676;
	border-color: #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: #555;
	border-color: #555;
}
.homepage .btn-alt3 {
	color: #fff;
	background-color: transparent;
	border-color: #fff;
}
.homepage .btn-alt3:hover, .homepage .btn-alt3:focus, .homepage .btn-alt3:active, .homepage .open .dropdown-toggle.btn-alt3, .homepage .nav .btn-alt3:hover, .homepage .nav .btn-alt3:focus, .homepage .nav .btn-alt3:active {
	color: #000;
	background-color: #fff;
	border-color: #fff;
}
/*------------------------------------*
	$BTN_NAV1 and $BTN_NAV2
\*------------------------------------*/
.btn-nav1, .btn-nav2 {
	color: #333;
	background-color: transparent;
	border-color: transparent #ddd 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: #333;
	border-color: #333;
	border-radius: 0;
}
/*------------------------------------*
	$HOME_MISC
\*------------------------------------*/
.socialSec a {
display: block;
padding: 15px 10px 0;
border-radius: 50%;
height: 50px;
width: 50px;
margin: 7px 6px;
color:#222;
background: #fff;
text-align: center;
transition: all 250ms ease-in-out;
}
.socialSec a:hover { background: #C3002F; color: #fff; }
.socialSec .fa { font-size: 25px; }
.socialSec ul { margin: 0; }
#dealerOnCoupon #couponFooter span.couponDisclaimer { color: #767676!important; }

/*------------------------------------*
	$HOME_QUICK-NAV
\*------------------------------------*/
.quickNav a .quickNavItem {background-color: #C3002F; color:#fff; padding:3em 1em; transition: all 250ms ease-in-out;}
.quickNav a:hover .quickNavItem {background-color: #b0112b; color:#fff;}
.quickNav a .quickNavItem.bg-alt {background-color: #C3002F;}
.quickNav a:hover .quickNavItem.bg-alt {background-color: #b0112b;}

@media (max-width: 767px) {
.quickNav .quickNavItem {margin-bottom:5px;}
}

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


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


/*------------------------------------*
	$WIDGET_BANNER
\*------------------------------------*/
.bannerLayout01 > .container { background-color: transparent; }
.bannerLayout01 #inventorySearchWidget { color: #fff; padding: 10px 8px; }
.bannerLayout02 #inventorySearchWidget { color: #fff; padding: 10px 25px 15px; }
.bannerWrapper .btn-main { background-color: #C3002F; border-color: #C3002F; color: #fff; }
.bannerWrapper .btn-main:hover { background-color: #b0112b; border-color: #b0112b; }

@media (min-width: 992px) {
.bannerLayout01 > .container { background-color: #111; }
.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: #212121; }
}

/*------------------------------------*
	$WIDGET_MODELBAR
\*------------------------------------*/
.modelBarBg .sectionHeading { font-size: 36px; margin-bottom: 20px; }
.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: 0px;
	color: #333;
}
.modelBarBg .col-model-thumb .carImage { background-size: cover !important; padding-top: 60% !important; -moz-transform: scale(0.95); -webkit-transform: scale(0.95); transform: scale(0.95); transition: all 200ms ease-in-out; }
.modelBarBg .col-model-thumb .carImage:hover { -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }

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

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

/*------------------------------------*
	$SRP_VDP
\*------------------------------------*/
.details-header .vehicle-title__year { color: #767676!important; }

/*------------------------------------*
	$MRP
\*------------------------------------*/
.bg-gray .text-muted, .bg-gray a:not(.btn), .bg-alt1 .text-muted, .bg-alt1 a:not(.btn) { color: #636363; }
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { color: #767676; }

/*------------------------------------*
	$APEX FIX DES-124284
\*------------------------------------*/

.Apex-flex .apex_header-ymmt.text-cta { color: #333 !important; }

/*------------------------------------*
	$Nissan Showcase ADA Axe Remediation-01409257
\*------------------------------------*/
.contentWrapper p a, .contentWrapper p a:hover, .contentWrapper p a:focus, .contentWrapper p.lead a, .contentWrapper p.lead a:hover, .contentWrapper p.lead a:focus{
    text-decoration:underline !important;
 }
 .showroom .vehicle .cta .btn-alt3 {
    background: #595959 !important;
    border-color: #595959 !important;
}
.row.employee:nth-child(odd) a.stat-text-link:link{
    color: #636363 !important;
}
.offerBlock .optOutInput .help-block, .bonusBlock a, .bonusBlock a:hover, .bonusBlock a:focus, .bonusBlock a:active{color:#fff !important;}