/*
Theme Name: www.coalcreekequipment.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
--------------------------------------------------------------*/

/*-------- VARIABLES --------*/
:root {
    --black: #000000;
    --white: #ffffff;
    --red: #a60d08;
	--drkred: #9C121A;
    --gray: #EBEBEF; 
    --main-header: "Figtree", sans-serif;
    --body: "Manrope", sans-serif;
  }


  /*-------- UNIVERSAL STYLES --------*/
html, body {
	width:100%;
	font-family: var(--body);
}

h1, h2, h4 {
	font-family: var(--main-header);
}

h1{
	font-size: 90px;
	font-weight: 700;
	line-height: 1;
}

h2{
	font-size: 72px;
}

.button-container{
	margin-top: 50px;
}

.btn{
	background-color: var(--red);
	border-radius: 0px;
	color: var(--white);
	padding: 10px 25px !important;
	white-space: nowrap;

	a{
		color: var(--white) !important;
	}
}

.btn:hover{
	background-color: var(--drkred);
	color: var(--white) !important;
}

.shEditorInsertButton{

}

.pad{
	padding: 100px 40px;
}

.flexy{
    display: flex;
    gap: 25px;

        img{
        width: 100%;
    }
}

.flexy2{
    display: flex;
    gap: 75px;

        img{
        width: 100%;
    }
}

.col-2{
    width: 50%;
	flex: unset;
}

.col-2-lrg{
    width: 70%;
	flex: unset;
}

.col-2-sml{
    width: 30%;
}

.col-3 {
    width: 33.33%;
	flex: unset;
}

.col-4{
    width: 25%;
	flex: unset;
}

.full-width{
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}



.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: var(--white);
	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;
}


.top-menu{
	background-color: var(--black);
	padding: 10px 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;

	a{
		color: var(--white);
	}

}

.top-phone{
	display: flex;
	gap: 15px;
	align-items: center;

	a{
		display: flex;
		gap: 5px;
		align-items: baseline;
		font-size: 14px;
	}
}

.topsocials{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;

	icon{
		background-color: var(--white);
		color: var(--black) !important;
		padding: 7px;
		border-radius: 15px;
		font-size: 12px !important;
	}

	.fa-facebook{
		padding: 8px 11px;
	}
}

.bottom-menu{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #00000025 !important;
	padding-right: 40px;
	background-color: var(--white);
}

.logo-container{
	position: relative;
}

.logo-shape{
	position: absolute;
	background-color: var(--white);
	clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
	width: 100%;
	height: 100%;
	top: 0;
	bottom:0;
	left:0;
	right:0;
}

.main-logo{
	width: 75%;
	margin: 0 auto;
	padding: 15px 10px;
	img{
		width: 100%;
		mix-blend-mode: multiply;
	}
}

.main-menu-container{
	width: 60%;
}


/* 		Homepage	 */
.home-cover{
	background-color: var(--black);
	color: var(--white);

	h1{
		max-width: 800px;
	}
}


.home-2{
	position: relative;
}



.image-overlap{

	img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

.maxi{
	max-width: 1100px;
	margin: 0 auto;
}

.home-inventory{
	background: var(--black);
	color: var(--white);
	position: relative;
	padding-bottom: 200px;
	
}

.home-inventory-top{
	align-items: center;
}


.home-inventory-right{
	text-align: right;
}

.home-inventory-category{

	color: var(--black);
	position: absolute;
	bottom: -400px;
	left:40px;
	right: 40px;
	margin: 0 auto;

	a{
		color: var(--black);
		display: flex;
		align-items: baseline;
		gap: 10px;
	}

	p{
		border-top: 1px solid #00000025;
		text-align: left;
		padding-top: 15px;
		margin-top: 15px;
	}

	h3{
		font-weight: 300;
	}

	.border-category{
		all:unset !important;
	}
}

.category{
	margin-right: 25px;
}

.category:nth-child(3){
	margin-right: 0px !important;
}



.image-category{
	height: 325px;
	overflow: hidden;

	img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

.category-container{
	padding: 25px 10px;
}

.title-container{
	text-align: left;

	h3{
		font-size: 21px;
	}
}

.home-own{
	padding-top: 425px;
	position: relative;
	z-index: -1;
}


.home-own-title{
	text-align: center;
	margin-bottom: 50px;
}

.home-own-category-container{

	.col-3{
		background-color: var(--gray);
		padding: 25px 25px !important;

		.home-own-icon{
			background-color: var(--white);
			padding: 10px 9px 7px 9px;
			display: inline-block;
		}


	}
}

.home-own-text-container{
	margin-top: 75px;
		h4{
			font-size: 26px;
		}
}

.home-featured{
	background-color: var(--gray);
	align-items: center;

	#controls{
		display: none;
	}

	.carousel-indicators{
				display: none;
	}

	#invCarousel_2{
		padding: 0px;
	}

	.inner-image-placeholder{
		height: 350px;
		img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	}

	.listing-title{
		color: var(--black);
		border-bottom: 1px solid #00000025;
		padding-bottom: 25px;
		margin-bottom: 25px !important;
		font-weight: 600;
		
	}

	.card{
		all: unset !important;
	}

	.carousel_details_btn{
		background-color: transparent;
		border: none;
		font-weight: 800;
		font-size: 14px;
		position: absolute;
		top: 70px;
		right: 0;
		padding: 0px;
	}

	button.carousel_details_btn:after{
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  content: "\f178" !important;
  display: inline-block !important;
  padding-left: 10px !important;
  vertical-align: middle !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-rendering: auto !important;
  line-height: 1 !important;
	}

	.card-body{
		position: relative;
	}

	.small_spec:first-of-type{
		position: absolute;
		top: 0;
        right: 0;

		strong{
			display: none;
		}
	}

	.small_spec{
		display: flex;
		flex-direction: column;

	}

	.col-padding{
		position: relative;
		br{
			display: none;
		}
	}
}

.home-about-container{
	background-color: var(--black);
	color: var(--white);
	align-items: center;
	gap: 150px;

		img{
		width: 100%;
		height: 80% !important;
		object-fit: cover;
	}
	
	.col-2:nth-child(2){
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

		img{
			align-self: center;
		}
		
	}
}

.home-about-contact{
	display: flex;
	align-items: stretch;
	border-top: 1px solid #ffffff;
	padding-top: 25px;
	margin-top: 25px;
	gap: 25px;
	
	a{
		display: flex;
		align-items: baseline;
		gap: 10px;
		color: var(--white);
	}
}


 .cover{
	background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url(https://media.sandhills.com/img.axd?id=9073216369&wid=0&rwl=False&p=&ext=jpg&w=706&h=567&t=&lp=&c=True&wt=False&sz=Min&rt=0&checksum=eBVvePWILvVHLVvJcKpTYiMuPrM4lz7J);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: var(--black);
	color: #fff;
	padding: 120px 40px;
} 

.contact{

}

.sideline{
	border-right: 1px solid #fff;
}

.contactform{
	align-items: center;
}

.formify{
	background-color: var(--gray);
	padding: 50px 30px !important;
	.form-control{
		border-radius: 0px;
	}
}

.inventory-menu{
	nav.primary ul li a{
		color: var(--black);
	}

	.last-btn{
		width: 140px;

		a{
			color: var(--white) !important;
		}
	}
}



/* 		Footer	 */
.footer{
	background-color: var(--black);
	color: var(--white);
	box-sizing: border-box;
	position: relative;



	.gradient-pattern{

	}
}

.top-footer{
	padding: 50px 40px;

	a{
		color: var(--white) !important;
	}
}

.footer-left{
	span{
		font-size: 38px;
		font-weight: 800;
	}
}

.footer-right{

	span{
		font-weight: 800;
		margin-bottom: 25px;
	}

	ul{
		list-style-type: none;
		padding-left: 0px;
		line-height: 35px;
		margin-top: 10px;
	}

}

.footer-copyright{
	padding: 10px 40px;

	p{
		font-size: 12px;
	}
}

.ftlinkinfo{
	display: flex;
	align-items: baseline;
	gap: 5px;
}

/*  Inventory  */
.body-wrapper{
	margin-top: 50px !important;

	h1, h2{
		font-size: unset;
		font-family: unset;
	}

}


/* INVENTORY STYLES: Luke Munns Code */


#inv *:not(.loading-spinner):not(.loader):not(.mobile-option-bar-filter){border-radius: 0!important;}


#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.fa-solid):not(.material-icons){
    font-family: var(--main-header);} /* 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;
}

#inv .compare-listings__checkbox {
    margin-right: 5px !important;
	margin-top: 0 !important;
}

span.compare-label, .list-listings-count{padding-left: 4px !important;}

.list-content .list-error-container .info .selected-facet, .list-content .list-error-container .info .selected-facet button {
    background: transparent !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, .apply-button, .Manufacturer-button, .Model-button, .list-container-flexrow .contact-options a, .dealer-phone-call, .view-listing-details-link {background:#a60d08 !important; color: #fff !important; border-radius: 0px !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: #a60d08 !important;border-radius: 0px !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, .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, .back-button, .mobile-option-bar-filter {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, .list-error-container .info > div > button {background-color: #0e1b8d!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;}




/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */

@media only screen and (max-width : 1450px) {
	h2{
		font-size: 62px;
	}	

}




@media only screen and (max-width : 1355px){
.home-featured .small_spec:first-of-type{
	position: unset;
}
}



@media only screen and (max-width : 1100px) {		
		h1{
		width: inherit;
		font-size: 62px;
	}
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	h2{
		font-size: 38px;
	}
}

@media screen and (max-width: 975px) and (min-width: 769px){
	.home-featured {
			.carousel_details_btn {
				position: unset;
			}
		}
}

@media only screen and (max-width : 900px){
	.top-footer{
		flex-direction: column;

		.col-2{
			width: inherit;
		}
	}
}

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

}

@media only screen and (max-width : 830px){
	/* .cover{
		padding: 120px 40px 100px 40px;
	} */

	.inventory-only{
		padding: 0px 40px 50px 40px !important;
	}

	.bottom-menu{
		padding-right: 0px;
	}

	.inventory-menu{


	.last-btn{

		a{
			color: var(--black) !important;
		}
	}

		.last-btn:hover{

		a{
			color: var(--white) !important;
		}
	}
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	h1{
		width: inherit;
		font-size: 52px;
	}

	h2{
		font-size: 38px;
	}

	.top-menu{
		display: none;
	}

	.bottom-menu{
		position: unset;
	}
	    .flexy, .flexy2{
        flex-direction: column !important;
    }
    
    .col-2, .col-3, .col-4, .col-2-sml, .col-2-lrg{
        width: 100% !important;
		box-sizing: border-box;
    }

	.flexy2{
		gap: 50px;
	}
	.no-break{
		display: none;
	}

		.home-featured{
		.car_col{
			padding: 0px !important;
		}

			.row{
				flex-wrap: nowrap;
			}


		.carousel-item{
			.row{
				flex-wrap: nowrap !important;
			}
		}
	}

	.home-featured .small_spec:first-of-type{
		position: absolute;
	}

	.home-inventory-right{
		text-align: left;
	}
	

	.home-about-container{
		gap: 100px;

		img{
			height: 100% !important;
		}
	}

		#menu-button a {
		color: var(--drkred);
	}
}


@media only screen and (max-width : 550px){
	.home-featured .small_spec:first-of-type{
		position: unset;
	}
}



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

	h1{
		font-size: 38px;
	}

	h2{
		font-size: 30px;
	}
	.inventory-only{
		padding: 0px 25px 25px 25px !important;
	}

	.pad{
		padding: 50px 25px;
	}

	.home-own{
		padding-top: 585px;
	}

	.home-inventory-category{
		bottom: -590px;

	}


}

@media only screen and (max-width : 375px){
		.home-featured {
			.carousel_details_btn {
				position: unset;
			}
		}

		.category{
			margin-right: 0px !important;
		}



		.formify{
			padding: 25px 15px !important;
		}
}