/*
Theme Name: www.sandbergimplement.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:#fff;
	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: #fff;
	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;
}
/*--------Text--------------*/
.white-bold{font-size:30px; line-height:30px; text-transform:uppercase; color:#fff; font-weight:900; font-family:'Arimo', sans-serif; text-shadow:1px 1px 2px rgba(0,0,0,.8);}
.white-footer{font-size:20px; text-transform:uppercase; font-weight:900; font-family:'Arimo', sans-serif; }
.black-bold{ont-size:30px; line-height:30px; text-transform:uppercase; color:#000; font-weight:900; font-family:'Arimo', sans-serif; }

.red-bold{font-size:30px; line-height:30px; text-transform:uppercase; color:#870103; font-weight:900; font-family:'Arimo', sans-serif;}
/*---------Buttons-----------------*/
.red-btn{background:#870103; transition:.3s ease; border:none!important; color:#fff; font-size:16px; text-align:center; width:180px; padding:12px; box-sizing:border-box; display:block;}
.red-btn:hover{background:#000;}




/*-----------Header---------------*/
.header-back{width:100%; background:rgba(49,32,25,.7);}
.header{width:100%; max-width:1600px; height:120px; margin:0 auto; display:flex; flex-direction:row;}
.header-logo{width:100%; max-width:220px; z-index:200; position:relative;}

.header-icons{width:220px; display:flex; flex-direction:row; padding:40px 0;}
.header-icons icon, #top-search a i{color:#fff!important; transition:.3s ease; font-size:14px!important; background:#2d1d17; padding:12px; border-radius:10px; margin:1px;}
.header-icons icon:hover, #top-search a i:hover{background:#870103; cursor:pointer;}
#top-search a i{margin-right:-3px;}
#searchbar {height:80px; position: relative; display: none; float: left; width: 100%; z-index: 200; box-sizing: border-box;background: #870103;;
}
#searchbar #searchform #searchsubmit { float: left !important;  height: 26px !important; padding: 50px 0 !important; color: #fff !important;  border: 0 !important;  outline: none !important;cursor: pointer !important;}
#searchbar #searchform .keywords {
    width: 100% !important;
    text-align: center !important;
    border: 0 !important;
    padding: 30px 25px !important;
    box-sizing: border-box !important;
    font-size: 20px !important;
    color: #fff !important;
    background: #870103!important;
    font-family: 'Arimo', sans-serif!important;
    height: auto !important;
	font-weight: 900!important;
}

/*----------Home Page----------------*/
.page-width{width:100%; margin:0 auto; padding:0 15px; box-sizing:border-box; max-width:1600px;}
.home-brands{padding:30px 15px; box-sizing:border-box;}
.home-brands img{max-width:180px; transition:.3s ease; height:110px; padding:5px; box-sizing:border-box; object-fit:contain; display:flex; align-content: center;}
.home-brands img:hover{transform: scale(105%);}

/*-------Quick Links-------------*/
.qls{width:100%; display:flex; flex-direction:row; padding-bottom:80px;}
.ql-left, .ql-middle, .ql-right{width:33%;}
.inv-ql{margin:10px; width:calc(100% - 20px); box-sizing:border-box; height:calc(600px - 20px); position:relative;}
.inv-ql p a{position:absolute; top:470px; left:30px; transition:.5s ease;font-size:30px; line-height:30px; text-transform:uppercase; color:#fff; font-weight:900; font-family:'Arimo', sans-serif; text-shadow:1px 1px 2px rgba(0,0,0,.8);}

.small-inv-qls{margin:10px;width:calc(100% - 20px); box-sizing:border-box; height:calc(300px - 20px); position:relative;}
.small-inv-qls p a{position:absolute; top:210px; left:30px; transition:.5s ease;font-size:30px; line-height:30px; text-transform:uppercase; color:#fff; font-weight:900; font-family:'Arimo', sans-serif; text-shadow:1px 1px 2px rgba(0,0,0,.8);}
.small-inv-qls p a:hover, .inv-ql p a:hover{transform:scale(105%); color:#fff;}
/*---------About--------*/
.about-wrap{max-width:750px; background:#fff; box-shadow:1px 6px 5px 2px rgba(0,0,0,.3); padding:60px; box-sizing:border-box;}
.about-wrap h1 span{font-size:20px; font-weight:600; color:#870103;}
.about-wrap h1{font-size:42px; font-weight:900; line-height:30px; color:#000; text-transform:uppercase;}

/*----------Sub Pages------------*/
.bread-crumb{width:100%; background:#f0f0f0; padding:35px 0 5px 0;}
.bread-crumb a, .bread-crumb p{color:#2d1d17;}

/*--------Rentals-------------*/
.rental-rates table{width:100%;}
.rental-rates table tr{padding:12px 10px; box-sizing:border-box;}
.rental-rates table tr th{background:#2d1d17; color:#fff; padding:14px 10px; box-sizing:border-box; font-weight:600;}
.rental-rates table tr td{background:#fff; transition:.3s ease; color:#000; padding:14px 10px; box-sizing:border-box; border:solid 1px #ccc;}
.rental-rates table tr:hover > td{background:#f0f0f0;}

/*----------Contact------------*/
.contact-page h2{font-size:26px; color:#870103; font-weight:900;font-family:'Arimo', sans-serif;}
.contact-page p{font-size:16px; color:#000; font-weight:800;}
.contact-page p a{color:#000; transition:.3s ease; font-weight:400;}
.contact-page p a:hover{color:#870103;}
.contact-page table {width:300px!important;}
.contact-page table tr td{padding:5px!important; box-sizing:border-box;}

/*----------Showroom----------*/
.showroom{ border:solid 1px #ccc;}
.show-logo{width:100%; height:220px; padding:30px; box-sizing:border-box; display:block;}
.show-logo img{width:100%; height:100%; object-fit:contain;}
.show-link{padding:14px 20px; transition:.3s ease; box-sizing:border-box; background:#870103; color:#fff; font-weight:600; }

.show-link:hover{color:#fff; background:#000; cursor:pointer;}



/*----------Promotions------------*/
.promo-wrap{width:100%; display:flex; flex-direction:row;font-family:'Arimo', sans-serif; justify-content: flex-start;}
.promo-right{padding:40px 60px; box-sizing:border-box; text-align:left;}
.promo-title{font-size:30px; font-weight:900; color:#000; line-height:30px;}
.promo-exp{font-size:18px; color:#555; font-weight:400; }
.promo-des{padding:20px 0; font-size:16px; line-height:22px; color:#000;}
.promo-wrap a{font-size:16px; font-weight:600; transition:.3s ease; color:#fff; background:#870103; width:180px; padding:12px; box-sizing:border-box; text-align:center; display:block;}
.promo-wrap a:hover{background:#000;}

.nav-pills li a{background:transparent!important; border:solid 1px #999!important; color:#999!important; padding:12px 20px!important; box-sizing:border-box; border-radius:30px!important; margin:2px;}
.nav-pills li.active a, .nav-pills li a:hover{color:#000!important; border:solid 1px #000!important;}

.promo-images img{border:solid 1px #000;}

/*-------Forms---------------*/
.page-form{padding:40px!important; box-sizing:border-box; border:solid 1px #f0f0f0; margin-bottom:40px;}
.page-form h1, .page-form h2, .page-form h3{font-size:30px; line-height:30px; text-transform:uppercase; color:#870103; font-weight:900; font-family:'Arimo', sans-serif;}
.page-form .sheSubmitButton{background:#870103; transition:.3s ease; border:none!important; color:#fff; font-size:16px; text-align:center; width:180px; padding:12px; box-sizing:border-box; display:block;}
.page-form .sheSubmitButton:hover{background:#000!important;}
.application a{font-size:18px; text-decoration:underline; font-weight:600; color:#2d1d17; transition:.3s ease;}
.application a:hover{color:#000;}
.page-form .btn-primary{background:#870103!important; border:none!important; transition:.3s ease;}
.page-form .btn-primary:hover{background:#000!important;}

/*---------Footer------------------*/
footer{width:100%; background:#2d1d17; padding:100px 0;}
footer p{color:#fff;}
footer a{color:#fff; line-height:22px; font-size:15px; text-transform:uppercase;}
footer a:hover{text-decoration:underline!important;}
.bottom-footer{border-top:solid 1px #870103;}


/*------------Inventory-----------------*/

.inv-top{padding:10px; box-sizing:border-box;}
.inv-top img{display:block; margin:0 auto; transition:.3s ease;}
.inv-top img:hover{transform:scale(1.1);}

.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .buy-now-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .check-availability-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .email-seller-link,
.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) button.page-nav {
    background: #2d1d17 !important;
    color: #fff !important;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link,
.body-wrapper>div:not(.detail-wrapper) .contact-options a,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .nuf-button,
.body-wrapper>div:not(.detail-wrapper) .list-error-container .info button,
.body-wrapper>div:not(.detail-wrapper) .mobile-done-button-container .mobile-done-button,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) button.selected-facet.ts-button,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn {
    background: #2d1d17 !important;
    color: #fff !important;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link:hover,
.body-wrapper>div:not(.detail-wrapper) .contact-options a:hover,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a:hover,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button:hover,
.body-wrapper>div:not(.detail-wrapper) .email-seller-link:hover,
.body-wrapper>div:not(.detail-wrapper) .mc-nav-controls .mc-icon-navarrow span,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now:hover,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now:hover,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn:hover {
    background: #870103 !important;
    color: #fff !important;
    /*----Border----*/
}

.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .back-button,
.body-wrapper>div:not(.detail-wrapper) .parts-listing-container .mobile-parts-detail-container .dealer-phone-container a {
    color: #000 !important;
    border: 1px solid #000 !important;
    /*-----------------------OTHER TEXT STYLES-----------------------*/
    /*----Page Title----*/
}

.body-wrapper>div:not(.detail-wrapper) .list-title .list-title-text,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-title-text span,
.body-wrapper>div:not(.detail-wrapper) .title-media-buttons-heading h1 {
    color: #000 !important;
    line-height: 28px !important;
}

.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .listing-dealer-info .spec-value,
.body-wrapper>div:not(.detail-wrapper) .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .fin-calc p,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-error .info,
.body-wrapper>div:not(.detail-wrapper) .parts-bottom-section .parts-list-view .parts-list-content .error-message,
.body-wrapper>div:not(.detail-wrapper) .info,
.body-wrapper>div:not(.detail-wrapper) .list-title .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count,
.body-wrapper>div:not(.detail-wrapper) .list-top-section .listing-option-bar .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) span.part-list-price.bold,
.body-wrapper>div:not(.detail-wrapper) .dealer-company-header,
.body-wrapper>div:not(.detail-wrapper) .dealer-info h3,
.body-wrapper>div:not(.detail-wrapper) .listing-description-text,
.body-wrapper>div:not(.detail-wrapper) .paging-container .list-page-number,
.body-wrapper>div:not(.detail-wrapper) .paging-container .page-number,
.body-wrapper>div:not(.detail-wrapper) .listing-main-stats .price,
.body-wrapper>div:not(.detail-wrapper) .list-container-flexrow .price-container .price,
.body-wrapper>div:not(.detail-wrapper) h2.listing-portion-title,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .price-container .price,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .compare-price,
.body-wrapper>div:not(.detail-wrapper) .rent-title,
.body-wrapper>div:not(.detail-wrapper) .rent-title-details,
.body-wrapper>div:not(.detail-wrapper) span.list-title-text,
.body-wrapper>div:not(.detail-wrapper) a.search-results-link,
.body-wrapper>div:not(.detail-wrapper) h3.listing-portion-title {
    color: #000 !important;
}

.body-wrapper>div:not(.detail-wrapper) .mobile-option-bar .mobile-option-bar-filter,
.body-wrapper>div:not(.detail-wrapper) span.listing-prices__retail-price,
.body-wrapper>div:not(.detail-wrapper) span.parts-listings-count {
    color: #000 !important;
    /*-----------------------MEDIA QUERIES-----------------------*/
}


/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1250px) {		
	.header-icons{display:none;}
	nav.primary{width:calc(100% - 220px)!important;}
	.header-logo{max-width:200px; margin-top:-15px;}
	
}

@media only screen and (max-width : 1150px) {
	.qls{flex-direction:column;}
	.ql-left, .ql-middle, .ql-right{width:100%;}
	.inv-ql{height:calc(300px - 20px);}
	.inv-ql p a{top:210px; left:30px;}
	.header{padding:0 15px; box-sizing:border-box; justify-content: space-between;}
	.promo-wrap{flex-direction:column;}
	.promo-left img{max-width:400px; width:100%;}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 800px) {
	.about-wrap{width:100%; max-width:none;}
	.slick-dots{z-index:300!important;}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	footer{text-align:center!important;}
}
@media only screen and (max-width : 650px) {
	.about-wrap{padding:30px;}
	.about-wrap h1{font-size:30px; line-height:25px;}
	.red-bold{font-size:26px; line-height:26px;}
	.rental-rates table tr td{font-size:14px; padding:10px 5px; min-width:70px;}
}
@media only screen and (max-width : 480px) {
	.about-wrap{padding:15px 25px; text-align:center!important;}
	.about-mobile{display:none;}
	.about-wrap h1{font-size:26px; line-height:24px;}
	.about-wrap h1 span{font-size:18px;}
	.header{justify-content: space-between;}
	.page-form{padding:25px;}
	.rental-rates table tr th{font-size:14px; padding:10px 5px; min-width:70px;}
	.rental-rates table tr td{font-size:12px; padding:10px 2px; min-width:60px;}
	.page-width{padding:0 5px;}
	.contact-page table {max-width:300px!important; width:100%;}
	.contact-page h2{font-size:22px;}
	.home-brands{padding:0 10px!important;}
	.header-logo{max-width:180px; padding-top:5px;}
	#menu-button{color:#fff!important;}
	.promo-right{padding:30px 20px!important;}
	.red-bold{font-size:24px; line-height:26px;}
}