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

	CUSTOM_PROPERTIES
	FONT_FAMILY
	FONT_COLOR
	FONT_SIZE
	BACKGROUND COLORS
	ANCHOR
	LIST GROUP
	PANEL
	WELL
	TABLE
	TABS
	NAV RESET
	NAVTABS
	NAV-INVERSE
	FORM CONTROL
	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
	WIDGET_FEATURED VEHICLES SCROLLER
    SOCIAL_SEC
	FOOTER
	FIXED_HEADER
	SRP/VDP

	cta				257AA7
	cta hover		196893
	main			1c394f
	main hover		192e3e

/*------------------------------------*
	$CUSTOM_PROPERTIES
\*------------------------------------*/
:root {
	--cta-background-color: #257AA7;
	--cta-font-color: #fff;
	--cta-hover-color: #196893;
	--main-color: #1c394f;
}

/*------------------------------------*
	$FONT_FAMILY
\*------------------------------------*/
body { font-family: Arial, Helvetica, sans-serif; }
.heading-xl, .heading-lg, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: 'antennaRegular'; }
b, strong { font-family: inherit; font-weight: bold !important; }
.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: Lato, sans-serif; }

/* Font Weight Classes */
.font-extra-light { font-family: 'antennaRegularExtralight'; }
.font-light { font-family: 'antennaRegularLight'; }
.font-regular { font-family: 'antennaRegular'; }
.font-bold, .heading-bold { font-family: 'antennaRegularBold'; }

/*------------------------------------*
	$FONT_COLOR
\*------------------------------------*/
hr { border-top-color: #ddd; }
.text-default { color: #333; }
.text-white { color: #fff; }
.text-main { color: var(--main-color); }
.text-cta { color: #0071AD; }

/*------------------------------------*
	$FONT_SIZE

	Headers scale based on body
	font-size. Bootstrap default body
	font size is 14px.
\*------------------------------------*/

@media (max-width:991px) {
body, .btn, .dropdown-menu, .form-control { font-size: 13px; }
}
/*------------------------------------*
	$BACKGROUND COLORS
\*------------------------------------*/
.bg-main {
	background-color: var(--main-color);
	color: #fff;
	border: 1px solid transparent;
}
.bg-cta {
	background-color: var(--cta-background-color);
	color: #fff;
	border: 1px solid transparent;
}
.bg-alt1 {
	background-color: #242424;
	color: #fff;
	border: 1px solid transparent;
}
.bg-alt2 {
	background-color: #5e6265;
	color: #fff;
	border: 1px solid transparent;
}
.bg-alt3 {
	background-color: #7f848a;
	color: #1a1a1a;
	border: 1px solid transparent;
}
.bg-alt4 {
	background-color: #f2f2f2;
	border: 1px solid transparent;
}
.offerBlock {
	background-color: #13457e;
	color: #fff;
}


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

/*------------------------------------*
	$LAYOUT
\*------------------------------------*/
.contentSectionE, .contentSectionO { padding: 50px 0; }

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

/* Carousels */
.carousel-control:focus-visible .fa { outline: 3px solid Highlight; outline: 3px auto -webkit-focus-ring-color !important; outline-offset: 1px !important; }
.carousel-indicators li { width: 12px; height: 12px; margin: 1px 5px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8); background-color: rgba(0,0,0,0.1); }
.carousel-indicators .active { width: 14px; height: 14px; margin: 0 4px; background-color: var(--cta-background-color); }
[id^=carouselWithDisclaimer-] [id^=disclaimerModal-] .banner-disclaimer-content { background-color: #fff!important; color: #000!important; }
#carousel-Main .carousel-control { opacity: 0.6; }
#carousel-Main .carousel-control:hover { opacity: 0.9; }
#carousel-Main .carousel-control .fa { background: #000; height: 45px; width: 45px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 21px; }
#carousel-Main .carousel-control.left .fa { margin-right: auto; }
#carousel-Main .carousel-control.right .fa { margin-left: auto; }

@media (min-width: 1200px) {
#carousel-Main .carousel-control { width: 9%; }
}
@media (max-width: 1199px) {
#carousel-Main .carousel-control .fa { font-size: 27px; border-radius: 0; height: 33px; width: 33px; }
#carouselWithDisclaimer-Main .carousel-navigation-controls .carousel-control { bottom: 20px !important; top: 20px !important; padding: 0; }
}

/*------------------------------------*
	$ANCHOR
\*------------------------------------*/
a { color: #0071AD; }
.bg-main a:not(.btn) { color: #00A6FF; }
.bg-alt1 a:not(.btn) { color: #2D95CD; }
a:hover, .btn:hover, .btn:active, .btn:focus { color: #0071AD; }
p a, p a:hover, p a:focus { text-decoration: underline; }

/*------------------------------------*
	$LIST GROUP
\*------------------------------------*/
.list-group-item { }
a.list-group-item { }
a.list-group-item:hover, a.list-group-item:focus { }

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

/*------------------------------------*
	$WELL
\*------------------------------------*/
.well {
	box-shadow: none;
	border-radius: 0;
}
/*------------------------------------*
	$TABLE
\*------------------------------------*/
.table thead tr th { }
.table thead tr th, .table tbody tr th, .table tfoot tr th, .table thead tr d, .table tbody tr td, .table tfoot tr td { }
/*------------------------------------*
	$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: #002A44;
	border-color: transparent;
	color: #fff;
}
/*------------------------------------*
	$FORM CONTROL
\*------------------------------------*/

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { border-radius: 0; }
/*------------------------------------*
	$NAV-INVERSE
\*------------------------------------*/
.navbar-inverse { }
/*------------------------------------*
	$PAGINATION
\*------------------------------------*/
.pagination { }
.pagination li a, .pagination li span { }
.pagination .active a, .pagination .active span, .pagination .active a:hover, .pagination .active span:hover, .pagination .active a:focus, .pagination .active span:focus {
	background-color: #757575;
	border-color: transparent;
	color: #fff;
}
.pagination>.disabled>a { color: #555; }
/*------------------------------------*
	$BTN
\*------------------------------------*/
.btn {
	border-radius: 0;
	font-weight: normal !important;
}

/*------------------------------------*
	$BTN_CTA
\*------------------------------------*/
.btn-cta {
	color: #fff;
	background: var(--cta-background-color);
	border-color: var(--cta-background-color);
}
.btn-cta:hover, .btn-cta:focus, .btn-cta:active, .btn-cta.active, .open > .dropdown-toggle.btn-cta {
	color: #fff;
	background: var(--cta-hover-color);
	border-color: var(--cta-hover-color);
}
/*------------------------------------*
	$BTN_MAIN
\*------------------------------------*/
.btn-main, .btn-alt3.active, .nav .btn-alt3.active {
	color: #fff;
	background-color: var(--main-color);
	border-color: var(--main-color);
}
.btn-main:hover, .btn-main:focus, .btn-main:active, .btn-main.active, .open .dropdown-toggle.btn-main {
	color: #fff;
	background-color: #192e3e;
	border-color: #192e3e;
}
/*------------------------------------*
	$BTN_ALT1
\*------------------------------------*/
.btn-alt1 {
	color: var(--cta-background-color);
	background-color: transparent;
	border-color: var(--cta-background-color);
}
.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: #fff;
	background-color: var(--cta-background-color);
	border-color: var(--cta-background-color);
}
/*------------------------------------*
	$BTN_ALT2
\*------------------------------------*/
.btn-alt2 {
	color: var(--main-color);
	background-color: transparent;
	border-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: var(--main-color);
	border-color: var(--main-color);
}
/*------------------------------------*
	$BTN_ALT3
\*------------------------------------*/
.btn-alt3 {
	color: #fff;
	background-color: var(--main-color);
	border-color: var(--main-color);
}
.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: #192e3e;
	border-color: #192e3e;
}
/*------------------------------------*
	$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: #fff;
	background-color: var(--cta-background-color);
	border-color: var(--cta-background-color);
}
/*------------------------------------*
	$BTN_ALT5
\*------------------------------------*/
.btn-alt5 {
	color: #fff;
	background-color: transparent;
	border-color: #fff;
}
.btn-alt5:hover, .btn-alt5:focus, .btn-alt5:active, .open .dropdown-toggle.btn-alt5, .nav .btn-alt5:hover, .nav .btn-alt5:focus, .nav .btn-alt5:active {
	color: #fff;
	background-color: var(--main-color);
	border-color: var(--main-color);
}
/*------------------------------------*
	$BTN_NAV1 and $BTN_NAV2
\*------------------------------------*/
.btn-nav1, .btn-nav2 {
	color: #000;
	background-color: transparent;
	border-color: transparent #ddd transparent #ddd;
}
.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: #000;
	background-color: #ddd;
	border-color: #ddd;
}
/*------------------------------------*
	$HOME_MISC
\*------------------------------------*/
#dealerOnCoupon #couponFooter span.couponDisclaimer {
    color: #767676!important;
}

/*------------------------------------*
	$HOME_QUICK-NAV
\*------------------------------------*/
.quickNav .quickNavHeading {
	background: rgba(45,150,205,0.5);
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    background-image: linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
}
.quickNav .quickNavItem {
    overflow: hidden;
    position: relative;
}
.quickNav .quickNavHeading {
    letter-spacing: 2px;
    padding: 25px;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
}
.quickNav .quickNavHeading hr {
	width: 40px;
}

@media (min-width: 1800px) {
    .quickNavItem .img-background.visible-lg { padding-bottom: 52% !important; }
}

@media (max-width: 1199px){
	.quickNav .quickNavHeading .h1 { font-size: 28px; }
}

@media (min-width: 992px) {
    .quickNav .quickNavHeading { padding: 25px; }
    .quickNav .quickNavItem .bgOverlay {
        background-color: rgba(0, 0, 0, .7);
        bottom: 0;
        left: 0;
        position: absolute;
        top: 0;
        right: 0;
        -webkit-transition: opacity 0.25s;
        -moz-transition: opacity 0.25s;
        transition: opacity 0.25s;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
    }
    .quickNav .quickNavItem:hover .bgOverlay {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }
    .quickNav .quickNavItem .buttonBlock {
        bottom: 25px;
        left: 25px;
        position: absolute;
        right: 25px;
        z-index: 1;
    }
    .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 .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
}

@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 .3s ease-in-out;
    	-moz-transition: all .3s ease-in-out;
    	transition: all .3s ease-in-out;
	}
}

@media (max-width: 991px) and (min-width: 768px) {
    .quickNavItem .quickNavHeading h3 { font-size: 20px !important; }
}

@media (max-width: 767px) {
	.quickNav .quickNavHeading { padding: 35px; }
}

.qNavItem {
text-align: center;
display: block;
background:rgba(250,250,250,1);
color: #222;
padding: 25px 10px;
transition: all .3s ease-in-out;
}
.qNavItem:hover {
background:rgba(45,150,205,1);
color: #fff;
}
.qNavItem2 {
text-align: center;
display: block;
background:rgba(45,150,205,1);
color: #fff;
padding: 25px 10px;
transition: all .3s ease-in-out;
}
.qNavItem2:hover {
background:rgba(26,68,131,1);
color: #fff;
}
@media (min-width: 1200px) {
.qNavs {
position: absolute;
z-index: 5;
width: 100%;
bottom: 0;
background: rgba(0,0,0,0.4);
padding: 40px 0;
}
}
@media (max-width: 1199px) {
.qNavs {
z-index: 5;
width: 100%;
bottom: 0;
background: rgba(0,0,0,0.4);
padding: 20px 0;
}
.qNavItem {padding: 15px 10px;}
.qNavItem2 {padding: 15px 10px;}
}

/*------------------------------------*
	$HOME_INVENTORY SEARCH BUTTONS
\*------------------------------------*/
@media (max-width:767px) {
.mobileSearchNewBlock, .mobileSearchUsedBlock, .mobileViewSpecialsBlock {
	position: relative;
	border-top: 2px solid #fff;
}
.searchNewBlockM .btn, .searchUsedBlockM .btn, .specialsBlockM .btn { font-size: 20px; }
.searchNewBlockM, .searchUsedBlockM, .specialsBlockM {
	position: absolute;
	top: 25%;
	left: 5%;
}
}
/*------------------------------------*
	$WIDGET_INVENTORY SEARCH
\*------------------------------------*/
#block1 {
	padding-left: 0;
	padding-right: 0;
}
#inventorySearchWidget {
	padding: 10px;
}
#inventorySearchWidget .isTitle {
	font-weight: normal !important;
	font-size: 22px;
}
.bannerWrapper.bannerLayout01 #block1 {
	box-shadow: none;
}
.bannerWrapper.bannerLayout01 #inventorySearchWidget .btn-main {
	background-color: var(--cta-background-color);
	border-color: var(--cta-background-color);
}
.bannerWrapper.bannerLayout01 #inventorySearchWidget .btn-main:hover {
	background-color: var(--cta-hover-color);
	border-color: var(--cta-hover-color);
}
.bannerWrapper.bannerLayout02,
.bannerWrapper.bannerLayout02 #block1 {
	box-shadow: none;
	padding: 0;
}
.bannerWrapper.bannerLayout02 #inventorySearchWidget {
	background: var(--cta-background-color);
	padding: 10px 20px;
	color: #fff;
}
.bannerWrapper.bannerLayout02 #inventorySearchWidget .btn-main {
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
	margin-top: 10px;
}
.bannerWrapper.bannerLayout02 #inventorySearchWidget .btn-main:hover {
	background-color: #fff;
	color: var(--cta-background-color);
	margin-top: 10px;
}

@media(min-width:1250px) {
	.bannerWrapper.bannerLayout02 #inventorySearchWidget { margin-top: 40px; }
}
@media(max-width:1249px) and (min-width:992px) {
	.bannerWrapper.bannerLayout02 #inventorySearchWidget { margin-top: 25px; }
}
@media(min-width:1200px) {
	.bannerWrapper.bannerLayout01 #block1 { padding-right: 30px; }
}
@media(min-width:992px) {
	.bannerWrapper { padding: 40px 0; }
}
/*------------------------------------*
	$WIDGET_BANNER
\*------------------------------------*/


/*------------------------------------*
	$WIDGET_MODELBAR
\*------------------------------------*/
.modelBar.panel {
	border: none;
	padding: 0;
	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;
}

@media(max-width: 992px) {
.modelBar.panel {
	border: none;
	padding: 0 1em;
}
}

/*------------------------------------*
	$SOCIAL_SEC
\*------------------------------------*/
.socialSec .fa {
    background-color: #fff;
    border-radius: 50px;
    color: var(--cta-background-color);
    font-size: 25px;
    height: 50px;
    margin: 10px 5px;
    padding-top: 16px;
    width: 50px;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
}

.socialSec .fa:hover {
	background-color: #1d74a2;
	color: #fff;
}

/*------------------------------------*
	$FOOTER
\*------------------------------------*/
footer { background-color: #f3f3f3; margin-top: 0 !important; }
footer .providerLogo { display: none !important; }
.homepage .fordGlobalDisclosure { padding: 25px 15px 15px; }

/*------------------------------------*
	$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: 123px; }
}
/*------------------------------------*
	$SRP/VDP
\*------------------------------------*/

/* SF 01376734 */
div[data-vehicletype="used"] prequal-app-button { display: none; }


/*---------------------------------------*
	MLD
--------------------------------------------*/
#offerBar { padding: 10px 0; }
#offerContainer { background-color: #13457e; }
#offerDropdownTitle { color: inherit; font-weight: bold; }
#mobileLeadDriverSubmit { background-color: var(--cta-background-color); }
.offerBlock ul { text-align: center; margin: 0; }
#offerContainer .help-block, #offerContainer.bg-main a:not(.btn) {color:inherit !important;}

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