/*
Theme Name: Sandhills
Theme URI: https://sandhills.com
Author: Sandhills
Author URI: https://sandhills.com
Description: Sandhills default template.
Version: 1.0
Text Domain: sandhills
Tags: Sandhills default
*/

/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/

html, body {
	width:100%;
}
.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
	display: block;
	height: auto;
	max-width: 100%;
}
.wp-custom-header {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.wp-custom-header iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Class for Google Map widget */
.google_map {
	width:100%; 
	min-height:58vh;
}
.navbar-default { 
	background-color:transparent!important;
	border-color:transparent!important;
}
.navbar {
	min-height:auto!important;
	margin-bottom:0!important;
}
.navigation-top {
	width:100%;
}
.menu li {
	width:auto!important;
	padding-right:6%;
	display:inline-block;
}
.menu li:last-child {
	padding-right:0!important;
} 
.menu li > a {
	color:#000;
	font-size:1.5em;
}
.dropdown-menu {
	background-color: rgba(0,0,0,0.7);
	color:orange;
	border-radius:0px;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
	font-size:18px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color:#e68a24;
}
.dropdown-menu:not(.head-list)>li>a {
    color: #000;
	font-size:16px;
	font-weight:400;
}
.dropdown-menu:not(.head-list)>li>a:hover {
    background-color: #e68a24;
    transition: linear 0.2s;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

#wp-admin-bar-new-content-default {
	display: none;
}



/*===================== 
	base styles 
=======================*/


body {
	font-family: "Outfit", sans-serif;
    margin: 0;
	padding:0;
	}

/*===================== 
	typography 
=======================*/


	h1 {
		font-size:30px;
		font-weight: 700;
}

	h2 {
		font-size:28px;
		font-weight: 700;
}
	h3 {
		font-size:24px;
		font-weight: 700;
}
	h4 {
		font-size:20px;
		font-weight: 700;
}
	h5 {
		font-size:18px;
		font-weight: 600;
}
	h6 {
		font-size:16px;
		font-weight: 500;
}

p {
	font-size:16px;
	margin: 0;
	}
.butn-black {
	font-family: "Outfit", sans-serif;
	background:#000;
	color:#fff;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	padding:10px;
	font-size:16px;
	font-weight: 400;
	text-align:center;
	margin:0;
    transition: .2s ease-in;
	border:1px solid #000;
	outline: none;
	cursor: pointer;
	border-radius: 0px!important;
	line-height: 1;
	gap:0 5px;
}
.butn-black:hover {
	color:#000;
	background:#fff;
}
.butn-yellow {
	font-family: "Outfit", sans-serif;
	background:#ffd008;
	color:#000;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	padding:10px;
	font-size:16px;
	font-weight: 400;
	text-align:center;
	margin:0;
    transition: .2s ease-in;
	border:1px solid #ffd008;
	outline: none;
	cursor: pointer;
	border-radius: 0px!important;
	line-height: 1;
	gap:0 5px;
}
.butn-yellow:hover {
	color:#ffd008;
	background:#000;
}
.butn-black-y {
	font-family: "Outfit", sans-serif;
	background:#000;
	color:#fff;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	padding:10px;
	font-size:16px;
	font-weight: 400;
	text-align:center;
	margin:0;
    transition: .2s ease-in;
	border:1px solid #ffd008;
	outline: none;
	cursor: pointer;
	border-radius: 0px!important;
	line-height: 1;
	gap:0 5px;
}
.butn-black-y:hover {
	color:#000;
	background:#fff;
}
.text-link-black {
	font-family: "Outfit", sans-serif;
	font-weight: 600;
	color:#000;
	transition: .2s ease-in;
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	text-align: inherit;
	line-height: 1;
}
.text-link-color:hover {
	opacity: 0.7;
}
.text-link-yellow {
	font-family: "Outfit", sans-serif;
	font-weight: 600;
	color:#ffd008;
	transition: .2s ease-in;
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	text-align: inherit;
	line-height: 1;
}
.text-link-yellow:hover {
	opacity: 0.7;
}
.text-link-white {
	font-family: "Outfit", sans-serif;
	font-weight: 500;
	color:#fff;
	transition: .2s ease-in;
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	text-align: inherit;
	line-height: 1;
}
.text-link-white:hover {
	opacity: 0.7;
}
.verticle-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
} 

/*===================== 
	header styles 
=======================*/

.wrap-header {
	
}
.top-head {
	width: 100%;
	display: block;
	background:#000;
}
.top-head .container-lg {
	padding:15px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap:10px;
}
.head-main {
	width: 100%;
	background:#fff;
}
.head-main .container-lg {
	padding:10px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap:10px;
}
.head-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap:10px;
}
.head-search-open {
	font-size:20px;
	color:#000;
	transition: .2s ease-in;
	cursor: pointer;
}
.head-search-open:hover {
	color:#ffd008;
}
.head-search {
	background:#e5e5e5;
	width: 100%;
}
.head-search-toggle {
	display: none;	
}
.head-search .container-md {
	padding:20px;
}
.head-search form {
    display: flex;
    background:#fff;
    box-sizing: border-box;
    width:100%;
	margin:0 auto;
	padding-right: 10px;
	
}
.head-search form input {
    background: #fff;
    background-color: #fff!important;
    font-size: 16px!important;
    flex-grow: 1;
    width:100%;
    border:0px!important;
    outline: none!important;
    font-family: "Outfit", sans-serif;
    height: auto!important;
    padding:10px!important;
    line-height: normal!important;
    border-radius: 0px!important;
}
.head-search form button {
    background: #fff;
    background-color: #fff;
    color:#000;
    font-size: 16px;
    border:0px;
    outline: none;
    transition: .2s ease-in;
}
.head-search form button:hover {
    color:#ffd008;
}


/*===================== 
	content styles 
=======================*/

.hero-video-cont {
	overflow: hidden;
	position: relative;
}

.hero-video-cont .container-default-div-editor {
	z-index: 2;
	position: relative;
}

.hero-video {
	overflow: hidden;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	background:#000;
}
.hero-video video {
	top: auto;
	bottom:10vw;
	height: 100%!important;
	width: auto!important;
	position: relative;
	opacity: 0.6;
}
.hero-video .shEditorInsertVideo  {
	min-height: 400px;
}
.wrap-cat .post-container-home-cat-links {
	display: flex;
	justify-content: center;
	gap:15px 0;
}

.wrap-cat .item {
	padding:0 3vw;
	box-sizing: border-box;
	border-right:2px solid rgba(255,255,255,0.3);
	width: auto;
}
.wrap-cat .item:first-of-type {
	border-left:2px solid rgba(255,255,255,0.3);
}
.wrap-cat a {
	display: block;
	padding:20px;
	box-sizing: border-box;
}
.wrap-cat img {
	display: block;
	width: auto;
	max-width: 100px;
	margin:0 auto 10px auto;
	height: auto;
	transition: .2s ease-in;
}
.wrap-cat h2 {
	font-family: "Outfit", sans-serif;
	font-size:22px;
	font-weight:500;
	color:#ffd008;
	text-align: center;
	transition: .2s ease-in;
}
.wrap-cat a:hover img {
	filter: brightness(100000000);
}
.wrap-cat a:hover h2 {
	color:#fff;
}


.wrap-featured-serv {
	
}
.wrap-featured-serv .item:nth-of-type(1), .wrap-featured-serv .item:nth-of-type(2) {
	width:50%;
}
.wrap-featured-serv .item {
	padding:5px;
	box-sizing: border-box;
	width:33.33%;
}
.wrap-featured-serv .item a {
	display: flex;
	justify-content:center;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	background:#000;
	height: 20vw;
	min-height:150px;
	padding:20px;
	box-sizing: border-box;
}
.wrap-featured-serv .item a img {
	width: 100%;
	height:100%;
	display: block;
	z-index: 1;
	position: absolute;
	object-fit: cover;
	object-position: center;
	opacity: 0.4;
	transition: .2s ease-in;
	left:0;
	top:0;
}
.wrap-featured-serv .item a h2 {
	color:#fff;
	font-size:28px;
	font-weight:700;
	text-shadow: 0 0 10px rgba(0,0,0,0.9);
	transition: .2s ease-in;
	font-family: "Outfit", sans-serif;
	position: relative;
	z-index: 3;
	text-transform: uppercase;
}
.wrap-featured-serv .item a h3 {
	color:#fff;
	font-size:16px;
	font-weight:500;
	text-shadow: 0 0 10px rgba(0,0,0,0.9);
	transition: .2s ease-in;
	font-family: "Outfit", sans-serif;
	position: relative;
	z-index: 3;
}
.wrap-featured-serv .item a i {
	position: absolute;
	z-index: 3;
	top:20px;
	right:20px;
	font-size:40px;
	color:rgba(255,208,8,0.60);
}
.wrap-featured-serv .item a:hover img {
	opacity: 0.3;
}
.wrap-featured-serv .item a:hover i {
	color:rgba(255,208,8,1.00);
}
.wrap-car {
	height: 100%;
	display: flex;
	align-items: center;
}

.wrap-car .item {
	padding:10px!important;
	height: 100%;
}

.wrap-car .item > div, .wrap-car .slick-slide > div {
	height: 100%;
}

.wrap-car .slick-track {
	display: flex;
	align-items: stretch;
}
.wrap-grid > .row {
	display: flex;
	align-items: stretch;
}
.wrap-grid .item {
	padding:10px!important;
}

.wrap-grid .item > div {
	height: 100%;
}

.review-cont-1 {
	background:#fff;
	border:1px solid #000;
	padding:20px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap:10px;
	height: 100%;
}
.review-stars {
	font-size:18px;
	color:#f9c500;
	display: flex;
	padding-bottom: 5px;
}
.review-info {
	text-align: left;
	font-size: 16px;
}

.review-cont-1 p.bold {
	text-align: left;
	font-size: 18px;
	font-weight: 700;
}

.brand-slide {
	display: flex;
	height: 100%;
	padding: 20px 10px;
	box-sizing: border-box;
}
.brand-slide img {
	width: 100%;
	height: auto;
	object-fit: contain;
	object-position: center;
	margin: 0 auto;
	display: block;
}
.white-cont-1 {
	background:#fff;
	padding:20px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap:10px;
	height: 100%;
}
.btn-cont-1 {
	display: flex;
	flex-direction: column;
	gap:5px;
}
.btn-cont-1 a {
	display: flex;
	width: 100%;
	box-sizing: border-box;
}
.brand-cont-1 img {
	width: auto;
	max-width: 100%;
	margin: 0 auto 5px auto;
	display: block;
}
.brand-cont-1 h2 {
	font-size:18px;
}
.brand-site-link.hideclass {
	display: none!important;
}
.brand-showroom-link.hideclass {
	display: none!important;
}


/*===================== 
	Location styles 
=======================*/

.locations-container-home {
	width: 1005;
	box-sizing: border-box;
	padding:80px 20px;	
}
.locations-container-home h2 {
	font-size:clamp(24px, 2vw, 28px);
	color:#fff;
	text-shadow: 0 0 10px rgba(0,0,0,0.9);
	text-align: center;
	padding:20px 20px 40px 20px;
}

.wrap-location-select {
	padding:160px 20px 120px 20px!important;
	width: 100%;
	box-sizing: border-box;
}
.location-white-cont {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	gap:20px 0;
}
.locations-dropdown {
	width:25%;
	display: flex;
	flex-direction: column;
}
.state-list {
	padding:0;
	margin:0;
}
.state-list li {
	padding:0;
	margin:0;
	list-style: none;
}
.location-select {
    display: flex;
    justify-content: space-between;
    align-items: center;
	padding:0px!important;
    border-radius: 0px!important;
    width:100%;
	background:#000;
    box-sizing: border-box;
    position: relative;
}
.location-select select {
    -webkit-appearance: initial;
    -moz-appearance: initial;
    appearance: initial;
    width:100%;
    background:none;
    border:0px!important;
    outline:none!important;
    font-size: 20px!important;
    font-weight: 600!important;
    padding:15px!important;
    box-sizing: border-box;
	color:#ffd008; 
    position: relative;
    z-index: 1;
    cursor: pointer;
	line-height: 1;
}
.location-select select option {
	color:#000!important;
	background:#fff;
}
.location-select select option:hover, .location-select select option:focus {
	color: red!important;
	background-color:#000;
}

.location-select i {
	position: absolute;
	z-index: 2;
	right: 20px;
	font-size: 20px;
	color: #fff;
}
.city-select {
	padding:10px;
	width: 100%;
	flex-grow: 1;
	background:#fff;
	max-height: 350px;
    overflow-y: scroll;
	box-sizing: border-box;
}
.city-select a {
	font-family: "Outfit", sans-serif;
	font-size: 18px;
	font-weight: 600;
	color:#000;
	padding:5px;
	display: block;
	box-sizing: border-box;
}
.city-select a:hover {
	background:#ffd008;
}
.city-select a:focus {
	background:#ffd008;
}
#locations-tab-group {
	width:calc(75% - 15px);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap:10px 0;
	background:#fff;
	padding:20px;
	box-sizing: border-box;
}
.home-info-cont {
	width: 30%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap:20px;
}
.home-info-top {
	display: flex;
	flex-direction: column;
	gap:20px;
}
.home-info-cont h3 {
	font-family: "Outfit", sans-serif;
	font-size:20px;
	font-weight:700;
}
.location-address {
	font-family: "Outfit", sans-serif;
	font-size:18px;
	font-weight:500;
}
.location-address p {
	font-family: "Outfit", sans-serif;
	font-size:18px;
	font-weight:500;
}
.location-address a {
	color:#000;
	transition: .2s ease-in;
}
.location-address a:hover {
	opacity: 0.7;
}
.location-phone {
	font-family: "Outfit", sans-serif;
	font-size:18px;
	font-weight:500;
}
.location-phone a {
	color:#000;
	transition: .2s ease-in;
}
.location-phone a:hover {
	opacity: 0.7;
}
#invLinks {
	display: flex;
	flex-direction: column;
	gap:10px;
}
#invLinks a {
	width: 100%;
	max-width: 100%;
}
.home-map-cont {
	width:calc(70% - 15px);
}

.home-map-cont iframe {
	border: 0;
	width: 100%;
	height: 100%;
	min-height: 350px;
}
.home-default-map {
	width: 100%;
}
.home-default-map iframe {
	width: 100%;
	height: 100%;
	min-height: 350px;
}
.cpt-loc-links a {
	font-weight: 600;
	color:#000;
	transition: .2s ease-in;
}
.cpt-loc-links a:hover {
	opacity: 0.7;
}

/*===================== 
	Location page styles 
=======================*/

.location-pg-cont {
	width: 100%;
	background:#e5e5e5;
}
.location-pg-cont .container-md {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap:20px 0;
    padding:40px 20px 80px 20px;
}
.location-pg-cont .no-posts-brandslinks {
	display: none;
}
.loc-header-1 {
    width:100%;
    display: flex;
    justify-content: center;
}
.loc-header-1 h1 {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 20px;
	font-family: "Outfit", sans-serif;
}
.loc-header-1 h1 span {
    font-weight: 400;
}
.loc-cont-left {
    width:36%;
    padding:20px;
    box-sizing: border-box;
    background:#fff;
}
.loc-contact-1, .loc-info-1 {
    display: flex;
    flex-direction: column;
    gap:10px 0;
    padding:0 0 20px 0;
    align-items: flex-start;
}
.loc-contact-1 a {
    font-size: 20px;
    transition: .2s ease-in;
    color:#000;
    font-family: "Outfit", sans-serif;
}
.loc-contact-1 a p, .loc-contact-1 p {
    font-size: 20px;
    transition: .2s ease-in;
    font-family: "Outfit", sans-serif;
}
.loc-contact-1 a:hover {
    opacity: 0.7;
}
.loc-info-1 {
    padding:0 0 20px 0;
	font-family: "Outfit", sans-serif;
    color:#000;
}
.loc-info-1 a p {
    font-size: 20px;
    transition: .2s ease-in;
    font-family: "Outfit", sans-serif;
	color:#000;
}
.loc-info-1 a {
    font-size: 20px;
    transition: .2s ease-in;
    font-family: "Outfit", sans-serif;
	color:#000;
}
.loc-info-1 a:hover {
    opacity: 0.7;
}
.loc-img-1 {
    width:100%;
	padding-bottom: 20px;
}
.loc-img-1 img {
    width: auto;
	max-width: 100%;
    height: auto;
    display: block;
	background:#000;
}
.loc-info-1 h2, .loc-contact-1 h2, .loc-contact-1 h3 {
    font-size: 24px;
	padding:0;
	margin:0;
}
.loc-cont-right {
    width:64%;
}
.loc-cont-right .loc-map-1, .loc-cont-right iframe {
    width:100%;
    height: 100%;
    min-height: 350px;
}
.loc-btns {
	display: flex;
	gap:10px 0;
	justify-content: space-between;
}
.loc-btns a {
	display: flex;
	width:49%;
	box-sizing: border-box;
}

/*===================== 
	Blog styles 
=======================*/

.blog-cont-1 {
	background:#fff;
	padding:20px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap:10px 0;
}
.blog-img-cont-1 {
	width: 29%;
}
.blog-img-cont-1 img {
	width: 100%;
	max-height: 200px;
	height: 100%;
	display: block;
	margin:0 auto;
	object-fit: contain;
	object-position:center;
}
.blog-info-cont-1 {
	width: 69%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap:10px;
	padding:20px;
	box-sizing: border-box;
}
.blog-info-cont-1 h2 {
	font-size:20px;
	text-align: left;
}
.blog-info-cont-1 p {
	font-size:18px;
	text-align: left;
}
.blog-info-cont-1 .btn-cont-1 {
	align-self: flex-start;
}

.wrap-grid .nav-links {
	display: flex;
	gap:20px;
}
.wrap-grid .nav-previous, .wrap-grid .nav-next {
	width:auto;
}
.nav-previous a, .nav-next a, .wrap-grid a[class*="NextButton"], .wrap-grid a[class*="PrevButton"] {	
	font-family: "Outfit", sans-serif;
	background:#000!important;
	color:#fff!important;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	padding:10px;
	font-size:16px;
	font-weight: 400;
	text-align:center;
	margin:0;
    transition: .2s ease-in;
	border:1px solid #000;
	outline: none;
	cursor: pointer;
	border-radius: 0px!important;
	line-height: 1;
	gap:0 5px;
	text-decoration: none;	
	width: calc(100% - 10px);
}
.wrap-grid .nav-previous a u, .wrap-grid .nav-next a u, .NextButton-news-events-posts u, .PrevButton-news-events-posts u {
	text-decoration: none!important;
}
 .nav-previous a:hover, .nav-next a:hover, .wrap-grid a[class*="NextButton"]:hover, .wrap-grid a[class*="PrevButton"]:hover {
	color:#000!important;
	background:#fff!important;
}

.blog-wrap-1 {
	width: 100%;
	background:#e5e5e5;
}
.blog-wrap-1 .container-md {
	display: flex;
	flex-direction: column;
	gap:20px 0;
	padding:60px 20px;
}
.promo-header-page-info {
	
}
.promo-header-page-info h1 {
	font-size:clamp(24px, 2vw, 30px);
	font-weight: 700;
}
.news-blog-post-date {
	
}
.posted-on {
	font-size: 16px;
	text-align: left;
	font-weight:600;
	padding-bottom: 10px;
	color:#000;
}
.posted-on a {
	color:#000;
}
.posted-on a:hover {
	opacity: 0.7;
}
.posted-on .updated {
	display: none;
}
.blog-share-links {
	padding:10px 0;
	display: flex;
	gap:10px;
	font-weight: 600;
}
.blog-share-links a {
	color:#000;
}
.blog-share-links a:hover {
	opacity: 0.7;
}
.blog-featrued-img img {
  width: auto;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center center;
  margin: 0px auto;
  max-width: 100%;
}
.blog-pg-content h1, .blog-pg-content h2, .blog-pg-content h3 {
	margin-top: 10px;
}
.blog-pg-content p {
	margin:5px 0;
}
.blog-nav-foot-1 .screen-reader-text {
  display: none;
}


/*===================== 
	Accordian styles 
=======================*/

.accordion-button {
	box-shadow:none!important;	
}
.accordion-button:hover{
	background:#e5e5e5;
}
.accordion-button:not(.collapsed) {
	border:0px;
	background:#ffd008;
}
	

/*===================== 
	Form styles 
=======================*/

.contactForm {
	padding:40px 20px!important;
	background:#fff;
}

/*===================== 
	Inventory styles 
=======================*/


/*----Filter button color change------*/
.current-facet {background:#000 !important;}

/*----View Details Button----*/
.view-listing-details-link, .g-recaptcha, .mobile-done-button-container a, .show-all-modal .apply-button, .paging-container .page-navs .page-nav {background:#ffd008 !important; color: #000 !important;}
.view-listing-details-link:hover, .g-recaptcha:hover, .mobile-done-button-container a:hover, .show-all-modal .apply-button:hover, .paging-container .page-navs .page-nav:hover {background:#000 !important; color: #fff !important;}


.show-all-modal .back-button {
  border: 1px solid #3a658e;
  color: #3a658e;
  background-color: inherit;
}

/*---Page Title----*/
.list-content .list-title .list-title-text {color:#000 !important; font-size:22px !important; line-height: 28px !important; }

.compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title {
	color:#ff5142!important;
}

/*----details send email button----*/
.detail-content .dealer-info .phone-and-email .send-email-btn {
    background-color: #fff!important;
    color: #ff5142!important;
    border: 1px solid #ff5142!important;
}

.detail-content .dealer-info .phone-and-email .send-email-btn {
    color: #ff5142!important;
}
/*---mobile breadcrumb----*/
.mobile-breadcrumb {
    background-color: #ff5142!important;
}

/*---EMAIL SUBMIT BUTTON----*/
.modal-bg button {
    background-color: #ff5142!important;
    color: #fff!important;
}

/*----Listings # showing text----*/
.list-content .list-title .list-listings-count {}

/*---Description text color (if different than body text color)----*/
.listing-description-text {color:#000;}

/*----Price----*/
.listing-main-stats .price {color:#000 !important;}

/*------- Faceted Search------*/
.faceted-search-content .selected-facets-container .selected-facet{background: #ffd008 !important; color:#000!important;}

/*------- Site Specific Search------*/ 
.detail-content .detail-main-body .main-detail-data .details-fin-cal{
	display: block !important;
	box-sizing: border-box !important;
}

button#faceted-search{float:none; margin: 0;}

/*---pagers----*/
.paging-container .page-navs .list-page-nav {background:#ffd008 !important; color: #000 !important;}
.view-listing-details-link:hover {background:#000 !important; color: #fff !important;}


.paging-container .list-page-number, .paging-container .list-page-number .ui-selectmenu-button {
	color:#000;
}
.contact-options a, .fin-calc-mobile > a {background:#ffd008 !important; color: #000 !important;}

/*------------------------------Listings Details Page---------------------------------*/
/*----Details Page Header----*/
.main-detail-data .detail-title {color:#000 !important}

/*----Make an Offer Button----*/
.main-detail-data .offer-btn {background:#ffd008 !important; color:#000 !important;}
.main-detail-data .offer-btn:hover {background:#000 !important; color:#fff !important;}

/*----Details Price----*/
.detail-price {color:red !important;}

/*----Spec Title Background & Color ----*/
.detail-content .data-row .data-label {background:#000 !important; color:#fff!important;}

/*----Breadcrumb - Search Results button----*/
.detail-content .search-results {color:red !important;}

/*----Breadcrumb Path above Searach Results----*/
.breadcrumbs .breadcrumbs-element {color:#000 !important; font-size:16px !important; font-weight: bold;}

/*----Background color of widgets (if it matches the page background)----*/


.detail-additional-data h4{color:#000;}

.detail-content-mobile .detail-additional-data .data-row .data-label{
	background:#000 !important; color:#fff !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile{
	background:#000 !important; 
	color:#fff !important;
}

.detail-content-mobile .detail-contact-bar .contact-bar-btn{
	background:#000 !important; 
	color:#fff !important;
}
.list-content .list-title .list-listings-count {
	color:#909090!important;
}
.info {
	color:#000!important;
}
.list-content .list-listing-mobile .price-container .price {
	color:#ff5142!important;
}
.list-content .list-top-section .listing-option-bar .list-listings-count {
	color:#ff5142!important;
}
.detail-content-mobile .share-listing {
	color:#ff5142!important;
}

/*----compain inventory styles----*/
.bread-crumbs-heading .return-links .return-links-link span, .bread-crumbs-heading .return-links .return-links-link i {
    color:#ff5142!important;
}

.compare-listings-container .compare-container .compare-price {
    color:#ff5142!important;
}
.cs-btns .button {background:#ffd008 !important; color: #000 !important;}
.cs-btns .button:hover {background:#000 !important; color: #fff !important;}

/*===================== 
	layout styles 
=======================*/

.container-lg {
	width: 100%;
	max-width: 1800px;
	margin: 0 auto!important;
	box-sizing: border-box;
}
.container-md {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto!important;
	box-sizing: border-box;
}
.container-sml {
	width: 100%;
	max-width:800px;
	margin: 0 auto!important;
	box-sizing: border-box;
}
.container-inv {
	padding:60px 20px;
	box-sizing: border-box;
	}
.flex-cont-1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.split-container-pad-r > .row {
	padding-right:clamp(20px, -880px + 50vw, 100vw)!important;
	height: 100%;
}
.split-container-pad-l > .row {
	padding-left:clamp(20px, -880px + 50vw, 100vw)!important;
	height: 100%;
}


.column-1 { width:100%; box-sizing:border-box;}	
.column-1-6 { width: 16%; box-sizing:border-box;}
.column-1-5 { width: 20%; box-sizing:border-box;}
.column-1-4 { width: 24%; box-sizing:border-box;}
.column-1-3 { width: 33%; box-sizing:border-box;}
.column-1-2 { width: 49%; box-sizing:border-box;}
.column-2-3 { width: 65%; box-sizing:border-box;}
.column-3-4 { width: 75%; box-sizing:border-box;}

/*===================== 
	footer styles 
=======================*/

.foot-wrap {
	background:#000;
	border-top: 20px solid #ffd008;
}
.foot-wrap .container-lg {
	padding:80px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap:20px;
}
.foot-nav {
	width: 100%;
	max-width: 800px;
}
.foot-awards {
	
}


/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {		

}

@media only screen and (max-width : 950px) {		
	.head-search {
		background:#000;
		width: 100%;
	}
	.head-search .container-md {
		padding:5px;
	}
	.head-search form input {
		font-size: 14px!important;
		padding:5px!important;
	}
	.head-search form button {
		font-size: 14px;
	}
	.head-search-open {
		display: none;
	}
	.foot-wrap .container-lg {
		flex-wrap: wrap;
	}
	.foot-logo, .foot-nav {
		width: 100%;
	}
	.foot-awards {
		margin:0 auto;
	}
	.locations-dropdown {
		width:100%;
	}
	#locations-tab-group {
		width:100%;
	}
	.city-select {
		max-height:200px;	
	}
}


/* Medium Devices, Desktops */

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
	.wrap-featured-serv .item, .wrap-featured-serv .item:nth-of-type(1), .wrap-featured-serv .item:nth-of-type(2) {
		width:100%;
	}
}

@media only screen and (max-width : 870px) {
	.hero-video video {
		bottom:0;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.top-head-left {
		display: none;
	}
	.top-head-right {
		margin:0 auto;
	}
	.top-head-right .butn-black, .top-head-right .butn-yellow, .top-head-right .butn-black-y {
		font-size: 14px;
		padding:5px;
	}
	.butn-black, .butn-yellow, .butn-black-y {
		font-size: 16px;
	}
	.foot-nav {
		display: none;
	}
	.wrap-cat .item {
		padding:0 10px;
		width: 50%;
	}
	.wrap-cat .item:nth-last-of-type(odd) {
		border-left:2px solid rgba(255,255,255,0.3);
	}
	
	.wrap-cat a {
		padding:10px;
	}
	.wrap-cat h2 {
		font-size:16px;
	}
	.wrap-featured-serv .item a h2 {
		font-size:20px;
	}
	.wrap-featured-serv .item a h3 {
		font-size:12px;
	}
	.wrap-featured-serv .item a i {
		top:10px;
		right:10px;
		font-size:30px;
	}
	.split-container-pad-r {
		padding-right:20px!important;
	}
	.split-container-pad-l {
		padding-left:20px!important;
	}
	.home-info-cont {
		width:100%;
	}
	.home-map-cont {
		display: none!important;
	}
	.loc-cont-left, .loc-cont-right {
		width: 100%;
	}
	.hero-video video { 
		display: none;
	}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.wrap-grid .item {
		padding:10px!important;
	}
	.white-cont-1 {
		padding:10px;
	}
}