/*
Theme Name: www.djsalesandservice.com
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 {
	height:100%;
	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: #dd2828;
	color: #fff !important;
	border-radius:0px;
    width: 250px;
}
.dropdown-menu>li{
	padding: 0 !important;
	display: block;
	
}
.navbar-default .navbar-nav>li>a {
    color: #000;
    font-size: 14px;
	font-weight: 700;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color:#fff;
}
.dropdown-menu:not(.head-list)>li>a {
    color: #fff !important;
	font-size:14px !important;
	font-weight:700 !important;
	
	text-transform: none !important;
}
.dropdown-menu:not(.head-list)>li>a:hover {
    background-color: #282828;
}

#header .wrapper > .col-sm-12{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.navbar-collapse{
	transition: ease-in-out all 0.3s;
}

#header {z-index: 999!important;}
/*--------------------------------------------------------------
## 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;
}


hr{
	border-color: #ccc;
}

/* CUSTOM CSS */

#header{
	border-bottom: 1px solid #ccc;
    background: rgba(255, 255, 255, 0.75);
    width: 100%;
    z-index: 999;
    padding: 0 0 10px;
}
body:not(.highlightSidebars) #header.home{
    top: 0px;
    position: absolute;
}
#header .logo{
    position: absolute;
    left: 0;
    top: -33px;
	max-width: 15%;
	z-index: 999;
}
#header .logo img{
   	max-width: 100%;
}
#header ul#menu-primary{
	display: flex;
    justify-content: space-between;
	padding-top: 30px;
	flex-direction: row;
}
#header ul#menu-primary > li a{
    color: #000;
    font-size: 18px;
    padding: 11px 15px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: montserrat, sans-serif;
	font-weight: 400;

    text-align: left;
	float: left;
}
.dropdown li {
	transition: all .25s ease;
	height: 0;
	overflow: hidden;
}

ul#menu-primary > li.has-sub > a:after {
    position: absolute;
    top: 20px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    content: '';
}

ul#menu-primary > li.has-sub a{
    padding-right: 30px !important;
}
ul#menu-primary > li.has-sub:hover > a:before {
    top: 23px;
    height: 0;
}
ul#menu-primary > li.has-sub > a:before {
   
}

#header ul#menu-primary > li li a{
	width: 100%;
}
.dropdown:hover  li {
	height: 40px !important;
}

#header ul#menu-primary > li > a:hover, #header ul#menu-primary > li:hover > a, #header ul#menu-primary > li > a:active, #header ul#menu-primary > li:focus > a{
	color: #fff;
    text-decoration: none;
    background: #282828;
}

.navbar-right .dropdown-menu {
    right: auto !important;
    left: 0 !important;
}


.top-header{
	background: #dd2828;
    color: #fff !important;
    text-align: right;
    padding: 0 0 8px;
    position: relative;
	
	font-family: montserrat, sans-serif;
    font-size: 17px;
    line-height: 28px;
    margin: 0 0 10px;
}
.top-header a{
	color: #fff !important;
}
#headercontactID{
	min-height: 1px !important;
}
.wrapper{
	width: 90%;
    margin: 0 auto;
}
.verticalpad{
	padding: 2% 0;
}

.flex{
	display: flex;
}
.flex-wrap{
	flex-wrap: wrap;
}
.col50{
	width: 50%;
}
.three-column{
	width: 33.3333%;
}
.right{float: right;}

.text-styling{
	font-family: montserrat, sans-serif;
}
.text-styling h6{
	font-size: 18px;
    text-align: left;
    color: #dd2828;
}
.text-styling p, .text-styling a{
    font-size: 17px;
    line-height: 28px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.footer .text-styling p, .footer .text-styling a{
    color: #fff;
	white-space: nowrap;
}
.footer .text-styling a:hover, .footer .text-styling button:hover{
    color: #dd2828 !important;
}

#invsearch{
	flex-direction: column;
	display: flex;
	color: #000;
}
#invsearch input, #invsearch select{
	margin-bottom: 8px;
	padding: 8px;
    line-height: normal;
	font-family: montserrat, sans-serif;	
    height: auto;
	-moz-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}
#invsearch button{
	cursor: pointer;
	font-weight: 700;
	border: none;
	outline: none;
}

/* HERO */

.hero {
    position: absolute;
    padding-bottom: 40%;
    top: 0;
    left: 0;
    right: 0;
}
#featured-special{
    width: 100%;
    max-width: 30%;
    position: absolute;
    z-index: 500;
    top: 145px;
    left: 100px;
    text-align: center;
	
}
#featured-special h2 {
	background: #dd2828;
    padding: 10px 20px 5px;
    margin: -20px -20px 20px;
    font-size: 28px;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    font-family: montserrat, sans-serif;
}
#featured-special img {
    max-width: 90%;
    margin-bottom: 2%;
}
#inventory-list{
    width: 100%;
    max-width: 480px;
    position: absolute;
    z-index: 500;
    top: 145px;
    right: 100px;
    text-align: center;
}
#inventory-list h1{
	font-size: 28px;
    line-height: 40px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 700;
    color: #dd2828;
    font-family: montserrat, sans-serif;
	margin-top: 0 !important;
}
#inventory-list a{
	display: block;
    background: rgba(40, 40, 40, 0.8);
    padding: 5px 0;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    z-index: 0!important;    
	font-size: 12px;
    margin-bottom: 3px;
}
#inventory-list a:hover{
    background: rgba(221, 40, 40, 0.8);
}


/* PRODUCTS */

.border-our-brands {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #000 !important;
    text-align: center;
    padding: 6px 0;
	box-shadow: none !important;
}
.brand-box{
	width: 100%;
	display: block;
}
/* CTA BUTTONS */

.btn-primary{
	background: #dd2828;
    width: 100%;
    max-width: 350px;
    text-align: center;
    color: #fff;
    padding: 15px 0;
    margin-top: 20px;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
    font-size: 17px;
	transition: none !important;
}
.btn-primary:hover{
	background: #282828 !important;
	color: #dd2828 !important;
}
.cta{
	background: linear-gradient(to bottom, #dd2828 0%,#ff3333 100%);
	color: #fff;
	font-family: montserrat, sans-serif;
	font-weight: 400;
	padding: 8px;
}
.cta:hover{
	background: #2e2f2f;
}

#cta-buttons{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	position: relative;
}
#cta-buttons a{
	width: 25%;
	padding-bottom: 10%;
	position: relative;
	overflow: hidden;
}
#cta-buttons a h4{
    width: 50%;
    position: absolute;
    overflow: hidden;
    top: 45%;
	transform: translateY(-50%);
    text-align: center;
    border: 1px solid #fff;
    left: 25%;
    padding: 5px 0;
	color: #fff;
	font-family: montserrat, sans-serif;
	font-weight: 400;
}
#cta-buttons a img{
	position: absolute;
	left: 0;
	right: 0;
	width:100%;
	-moz-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
	-webkit-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
	filter: grayscale(0) blur(0px);
}
#cta-buttons a:hover img{
	transform: scale(1.5);
	filter: grayscale(1) blur(3px);
}

/* MANUFACTURERS SLIDER */
#brands-bar{
	padding-top: 30px;
	background: #fff;
	padding-bottom: 10px;
}
#brands-bar .slick-next, #brands-bar .slick-prev, #brands-bar .slick-dots{
	display: none !important;
}

/* HOME */

.col-left{
	width: 54%;
    float: left;
    padding: 0 0 50px;
}
.col-right{
	width: 40%;
    float: right;
    padding: 10px 0 50px;
}

/* FORMS */

.text-styling h1{
	font-size: 28px;
    line-height: 40px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 700;
    color: #dd2828;
}
.text-styling h3{
	    font-size: 18px;
    text-align: left;
    color: #dd2828;
	font-weight: 400;
}
.text-styling input.btn-success {
	width: 165px;
    margin-right: 10px;
    background: #dd2828;
    background: -moz-linear-gradient(top, #dd2828 0%, #ff3333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd2828), color-stop(100%,#ff3333));
    background: -webkit-linear-gradient(top, #dd2828 0%,#ff3333 100%);
    background: -o-linear-gradient(top, #dd2828 0%,#ff3333 100%);
    background: -ms-linear-gradient(top, #dd2828 0%,#ff3333 100%);
    background: linear-gradient(to bottom, #dd2828 0%,#ff3333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd2828', endColorstr='#ff3333',GradientType=0 );
    color: #fff;
    display: inline-block;
    font-family: montserrat, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 6px 0;
    margin: 0 0 10px 0;
    border: none;
    text-align: center;
    font-size: 18px;
    float: left;
    width: 96%;
    width: calc(100%-24px);
    max-width: 363px;
    -webkit-appearance: none;
	box-shadow: none !important;
	transition: none !important;
}
.text-styling input.btn-success:hover {
	background: #2e2f2f !important;
}

/* NEWS */

.column-padding-news-articles img{
	max-width: 100%;
	height: auto;
}



/* FOOTER */

.footer{
	background: #282828;
	color: #fff;
}
.footer hr{
	border-color: white;
}
.footer .right .fb-icon{
    height: 24px;
    width: auto;
}
/* INVENTORY */


#inv{padding: 5% 0;}
#inv *:not(.loading-spinner):not(.loader){border-radius: 0!important;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: montserrat, sans-serif!important;} /* Reset font, ignore icons */


.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;
}

.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .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 .offer-btn-mobile, .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, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .view-listing-details-link {background:#dd2828 !important; color: #fff !important;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .video-chat-link, .faceted-search, .faceted-show-all-btn {background: #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: #dd2828 !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, .dealer-phone-call {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button, .page-nav, .contact-options a {background: #000 !important;}

.detail-content .dealer-info .phone-and-email .send-email-btn {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, .cs-btns a {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{padding: 20px 0;box-sizing: border-box;}


#inv .fa-phone-alt:before {
    content: "\f095";
}
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */

@media only screen and (max-width : 1440px) {

	
	#header ul#menu-primary > li a{
		font-size: 13px !important;
	}
	
	#inventory-list a{
		padding: 0 !important;
	}
}

/* Medium Devices, Desktops */
@media screen and (max-width: 1279px){
	
	
	#featured-special{
		display: block;
		width: 100%;
		max-width: 100%;
		position: relative;
		top: 0;
		left: 0;
		
	}
	#featured-special img{
		max-width: 50%;
	}
	#inventory-list{
		width: 100%;
		max-width: 100%;
		position: relative;
		top: 0;
		right: 0;
		padding: 20px 40px;
	}
	
	.hero {
		padding-bottom: 0;
		position: relative;
	}
}
/* Medium Devices, Desktops */
@media screen and (min-width: 1101px){
	.sh-collapse{
		display: block !important;
		height: auto !important; 
	}
}
/* Medium Devices, Desktops */
@media screen and (max-width: 1100px){
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
		border: none !important;
	}
	.navbar-nav>li>.dropdown-menu li a{
		padding-left: 20px !important;
	}
	#header ul#menu-primary, .navbar-nav>li>.dropdown-menu{
		display: block;
		width: 350px;
		max-width: 100%;
		float: right !important;    
		padding-top: 0;
	}
	.navbar-nav>li>.dropdown-menu{
		position: relative;
		float: left;
		clear: both;
		box-shadow: none !important;
		width: 100%;
	}
	.navbar-nav li{
		display: block;
    	border-top: 1px solid #616161 !important;
	}
	.navbar-nav li a{
		color: #fff !important;
		background: #dd2828;
		display: block;
		width: 100%;
	}
	.navbar-nav li a:hover{
		background: #282828;
	}
	.navbar-nav>li>.dropdown-menu li{
		height: auto;
	}
	.navbar-nav>li>.dropdown-menu li a{

		display: block;
		padding-left: 30px !important;
		width: 100%;
	}
	
	#cta-buttons a h4{
		font-size: 10px;
	}
	
	.top-header{
		font-size: 14px;
	}
	
	
	#header .logo{
		max-width: 20%;
		align-self: flex-start;
	}
	.footer p, .footer a{
		font-size: 12px;
	}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	#header.home{
		top: 0px;
		position: relative;
	}
	#header ul#menu-primary{
		width: 350px;
		max-width: 100%;
	}
	.navbar-nav>li>.dropdown-menu li a{
		padding-left: 20px !important;
	}
	.navigation-top{
		width: 75%;
	}
	#cta-buttons a {
		width: 50%;
		padding-bottom: 21%;
	}
	.top-header{
		font-size: 12px;
	}
	
	#featured-special img{
		max-width: 100%;
	}
	
	#inventory-list{
		padding: 20px;
	}
	#inventory-list h1{
		font-size: 24px;
	}
	#featured-special h2{
		font-size: 24px;
		background: none;
		color: #dd2828;
    	margin: -20px -20px 10px;
	}
	
	#header .logo{
		position: relative;
		top: 0;
		max-width: 40%;
    	display: inline-block;
	}
	.three-column{
		width: 50%;
		margin-bottom: 20px;
	}
	.three-column button{width: 100%; padding-left: 0 !important; padding-right: 0 !important;}
	.col50{width: 100%;}
	

	.col-left{
		width: 100%;
    	float: none;
		padding: 10px 0 0 0 !important;
	}
	.col-right{
		float: none;
		width: 100%;
		margin: 0 auto 10px auto;
		padding: 0 !important;
	}

}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 440px) {

	.three-column{
		width: 100%;
	}
	#cta-buttons a{
		width: 100%;
    	padding-bottom: 30%;
	}
	.verticalpad{
		padding: 20px 0 60px;
	}
	
	
	.footer .right{

		float: none;
		display: block;
		margin-top: 20px;
	}
	.footer .right .fb-icon{
		height: 30px;
		width: auto;
	}
}