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

/* .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: #005696; 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: #34baf3; 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: #34baf3; 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: 8px;height: 8px;border-radius: 5px;}
#highlighted-features-filter ul::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 10px;}
.carousel-fade .carousel-inner .item, .no-photo-srp {min-height: 250px;}
.carousel-inner {height: 266px; background: url('https://andersonautogroup.s3.amazonaws.com/images/loading-1.gif') no-repeat center; background-size: 150px;}
.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;}



.features, .panel.tags {display:none !important;}

#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/blue-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;font-weight: bold; position: absolute; z-index: 1; padding: 2px 10px 2px 4px; right:3px; background: #17a65f;}
.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: #17a65f transparent transparent;} 
.srp-header:after {content: ''; position: absolute; top: 26px; right: 2px; width: 0; height: 0; border-style: solid; border-width: 11px 11px 0 0px; border-color: #107744 transparent transparent;}
.srp-header a {color:#fff;}


.styled-select:before {position: absolute; content: " \f0dc"; font-family: "Font Awesome 5 Pro"; top: 3px; left: 19px; font-weight: 700; font-size: 15px; line-height: 33px;}

.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, #00477b 0%, #005696 31%, #005696 70%, #00477b 100%);
    border: 0; color:#fff; height:40px;}

.sticky-filter-row #display-filters, .sticky-filter-row .styled-select select {color:#fff;}
.sticky-filter-row .styled-select option {color:#454545;}
.filter-title a {display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 12px 0;
    background: #005696;
    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;  /* Removes default arrow in WebKit browsers (Safari, Chrome) */
    -moz-appearance: none;     /* Removes default arrow in Firefox */
    appearance: none;          /* Removes default arrow in modern browsers */
    background: none;          /* Removes any background image (like the default arrow) */
    border: none;              /* Remove border if necessary */
    padding-right: 20px;       /* Optional: Add some padding for visual balance */
	padding-left: 22px;
}

/* 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 #000; 
    pointer-events: none;
} */




.bottom-bar {display:none;}

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

#applied-filters {
    padding: 10px;
    background-color: #f0f4f6;
	position: sticky;
    top: 0;
    left: 0;
    z-index: 1;	
}
#applied-filters h5 {color: #005696; font-size: 16px; font-weight: 600; text-transform: uppercase;}

#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: 5px;
    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;
}

.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: #34baf3;
    font-size: 12px;
    text-align: center;
    border-radius: 50%;
    margin-left: 5px;
    position: relative;
    top: -1px;
}

.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: 9999;
    transition: top 0.3s ease;
    background: linear-gradient(to right, #00477b 0%, #005696 31%, #005696 70%, #00477b 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 #34baf3 !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 #34baf3 !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;}

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

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

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

@media (min-width:768px) {
	#left-search-area {position: sticky;position: -webkit-sticky;overflow-y: auto;top: 110px; max-height: calc(100vh - 180px);padding-right: 0;}
	#left-search-area::-webkit-scrollbar-thumb {background: #888;border-radius: 10px;}
	#left-search-area::-webkit-scrollbar {width: 8px;height: 8px;border-radius: 5px;}
	#left-search-area::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 10px;}	
	.sidr {border-top-left-radius: 10px;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;
	}	
}

@media (max-width:768px) {
	.srp-lower {padding:0;}
	.grid-new .price-area {height: auto; }
	.filter-row {height:40px;}
	.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-container.sticky #search-box {font-size: 14px;padding: 4px 8px; height: 40px;}
	.view-all-rebates {display:none;}
	.grid-listing .srp-lower {padding:0 !important;}
	.grid-listing a.view-photos {margin-left:none !important;}
	.srp-header {top:15px;}
	.srp-header.is-popular {top:54px;}
}

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