@charset "utf-8";
/* CSS Document */

/*************************/
/***** Begin SRP CSS *****/
/*************************/

.srp-container {margin: 0px auto; font-size: 12px; color: #56575b !important; position: relative; padding-bottom: 30px;}
#inventory-breadcrumblist {padding:0; margin:0; list-style:none;}
#inventory-breadcrumblist li {float:left; line-height: 36px;}
#inventory-breadcrumblist .fa {margin: 0 10px;}
#inventory-breadcrumblist {font-size:11px; line-height:36px;}
.breadcrumb-item+.breadcrumb-item::before {float:none !important;}
.total-found h1 {font-weight: 200; font-size: 30px; line-height: 30px; font-family: inherit; margin: 0 0 7px; padding-left:15px;}
.sort-by {line-height:30px; text-align:right;}
/*.sort-by select {font-size:12px; padding: 4px; color:#7d7d82; margin-top:4px; width: 100%; margin: 0 0 0 15px;} */
#left-search-area input[type="text"] {border: 1px solid #e3e3e3; display: block; margin: 0px 0 20px 0; clear: both; font-size: 15px; height: 40px; padding: 8px;}
#right-list-area {margin-top:30px;}

/* .vehicle {display: none;} */
.selected {font-weight: bold;position: relative;}

/* .selected::before {content: '\f00d'; font-family: "Font Awesome 5 Pro";font-weight: 900; color: red;margin-right: 5px; } */
.filter { cursor: pointer; }
.grid-new .price-area {/*height: 160px;*/}
/*.collapse { display: none; } */
.collapse.in { display: block; }
.panel {margin-bottom:0px; border:none; border-radius: 0px; padding:0;}
.panel-default>.panel-heading {background-color: #fff;color: #05141f; /* font-weight: 600; text-transform: uppercase; */}
/* #left-search-area .panel-default>.panel-heading:hover {background-color:#efefef;} */

.panel-heading {position: relative; display: block;margin: 0;cursor: pointer;font-size: 16px;border-top: 1px solid #e3e3e3;border-bottom:0;padding: 15px 30px 15px 10px;}
.panel-heading:after {position: absolute;content: " \f107";font-family: "Font Awesome 5 Pro";top: 50%;right: 10px;display: block;margin-top: -11px;transition: .3s ease -webkit-transform;transition: .3s ease transform;-webkit-transform-origin: center 3px;-ms-transform-origin: center 3px;transform-origin: center 3px; color: #05141f; font-weight: 900;}
.toggle-active:after {content: " \f106";}
.panel-body {padding: 0 15px 15px 0;}
.filter > li {font-size:15px; line-height: 28px; padding-left:35px;margin: 5px 0;}
.filter > li:hover {background-color:#efefef;}
.dealership .filter > li, .exterior .filter > li {font-size: 13px;}

#highlighted-features-filter {}
#highlighted-features-filter .panel-default>.panel-heading {text-align: center; border: 0; font-size: 18px; padding-bottom: 0;}
#highlighted-features-filter .panel-body {padding-left: 15px;}
#highlighted-features-filter .panel-body ul {list-style: none;padding: 0;width: auto;margin: 0 auto;overflow-x: auto;overflow-y: hidden;white-space: nowrap;margin-top: 20px;padding-bottom: 10px;}
#highlighted-features-filter .panel-body li {display: inline-block;padding: 0px 15px;border-radius: 20px;background: #e9e9e9;margin-right: 7px;margin-bottom: 7px;font-size: 14px;}
#highlighted-features-filter .panel-body li.selected {background: #05141f; color: #fff;}
#highlighted-features-filter .panel-body li.selected::before {content: '\f00d'; font-family: "Font Awesome 5 Pro";font-weight: 900; color: red;margin-right: 5px;}
#highlighted-features-filter .panel-body li:hover {}
#highlighted-features-filter ul::-webkit-scrollbar-thumb {background: #888;border-radius: 10px;}
#highlighted-features-filter ul::-webkit-scrollbar {width:6px;height: 6px;border-radius: 5px;}
#highlighted-features-filter ul::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 10px;}
.srp-container .carousel-fade .carousel-inner .item, .srp-container .no-photo-srp {min-height: 250px;}
.srp-container .carousel-inner {height: 272px; background: url('https://steeringinnovation.s3.us-east-2.amazonaws.com/images/loading-1.gif') no-repeat center; background-size: 150px;}
.srp-container .carousel-inner img { aspect-ratio: 4 / 3;
  width: 100%;
  height: auto;}
.spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
border: 6px solid #ccc;
border-top-color: #333;
border-radius: 50%;
animation: spin 0.6s linear infinite;
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}


.img-container {
position: relative;
width: 100%;
height: 100%;
}

.img-container img {width: 100%;height: auto;}

.img-container.loaded img {display: block;}

.img-container.loaded .spinner {display: none;}


#search-box::placeholder {opacity: 1; /* Ensure placeholder is visible in all browsers */}

.filter-item {list-style: none; padding-left: 25px; background: url('https://steeringinnovation.s3.us-east-2.amazonaws.com/inventory/images/kia-checkbox.png') no-repeat; background-size: 18px; margin-bottom: 5px; background-position: 12px 0;}

.filter-item.selected {background-position: 12px -27px;}

.srp-header {color: #fff; font-size: 13px; line-height: 22px; font-weight: bold; position: absolute; z-index: 1; padding: 2px 10px 2px 4px; right:-12px; background: #387D65;}
.srp-header:before {content: ''; position: absolute; left: -26px; top: 0; width: 0; height: 0; border-style: solid; border-width: 26px 0 0 26px; border-color: #387D65 transparent transparent;} 
.srp-header:after {content: ''; position: absolute; top: 24px; right: 0; width: 0; height: 0; border-style: solid; border-width: 12px 12px 0 0px; border-color: #107744 transparent transparent;}
.srp-header a {color:#fff;}

#related-vehicles .srp-header {right:3px;}

.filter-title a {display: block; text-decoration: none;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 12px 0;
    background: #05141f;
    font-size: 16px;
    font-weight: 600;
}
.filter-title a:after {position: absolute;content: " \f00d";
    font-family: "Font Awesome 5 Pro";
    top: 12px;
    right: 20px;
    font-weight: 900;
    font-size: 15px;
    color: #fff;}

.styled-select select {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    padding-right: 20px;
    padding-left: 25px;
    line-height: 32px;
    margin-top: 15px;
}

/* To ensure consistency across browsers, you might need to add a custom background */
.styled-select {
    position: relative;
    display: inline-block;
    width: 100%; /* Adjust width as needed */
}
/*
.styled-select::after {
    content: '';
    position: absolute;
    right: 10px; 
    top: 50%;
    transform: translateY(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #05141f; 
    pointer-events: none;
} */


#toggle-all-price-details {
    display: inline-block;
    padding-left: 38px;
    line-height: 30px;
    background: url(https://steeringinnovation.s3.us-east-2.amazonaws.com/inventory/images/kia-checkbox.png) no-repeat;
    background-size: 18px;
    margin-bottom: 5px;
    background-position: 12px 0;
    text-decoration: none;
    color: inherit;
}

#toggle-all-price-details.selected {
    background-position: 12px -27px;
}


#vehicle-listings {margin-top:0;}
@media (min-width: 992px) {
  #vehicle-listings {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.grid-listing {padding: 0;position: relative;}

@media (max-width: 767px) {
	#srp-special-container {display:none !important;}
}

@media (min-width: 768px) and (max-width: 1349px) {
	#specialsCarousel {display:none !important;}
}

@media (min-width: 1350px) and (max-width: 1599px) {
	#specialsCarousel {display:none !important;}
}

@media (min-width: 1600px) {
	#specialsCarousel {display:none !important;}
}



.grid-listing .grid-top-row {margin-bottom: 10px; height: 26px;}
.grid-listing .grid-container {background:#fff; -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.3); box-shadow: 0 0 5px 0 rgba(0,0,0,.3); position: relative;/* padding:12px; */-webkit-transition: all 750ms ease; -moz-transition: all 750ms ease; -ms-transition: all 750ms ease; -o-transition: all 750ms ease; transition: all 750ms ease; border-radius:7px; overflow: hidden;}
.grid-listing .grid-container .vdp-link {cursor: pointer;}
.grid-listing .grid-container:hover, .grid-listing .grid-container:active, .grid-listing .grid-container:focus {-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.8); box-shadow: 0 0 3px 0 rgba(0,0,0,.8);}
.grid-listing span.popular {margin-right: 4px; background: #fff; color: #ff5100; border: 1px solid #ff5100; border-radius: 20px; padding: 3px 12px 2px; font-size: 12px; display: inline-block;}
.grid-listing span.managers-special {margin-right: 4px; background: #387D65; color: #fff; border: 1px solid #387D65; border-radius: 20px; padding: 4px 12px 3px; font-size: 12px; display: inline-block;}
.grid-listing span.hidden-gem {margin-right: 4px; background: #eee; color: #333; border: 1px solid #eee; border-radius: 20px; padding: 4px 12px 3px; font-size: 12px; display: inline-block;}
.grid-listing span.special-offer {margin-right: 4px; background: #387D65; color: #fff; border-radius: 20px; padding: 4px 12px 3px; font-size: 12px; display: inline-block;}

.grid-listing .srp-lower, .related-single .srp-lower {padding:0 12px 12px;}

.grid-listing .compare-vehicles {padding-top:7px;}
.grid-listing .compare-vehicles input[type=checkbox].css-checkbox + label.css-label {font-size:12px; padding-right: 0px;}

.grid-listing a.view-photos {color:#7b8086; margin-left:12px;}
.grid-listing h3, .related-single h3 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0;margin-top: 12px;}
.grid-listing h3 .badge, .related-single h3 .badge {
  display: inline-block;
  margin-bottom: 0.25rem;
  text-transform: uppercase;
	line-height: 11px;
    font-size: 11px;
    border-radius: 6px;	
}
.grid-listing h3 a, .related-single h3 a {color:#05141f; font: 400 18px/22px 'KiaSignatureRegular', sans-serif; text-decoration: none;}
.grid-listing h4, .related-single h4 {color:#05141f; font: 400 13px/17px 'KiaSignatureRegular', sans-serif;}
.grid-listing .specs, .related-single .specs {color:#7b8086; font-size:12px; line-height: 16px; height: 32px; overflow: hidden;}

.grid-listing .price-area {border-bottom:1px solid #dfdfdf; margin-bottom: 10px; padding-bottom:12px;/*height: 65px; */}
.related-single .price-area {border-top: 1px solid #dfdfdf; margin-top: 15px; padding-top: 15px;}
.grid-listing .total-savings-banner {color: #fff; font-size: 13px;font-weight: bold; position: absolute; padding: 2px 10px 2px 20px; right: -23px; top:-12px; background: #387D65;z-index: 1;}
.grid-listing .total-savings-banner a {color:#fff;}
.grid-listing .total-savings-banner:before {content: ''; position: absolute; left: -26px; top: 0; width: 0; height: 0; border-style: solid; border-width: 26px 0 0 26px; border-color: #387D65 transparent transparent;} 
.grid-listing .total-savings-banner:after {content: ''; position: absolute; top: 26px; right: 0; width: 0; height: 0; border-style: solid; border-width: 11px 11px 0 0px; border-color: #107744 transparent transparent;}

/* .grid-listing .total-savings-banner {color: #fff; font-size: 13px;font-weight: bold; position: absolute; padding: 2px 10px 2px 20px; right: -12px; top: 242px; background: #387D65;z-index: 1;}
.grid-listing .total-savings-banner:before {content: ''; position: absolute; left: -26px; top: 0; width: 0; height: 0; border-style: solid; border-width: 26px 0 0 26px; border-color: #387D65 transparent transparent;} 
.grid-listing .total-savings-banner:after {content: ''; position: absolute; top: 26px; right: 0; width: 0; height: 0; border-style: solid; border-width: 11px 11px 0 0px; border-color: #107744 transparent transparent;}
*/


.grid-listing .vehicle-tags, .related-single .vehicle-tags {height: 35px;}
.grid-listing a.add-remove-favorite-visitor {position: absolute;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: rgba(0, 0, 0, .7);
    z-index: 2;
    text-align: center;
    top: 5px;
    left: 5px;
    border-radius: 20px;
    font-size: 17px;
    color: #7b8086;
    line-height: 34px;}
.grid-listing a.remove-favorite {background: #b60d0d; color:#fff;}
.grid-listing a.add-remove-favorite-visitor:hover {background: #b60d0d; color:#fff;}


.grid-listing .hide-vdp {display:none;}
.grid-listing .vertically-align, .related-single .vertically-align, #recent-inventory .recent-vehicle .price-row .vertically-align {position: relative; top: 45%; transform: translateY(-50%);}
/* .grid-listing .price-row, .related-single .price-row {margin:5px 0;} */
/* Ensure consistent spacing */
.grid-listing .price-row { margin: 5px 0; }

/* Price Labels */
.grid-listing .msrp-label, .related-single .msrp-label {color:#8f9199; margin-left:12px; font-size: 14px;}
.grid-listing .msrp-price, .related-single .msrp-price {color:#8f9199; font-size: 14px; font-weight: bold;}
.related-single .toggle-price-details {display:none;}
.grid-listing .price-label, .related-single .price-label {
    float: left;
    font-size: 14px;
}

/* Rebates & Discounts */
.grid-listing .price-label-rebate, .related-single .price-label-rebate {
    float: left;
    font-size: 12px;
}

.grid-listing .price-label-rebate .rebate-name, .related-single .price-label-rebate .rebate-name {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grid-listing .price-rebate, .related-single .price-rebate {
    float: right;
    text-align: right;
    font-size: 12px;
}

/* MSRP Styling */
.grid-listing .msrp.price, .related-single .msrp.price {
    text-decoration: line-through;
    color: #777;
    font-size: 14px;
}

/* Asking Price (Main Price) */
.grid-listing .asking-price.price-label, .related-single .asking-price.price-label {
    font: 800 16px/22px 'KiaSignatureBold', sans-serif;
}

.grid-listing .asking-price.price, .related-single .asking-price.price {
    font: 800 20px/2px 'KiaSignatureBold', sans-serif;
	color:#387D65;
}

/* Anderson Discount Styling */
.grid-listing .total-savings, .related-single .total-savings {
    color: #ff5100; 
    font: 400 14px/22px 'KiaSignatureRegular', sans-serif;
}

/* Price Summary (Collapsed View) */
.grid-listing .price-summary-new, .grid-listing .price-summary-pre-owned, .grid-listing .price-summary-used {
    font-size: 22px;
    font-weight: bold;
    color: #333;
	border-top:1px solid #f4f3f3; 
	padding-top:12px;
}

/* Toggle Button */
.toggle-price-details {
    display: block;
    color: #05141f;
    cursor: pointer;
    text-decoration: underline;
    font-size: 12px;
}

/* Expanded Price Details */
.price-details-container {
    display: none;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}
.price-details-wrapper {
  transition: all 0.3s ease;
}
.floating-price-details {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  font-size: 0.875rem;
}
.price-details-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1050;
  background: rgba(0, 0, 0, 0.6);
}

.floating-price-details {
  z-index: 1055;
  box-shadow: 0 5px 20px rgba(0,0,0,0.25);
}
/* Price Breakdown Rows */
.price-breakdown .price-row {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    margin-bottom: 5px;
}

.price-breakdown .price-label {
    font-weight: normal;
    text-align: left;
    flex: 1;
	white-space: nowrap;
}
.price-breakdown .final-price .price-label {font-weight: bold;}
.price-breakdown .price-value {
    text-align: right;
    flex: 1;
}

/* Adjust colors for rebates and discounts */
.price-breakdown .rebate {
    color: #387D65;
}

.price-breakdown .discount, .price-breakdown .discount .price-label {
    color: #387D65;
}

/* Final Anderson Price */
.price-breakdown .final-price {
    font-size: 18px;
    font-weight: bold;
    color: #05141f;
    margin-top: 10px;
}

/* Hide Details Button */
.hide-details {
    display: block;
    margin-top: 10px;
    color: #05141f;
    text-decoration: underline;
    cursor: pointer;
}

.grid-listing .badge {font-weight:500 !important; background:#1a315b; font-size:11px; border-radius: 20px; padding: 6px 9px;}
.grid-listing .tag-hot {background:#ff8900;}
.grid-listing .tag-price-drop {background:#387D65;}



.related-single .total-savings-banner {color: #fff;}

.grid-listing .vehicle-features {margin: 0 0 15px; background: #f7f8f9; padding: 5px 10px; text-align: center;min-height: 60px;}
.grid-listing .vehicle-features-blank {height:65px;}
.grid-listing .vehicle-features span {display: block;font: 300 12px/15px 'KiaSignatureRegular', sans-serif; margin-bottom: 4px;}
.grid-listing .vehicle-features svg, .grid-listing .vehicle-features img {margin-right:15px; margin-top:5px;}

.grid-listing .vehicle-located {text-align: center; text-transform: none; line-height: 17px;}
.grid-listing .located-at.new {height: 82px; border-bottom: 1px solid #f4f3f3;}
.grid-listing .vehicle-located.new {}
.grid-listing .located-at.used {height: 82px; border-bottom: 1px solid #f4f3f3;}
.grid-listing .vehicle-located.used {}
.grid-listing .vehicle-located .two-ctas {width:49%; float: left;}
.grid-listing .vehicle-located .one-cta {}

.grid-listing a.btn-details {position:relative;border: 1px solid #05141f; margin-top: 10px; text-transform: none; font-size: 13px; width: 100%; display: block; text-align: center; border-radius: 30px !important; padding: 12px 0; background: transparent; background: #05141f; color:#fff;}
.grid-listing a.btn-details:hover, .grid-listing a.btn-details:active, .grid-listing a.btn-details:focus {background:#05141f; border-color:#05141f; color:#fff;}

#display-filters {
    display: block;
    color: #454545;
}

#hide-filters {
    display: block;
    text-align: center;
    font-family: 'KiaSignatureRegular', sans-serif !important;
    font-weight: 500;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0 15px 15px;
    background: #05141f;
    padding: 6px 11px;
    border-bottom: 1px dotted #a6a6a6;
    text-shadow: 1px 1px 1px #1874a1;
    font-size: 14px;
}


.custom-select {
  display: inline-block;
  width: 100%;
  max-width: 220px;
  height: calc(2.25rem + 2px);
  padding: .375rem 1.75rem .375rem .75rem;
  font-size: 13px;
  line-height: 1.5;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20stroke-opacity%3D%220.6%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22icon24-%2F-arrow-%2F-down%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.25%22%3E%3Cg%20id%3D%22Group%22%20transform%3D%22translate%2812.500000%2C%2012.500000%29%20rotate%2890.000000%29%20translate%28-12.500000%2C%20-12.500000%29%20translate%289.000000%2C%206.000000%29%22%3E%3Cpolyline%20id%3D%22Rectangle-6%22%20points%3D%220%200%206.69238816%206.5%200%2013%22%3E%3C%2Fpolyline%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat right .75rem center;
  background-size: 10px 10px;
  border: 1px solid #ced4da;
  border-radius: .1875rem;
  -webkit-appearance: none;
  appearance: none;
  transition: border-color .2s ease-in-out, box-shadow .2s ease-in-out;
}

.custom-select:focus {
    border-color: #404040;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(64, 64, 64, .5);
}

.label-sort-order {
  white-space: nowrap;
}
.styled-select {
    overflow: hidden;
    width: 97%;
    margin-left: 9px;
}

.styled-select select {
    background: transparent;
    border: none;
    font-size: 16px;
    width: 100%;
    color: #454545;
}
.styled-select:before {position: absolute; content: " \e0ae"; font-family: "Font Awesome 5 Pro"; top: 19px; left: 19px; font-weight: 700; font-size: 15px;}

.sticky-filter-row {position: fixed;
    top: 60px;
    left: 0px;
    width: 100%;
    z-index: 1000;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px;
    background: linear-gradient(to right, #000 0%, #05141f 31%, #05141f 70%, #000 100%);
    border: 0 !important; color:#fff; height:40px;}

.sticky-filter-row #display-filters, .sticky-filter-row .styled-select select {color:#fff; text-decoration: none;}
.sticky-filter-row #filter-count {background: #fff; color:#05141f;}
.sticky-filter-row .styled-select:before {color:#fff;}
.sticky-filter-row #filter-svg path {fill: #fff;}
.sticky-filter-row .styled-select option {color:#454545;}
.sidr {width:100%;}
.bottom-bar {display:none;}

#load-more-container {text-align:center; padding-top: 40px; clear:both;}

#applied-filters {
    padding: 10px;
    background-color: #fff;
	position: sticky;
    top: 0;
    left: 0;
    z-index: 1;	
}
#applied-filters h5 {color: #05141f; font-size: 14px;}

#applied-filters-list {
    list-style-type: none;
    padding: 0;
}


#applied-filters-list li {
    display: inline-block;
    margin-right: 4px;
    background-color: #fff;
    padding: 5px 10px;
    border-radius:20px;
    margin-bottom: 3px;
    border: 1px solid #aab1c7;
}
#applied-filters-list li:hover, #applied-filters-list li:active {background:#f8fbfc;}
#applied-filters-list li .remove-filter {
    background-color: transparent;
    border: none;
    cursor: pointer;
	width:auto !important;display:inline-block;margin: 0 !important;
    padding: 0 15px 0 0;text-transform: none; color: #56575b;
}

#applied-filters-list button:after {
    position: absolute;
    content: " \f00d";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
font-size: 13px;
    color: #56575b;
    padding-left: 6px;
}


.save-search {display: block;
    text-align: center;
    background-color: #fff;
    padding: 8px 0;
    border-radius: 20px;
    margin-bottom: 3px;
    border: 1px solid #aab1c7;
    text-decoration: none;
    color: #56575b;}
.save-search:hover, .save-search:active {background: #f8fbfc;}
.search-box-container {
    position: relative;
    width: 100%; padding:0 15px; margin: 30px 0 15px;
}

.search-box-container .fa-search {position: absolute; left:35px; top: 50%; transform: translateY(-50%); font-size:16px;}

#search-box {
    width: 100%;
	text-indent:35px;
border: 1px solid #e3e3e3; display: block; clear: both; font-size: 16px; height:60px; padding: 12px 8px;border-radius: 40px;}

.grid-container.special-offer {padding:10px;background:url('https://steeringinnovation.s3.us-east-2.amazonaws.com/specials/offers-bg/anderson-ford-of-lincoln-north/narrow.jpg') !important; background-size:cover !important; color:#fff; }

.filter-header-count {
    display: inline-block;
    line-height: 15px;
    color: #05141f;
    font-size: 12px;
    text-align: center;
    border-radius: 50%;
    margin-left: 5px;
    position: relative;
    top: -1px;
	font-family:"KiaSignatureBold", sans-serif; 
}

.no-vehicles-found {font-size: 16px; width: 500px; margin: 30px auto;}
.no-vehicles-found h3 {font-size: 24px; margin: 30px 0 50px;}

.vehicle_tags {height: 28px; margin:12px 0;}
.vehicle_tags img {height: 28px;}

.search-box-container.sticky {
position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 1000;
    transition: top 0.3s ease;
    background: linear-gradient(to right, #000000 0%, #05141f 31%, #05141f 70%, #000000 100%);
    padding: 15px;
    margin: 0;
}

.search-box-container {
    transition: top 0.3s ease;
}
.price .panel-body {}
.price-slider-label {font-size: 14px; padding-left: 10px;}
.ui-widget.ui-widget-content {margin: 20px 15px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	border: 1px solid #05141f !important;
    background: #fff !important;
    height: 30px !important;
    width: 30px !important;
    border-radius: 30px !important;
    top: -12px !important;
    font-weight: normal;
    color: #fff !important;}

.ui-state-active, .ui-state-hover, .ui-state-focus,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #05141f !important;
	background: #fff !important;
	font-weight: normal !important;
	color: #ffffff !important;
	outline:none !important;
}
.ui-slider {
    padding: 0 15px; /* Adds padding to prevent touch issues on the edges */
}

.ui-slider-track {
    height: 8px; /* Adjust track height for better visibility */
    background-color: #ccc; /* Makes the track more visible */
}

.no-results-search-filter {font-size:18px; padding:150px 20px; text-align: center;}
.no-results-search-filter strong {font-size:22px;}
.no-results-search-filter a.btn-primary {font-size:18px;}

.grid-listing .offer-container {color: #fff; text-align: center; padding: 20px; background-size: cover !important; height:500px;}
.grid-listing .offer-container h2, .offer-container h3 {color: #fff; font-size:24px;}
.grid-listing .offer-container strong {font-size:38px; line-height:44px;}
.grid-listing .offer-container sup {font-size:22px;}
.grid-listing .offer-container .offer {font-size:20px; margin-top:30px; display: block; line-height: 28px;}
.grid-listing .offer-container .event-logo {text-align: center; margin-top: 30px; clear: both;}
.grid-listing .offer-container .event-logo img {max-height: 100px; margin: auto;}
.grid-listing .offer-container .additional-offer {display:block; font-size:20px; line-height:30px;}
.grid-listing .offer-container .vehicle-img {position: absolute; bottom: 50px; left:40px; right:40px;}
.grid-listing .offer-container .ctas {margin-top: 30px;}
.grid-listing .offer-container .disclaimer {font-size: 9px; line-height: 12px; margin-top: 5px; position: absolute; bottom: 10px; left: 10px; right: 10px; max-height: 36px; text-overflow: ellipsis; overflow: hidden;}

.grid-listing .offer-container.jeep, .offer-container.ram, .offer-container.dodge, .offer-container.chrysler {color:#000 !important;}
.grid-listing .offer-container.kia {color:#fff !important;}

.grid-listing .offer-container.jeep h2, .offer-container.ram h2, .offer-container.dodge h2, .offer-container.chrysler h2 {color:#000 !important;}
.grid-listing .offer-container.kia h2 {color:#fff !important;}

#right-list-area.grid {padding: 0 15px;margin-top: 0;}
.total-found, .filter-row {display: flex;align-items: center;}
.total-found {text-align: left;}
.filter-row {justify-content: flex-end;}
.breadcrumb-row {margin: 12px 0;}
.breadcrumb-row a {color:#5d5b5a; line-height: 36px; text-decoration: none;}
.quicklinks a {text-decoration:none; color:#5d5b5a; padding:12px; border-radius:7px;}
.quicklinks a:hover, .quicklinks a:active {background-color:#e9e9e9;}
@media (min-width:768px) {
	#left-search-area {position: sticky;position: -webkit-sticky;top: 110px; max-height: calc(100vh - 190px);padding-right: 0;}
	#left-search-area .scroll-filters {position: sticky;position: -webkit-sticky;overflow-y: auto;top: 110px; max-height: calc(100vh - 300px);}
	#left-search-area .scroll-filters::-webkit-scrollbar-thumb {background: #888;border-radius: 10px;}
	#left-search-area .scroll-filters::-webkit-scrollbar {width: 6px;height: 6px;border-radius: 5px;}
	#left-search-area .scroll-filters::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 10px;}	
	.sidr {border: 1px solid #d9dde9;}
	.rebate-container.overflow-rebates {
    max-height: 42px;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
	}

	.view-all-rebates {
		display: block;
		text-align: center;
		cursor: pointer;
		padding: 3px;
		border-top: 1px solid #ccc;
	}

	/* Style for when container is expanded */
	.rebate-container.expanded {
		max-height:none; /* Set to a high value to accommodate all content */
	}
	.price-area {
		transition: height 0.3s ease-in-out;
	}
	.srp-container .breadcrumb-row {padding: 0 15px;}
	.total-found {padding-left: 30px;}
}

@media (max-width:768px) {
	#right-list-area.grid {padding-right:15px;}
	.srp-lower {padding:0;}
	.grid-new .price-area {height: auto;}
	.filter-row {height:50px; font-size: 16px; line-height: 51px;}
	#filter-count {background:#05141f; position: absolute; top:14px; right: -25px; font-size: 0.65rem; width: 20px; height: 20px; line-height: 15px; text-align: center;}
	.grid-listing .price-row-rebate, .related-single .price-row-rebate, .grid-listing .price-row {margin:3px 0;}
	.no-vehicles-found {width:100%;}
	.carousel-inner {height: auto !important;}
	.search-box-container.sticky {padding:10px;}
	#search-box {font-size: 14px;height: 46px;padding: 10px 8px;}
	.search-box-container.sticky #search-box {font-size: 14px;padding: 4px 8px; height: 40px;}
	.view-all-rebates {display:none;}
	.grid-listing a.view-photos {margin-left:none !important;}
	.srp-header {top:0; right: -12px;}
	.srp-header.is-popular {top:54px;}
	.search-box-container {padding:0; margin:15px 0;}
	#highlighted-features-filter {padding:0;}
	.search-box-container .fa-search {left:20px;}
	.filter-row {
		background-color: #fafafa;
		border-top: 1px solid #dadcdf;
		border-bottom: 1px solid #dadcdf;
		color: #454545;
	}	
    .filter-row {
        flex-direction: row; /* Ensures children are side by side */
        justify-content: space-between; /* Spreads children across the row */
    }

    .total-found, .filter-row {
        width: 100%; /* Make each div full width on mobile */
    }
    .total-found h1 {font-size: 18px; line-height: 24px; padding-left:0;}
    .display-filters, .sort-by {
        width: 50%; /* Makes filters and sort half width */
        text-align: center; /* Centers the text for better alignment */
    }

    .sort-by {
        text-align: right; /* Right align the sort options for visual balance */
    }
	#toggle-all-price-details {background-position: 0 0; padding-left: 24px;margin-top: 12px; margin-bottom: 0;}
	#toggle-all-price-details.selected {background-position: 0px -27px;}
	.filter-count {border-top: 1px solid #dadcdf; position:fixed; width:90%; bottom: 0; z-index: 9999999999; height: 110px; background:#fff;}	
	.sidr {padding-right:0 !important;}
	.sidr {display:none;position:absolute;position:fixed;top:0;height:100%;z-index:9999999999;width:90%;overflow-x:none;overflow-y:auto;font-family:"KiaSignatureRegular", sans-serif; background:#fff;color:#393b47;-webkit-box-shadow: 10px 0 15px -10px rgba(0,0,0,.8); box-shadow: 10px 0 15px -10px rgba(0,0,0,.8);margin-bottom: 240px;}
	.sidr .sidr-inner {padding:0 0 15px;}
	.sidr .sidr-inner>p {margin-left:15px;margin-right:15px;}
	.sidr.right {left:auto;right:-250px;}
	.sidr.left {left:-250px;right:auto;}
	#filter-results-count h1 {font-size: 16px; margin: 5px 0;}
	#filter-results-count { text-align: center; display: block; font-size: 14px; padding: 5px 0;}
	.scroll-filters {padding-bottom:240px;}
	.custom-modal-350 {width:100%;}
	.grid-listing .vehicle-tags, .related-single .vehicle-tags {height: auto;}
	.custom-select {
	  	background: #fafafa url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20stroke-opacity%3D%220.6%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22icon24-%2F-arrow-%2F-down%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.25%22%3E%3Cg%20id%3D%22Group%22%20transform%3D%22translate%2812.500000%2C%2012.500000%29%20rotate%2890.000000%29%20translate%28-12.500000%2C%20-12.500000%29%20translate%289.000000%2C%206.000000%29%22%3E%3Cpolyline%20id%3D%22Rectangle-6%22%20points%3D%220%200%206.69238816%206.5%200%2013%22%3E%3C%2Fpolyline%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat right .75rem center;
	  	border: 0px;
		padding-left: 0;
        font-size: 16px;		
	}

	.custom-select:focus {
		outline: 0;
		box-shadow: inset 0 0 0 rgba(0, 0, 0, .075), 0 0 0 rgba(64, 64, 64, .5);
	}	
}

.tooltip-inner {
    font-size: 12px;
}



/*************************/
/***** End SRP CSS *****/
/*************************/


/*************************/
/***** Begin VDP CSS *****/
/*************************/
@media(min-width:800px){.modal-dialog {width:725px;}}
.modal-header-dark {background:#05141f;}
.modal-header-dark .modal-title {color:#fff !important; margin-bottom:0px !important;}
.modal-vertical-centered {transform:translate(0, 50%) !important; -ms-transform:translate(0, 50%) !important; /* IE 9 */-webkit-transform:translate(0, 50%) !important; /* Safari and Chrome */}
.pcMVHToken {width:100% !important; max-width:100% !important;}
.fa-star, .fa-star-half-o, .fa-star-half {color: #ffd200;}
.dealer-reviews .stars {font-size:20px; margin-top:0px; display:inline-block; background-image:none;}
.dealer-reviews .based {margin-top:0px; display:inline-block; font-weight: normal;}
#widget-contact div {padding:0 0 15px 15px;display:none;}
		 
.tooltip-inner {white-space:pre-wrap; background-color: #efefef !important; color: #183558 !important;-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);}
.top .tooltip-arrow {border-top-color: #efefef !important;}
.right .tooltip-arrow {border-right-color: #efefef !important;}
.bottom .tooltip-arrow {border-bottom-color: #efefef !important;}
.left .tooltip-arrow {border-left-color: #efefef !important;}
#hero-offers-slider .carousel-inner:hover, #hero-offers-slider .carousel-inner:active, #hero-offers-slider .carousel-inner:focus {overflow: visible !important;}
#inventoryOffersCarousel .carousel-inner:hover, #inventoryOffersCarousel .carousel-inner:active, #inventoryOffersCarousel .carousel-inner:focus {overflow: visible !important;}
#mid-col .asking-priced {font-size:18px;}
.form-search .input-group-btn {border:0 !important;}
.show-print {display:none;}
.alert {font-size:14px; text-align:center;}



#vdp-container .breadcrumb-row {margin: 0; color:#7f7c7b !important;}
#vdp-container .breadcrumbs {color:#7f7c7b !important; float:left;}
#vdp-container .breadcrumb-row a {color:#7f7c7b !important; text-decoration: none;}
#vdp-container .breadcrumbs li {float:left; line-height: 60px;}

/*
#vdp-container .action-buttons a {padding: 4px 20px; border-radius:7px;}
#vdp-container .action-buttons a:hover, #vdp-container .action-buttons a:active {background: #49b3dd;}
*/
/* Hide .action-buttons by default on desktop 
.action-buttons {
  display: none;
}*/

/* Show on mobile */
@media (max-width: 767.98px) {
  #vdp-container .action-buttons {
    display: flex !important;
    gap: 1rem;
    margin-top: 1rem;
  }
  #vdp-container .action-buttons .action-btn {
    flex: 1 1 48%;
    text-align: center;
    padding: 0.5rem;
    background-color: #f8f9fa;
    border-radius: 0.375rem;
    border: 1px solid #dee2e6;
    text-decoration: none;
    font-size: 0.9rem;
  }
}

/* Show on desktop only when stickyHeader is fixed */
@media (min-width: 768px) {
  section#stickyHeader .action-buttons {
    display: flex !important;
    gap: 1rem;
    margin-top: 1rem;
  }
	section#stickyHeader .action-buttons .action-btn {border-radius: 20px; padding: 6px 16px;}
	section#stickyHeader.fixed-header .inline-buttons {display:none !important;}
}


#vdp-container .vdp-title {font-size:28px; color:#05141f;}
.vdp-title .badge {
  display: inline-block;
  margin-bottom: 0.25rem;
  font-size: 0.75rem;
  text-transform: uppercase;
}
#vdp-container .price-row { margin: 5px 0; }

/* Price Labels */
#vdp-container .msrp-label {color:#8f9199; font-size: 14px;}
#vdp-container .msrp-price {color:#8f9199; font-size: 14px; font-weight: bold;}

#vdp-container .price-label, .related-single .price-label {
    float: left;
    font-size: 14px;
}

/* Rebates & Discounts */
#vdp-container .price-label-rebate, .related-single .price-label-rebate {
    float: left;
    font-size: 12px;
}

#vdp-container .price-label-rebate .rebate-name, .related-single .price-label-rebate .rebate-name {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#vdp-container .price-rebate, .related-single .price-rebate {
    float: right;
    text-align: right;
    font-size: 12px;
}

/* MSRP Styling */
#vdp-container .msrp.price, .related-single .msrp.price {
    text-decoration: line-through;
    color: #777;
    font-size: 14px;
}

/* Asking Price (Main Price) */
#vdp-container .asking-price.price-label, .related-single .asking-price.price-label {
    font: 800 16px/22px 'KiaSignatureBold', sans-serif;
}

#vdp-container .top-price-area .asking-price.price {
    font: 800 30px/36px 'KiaSignatureBold', sans-serif;
	color:#387D65;
}

/* Anderson Discount Styling */
#vdp-container .total-savings, .related-single .total-savings {
    color: #ff5100; 
    font: 400 14px/22px 'KiaSignatureRegular', sans-serif;
}

/* Price Summary (Collapsed View) */
#vdp-container .price-summary {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* Toggle Button */
#vdp-container .toggle-price-details {
    display: block;
    color: #05141f;
    cursor: pointer;
    text-decoration: underline;
    font-size: 14px;
}

/* Expanded Price Details */
#vdp-container .price-details-container {
    display: block;
    margin-top: 0;
	border-top: 0;
}

/* Price Breakdown Rows */
#vdp-container .price-breakdown .price-row {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    margin-bottom: 5px;
}
.custom-modal-350 {
  max-width: 350px !important;
}
.price-breakdown .non-conditional-rebates {border-top: 1px dotted #e1e1e2;border-bottom: 1px dotted #e1e1e2; padding: 7px 0; margin: 7px 0; color: #387D65;}
.price-breakdown .non-conditional-rebates a {color: #387D65;}

#vdp-container .price-breakdown .price-label {
    font-weight: normal;
    text-align: left;
    flex: 1;	
}
#vdp-container .price-breakdown .final-price .price-label {font-weight: bold;}
.price-breakdown .price-value {
    text-align: right;
    flex: 1;
}

/* Adjust colors for rebates and discounts */
#vdp-container .price-breakdown .rebate {
    color: #387D65; /* Green for rebates */
}

#vdp-container .price-breakdown .discount .price-label, #vdp-container .price-breakdown .discount {
    color: #387D65; /* Green for discounts */
}

/* Final Anderson Price */
#vdp-container .price-breakdown .final-price {
    font-size: 18px;
    font-weight: bold;
    color: #05141f;
    margin-top: 10px;
}

/* Hide Details Button */
#vdp-container .hide-details {
    display: block;
    margin-top: 10px;
    color: #05141f;
    text-decoration: underline;
    cursor: pointer;
}
#stickyHeader {background:#fff;}
/* When it becomes fixed */
.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

#stickyHeader.fixed-header {
  padding: 1rem;
  background-color: #fff;
  z-index: 1030;
  width: 100%;
}

@media (max-width: 767.98px) {
	#stickyHeader.fixed-header {position:initial !important; box-shadow:0 0 0;}
}

/* Hide by default */
.vehicle-header-image {
    display: none !important;
}

/* Show only when stickyHeader is fixed and screen is md+ */
@media (min-width: 768px) {
    .fixed-header .vehicle-header-image {
        display: block !important;
    }
	.fixed-header .col-md-9 {width:66.66666667% !important;}
}
/* Base sticky nav container */
.sticky-nav {
    position: sticky;
    top: 200px;
    left: 0;
  /*  background: #05141f; /* Optional: background color */
    padding: 10px 0;
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
	margin-top:100px;
	margin-bottom: 100px;
}

/* Link styling */
.sticky-nav a {
    text-decoration: none;
    padding: 20px;
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    color: #05141f;
    border-left: 3px solid transparent;
    transition: border-left 0.3s ease;
}

/* Hover effect */
.sticky-nav a:hover {
    color: #05141f;
    border-left: 3px solid #05141f;
}

/* Active state with left border */
#stickyNav a.active {
    font-family: 'KiaSignatureBold', sans-serif;
    color: #05141f;
    text-decoration: none;
    border-left: 3px solid #05141f; /* Highlight color */
}



/* Horizontal scroll on mobile */
@media (max-width: 991.98px) {
    .sticky-nav {
        flex-direction: row;
        overflow-x: auto;
        white-space: nowrap;
        padding: 10px;
    }

    .sticky-nav a {
        display: inline-block;
        border-left: none;
        border-bottom: 2px solid transparent;
        padding: 10px 15px;
    }

    .sticky-nav a.active {
        border-left: none;
        border-bottom: 2px solid #0d6efd;
    }

    .sticky-nav::-webkit-scrollbar {
        display: none;
    }

    .sticky-nav {
        scrollbar-width: none;
    }
}



#key-features .st0, #key-features path {fill:#05141f !important;}
#key-features .st1, #key-features .st2 {stroke:#05141f !important;}


#related-vehicles h2, #recent-viewed-wrapper-vdp h2 {margin-top: 0;
    font: 700 24px / 28px 'KiaSignatureBold', sans-serif;
    color: #05141f;
    text-transform: uppercase;
    text-align: center;}

#related-vehicles h2:after, #recent-viewed-wrapper-vdp h2:after {
    width: 160px;
    content: "";
    display: block;
    border-bottom: 3px solid #05141f;
    margin: 12px auto 25px;
}
#related-vehicles .related-single {
    margin-right: 15px !important;
    border: 1px solid #d2e3ea;
    border-radius: 7px;
    background: #fff;
    /*padding: 0 0 15px 0; */
    overflow: hidden;
}
#related-vehicles {
margin: 75px 0;
       padding: 50px 20px;
    background: #fff;
    border-top: 1px solid #d7e6ec;
    border-bottom: 1px solid #d7e6ec;	
}
#packages, #highlights, #experience-better-benefits, #key-features, #vehicle-specs, #pre-approved, #protect-your-vehicle, #features {padding:100px 0 0;}

#key-features .container {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)), 
                      url('https://steeringinnovation.s3.amazonaws.com/images/highlighted-features.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
	border-radius:20px;
}

.pre-approved-wrapper {
  background-image: url('https://steeringinnovation.s3.amazonaws.com/inventory/v-2/get-pre-approved-bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0.5rem;
  padding: 25px 25px 25px 0;
}

.pre-approved-box {
  background-color: rgba(255, 255, 255, 0.8) !important;
  width: 45%;
  margin-left: auto; /* this pushes it to the right */
}

@media (max-width: 767.98px) {
  .pre-approved-wrapper {
    padding: 20px;
  }

  .pre-approved-box {
    width: 100% !important;
    margin: 0 auto;
  }
}

#pre-approved h2,
#pre-approved h5 {
  color: #05141f;
}


#vdp-photos {
    display: flex;
    flex-wrap: nowrap; /* Prevent wrapping */
   /* gap: 15px; /* Adds spacing between carousel and thumbnails */
    align-items: flex-start; /* Align items at the top */
}

/* Main carousel on the left */
#vdpPhotoCarousel {
    flex: 0 0 40%; /* Set width to 40% and prevent shrinking */
    max-width: 40%;
	padding-right:5px;
}
#vdpPhotoCarousel .carousel-item img {width:100%;}
#openFullscreenGallery {
	bottom: 0;
	border-radius: 30px;
    background: #fff;
    border: 0;
    color: #000;
}

/* Thumbnails on the right */
#vdpPhotoThumbs {
    flex: 0 0 60%; /* Set width to 60% and prevent shrinking */
    max-width: 60%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

/* Style for each thumbnail */
.vdp-thumbs {
    /* width: calc(33.333% - 10px); */
    width: calc(33.333% );
    /* margin: 5px; */
    cursor: pointer;
	float:left;
	padding-right:5px;
	padding-bottom:5px;
	
}
.vdp-thumbs:nth-child(4) {
    clear: both;
}
.vdp-thumbs img {
    width: 100%;
    height: auto;
    object-fit: cover;
    /*border: 2px solid transparent; */
    transition: all 0.3s ease-in-out;
}

.vdp-thumbs img:hover {
    /* border: 2px solid #007bff; */
    /* transform: scale(1.05); */
}


#vdp-next-steps	{background-color: #05141f;}
#vdp-next-steps	.cta-btn {
  font-size: 1rem;
  font-weight: 600;
  padding: 0.75rem 1.25rem;
  background-color: #ffffff;
  color: #05141f;
  border: 2px solid transparent;
  transition: all 0.3s ease;
}

#vdp-next-steps	.cta-btn:hover {

}

#vdp-next-steps	.cta-icon {
  margin-right: 0.5rem;
}
#vdp-next-steps	h3 {color:#fff;}

@media (min-width: 992px) {.vdp-thumbs {minheight: 250px; background: url('https://steeringinnovation.s3.us-east-2.amazonaws.com/images/loading-1.gif') no-repeat center; background-size: 150px;}}	
		
/* ✅ Mobile view: stacked layout */
@media (max-width: 991.98px) {
	#vdpPhotoCarousel {padding-right:0;}
  #vdp-photos {
    flex-direction: column;
    gap: 0;
  }

  #vdpPhotoCarousel,
  #vdpPhotoThumbs {
    max-width: 100%;
    flex: 1 1 100%;
  }

  #vdpPhotoThumbs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .vdp-thumbs {
    width: 16.66%; /* 6 per row */
    padding: 5px;
  }
	.vdp-thumbs:nth-child(4) {clear:none;}
	.carousel-control-next, .carousel-control-prev {width: 5% !important;}
	/*
	#vdp-next-steps	{background-color: #fff;}
	#vdp-next-steps	.cta-btn {
	  font-size: 1rem;
	  font-weight: 600;
	  padding: 0.75rem 1.25rem;
	  background-color: #05141f;
	  color: #fff;
	  border: 2px solid transparent;
	  transition: all 0.3s ease;
	}
	#vdp-next-steps	h3 {color:#05141f;}
	*/
}



#vdp-sticky {position: sticky; top: 100px; background: white; margin:100px 0;}
#vdp-price-ctas {padding: 20px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);border-radius: 12px;}

#vdp-price-ctas .total-savings-banner {font-size: 13px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    z-index: 1;
    padding: 2px 10px 2px 20px;
    margin-left: -30px;
    margin-top: -20px;
    background: #387D65;
	line-height: 24px;
	border-top-left-radius: 5px;}
#vdp-price-ctas .total-savings-banner:before {content: '';
    position: absolute;
    top: 28px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 11px 11px 0;
    border-color: transparent #107744 transparent transparent;}
#vdp-price-ctas .total-savings-banner:after {content: '';
    position: absolute;
    right: -26px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 26px 26px 0 0;
    border-color: #387D65 transparent transparent;}
#vdp-price-ctas .price-area.has-discount {margin-top:25px}
#vdp-price-ctas .price-breakdown .final-price .price-label {line-height: 36px;}
#vdp-price-ctas .price-breakdown .final-price .price-value {font-size: 24px;line-height: 36px; color:#387D65;}

#vdp-container .vdp-vehicle-located {font-size:14px;}
#vdp-container .vdp-vehicle-located .located-at {padding: 20px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); background: #f8f9fa; border-radius: 5px;}
#vdp-container .vdp-vehicle-located a {text-decoration: none;}
#vdp-container .vdp-vehicle-located .currently-located {font-size:13px;}
#vdp-container .vdp-vehicle-located .city-state {}
#vdp-container .vdp-vehicle-located em {font-size:13px;}


#packages h3, #experience-better-benefits h3, #key-features h3 {margin-top: 0;
    font: 700 24px / 28px 'KiaSignatureBold', sans-serif;
    color: #05141f;
    text-transform: uppercase;
    text-align: center;}
#packages h3:after, #experience-better-benefits h3:after, #key-features h3:after {
    width: 160px;
    content: "";
    display: block;
    border-bottom: 3px solid #05141f;
    margin: 12px auto 25px;}

#vehicle-specs h3, #description h3, #vehicle-options h3, #protect-your-vehicle h3, #features h3 {margin-top: 0;
    font: 700 24px / 28px 'KiaSignatureBold', sans-serif;
    color: #05141f;
    text-transform: uppercase;text-align: center;}
#vehicle-specs h3:after, #description h3:after, #vehicle-options h3:after, #protect-your-vehicle h3:after, #features h3:after {
    width: 160px;
    content: "";
    display: block;
    border-bottom: 3px solid #05141f;
    margin: 12px auto 25px;}
#vehicle-specs .rounded-circle {background-color:transparent !important; width:40px; height: 40px;}
#vehicle-specs svg {max-height:26px; max-width:26px;}
#vehicle-specs svg .cls-1 {fill: #05141f;fill-rule: evenodd;}
#vehicle-specs svg .cls-2 {fill: #05141f;}
#vehicle-specs svg#icon_stock {max-height:20px;}


#highlights h4, #experience-better-benefits h4, #key-features h4, #vehicle-specs h4, #description h4, #vehicle-options h4, #protect-your-vehicle h4 {font-size:16px; font-weight: 800;}
.highlights-container {display: flex; flex-wrap: wrap; gap: 20px; margin-left: 0 !important}
.experience-better-benefits-container {display: flex; flex-wrap: wrap; gap: 20px; margin-left: 0 !important}
#highlights .highlight {width: calc(50% - 10px) !important;}
#highlights .icon-container {min-height: 90px; display: flex; align-items: center;justify-content: center;}

#experience-better-benefits .highlight {width: calc(50% - 10px);}
#experience-better-benefits .highlight, #packages .highlight {
  	/* border-radius: 20px; */
  	display: flex;
  	flex-direction: column;
  	height: 100%;
	background: #ecf0f4;
}

#experience-better-benefits .d-flex.h-100, #packages .d-flex.h-100 {
  display: flex;
  flex-direction: row;
  height: 100%;
}

#experience-better-benefits .icon-col, #packages .icon-col {
  flex: 0 0 120px; /* Fixed width for icon section */
  background: radial-gradient(70% 80% at 17% 18%, #091a26, #05141f);
  /* background: radial-gradient(70% 80% at 17% 18%, #005696, #00477b); */
  display: flex;
  align-items: center;
  justify-content: center;
}

#experience-better-benefits .icon-col svg, #packages .icon-col svg {
  max-width: 80px;
  height: auto;
}

#experience-better-benefits .text-col, #packages .text-col {
  flex: 1;
}

.inner-80 {
  width: 100%;
}

@media (min-width: 768px) {
  .inner-80 {
    width: 80%;
  }
}
#packages h4 {font-size:24px;}

#pre-approved .highlight {width: calc(50% - 20px) !important; padding: 12px; border: 1px solid #ddd; background: #f8f9fa; border-radius: 5px;}
.highlight img {max-height:24px;}
#highlights .highlight svg {max-height:80px; max-width: 120px;}
#key-features .feature-icon svg {height:40px;}

  #key-features .feature-icon svg {
    width: 50px;
    height: 50px;
    fill: #002c5f; /* Optional: customize icon color */
    transition: transform 0.2s ease;
  }

  #key-features .feature-card:hover svg {
    transform: scale(1.1);
  }

  #key-features .feature-card {
    transition: box-shadow 0.3s ease, transform 0.3s ease;
  }

  #key-features .feature-card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    transform: translateY(-3px);
  }
#key-features .feature-text {font-family:'KiaSignatureBold', sans-serif;}

#features svg {max-height:32px; max-width:32px; margin-right:12px;}

.row.custom-gap {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}



.custom-gap .col-lg-8,
.custom-gap .col-lg-4 {
  flex: 1 1 100%;
  max-width: 100%;
}

@media (min-width: 992px) {
  .custom-gap .col-lg-8 {
    flex: 1;
    max-width: calc(66.66% - 25px);
  }

  .custom-gap .col-lg-4 {
    max-width: calc(33.33% - 25px);
  }
}
@media (max-width: 991.98px) {
	#vdp-sticky {position: static !important;margin-top: 25px;margin-bottom: 25px;}
	#packages, #highlights, #experience-better-benefits, #key-features, #vehicle-specs, #pre-approved, #protect-your-vehicle, #features {padding:50px 0;}
	
	#highlights .highlight, #highlights .highlight.packages, #experience-better-benefits .highlight {width: calc(100% - 15px) !important;}
}
#protect-your-vehicle {margin-top: 75px; padding:75px 0; background: url('https://steeringinnovation.s3.amazonaws.com/images/protection-product-bg.jpg') no-repeat; background-size: cover; border-top:1px solid #d7e6ec; border-bottom:1px solid #d7e6ec; color:#5d5b5a;}
#protect-your-vehicle h3, #recent-viewed-wrapper-vdp h3 {margin-top: 0; font:700 28px/32px 'KiaSignatureBold', sans-serif; color:#05141f; text-transform: uppercase; text-align: center;}
#protect-your-vehicle h3:after, #protect-your-vehicle h3:after  {width:160px;content: ""; display: block; border-bottom: 3px solid #fff; margin: 12px auto 25px;}
#protect-your-vehicle h4 {text-align:center; font-size:18px; margin-bottom:15px;}
#protect-your-vehicle .content-wrapper {background:#f8fbfc; border:1px solid #d2e3ea; border-radius:7px; padding:30px;}

#protect-your-vehicle .package {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	background-color: rgba(255, 255, 255, 0.88) !important;
	border: 1px solid #d2e3ea;
	border-radius: 7px;
	padding: 30px;
	height: 100%; /* ensures equal height inside .row */
}
#protect-your-vehicle .package p {margin-bottom: 0;}
#protect-your-vehicle .package img {
	max-width: 80px;
	flex-shrink: 0;
	height: auto;
	margin: 0;
}

#protect-your-vehicle .package-content {
	flex: 1;
}

#protect-your-vehicle .btn-primary {background: #fff; color: #05141f; border: 1px solid #fff;}

@media (max-width: 767.98px) {
	#protect-your-vehicle .package {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	#protect-your-vehicle .package-content {
		text-align: center;
	}
}


#vdp-container .accordion-item {
    transition: all 0.3s ease;
	border:none !important;
}
#vdp-container .toggle-icon {
    transition: transform 0.2s ease;
}
#vdp-container a[aria-expanded="true"] .toggle-icon {
    transform: rotate(45deg); /* Turns + into × */
}

#backToTopBtn {border-radius: 30px; border: 1px solid; padding: 10px 20px; font-size: 12px; margin-top: 50px;}

/**************************************/
/****** Sales & Service Specials *****/
/************************************/
#service-coupon img {float: none; clear: both; display: block; margin: 0 auto 15px; max-height: 200px; width: auto;}
#service-coupon {border:2px dashed #ccc; padding:15px;background:#fff; font-size:12px; margin-bottom:25px;}
#service-coupon .copy {width:100%; max-height:350px; height:350px;overflow: hidden;}
#service-coupon .disclaimer {display:none; font-size:10px; margin-top:15px;}
#service-coupon h4, #service-coupon strong {font-size: 20px; line-height: 28px; margin: 0 0 20px; text-align: center; display: block; color: #05141f; text-transform: uppercase; font-weight: 600;}
#service-coupon a.expand-coupon {text-align:center;display:block;padding:12px 0;margin-top: 15px; color: #05141f; border: 1px solid #05141f;}
#service-coupon a.btn_print {display: block;border-radius: 50px;}
#service-coupon a.btn {background:#05141f !important;}
#service-coupon-wide img {float: left; clear: both; display: block; margin: 0 15px 15px 0; max-height: 270px; width: auto;}
#service-coupon-wide {border:2px dashed #d3d3d3; padding:25px;background:#efefef; font-size:12px; margin-bottom:25px;}
#service-coupon-wide .copy {font-size:12px;}
#service-coupon-wide .disclaimer {font-size:10px;}
#service-coupon-wide .btn {border-radius: 50px;}
#service-coupon-wide h4, #service-coupon-wide strong {font-size:24px;line-height: 26px;margin: 0 0 20px; text-align: center;  color: #05141f; text-transform: uppercase; font-weight: 600;}

/*
* Breadcrumb Styling
*/
.btn-breadcrumb {margin-top:30px;display:block !important; border: 1px solid #e6e6e6 !important; -moz-border-radius:5px; border-radius:5px;}
.srp-container .btn-breadcrumb {margin-bottom:30px;}
 .btn-breadcrumb .btn:not(:last-child):after {content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;}
.btn-breadcrumb .btn:not(:last-child):before {content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;}
/** The Spacing **/
.btn-breadcrumb .btn {margin-left:0 !important; border:0px; padding:6px 12px 6px 24px; background:#fff !important; color:#7a7a80 !important; border-color:#e6e6e6 !important; text-transform:none !important; -webkit-transition: opacity 0s ease-in-out; -moz-transition: opacity 0s ease-in-out; -ms-transition: opacity 0s ease-in-out; -o-transition: opacity 0s ease-in-out; transition: opacity 0s ease-in-out;}
.btn-breadcrumb .btn:first-child {padding:6px 6px 6px 10px;}
.btn-breadcrumb .btn:last-child {padding:6px 18px 6px 24px;}
/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {border-left: 10px solid #fff;}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {border-left: 10px solid #ccc;}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {border-left: 10px solid #ebebeb;}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {border-left: 10px solid #adadad;}
.btn-breadcrumb .btn:hover {background:#ebebeb !important;
    -webkit-transition: background-color 0s linear;
    -moz-transition: background-color 0s linear;
    -o-transition: background-color 0s linear;
    transition: background-color 0s linear;
}
.btn-breadcrumb .btn:active {-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.125); box-shadow: 0 0 0 0 rgba(0,0,0,.125);}
/** SEO Landing Pages Styles **/
.landing-page-vehicle {text-align:center;margin-bottom: 25px;}
.landing-page-vehicle:nth-of-type(3n+4) {clear:left;}
.landing-page-vehicle a {}
.landing-page-vehicle h3 {display:inline-block; margin-bottom: 0 !important; margin-top: 0 !important;  font-size:24px; font-family: 'KiaSignatureBold';}
.landing-page-vehicle h3 a {text-decoration: none;}
.landing-page-vehicle h3:after {max-width:200px;}
.landing-page-vehicle a.inventory-link {color: #05141f;
    width: 100%;
    padding: 12px !important;
    text-shadow: none;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    line-height: 1em;
    box-sizing: border-box;
    border: 2px solid #05141f;
    background: transparent;
    border-radius: 0px;
    display: inline-block;
    margin-top: 15px;
	font-size: 16px;}
.landing-page-vehicle a.inventory-link:hover, .landing-page-vehicle a.inventory-link:active {background: #05141f; color: #fff;}


.landing-page-vehicle .portrait {background-size: cover !important; background-position: bottom !important;}
.landing-page-vehicle .landing-page-model {padding:15px 0 7px; background: -moz-linear-gradient(top,  rgba(0,0,0,0.75) 42%, rgba(0,0,0,0.63) 51%, rgba(0,0,0,0.01) 99%, rgba(0,0,0,0.01) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0.75) 42%,rgba(0,0,0,0.63) 51%,rgba(0,0,0,0.01) 99%,rgba(0,0,0,0.01) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0.75) 42%,rgba(0,0,0,0.63) 51%,rgba(0,0,0,0.01) 99%,rgba(0,0,0,0.01) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#03000000',GradientType=0 );}
.landing-page-vehicle .landing-page-model a {color:#fff !important;}
.landing-page-vehicle .landing-page-lower {padding: 50px 20px 12px; margin-top: 100px;background: -moz-linear-gradient(top,  rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.63) 49%, rgba(0,0,0,0.75) 58%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.63) 49%,rgba(0,0,0,0.75) 58%);background: linear-gradient(to bottom,  rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.63) 49%,rgba(0,0,0,0.75) 58%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03000000', endColorstr='#bf000000',GradientType=0 );}
.landing-page-vehicle .landing-page-instock {float: left; padding-left: 12px; color: #fff; font-size:16px;}
.landing-page-vehicle .landing-page-startingat {float: right; padding-right: 12px; color: #fff; font-size:16px;}
.landing-page-vehicle .landing-page-btn {}

.landing-page-vehicle .landing-page-btn a.inventory-link {border: 1px solid #fff; color: #fff; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.landing-page-vehicle .landing-page-btn a.inventory-link:hover, .landing-page-vehicle .landing-page-btn a.inventory-link:active {background:#fff; color:#05141f;}
/** End SEO Landing Pages Styles **/



.single-dealership .page-header {padding:125px 0;margin:0;}
.dealership-split .main-content-area {margin-top: 0;}
.dealership-fullwidth h3, .dealership-narrow h3, .dealership-split h3 {margin: 0;}
.single-dealership .contact-icon-row {margin-top: 30px;}
.single-dealership .contact-icon {float: left; padding-right: 15px; }
.single-dealership .contact-icon-text {float: left;}
.dealership-split .contact-icon-text {margin-bottom: 35px;}
.single-dealership .fa-stack-2x {color: #05141f;}
.single-dealership .contact-day {float: left; width:50%;}
.single-dealership .contact-hours {float: left; width:50%;}
.single-dealership .hours-row {margin-top: 30px;}
.single-dealership .gform_wrapper input[type=text], .single-dealership .gform_wrapper .top_label select.large {margin-bottom: 0px;}
.single-dealership .gform_wrapper .gform_footer {margin: 0 0 12px;}
.single-dealership #accordion {margin-right: 30px;}
.single-dealership #accordion .card-header {border: 0;background: #05141f; border-radius: 0;}
.single-dealership #accordion .card {border-radius: 0; border: 0;}
.single-dealership .card-header a {position: relative; display: block; cursor: pointer;text-decoration: none; font-size: 18px;padding: 4px 0 2px;color: #fff;}
/*.single-dealership .card-header a:after {content: " \f056"; font-family: "Font Awesome 5 Pro"; text-align: right; display: inline-block; position: absolute; font-size: 15px; top: 5px; left: -25px;}
.single-dealership .card-header a.collapsed:after {content: " \f055"; font-family: "Font Awesome 5 Pro"; text-align: right; display: inline-block; position: absolute; font-size: 15px; top: 5px; left: -25px;} */
.single-dealership .entry-content h3 {margin-bottom: 0;font-size: 20px; font-weight: 300;}
.single-dealership .entry-content h3:after {max-width:100%; margin-bottom: 0px; border:0;}

.dealership-narrow .gform_wrapper textarea.large {height: 75px !important;}
.dealership-split .contact-sidebar-inner {background: #efefef; padding: 25px;}
@media (max-width:1023px) {.single-dealership .contact-sidebar{clear: both;}}
@media (max-width:767px) {.single-dealership .contact-icon-row{margin-top:0;}}
@media (min-width:768px) and (max-width:1024px) {.single-dealership .contact-icon, .single-dealership .contact-icon-text {float:none; padding-right:0;text-align: center;}}

h4.dealer-list-location {font: 300 32px/36px "KiaSignatureRegular", sans-serif !important; position: relative; margin-bottom: 45px; font-size: 2em; text-align: center; text-transform: uppercase;}
h4.dealer-list-location:before {background-color: #d3d2d2;position: absolute; top: 50%; right: 0; left: 0; content: ""; width: 98%; height: 1px; margin-top: 1px;}
h4.dealer-list-location span {display: inline-block;position: relative; padding: 0 15px; background-color: #fff; color: #555558;}

.dealership-widget {font-size:12px; margin: 15px 0 15px 30px;}
.dealership-widget .single-dealership {border-bottom:1px dotted #e3e3e4; padding-bottom: 12px;}
.dealer-hours h3 {display:block; text-align:center; padding:7px 0; border:1px solid #ccc;margin-top:25px;}
.location-open-close {list-style:none; margin:0; padding:0;}
.location-open-close:after {clear:both;display: table; content: " ";}
.location-open-close li {width:50%; float:left; padding:4px 10px;}
.location-open-close .alt-row {background:#ccc;}
.location-open-close .location-hours {text-align:right;}
#single-dealership-department .dealer-hours {padding:0 30px 0 0;}
#single-dealership-department .dealer-hours h3 {margin-top:20px;}
#single-dealership-department .contact-frm {margin-top:20px;}
.alert {font-size:14px; text-align:center;}
#getOfferModal .modal-content, #getOfferModalSingle .modal-content, #confirmModal .modal-content {border:0px;background-position: bottom left; background-repeat: no-repeat; background-size: contain;}

#specials-page-container .ford {color:#333;}
#specials-page-container .mazda {color:#333;}
#specials-page-container .kia {color:#333;}
#specials-page-container .mitsubishi {color:#333;}
#specials-page-container .lincoln {color:#333;}
#specials-page-container .srp-special {margin-top: 25px; padding: 12px;border: 5px solid #05141f;}                  
#specials-page-container .kia .srp-special {border: 5px solid #05141f;}                  
#specials-page-container .vehicle-img {width:30%; float:left; padding-right:15px; text-align: center;}
#specials-page-container .vehicle-img img {margin-bottom:7px;}
#specials-page-container .vehicle-img .ymm {margin-top: 5px;}
#specials-page-container .special-details {width:70%; float:left;}
#specials-page-container .offer-details {float:left; padding: 0 1%;text-align: center;}
/*#specials-page-container .offer-details .ymm {border-top: 2px solid #05141f; padding-top: 7px; margin-top: 5px; height: 60px; overflow: hidden;}*/
#specials-page-container .offer-details .ymm {height: 55px; overflow: hidden;}
#specials-page-container .ymm {font-size: 15px;letter-spacing: .2em; text-transform: uppercase; display: block;}
#specials-page-container .ymm .trim {display: block;}
#specials-page-container .ymm strong {font-size: 16px;}
#specials-page-container .offer {font-size:24px; line-height: 35px; padding:10px 0; min-height: 106px;}
#specials-page-container .offer strong {font-size:40px;}
#specials-page-container .offer sup {font-size:100%;}
#specials-page-container .offer sup.disclaimer {font-size: 44%; top: -10px;}
#specials-page-container .offer sup.disclaimer a{color:#05141f;}
#specials-page-container .offer-link {margin-bottom: 15px;}
#specials-page-container .offer-link a, #specials-page-container .btn-primary {line-height: 22px; max-width: 350px; margin: 0 auto;display: block; color:#fff; background: #05141f; text-align: center; padding: 12px 0; font-size: 14px;}
#specials-page-container .offer-link a:hover, #specials-page-container .offer-link a:active, #specials-page-container .offer-link a:focus,
#specials-page-container .btn-primary:hover, #specials-page-container .btn-primary:active, #specials-page-container .btn-primary:focus {background: #183558;}

#specials-page-container .kia .offer-link a, #specials-page-container.kia .btn-primary {background: #05141f; }
#specials-page-container .kia .offer-link a:hover, #specials-page-container.kia .offer-link a:active, #specials-page-container.kia .offer-link a:focus,
#specials-page-container .kia .btn-primary:hover, #specials-page-container.kia .btn-primary:active, #specials-page-container.kia .btn-primary:focus {background: #05141f;}

@media (max-width:1360px) {
	#srp-special-container .seo-helper {display:none;}
	#srp-special-container .text-bg {display:none;}
	#srp-special-container .offer-link {clear: both; float: none; margin: 0 auto;}
	#srp-special-container .offers-row {width:100%;}
	
}
@media (max-width:1450px) {
	#srp-special-container .seo-helper p {font-size:14px; line-height: 20px;}
	
}

.jeep:nth-of-type(0n) {clear: left;}
.dodge:nth-of-type(0n) {clear: left;}
.ram:nth-of-type(0n) {clear: left;}

#narrow-specials-page-container {}

#narrow-specials-page-container .special-container {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    margin-bottom: 25px;
    padding: 20px;
    position: relative;
    background-size: cover;
    min-height: 600px;
}
#narrow-specials-page-container .special-container.has-container {height:720px;}
#narrow-specials-page-container h3 {text-align: left;}
#narrow-specials-page-container .offer-lower {
    margin-top: auto;
    text-align: center;
    width: 100%;
}
#narrow-specials-page-container .offer-link {
    text-align: center;
    width: 100%;
}
@media only screen and (min-width: 768px) {#narrow-specials-page-container .col-md-6 .offer-lower img {max-height: 350px; max-width: 400px;}}
/* #narrow-specials-page-container .offer-upper {height: 250px;} */
/* #narrow-specials-page-container .chrysler .offer-upper, #narrow-specials-page-container .jeep .offer-upper, #narrow-specials-page-container .dodge .offer-upper, #narrow-specials-page-container .ram .offer-upper {height: 300px;} */
/* #narrow-specials-page-container .mazda .offer-upper {background: transparent !important;margin-top: 125px; height:155px !important;} */
#narrow-specials-page-container a {text-decoration: none;}
#narrow-specials-page-container .ymm {font:300 24px/32px 'KiaSignatureRegular', sans-serif; margin-bottom: 30px;z-index: 2; position: relative; margin-top: 0;}
#narrow-specials-page-container .offer {margin: 0 auto; padding: 0; font: 300 22px/40px 'KiaSignatureRegular', sans-serif;}
#narrow-specials-page-container .offer strong {font: 700 52px/52px 'KiaSignatureBold', sans-serif;}
#narrow-specials-page-container .offer sup {top: -1.4em;}
#narrow-specials-page-container .offer .due-at-signing sup {top: -0.3em;}
#narrow-specials-page-container .disclaimer {
  font-size: 10px;
  line-height: 15px;
  color: #555558;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

#narrow-specials-page-container .disclaimer.collapsed {
  max-height: 30px; /* 2 lines of text */
  height: 30px; /* 2 lines of text */
}

#narrow-specials-page-container .toggle-disclaimer {
  display: inline-block;
  font-size: 10px;
  margin-top: 5px;
  color: #555558 !important;
  cursor: pointer;
  text-decoration: underline;
}

#narrow-specials-page-container .disclaimer-wrap {margin-bottom:30px;}

#narrow-specials-page-container .event-logo {margin-bottom: 20px;}
#narrow-specials-page-container .event-logo img {max-height: 100px;}
#narrow-specials-page-container a.btn {margin:10px 0 0; width:100%; border:0;}

@media only screen and (min-width: 768px) {
	#narrow-specials-page-container .col-md-12 .special-container {padding: 20px 20px; overflow: hidden;}
	#narrow-specials-page-container .col-md-12 .offer-upper {float: right; width: 60%; height: initial; height:250px;}
	#narrow-specials-page-container .col-md-12 .offer-lower {position: initial; float: left; width: 40%;margin-top: 25px;}
	#narrow-specials-page-container .col-md-12 .offer-link {position: relative; padding: 0; clear: both; z-index: 10;}
	#narrow-specials-page-container .col-md-12 .offer-link a {float: left !important; width: 48%; margin: 20px 1% 0;}
	
	#srp-special-container.offer-single .offer-details {margin:20px 0;}
	#narrow-specials-page-container .ford.col-md-12 .lower-background {height: 125%;
    position: absolute;
    background: linear-gradient(0deg,#081c34,#081c34);
    width: 60%;
    opacity: 70%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
    top: -50px;
    z-index: 0;
    right: -15px;}	
	/*#narrow-specials-page-container .offer-upper {height: 250px;}*/
}

@media only screen and (max-width: 768px) {
	#narrow-specials-page-container .offer {padding:0px !important; border:0 !important;}
	
	#narrow-specials-page-container .special-container {padding:20px;}
	#narrow-specials-page-container .offer-lower {position:initial; padding:0;}
	#narrow-specials-page-container .offer-link {position: initial; padding:0;}	
	#narrow-specials-page-container .ford.col-md-6 .lower-background {background:none;}
	
	
	.offer-upper .vertically-align {position: inherit; top: initial; transform: none;}
	#narrow-specials-page-container .ymm {font: 300 24px/30px 'KiaSignatureRegular', sans-serif;}
	#narrow-specials-page-container .offer strong {font: 700 48px/56px 'KiaSignatureBold', sans-serif;}
	
	
	#vdp-container .vdp-title {font-size:22px;}
	#vdp-container .subheader {font-size:15px;}
	#vdpPhotoCarousel {}
	#key-features {font-size:14px; text-align: center;}
	
	#vdp-container #stickyHeader.fixed-header .vdp-title {font-size:16px;}
	/* #vdp-container #stickyHeader.fixed-header .subheader {display:none;;} */
	#vdp-container #stickyHeader.fixed-header .top-price-area .asking-price.price {font:800 25px/30px 'KiaSignatureBold', sans-serif;}
	
	.sticky-nav {display:none;}
	#highlights .highlights-container {margin-left: calc(-.5 * var(--bs-gutter-x)) !important;}
	
	.confirm-price-btn {width: 100%;}
	#vehicle-specs .rounded-circle {width:32px !important; height: 32px !important;}
	#vehicle-specs svg {
		max-height: 20px;
		max-width: 20px;
	}	
}

@media (max-width: 576px) {
	.breadcrumb-scroll {
    	overflow-x: auto;
      	-webkit-overflow-scrolling: touch;
    }

    .breadcrumb-scroll::-webkit-scrollbar {
      display: none;
    }

    .breadcrumb-list {
      white-space: nowrap;
      flex-wrap: nowrap !important;
    }
  }


.cn-button-container a {font-size: 1rem;
    font-weight: 600;
    padding: 0.75rem 1.25rem;
    background-color: #ffffff;
    color: #05141f;
    border: 2px solid transparent;
    transition: all 0.3s ease; display:block; text-align:center;}


/* Slide from right */
@keyframes slideInRight {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.toast-slide {
  animation: slideInRight 0.6s ease forwards;
  border-left: 4px solid #198754; /* Bootstrap green */
  max-width: 320px;
}