﻿/*
Theme Name: www. Template
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
*/

html, body {
	height:auto !important;
	width:100%;
	font-family: 'Roboto',sans-serif;
}
.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%;
}

.navbar-default { 
	background-color:transparent!important;
	border-color:transparent!important;
}
.navbar {
	min-height:auto!important;
	margin-bottom:0!important;
}
.navigation-top {
	width:100%;
}

p {margin: 0;}

/*--------------------------------------------------------------
## 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%;
}

/*--------------------------------------------------------------
## Homepage
--------------------------------------------------------------*/
.pictab {
	border-right: 4px white solid;
	z-index: 10;
	overflow: hidden;
}

.graytext{
	display: inline-block;
	display: block;
	border-bottom: 4px white solid;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 15px;
	line-height: 35px;
	text-transform: uppercase;
	background:#363636;
	position: absolute;
	margin-bottom: 0px;
	bottom: 0px;
	width: 100%;
	font-family: 'Roboto',sans-serif;
}

.gray{
	display: block;
	border-right: 4px white solid;
	border-top: 4px white solid;
	border-bottom: 4px white solid;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 15px;
	line-height: 35px;
	text-transform: uppercase;
	background:#363636;
	width: 100%;
	font-family: 'Roboto',sans-serif;
}

.redtext {
	display: inline-block;
	display: block;
	border-bottom: 4px white solid;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 15px;
	line-height: 35px;
	text-transform: uppercase;
	background: #E51937;
	position: absolute;
	margin-bottom: 0px;
	bottom: 0px;
	width: 100%;
	font-family: 'Roboto',sans-serif;
}

.red {
	display: block;
	border-right: 4px white solid;
	border-top: 4px white solid;
	border-bottom: 4px white solid;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 15px;
	line-height: 35px;
	text-transform: uppercase;
	background: #E51937;
	width: 100%;
	font-family: 'Roboto',sans-serif;
}

.Hide-me:hover{
	transform: scale(1.1);
 }

.Hide-me{
	width: 100%;
	overflow: hidden;
    background-size: cover;
	padding-bottom:35px;
    background-position: center;
    transition: all 0.5s ease;
    min-height: 225px;
}

.Inventory-Tabs {padding: 50px 0; display: flex; flex-wrap: wrap; justify-content: center;}
.Inventory-Tabs > div {display: flex; flex-wrap: wrap; justify-content: center;}
.Inventory-Tabs > div > .row:first-child {display: block;}
.Inventory-Tabs > div:first-child .pictab {width: 20%;}

.btm-row {padding-top: 15px;}

/*--------------------------------------------------------------
## Navigation
--------------------------------------------------------------*/

.header-background {
	background-image: url('/siteart/Background-768x99.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
	padding: 15px 5%;
	background-color: #000;
}

.logoHeader {
	width: 100%; 
	max-width: 250px;
}


.navbar-default .navbar-nav>li>a {
	font-size: 15px;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
	font-family: 'Roboto Condensed',sans-serif;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #E51937;
}

.form-background {
	padding: 20px 5%;
	background-color: #363636;
}

.searchlabel{
	color: white;
	font-family: 'Roboto Condensed',sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	font-weight: 700; 
	text-transform: uppercase;
}

.submit-Button {
	width: 100%;
	color: white;
	background-color: #E51937;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	border: none; 
	padding: 10px;
}

.submit-Button:hover {
	background-color: #000!important;
	color: #fff;
}

.nav>li>a {padding: 5px 0 5px 20px!important;}

.navbar-toggle sh-navbar-toggle sh-collapsed hamburger hamburger--3dxy is-active {
    background-color: white
}

.navbar-default .navbar-toggle {
	background-color: white;
}

.headtxt {
	color: white;
	font-size: 12px;
	font-family: 'Roboto',sans-serif;
	margin: 0;
}

.nextranLink {
	text-decoration: underline;
	color: white;
}

.nextranLink:hover {
	color: #E51937;
}

.header-text-area {
	text-align: right;	
}

.headcopyright {
	font-family: 'Roboto Condensed',sans-serif;
	font-size: 14px; 
	font-style: italic;
	color: white;
	padding-top: 5px;
}

.control-Padding {
	margin: 0; 
	padding: 0 2% 15px 0!important;	
}

.mobiletxt-wrap {padding: 2% 0 0 5%!important;}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

.footer-background {
	background-image: url('/siteart/Background-768x99.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left;
	padding: 15px 5%;
	background-color: #000;
}

.logoFooter {padding: 0; width:100%; max-width: 250px; height: auto;}

.logo-wrap {
	text-align: center;	
	padding-top: 20px;
}

.OEM {
	display: inline-block;
	max-height: 75px;
	width: auto;
	padding: 5px;
}

.foot-copyright {
	text-align: right;
	color: #fff;	
	padding-left: 5%;
}

.copyright {
	font-family: 'Roboto',sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-style: italic;
}

.copyright a {
	color: #fff;
	text-decoration: underline;	
}

.copyright a:hover {
	color: 	#E51937;
}

.soc-icon {
	color: #E51937;
	font-size: 25px; 
	padding-left: 5px;
}

.soc-icon:hover {
	color: #fff;	
}

.social-wrap {padding-bottom: 5px;}

/*--------------------------------------------------------------
## Custom LocationPage
--------------------------------------------------------------*/


.row.locations{
	display: flex; flex-wrap: wrap;
}
.row.locations .red-btn{width: unset;
}
#sidebar1111-location-pg {padding: 50px 5%!important;}

.location-box {
    padding: 20px 20px 20px 0!important;
    min-height: 215px;
}

.location-head {
	color: white;
	font-weight: 700;
	font-size: 15px;
	line-height: 22px;
	font-size: 20px;
	text-transform: uppercase;
	background:#E51937;
	font-family: 'Roboto Condensed',sans-serif;	
}

.state-locations {
	text-align: left;
	padding-left: 20px;
	font-weight: 800;
	margin: 0; 
	padding: 10px 20px;
}

.State-Red {
	color: #E51937;
	font-weight: bold;
	margin: 0; 
	padding-bottom: 16px;
}

.city-black {
	color: #363636;
	font-weight: 900;
	font-size: 20px;
	margin: 0; 
	font-family: 'Roboto Condensed',sans-serif;
	padding-bottom: 10px;
}

.content {
	font-family: 'Roboto',sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #000;
	padding-bottom: 8px;
	line-height: 20px;
}

.content a {
	font-weight: 800;
	color: #363636;
}

.content a:hover {
	color: #E51937;
}

.btn-wrap {
	padding-top: 10px;
}

.gen-btn {
	color: white;
	background-color: #000;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	border: none; 
	padding: 10px 20px;
}

.gen-btn:hover {
	background-color: #E51937;
	color: #fff;
}

.red-btn {
	color: white;
	background-color: #E51937;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	border: none; 
	padding: 10px 20px;
	width: 100%;
}

.red-btn:hover {
	background-color: #000;
	color: #fff;
}


/*--------------------------------------------------------------
## Inventory Styles
--------------------------------------------------------------*/
.body-wrapper {font-family: 'Roboto',sans-serif;}
.inv.body-content {padding: 50px 0!important;}

/*-----FONTS-----*/
.list-content .list-title .list-title-text {font-family: 'Roboto Condensed', sans-serif!important; font-size: 25px; text-transform: uppercase;}
.list-content .listing-portion-title {font-family: 'Roboto Condesnsed',sans-serif; font-size: 20px;}
.list-content .list-title .list-listings-count {color: #E51937!important;}
.list-listing-title {font-family: 'Roboto Condensed',sans-serif!important;}
.listing-portion-title {font-family: 'Roboto Condensed',sans-serif!important;}
.list-content .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name {font-family: 'Roboto Condensed',sans-serif;}
.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price {color: #E51937!important; font-family: 'Roboto', sans-serif;}
.list-content .list-top-section .listing-option-bar .list-listings-count {color: #E51937!important;}
.faceted-search-content .faceted-section-head h5 {font-family: 'Roboto Condensed',sans-serif; border-radius: 0px!important;}
.listing-portion-title.description-title {font-family: 'Roboto Condensed',sans-serif;}
.faceted-search-content .faceted-section-box .faceted-search {border-radius: 0px!important;}
.faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn {border-radius: 0px!important;}
.detail-content .detail-main-body .main-detail-data .detail-price {color: #E51937!important; font-family: 'Roboto', sans-serif;}
.detail-content .detail-main-body .main-detail-data .detail-title {font-family: 'Roboto Condensed', sans-serif!important; font-size: 25px; text-transform: uppercase; color: #000; font-weight: 800;}
.detail-content .dealer-info h3 {font-family: 'Roboto Condensed',sans-serif; font-size: 20px;}
.contact-information {font-family: 'Roboto',sans-serif!important;}
.breadcrumbs {font-family: 'Roboto',sans-serif!important;}
.listing-widgets {font-family: 'Roboto Condensed',sans-serif!important;}
.detail-additional-data {font-family: 'Roboto',sans-serif!important;}
.detail-additional-data h4 {font-family: 'Roboto Condensed',sans-serif!important;}
.detail-content .search-results{color: #E51937!important;}
.legal-text-content {font-family: 'Roboto', sans-serif!important; font-size: 12px; font-style: italic;}

/*-----BUTTONS-----*/
.view-listing-details-link {background: #E51937!important; font-family: 'Roboto',sans-serif; border-radius: 0px!important;}
.view-listing-details-link:hover {background: #555555!important;}
.email-seller-link {border-radius: 0px!important;}
.faceted-search-content .selected-facets-container .selected-facet{background: #E51937!important; font-family: 'Roboto',sans-serif; border-radius: 0px!important;}
body .noUi-connect {background: #E51937!important;}
body .noUi-handle  {background: #E51937!important;}
.list-content .listing-bottom .listing-widgets a {border-radius: 0px!important; font-family: 'Roboto',sans-serif!important;}
.detail-content .print-this, .detail-content .email-this {border-radius: 0px!important; font-family: 'Roboto Condensed',sans-serif;}
.offer-btn {border-radius: 0px!important; font-family: 'Roboto Condensed',sans-serif; background-color: #E51937!important;}
.offer-btn:hover {background-color: #555555!important;}
.send-email-btn {font-family: 'Roboto Condensed',sans-serif!important; border-radius: 0px!important; border-color: #E51937!important; color: #E51937!important;}
.detail-content .detail-additional-data .data-row .data-label {background: #555555!important;}
.print-this, .email-this {font-family: 'Roboto Condensed', sans-serif!important; border-radius: 0px!important;}
.detail-content .detail-main-body .main-detail-data .addthis_inline_share_toolbox .at-share-btn-elements {display: inline-block!important;}
.detail-content .detail-main-body .main-detail-data .addthis_inline_share_toolbox .at-share-btn-elements {width: auto!important;}
.paging-container .page-navs .page-nav, .cs-btns a, .list-content .list-error-container .info button {background: #E51937!important; font-family: 'Roboto',sans-serif;}
.list-container-flexrow .buy-now-link, .list-container-flexrow .check-availability-link, .list-container-flexrow .email-seller-link, .list-container-flexrow .dealer-phone-call {border-radius: 0px!important;}

/*-----Mobile Styles-----*/
.price {color: #E51937!important; font-family: 'Roboto',sans-serif;}
.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call, .list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text {color:#E51937!important; border-color: #E51937!important; border-radius: 0px!important;}
.specs-container {font-family: 'Roboto',sans-serif!important;}
.spec-container {font-family: 'Roboto',sans-serif!important;}
.mobile-breadcrumb {background-color: #555555!important;}
.detail-title {font-family: 'Roboto Condensed', sans-serif!important;}
.detail-content-mobile .detail-main-body .main-detail-data .detail-price {color: #E51937!important;}
.detail-content-mobile .dealer-info h3 {font-family: 'Roboto Condensed',sans-serif!important;}
.field-value {font-family: 'Roboto',sans-serif;}
.contact {font-family: 'Roboto', sans-serif;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile {background-color: #E51937!important; font-family: 'Roboto Condensed',sans-serif!important; border-radius: 0px!important;}
.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile {background-color: #E51937!important; font-family: 'Roboto Condensed',sans-serif!important; border-radius: 0px!important; border: none!important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn {background-color: #E51937!important; font-family: 'Roboto Condensed',sans-serif!important; border-radius: 0px!important;}
.data-label {background-color: #555555!important;}
.faceted-search-content .mobile-done-button-container .mobile-done-button {background-color: #333!important; border-radius: 0px; font-family: 'Roboto Condensed',sans-serif;}
.faceted-search-content .mobile-done-button-container .mobile-done-button:hover {background-color: #E51937!important; border-radius: 0px; font-family: 'Roboto Condensed',sans-serif;}



.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px !important;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px !important;}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name{
	margin-top: 0 !important;
}

span.compare-label{padding-left: 4px !important;}
.compare-chkbox-container .compare-listings .fa-check {
    top: 5px !important;
    left: 1px !important;
}



/*-----Faceted sLider Bars FOR HOME PAGE SEARCH-----*/
.faceted-search-content .faceted-section-box .faceted-slider {
    width: 100%;
    margin: 0;
    padding: 0;
}

.leftslider {padding: 0 1%!important;}
.rightslider {padding: 0 1%!important;}
/*--------------------------------------------------------------
## Common Styles
--------------------------------------------------------------*/
.head {font-family: 'Roboto Condensed',sans-serif; font-size: 30px; font-weight: 900; margin: 0; padding-bottom: 15px; color:#E51937; text-transform: uppercase;}

.whitelink {color: #fff; font-weight: 700;}
.whitelink:hover {color: #E51937;}
.space-top {padding-top: 30px;}
.pad-row {padding: 50px 5%!important;}
.center {text-align: center; display: block; margin: auto;}


.container, .sh-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.container, .container-fluid, .sh-container, .sh-container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}


.footerbg, .footerbg *{
	box-sizing: border-box;
}
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {		
	.body-content {padding: 50px 3%!important; margin: 0!important;width:auto!important;}
.Inventory-Tabs > div:first-child .pictab {width: 50%;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.header-background .container {padding: 0 5%!important; width:auto!important;}
	.form-background .container {padding: 0 5%!important;}
	.Inventory-Tabs {padding: 50px 5%!important;}
	.footer-background .container {padding: 0 5%!important; width:auto!important;}
}

@media only screen and (max-width : 991px) {
	.container {width: auto!important;}
	.navbar-collapse {padding: 0;}
	.navbar-right {margin: 0; float: none!important; text-align: center; padding-top: 10px;}
	.nav>li>a {padding: 10px!important;}
	.navbar-nav>li {float: none!important; display: inline-block;}
	.header-background {background-size: cover; background-position: left center;}
	.inner-wrap.cf.p-tb-10.listing-list-wrapper.pad-left-25 {padding-left: 5%; padding-right: 5%;}
	.hosted-content .p-tb-10 {padding-left: 5%; padding-right: 5%;}
	.mobiletxt-wrap {padding: 2% 0 0 0!important;}
}
@media only screen and (max-width : 800px) {
	.nav>li>a {padding: 4px!important;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.navbar-default .navbar-toggle {background-color: transparent; border: none;}
	.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {background-color: #fff!important; border-radius: 0px!important;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent!important;}
	.hamburger {padding: 0px!important;}
	.navbar-header {padding-top: 15px!important;}
	.hamburger--3dxy.is-active .hamburger-inner {background-color: transparent!important;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none!important;}
	.navbar-nav {margin: 0;}
	.navbar-nav>li {display: block;}
	
.Inventory-Tabs > div:first-child .pictab {width: 100%;}
}

/*-----------NEW INVENTORY MEDIA QUERY-----------*/
@media (max-width : 795px) and (min-width : 786px) {
	.has-search-bar {width: calc(72% - .75%)!important;}
}
@media only screen and (max-width : 785px) {
	.footer-background {padding: 20px 5% 15% 5%;}
}

@media only screen and (max-width : 767px) {
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {margin: 0!important;}
	.navbar-nav {margin: 0!important;}
	.logoFooter {display: block; margin: auto; max-width: 200px;}
	.foot-copyright {text-align: center; padding-top: 10px;}
}
/* Extra Small Devices, Phones */ 

@media only screen and (max-width : 615px) {
.OEM {padding: 1px;max-height: 35px;}
}

@media only screen and (max-width : 500px) {
	.logo-section {width: 100%;}
	.mobiletxt-wrap {width: 100%; padding: 10px 0 0 0!important;}
	.header-text-area {text-align: center;}
	.logoHeader {display: block; margin: auto; max-width: 200px;}
}

@media only screen and (max-width : 400px) {
	.footer-background {padding: 20px 5% 20% 5%;}
}