@import url('../css/vlp.css');
/* add page-specific css below */
body{margin-right:0 !important}/*just for compare pullout*/
body > header #navigation nav{margin-right:0 !important;}/*just for compare pullout*/
body > header{z-index:4}/*just for nav to be over inventory search*/
body > .comparebtn {z-index:3 !important;}
@media(max-width:599px){
	#cncb3 {z-index:3 !important;}
}

/* list view */
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap.mobile .listOpts{display:none;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap:not(.mobile) .listOpts{width:60px;height:0;position:relative;top:7px}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap:not(.mobile) .listOpts > div{width:30px;border:1px solid;font-size:20px;text-align:center;line-height:25px;opacity:0.6;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap:not(.mobile) .listOpts > div.active{opacity:1;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap:not(.mobile).list .table-row{width:100%;height: 220px;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap:not(.mobile).list .table-row .col,
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap:not(.mobile).list .table-row .col .vehicle,
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap:not(.mobile).list .table-row .col .vehicle .padding{width:100%;height:100% !important;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap:not(.mobile).list .table-row .col .vehicle .padding .imagewrap{width:25%;height:100% !important;display:block;overflow:hidden;position:relative;top:50%;left:5%;transform:translateY(-50%);}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap:not(.mobile).list .table-row .col .vehicle .padding .imagewrap.wide a img{position:relative;top:50%;transform:translateY(-50%);}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap:not(.mobile).list .table-row .col .vehicle .price-disc{width:calc(100% - 40px);position:absolute;bottom:0;left:0;margin:20px;text-align:center;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap:not(.mobile).list .table-row .col .vehicle a.quick-view{width:30%;position:absolute;left:66.66%;top:55%;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap:not(.mobile).list .table-row .col .vehicle .compareBtn{width:100%;padding:7px;transform: translateY(-50%);}
/* grid view */
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle{float:none;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle .padding{transition:opacity 0.5s;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle .padding .imagewrap{width:100%;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle .padding .imagewrap a{width:100%;height:100%;display:block;overflow:hidden;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle .padding .imagewrap a img{width:auto;height:100%;max-width:100000px;min-width: 100%;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle .padding .imagewrap.wide a img{width:100%;height:auto;max-width:100000px;min-width:100%;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle .padding .text-center .price-header{font-size:20px;font-weight:bold;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle .price-disc{margin:20px;text-align:center;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle a.quick-view{width:100%;padding: 15px;border-radius:0 !important;margin-top: 3px;position:relative;font-style:normal;font-weight:bold;transition:all 0.33s;display:block;font-size:14px;line-height:14px;letter-spacing: 1px;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle a.quick-view.privateOffer {/*background-color: transparent; padding: 0;*/}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle a.edmunds-instant-offer-trigger{width:100%;padding:15px;border-radius:0 !important;margin-top:3px;position:relative;font-style:normal;font-weight:bold;display:block;font-size:14px;line-height:14px;letter-spacing: 1px;background-color:#2070e8;color:#FFF;text-transform:uppercase;text-align:center}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle .compareBtn{width:100%;padding:20px;border-top:none;margin:0;position:relative;left:0;bottom:0;font-size:14px;display:block;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle .compareBtn input{}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle .compareBtn .compareTxt{padding-left:0;position:relative;font-weight:bold;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle .compareBtn input:checked{}
/* remove extra space caused by exelate tag */
body img[src*="exelator"] {position: absolute; top: 0; left: 0;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle .padding .text-center div.vtrim {color: #53565a !important;}
.panel-body .option span.text-wrap .count {color: #ffffff;}
@media (max-width: 767px){
  [id*="inventory-list-"]:not(.desktop):not(.laptop) #listing-block .cars .imw-search-bar .mobile-filter-toggles-section a[class^=toggle-] {line-height: 50px !important;display: inline-block !important;justify-content: initial !important;align-items: initial !important;}
}
#listing-block .filters h4.panel-title a, .panel-body .option span.text-wrap{ text-align: left !important; }
#listing-block .cars .inventory-results-wrap .table-row .col .vehicle .padding .text-center {padding: 10px 10px 0 !important;}
/* specials widget - banners */
.specials-widget div[class*="New_VLP_Banner"] {width: 100%;padding-bottom: 5px;}
.specials-widget div[class*="New_VLP_Banner"] .special .specialPrintableSection .title {display: none;}
.specials-widget div[class*="New_VLP_Banner"] .special .specialPrintableSection .description {width: 100%;margin: 0;position: relative;height: auto !important;}
.specials-widget div[class*="New_VLP_Banner"] .special .specialPrintableSection .description .banner-box {background-color: #004b87;color: #fff;padding: 5px; display: none;}
.specials-widget div[class*="New_VLP_Banner"] .special .specialPrintableSection .description .banner-box .vehicle-title {display: block;text-transform: uppercase;font-size: 12px;}
.specials-widget div[class*="New_VLP_Banner"] .special .specialPrintableSection .description .banner-box > span:not(.vehicle-title) {font-size: 20px;font-weight: bold;}
.vertical-padded-elements > * {margin-bottom: 0;}
@media (min-width: 992px) {
  .specials-widget div[class*="New_VLP_Banner"] .special .specialPrintableSection .description {position: absolute;bottom: 25%;right: 5vh;max-height: 100px;}
  .specials-widget div[class*="New_VLP_Banner"] .special .specialPrintableSection .description .banner-box {width: 30%;float: right;padding: 10px;}
  .specials-widget div[class*="New_VLP_Banner"] .special .specialPrintableSection .description .banner-box .vehicle-title {font-size: 14px;}
  .specials-widget div[class*="New_VLP_Banner"] .special .specialPrintableSection .description .banner-box > span:not(.vehicle-title) {font-size: 20px;}
  div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle a.quick-view {font-size: 12px;}
}
@media (min-width: 1200px) {
    .specials-widget div[class*="New_VLP_Banner"] .special .specialPrintableSection .description {right: 5vh;}
    .specials-widget div[class*="New_VLP_Banner"] .special .specialPrintableSection .description .banner-box {padding: 10px;}
    .specials-widget div[class*="New_VLP_Banner"] .special .specialPrintableSection .description .banner-box .vehicle-title {font-size: 16px;}
    .specials-widget div[class*="New_VLP_Banner"] .special .specialPrintableSection .description .banner-box > span:not(.vehicle-title) {font-size: 28px;}
}
/* styles - no aip */
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle {text-align: left;padding-bottom: 0;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle .fee-row.feedDiscount {display: block; width: 100%;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle .fee-row.feedDiscount .fee-label {display: inline-block; width: 60%;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle .fee-row.feedDiscount .fee-value {display: inline-block; width: 40%; text-align: right;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle .vehicleResultsWasPriceWrapper {display: block;width: 100%;text-align: left; padding-bottom: 5px;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle .padding span.wasPriceText {display: inline-block; width: 60%; text-align: left;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle .padding span.vehicleResultsWasPrice {display: inline-block;width: 40%;text-align: right;float: right;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle .padding .vehicleResultsPrices .feedDiscount {padding-bottom: 5px;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle .padding span.nowPriceText {display: inline-block; width: 60%;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle .padding span.vehicleResultsSelectedPrice {display: inline-block;width: 40%;text-align: right;float: right;color: #000;font-weight: bold;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle .padding .vehicleResultsPrices.noSBFDiscount .selectedPriceDiv.onlyMsrp span.vehicleResultsSelectedPrice {text-decoration: none;}
/* styles aip */
.vehicle .pc:not(:empty) ~ div {display:none;}
.vehicle .pc .fee-row {display: block; width: 100%; padding-bottom: 5px;}
.vehicle .pc .fee-row .fee-label {display: inline-block; width: 60%; text-align: left;}
.vehicle .pc .fee-row .fee-value {display: inline-block; width: 40%; text-align: right;}
.vehicle .pc .fee-row.discount .fee-label:after {content: ": ";}
.vehicle .pc .fee-row.priceTaxDisclosure {text-align: left; font-weight: normal; font-size: 14px; padding-top: 5px;}
.vehicle .fee-row.yourPriceDiv {display: block; width: 100%; padding-top: 5px;}
.vehicle .fee-row.yourPriceDiv .fee-label {display: inline-block; width: 60%;}
.vehicle .fee-row.yourPriceDiv .fee-value {display: inline-block; width: 40%; text-align: right; font-weight: bold;}
/* new vlp styles */
#listing-block .vehicle .padding {text-align: left;padding: 10px 10px 0 10px;color: #000;/* font-size: 16px; */}
#listing-block .vehicle .padding h4 {margin-bottom: 10px;font-size: 16px;font-weight: normal;}
#listing-block .vehicle .padding h4 .vehicleResultsPrices {text-transform: uppercase;border-bottom: 1px solid #aaa;margin-bottom: 10px;padding-bottom: 10px;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle .padding span.vehicleResultsSelectedPrice {text-decoration: line-through;}
#listing-block .vehicle .padding h4 .pc div.initial span.fee-value{text-decoration: none}
#listing-block .vehicle .padding h4 .pc div.net-wrapper + div.initial span.fee-value{text-decoration: line-through}
#listing-block .vehicle .padding h4 .pc .pcBtm .fee-row.net-wrapper span{font-weight:bold;font-size:20px;font-family: "Antenna";}

/*incentives*/
#listing-block .vehicle .padding h4 .vehicleResultsPrices .pc div.universal-wrapper div.fee-row span + span{text-align: right;}
#listing-block .vehicle .padding h4 .vehicleResultsPrices .pc div.universal-wrapper div.fee-row.net-wrapper span.fee-value{font-weight:bold;font-size:18px}
#listing-block .vehicle .pc .fee-row.initial .fee-value {text-decoration: none;}
#listing-block .vehicle .pc .net-wrapper + .initial .fee-value{text-decoration: line-through;}
#listing-block .vehicle .pc .fee-row.conditional-incentive {margin-top:5px;border-top:3px double #ccc;padding-top:3px }
#listing-block .vehicle .pc .fee-row.conditional-incentive:before{content:"Conditional\A";font-size:10px;white-space: pre-wrap;}
#listing-block .cars .inventory-results-wrap .table-row .col .vehicle .padding .comingSoon.text-center,
#listing-block .cars .inventory-results-wrap .table-row .col .vehicle .padding h4 .comingSoon.text-center{
  font-weight:bold;display:block;position:absolute;top:0;left:5px;right:5px;background-color:#0577BB;color:#FFF;border-radius:3px;padding:6px 0 !important;
}
/* popover styles */
#listing-block .vehicle .padding h4 .vehicleResultsPrices .popover {font-size: 14px;}
#listing-block .vehicle .padding h4 .vehicleResultsPrices .popover .fee-row {display: block; width: 100%; margin-bottom: 5px;}
#listing-block .vehicle .padding h4 .vehicleResultsPrices .popover .fee-row .fee-label {display: inline-block; width: 60%;}
#listing-block .vehicle .padding h4 .vehicleResultsPrices .popover .fee-row .fee-value {display: inline-block; width: 40%; text-align: right;}
#listing-block .vehicle .padding h4 .vehicleResultsPrices .popover .fee-row.initial .fee-value {text-decoration: line-through;}
#listing-block .vehicle .padding h4 .vehicleResultsPrices .popover .fee-row.feedDiscount {display: block;}
#listing-block .vehicle .padding h4 .vehicleResultsPrices .popover .fee-row.discount .fee-label:after {content: ": ";}
#listing-block .vehicle .padding h4 .vehicleResultsPrices .popover .fee-row.discount .fee-value {color: #000;}
#listing-block .vehicle .padding h4 .vehicleResultsPrices .popover .fee-row.dealerPrice .fee-label {font-size: 16px;}
#listing-block .vehicle .padding h4 .vehicleResultsPrices .popover .fee-row.dealerPrice .fee-value {font-size: 16px; font-weight: bold;}
#listing-block .vehicle .padding h4 .vehicleResultsPrices .popover .fee-row.priceTaxDisclosure {text-transform: none;}
#listing-block .vehicle .padding h4 .vtitle {font-size: 16px; line-height: 24px; font-weight: bold;}
#listing-block .vehicle .padding h4 .mtitle {font-size: 16px; line-height: 24px; font-weight: bold;}
#listing-block .vehicle .padding h4 .vbullets {border-bottom: 1px solid #aaa;padding-bottom: 10px;margin-bottom: 10px;display: block;width: 100%;}
#listing-block .vehicle .padding h4 .vbullets li {display:inline-block;width: calc(50% - 2px);font-size: 14px; text-align: left;}
#listing-block .vehicle .padding h4 .vbullets li[data-field='stock'] {position:relative; bottom:3px; text-align: right;}
#listing-block .vehicle .padding h4 .vlease-purchase {display: block; width: 100%; font-weight: bold; text-transform: uppercase;}
#listing-block .vehicle .padding h4 .vlease-purchase > span {display:inline-block; width: calc(50% - 20px); text-align: center; font-size: 20px; line-height: 28px;}
#listing-block .vehicle .padding h4 .vlease-purchase > span .lease-amt,
#listing-block .vehicle .padding h4 .vlease-purchase > span .purchase-amt {display: block; font-size: 24px;}
#listing-block .vehicle .padding h4 .vlease-purchase > span > a {display: block; color: #035280; text-decoration: underline; font-size: 16px; line-height: 27px;}
#listing-block .vehicle .price-header {font-size: 16px;}
/*#listing-block .vehicle .dealer-price.newDealerPrice {font-size: 0;}
#listing-block .vehicle .dealer-price:not(.newDealerPrice) i {font-size: 14px;}
#listing-block .vehicle .dealer-price:not(.newDealerPrice):after {font-size: 12px;color: #000;content: "Details";font-family: "fordLight",Helvetica,sans-serif;text-transform: capitalize;font-size: 12px;font-weight: bold;}
#listing-block .vehicle .dealer-price.newDealerPrice:after {display: none;}
#listing-block .vehicle a.dealer-price > i {font-family: 'fontAwesome'; font-style: normal; padding-right: 5px;}
#listing-block .vehicle .dealer-price.oldPop:after {display: none;}
#listing-block .vehicle .dealer-price .popover.fade.top.in {display: none !important;}*/
/* bullet color */
#listing-block .vehicle .vbullets {padding-left: 0;}
#listing-block .vehicle .vbullets li {display: block;}
#listing-block .vehicle .vbullets li .bullet-color {background-color: transparent; width: 20px; height: 20px; display: inline-block; border-radius: 50%;}
#listing-block .vehicle .vbullets li .bullet-name {display: inline-block; position: relative; left: 10px; bottom: 3px; width: calc(100% - 20px);}
/* modal styles */
.modal .modal-dialog .modal-content {border-radius: 0;box-shadow: none;border: none;}
.modal .modal-dialog .modal-content .modal-header {border-bottom: none;}
.modal .modal-dialog .modal-content .modal-header .b {font-weight:700;padding-left:8px}
.modal .modal-dialog .modal-content .modal-header .close {font-size: 0; opacity: 1;}
.modal .modal-dialog .modal-content .modal-header .close::before {content: '\e681'; font-family: 'Pe-icon-7-stroke'; font-size: 16px; color: #2d94ce;}
.modal.test-close#modal-private-offer {display: none !important; opacity: 0;}
/* private offer */
/*button.privateOffer:not(.coming-soon){
    background-image: url("https://blueprint.cdn.cloud.searchoptics.net/7d936870f19278da4c024e5ffb6fc338/inventory/btn_private_offer.png"); 
    width: 100%; height: 0; padding-top: calc(100% * (100/314)); background-size: cover; background-repeat: no-repeat;border-style: none; background-color: transparent; margin-top: 8px;}*/
/* mach-e private offer */
#listing-block .inventory-results-wrap .table-row .col[data-model="Mustang Mach-E"] .vehicle button.privateOffer,
#listing-block .inventory-results-wrap .table-row .col[data-model="F-150 Lightning"] .vehicle button.privateOffer{padding-top:0px;margin-top:0;background-image:none;}
/* coming soon offer */
/*button.privateOffer.coming-soon{
    background-image: url("https://blueprint.cdn.cloud.searchoptics.net/7d936870f19278da4c024e5ffb6fc338/inventory/btn_coming_soon_lock_in_your_deal.png"); 
    width: 100%; height: 0; padding-top: calc(100% * (100/314)); background-size: cover; background-repeat: no-repeat;border-style: none; background-color: transparent; margin-top: 8px;}*/
/* autofi button */
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle a.quick-view.autofiPaymentOptions {display: none;}
/* temporary update for purchse offers */
#listing-block .vehicle .padding h4 .vlease-purchase {display: none;}
#listing-block .vehicle .padding h4 .vlease-purchase > span.vlease {display: block; width: calc(100% - 20px); margin-left: auto; margin-right: auto;}
#listing-block .vehicle .padding h4 .vlease-purchase > span.vpurchase {display: none;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap:not(.mobile) .listOpts #listBtn {display: none;}
/* NS: 514725 */
.hideOnEmpty.stockBullet {display: none;}
@media (min-width: 768px) {
    #listing-block .vehicle .padding h4 .vbullets li {font-size: 16px;}
}
/* autofi express checkout (buy direct) */
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle a.autofiExpressCheckout {background: none;padding-top: 5px;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle a.autofiExpressCheckout img {width: 100%;}
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle a.quick-view.getPreApproved,
div[id*="inventory-list"] #listing-block .cars .inventory-results-wrap .table-row .col .vehicle a.quick-view.getYourInternetPrice{text-transform: uppercase;}

#compare-vehicle-table .compareTableButtonWrapper a[id="viewVehicleVdpBtn"].btn.btn-default{height:auto;}