/*
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;
}


#header {
	width: 100%;    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.06);
	top: 0px;
	left: 0px;
}

.header-top {
	width: 100%;
	padding: 5px 40px;
	display: flex;
	justify-content: space-between;  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* For Safari support */
	background-color: rgba(6,18,40,0.85);
}
.header-bottom {
	    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 2rem;
    padding: 1rem 2rem;
	background:#fff;
}

#header .btn-secondary {    min-width: unset !important;}
.header-logo {
	justify-self: start !important;
}

.header-logo img {
    max-width: 100%;
    width: 150px !important;
}

.header-right {
    justify-self: end;
}
.navigation{justify-self: center;}

.header-socials {
	width: 120px;
	padding-top: 5px;
	display: flex;
	justify-content: space-between;
}
.header-socials a {
	display: block;
	color: #fff;
	font-size: 18px;
	font-style: normal!important;
}
.header-socials a:hover {
	color: #c6c6c6;
}
.header-searchbar {
	width: 312px;
}
.header-searchbar form {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	display: flex;
	justify-content: space-between;
	background-color: #fff;
	border-radius: 5px;
	padding: 4px;
}
.header-searchbar form input {
	position: relative;
	box-sizing: border-box;
	width: calc(100% - 50px);
	height: 30px;
	font-size: 14px;
	padding: 6px;
	color: #444;
	font-family: "urw-din", sans-serif;
	border: none!important;
	border-radius: 5px;
}
.header-searchbar form input:focus {
	outline: none!important;
}
.header-searchbar form button {
	background-color: #060630;
	border: none!important;
	border-radius: 5px!important;
	color: #fff;
	font-size: 20px;
}

/*
.header-right {
	width: 312px;
}
*/

.hero-sect {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	background-color: rgba(4, 25, 60, 0.6);
}

.btn-primary {
	font-family: 'urw-din-condensed', sans-serif;
	font-weight: 700;
	font-size: 16px;
	background-color: #09347A;
	border: 1px solid #09347A !important;
	border-radius: 12px;
	padding: 18px 36px;
	min-width: 175px;
}
.btn-primary:hover {
	background-color: #060630;
	border: 1px solid #060630 !important;
}
.btn-secondary {
	 display: block;
    font-family: 'urw-din-condensed', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    background-color: #C41230;
    border: 1px solid #C41230 !important;
    border-radius: 12px;
    padding: 18px 30px;
    min-width: 150px;
    max-height: 64px;
    max-width: 150px;
    margin: 0 !important;
    width: unset !important;
}
.btn-secondary:hover {
	background-color: #9E061F;
	border: 1px solid #9E061F !important;
}
.btn-phone {
	font-family: 'urw-din-condensed', sans-serif;
	font-weight: 700;
	font-size: 16px;
	background-color: #fff;
	color: #000;
	border-radius: 12px;
	padding: 18px 36px;
	min-width: 175px;
}
.btn-phone:hover {
	background-color: #ddd;
}

.homesearch {
	position: relative;
	background-color: #09347A;
	padding: 40px 56px 30px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	width: 90%;
	max-width: 1400px;
	margin: -120px auto 0px !important;
	z-index: 111;
}
.flex-container.flex-search {
	display: flex;
	align-items: center;
	padding-bottom: 20px;
}
.search-title {
	flex: 1;
	width: auto;
	max-width: 298px;
}
.search-title h2 {
	font-size: 30px;
	text-transform: uppercase;
	font-family: "urw-din-condensed", sans-serif;
	font-weight: 800;
	margin-bottom: 0 !important;
	color: #fff;
	line-height: 1;
	margin: 0;
}
.search-bar {
	flex: 2;
	width: 100%;
}
.flex-search {
	gap: 10px;
}
.flex-search input,.flex-search select {
	width: 100%;
	font-family: "urw-din", sans-serif;
	color: #444!important;
	border: 1px solid #f5f5f5;
	border-radius: 5px;
	padding: 10px;
	line-height: 1.5;
}
.search-field {
	flex: 1;
}
.flex-search button {
	background-color: #060630;
	border: none!important;
	border-radius: 5px!important;
	padding: 10px 20px !important;
	color: #fff;
	font-size: 20px;
}
.flex-search button:hover {
	background-color: #000;
	-webkit-transition: .4s ease-in;
	-moz-transition: .2s ease-in;
	-o-transition: .2s ease-in;
}

.eq-categories-cont {
	position: relative;
	box-sizing: border-box;
	display: block;
	background: #fff;
	text-align: left;
	margin: 10px;
	padding: 32px;
	-webkit-transition: .4s ease-in;
	-moz-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in;
}
.eq-categories-cont:hover {
	box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
	-webkit-transition: .4s ease-in;
	-moz-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in;
}
.eq-categories-cont img {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 736px;
	margin: auto;
	object-fit: contain;
}
.category-title {
	font-family: 'urw-din-condensed', sans-serif;
	font-weight: 800;
	letter-spacing: 3px;
	font-size: 18px;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 12px;
	-webkit-transition: .4s ease-in;
	-moz-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in;
}
.eq-categories-cont:hover > .category-title {
	color: #c41230;
	-webkit-transition: .4s ease-in;
	-moz-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in;
}
.category-description {
	font-family: 'urw-din', sans-serif;
	font-size: 15px;
	line-height: 23px;
	font-weight: 300;
	color: #000;
	margin-bottom: 15px;
}

.hover-image {
	opacity: 33%;
	-webkit-transition: .4s ease-in;
	-moz-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in;
}
.hover-image:hover {
	opacity: 100%;
	-webkit-transition: .4s ease-in;
	-moz-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in;
}

.brand-slider-cont {
	max-width: 205px;
	height: 100%;
	max-height: 125px;
	padding: 16px;
}
.brand-slider-cont img {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 173px;
	height: 100%;
	max-height: 93px;
	object-fit: contain;
}

#myInvCarousel_2 div#controls {
	display: none!important;
}
#myInvCarousel_2 .slick-slide .card_col .card {
	border: none!important;
}

.right-cont {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.inv_image {
	position: relative;
	box-sizing: border-box;
	object-fit: cover!important;
	width: 100%;
}
#myInvCarousel_2 .listing-title {
	font-family:'urw-din-condensed', sans-serif;
	font-weight: 800;
	font-size: 20px;
	letter-spacing: 4px;
	color: #000;
}
small.small_spec strong {
	display: none!important;
}
small.small_spec:last-of-type {
	font-family: 'urw-din', sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: #000;
}

.carousel_details_btn {
	font-family: 'urw-din-condensed', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	background-color: #C41230;
	border: none!important;
	border-radius: 12px;
	padding: 12px 24px;
	min-width: 136px;
}

.map-sect-wrapper {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	display: flex;
	justify-content: center;
	align-content: center;
}
.map-sect {
	position: relative;
	box-sizing: border-box;
	width: 67%;
	height: 582px;
}
.leaflet-popup-content strong {display: none;}
.leaflet-popup-content {
    margin: 20px 20px !important;
}

.leaflet-container a {color:#000;}
.leaflet-container a[href^="https"]:first-of-type {
  font-family: 'urw-din', sans-serif;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  color: #000;
  margin-bottom: 0px;
  display: block;
}
.leaflet-container a[href^="https"]:first-of-type:before {
    content: "\f3c5";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 5px;
    color: #C41230;
}
.leaflet-container a {
    font-family: urw-din, sans-serif;
    font-size: 16px;
    line-height: 1;
    font-weight: 300;
    color: rgb(0, 0, 0);
    display: block;
    color: #000 !important;
}
.leaflet-container a:hover{color: #09347A !important;}

.leaflet-control-attribution.leaflet-control a {
    font-size: unset !important;
    font-weight: unset !important;display:unset !important;
    font-family: unset !important;
}
.leaflet-control-attribution.leaflet-control a[href^="https"]:before {content: none !important;}
.leaflet-container br:last-child {
  display: none;
}

.burger-menu-item {
    overflow-y: hidden !important;
    max-height: unset !important;
    font-family: urw-din !important;
    font-size: 15px;
    line-height: 1.5;
    display: block;
    font-weight: 500;
    padding: 5px 10px;
}
.burger-menu-item:hover {
    background-color: rgba(196, 18, 48, 0.25);
}
.locations-sect {
	position: relative;
	box-sizing: border-box;
	width: 33%;
	height: 582px;
	overflow-y: scroll!important;
	overflow-x: hidden!important;
}
.location-cont {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	padding: 28px;
	text-align: left;
	border-bottom: 1px solid #ddd;
}
.location-cont i {
	font-size: 20px;
	font-style: normal!important;
	margin-right: 16px;
}
a.location-city {
	font-family: 'urw-din', sans-serif;
	font-size: 18px;
	line-height: 32px;
	font-weight: 700;
	color: #000;
}
a.location-city:hover {
	color: #09347A;
}
a.location-address {
	font-family: 'urw-din', sans-serif;
	font-size: 16px;
	line-height: 32px;
	padding-left: 32px;
	padding-bottom: 16px;
	font-weight: 300;
	color: #000;
}
a.location-address:hover {
	color: #09347A;
}
a.location-phone {
	font-family: 'urw-din', sans-serif;
	font-size: 16px;
	line-height: 40px;
	margin-top: 16px;
	padding-left: 32px;
	font-weight: 700;
	color: #000;
}
a.location-phone:hover {
	color: #09347A;
}

.footer-cont {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	background-color: #060630;
	padding: 80px 0px;
	display: flex;
	justify-content: space-between;
}
.footer-col {
	position: relative;
	box-sizing: border-box;
	width: 25%;
	max-width: 350px;
}


.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
    -moz-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#09347a !important;}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {background:#09347a !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px #09347a !important; transition: ease all 0.2s !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {background: rgb(21, 24, 148) !important; color: #fff !important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #fff !important; color: #000 !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	padding-left: 4px; 
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #000 !important;}
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: transparent !important; color: #000!important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}

/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1650px) {
	#header a {
    font-size: 15px !important;
}	
	nav.primary ul li a {padding: 10px 8px !important;}
	#header .btn-secondary {padding: 15px !important;}
	.header-bottom{gap: 1rem !important;}
	
}
@media only screen and (max-width : 1460px) {
	span.social-icons {
    display: none;
}	
}
@media only screen and (max-width : 1200px) {
	.map-sect {
		width: 50%;
	}
	.locations-sect {
		width: 50%;
	}
	 .header-bottom {
        grid-template-columns: auto 1fr auto;
    }


}
@media (max-width: 1200px) {
   
}

@media (max-width: 992px) {
   
}
@media only screen and (max-width : 1150px) {		
	.header-right {
		display: none!important;
	}
	
		 .header-bottom {
        grid-template-columns: auto auto !important;
    }
.navigation {
    justify-self: end !important;
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.flex-container.flex-search {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		padding-bottom: 10px;
	}
	
	.footer-cont {
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.footer-col {
		width: 50%;
	}

}

@media only screen and (max-width : 815px) {
	.map-sect-wrapper {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.map-sect {
		width: 100%;
	}
	.locations-sect {
		width: 100%;
		height: 400px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.right-cont {
		justify-content: flex-start;
		align-items: center;
		padding-top: 20px;
	}
}
@media only screen and (max-width : 650px) {
	.homesearch {
		   padding: 24px 44px 30px;
	}
	.footer-col {
		width: 100%;
		max-width: 100%;
	}
}
@media only screen and (max-width : 560px) {
	.header-socials {
		display: none!important;
	}
	.header-searchbar {
		width: 100%;
	}
		.homesearch {margin-top: 40px !important;}
	.header-logo img {max-width: 115px !important;}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}
