/*
Theme Name: www.usatrucksales.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%;
}
body{font-family:'Montserrat', 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%;
}
/* 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:#30386e;
	font-size:1.5em;
	text-transform:uppercase!important;
	font-weight:600;
}
.dropdown-menu {
	background-color: rgba(0,0,0,0.7);
	color:red;
	border-radius:0px;
}
.navbar-default .navbar-nav>li>a {
    color: #30386e;
	font-size:18px;
	text-transform:uppercase;
	font-weight:600;
	letter-spacing:1px;
}
.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;
}
.primary .mobile-show {
    display: none!important;
}
#menu-primary{float:none;}

#header{display:flex; flex-direction:row; justify-content:space-between; background-color:#006cb3; margin-bottom:-2px;}


.top-header{width:100%; background-color:#cc252d; padding:2px 0; box-sizing:border-box;}
.top-header-wrapper{ width:75%; justify-content:flex-end; padding-top:4px; display:flex; float:right; background-color:#cc252d; flex-direction:row; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 30px 100%); padding-right:10%;}
.header-wrapper{width:100%; max-width:1400px; margin:0 auto; padding:20px 10px; box-sizing:border-box;}

.top-header-wrapper icon{color:#fff; font-size:13px!important; padding:13px!important; border-left:solid .5px rgba(225,225,225,.6)!important; border-right:solid .5px rgba(225,225,225,.6)!important; margin-top:-5px; transition:.3s ease;}
.top-header-wrapper icon:hover{transform:scale(105%);}
/*------------Hero----------------*/
.hero{padding:2% 0 25% 0; height:calc(100vh - 560px); max-height:450px; min-height:300px;}

.slide-back{background-color:rgba(0,0,0,.6); padding:40px 20px; box-sizing:border-box; margin-left:15%!important;}

/*--------Inventory Search-------------*/
.grey-back{background-color:#e0e2e9; width:100%; padding:35px 0 25px 0;}
.content-wrapper{max-width:1400px; width:100%; margin:0 auto;}
.search-wrapper{width:100%; margin:10px auto; box-sizing:border-box; padding:20px; background-color:#fff;}
.equipment-text h2{font-size:32px; letter-spacing:1px; color:#d01d22; text-transform:uppercase; font-weight:400; padding-bottom:20px; margin:0!important; padding-left:5px;	font-family:'Montserrat', sans-serif;}
.search-row{display:flex; flex-direction:row; justify-content: center; color:#fff; font-size:14px; width:100%; margin: 0 auto; }
.search-row .formfield, .example-val{flex: 1; padding: 8px 10px; }

.formfield select{width:100%; padding:18px 15px; font-size: 14px; background-color:#fff; border: 1px solid #dad9d9; boxsizing:border-box; color:#000; height:60px; margin-top:10px;}
.formfield input{width:100%; box-sizing:border-box; padding:22px 15px; font-size:14px; background-color:#fff; border: 1px solid #dad9d9; color:#000!important; height:60px;margin-top:10px;}

.search-row input[type="submit"]{font-size:14px; width:48%!important; height:60px; padding: 10px; color:#fff; background-color:#b51d28; display: inline-block; outline: none; border: none; transition: .3s ease-in-out; margin-top:17px; margin-left:10px; margin-right:6px; text-transform:uppercase; position:relative;clip-path: polygon(0px 0px, 100% 0px, 95% 60px, 0px 60px);}

.search-row input[type="submit"]:hover{background-color:#30386e;}
.search-wrapper ::placeholder{color:#000!important; font-size:14px; text-transform:uppercase;	font-family:'Montserrat', sans-serif;}



/*-------------Buttons--------------------*/
.blue-link{font-size:15px; color:#30386e; font-weight:400; background:transparent!important; border:none!important;	font-family:'Montserrat', sans-serif;}
.red-link{font-size:16px; font-weight:600; color:#d01d22; padding-top:20px;border:none!important; background:transparent!important; letter-spacing:1px; text-align:left; line-height:28px;	font-family:'Montserrat', sans-serif;}
.red-link i{color:#fff; background-color:#d01d22; border-radius:50%; padding:4px 5px; font-size:10px; margin-left:5px; margin-top:-3px; transition:.3s ease-in-out;}
.red-link:hover i{margin-left:15px; background-color:#30386e;}
.red-link:hover{color:#30386e;}

.sheSubmitButton{color:#fff; background-color:#0583D5!important; border:none; padding:8px; width:140px; display:block; text-align:center; transition:.3s ease; font-size:14px; font-weight:500; text-transform:uppercase; font-family:'Montserrat', sans-serif; margin-top:10px;}
.sheSubmitButton:hover{background-color:#cc252d!important;}

.white-text-btn-border{color:#fff; border:none; font-size:12px; font-weight:400; text-transform:uppercase; border-right:1px solid #fff; padding:0px 15px; background:transparent;text-align:center;font-family:'Montserrat', sans-serif!important; transition:.3s ease;}
.white-text-btn{color:#fff; border:none; font-size:12px; font-weight:400; text-transform:uppercase; padding:0px 15px; background:transparent; text-align:center;font-family:'Montserrat', sans-serif!important;}

.white-text-btn-border:hover, .white-text-btn:hover{font-weight:600;}

.header-btn{display:flex; flex-direction:row; background:transparent; border:none!important;}

.header-btn p{text-align:left;font-size:13px; font-weight:400; color:#000; text-transform:uppercase; line-height:12px; font-family:'Montserrat', sans-serif!important;}
.header-btn p.bold{font-weight:600; display:block;}
.header-p{padding:50px 0 0 20px;}


.header-btn span{font-size:18px!important; color:#006cb3; border:solid 1px #cc252d; border-radius:50%; padding:10px; margin:45px 2px 0 2px; transition:.3s ease; height:45px; width:45px; display:flex; justify-content: center;}
.header-btn:hover span{background-color:#cc252d; color:#fff;}
.header-btn span i{align-self:center;}


.blue-text-btn{font-size:15px; color:#148EDF; font-weight:400; background:transparent; border:none;}
.footer-link{font-size:15px; text-transform:uppercase; color:#dfdfdf; line-height:24px; background:transparent; border:none!important; transition:.3s ease;}
.footer-link:hover{color:#006cb3;}

.hero-btn a{transition:.3s ease!important;}
.hero-btn a:hover{background-color:#cc252d!important;}

/*-----------Text----------------*/
.grey-text{font-size:15px; font-weight:400; color:#DFDFDF; line-height:22px;font-family:'Montserrat', sans-serif;}
.white-text{font-size:15px; font-weight:600; color:#fff; line-height:22px; text-transform:uppercase;font-family:'Montserrat', sans-serif;}
.page-header-text{font-size:38px; text-transform:uppercase; padding:60px 0 80px 0!important; display:block; color:#cc252d; font-weight:800;	font-family:'Montserrat', sans-serif!important;}

.footer-header{font-size:16px; font-weight:600; color:#fff; text-transform:uppercase;font-family:'Montserrat', sans-serif!important; text-align:left;}
.footer-header hr{width:50px; border: solid 2px #006cb3; float:left;}

/*---------Page styles-------------*/
.page-width{max-width:1400px; width:100%; margin:0 auto; box-sizing:border-box; padding:0 10px;float:none;}
.page-header{height:200px; width:100%; margin-top:0px;}

.page-header .bgParent .row {
    max-width:1400px; width:100%; margin:0 auto!important; box-sizing:border-box; float:none;
}

/*-------------Team-mates--------------*/
.image{width:100%;}
.name{font-size:20px; color:#30386e; font-weight:600; text-transform:uppercase; padding-top:20px;}
.title{font-size:17px; color:#000; font-weight:400; font-style:italic;}
.link-row{display:flex; flex-direction:row; justify-content: center; margin:10px 0 20px 0;}
.phone a,.email a{padding:10px; color:#30386e; font-size:22px; transition:.3s ease;	font-family:'Montserrat', sans-serif;}
.phone a{font-size:26px;	font-family:'Montserrat', sans-serif;}
.phone a:hover, .email a:hover{color:#d01d22;}

/*------------Footer---------------*/
.footer-back{background-color:#1a1a1a; width:100%; padding-bottom:40px;}

.footer-about{display:flex; flex-direction:row;font-family:'Montserrat', sans-serif;}
.footer-about a{font-size:14px!important; color:#fff; border:solid 1px #fff; border-radius:50%; padding:10px; margin:0 2px; transition:.3s ease; height:35px; width:35px; display:flex; justify-content: center;}
.footer-about a:hover{background-color:#006cb3; cusor:pointer;}

.contact-footer i{color: transparent!important; font-size:18px; -webkit-text-stroke-width: 1px!important; -webkit-text-stroke-color: #fff!important;}
.twitter-footer i{color:#555!important;}

.footer-form{color:#fff!important;}
.footer-form h1{display:none!important;}
.footer-form form {display:flex; flex-direction:row; padding-top:10px;}
.footer-form form .row:nth-of-type(2){width:85%!important;}
.footer-title{font-size: 22px; text-transform:uppercase; font-weight:600; color:#fff;  font-family:'Montserrat', sans-serif!important; padding:22px 0 0 60px;}
/*-------------Inventory-----------------*/


.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: #006cb3 !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: #006cb3 !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: #cc252d !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-----------------------*/
}

.widget_sandhills_featured_inventory {
    
}

.widget_sandhills_featured_inventory H2 {
    font-weight: 700;
}
.widget_sandhills_featured_inventory .inv_control {
    background:rgb(208, 29, 34);
}
.widget_sandhills_featured_inventory .carousel_details_btn {
    background: rgb(0, 0, 0) none repeat scroll 0% 0%;
  color: rgb(255, 255, 255);
  border-radius: 0px;
  border: medium none;
  padding: 13px 23px;
  font-size: 16px;
  font-weight: 200;
}
.widget_sandhills_featured_inventory .carousel_details_btn:hover {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 15px;
}

.widget_sandhills_featured_inventory .card {
    text-align: center;
}

/*--------------------------------------------------------------
## 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;
}

/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1500px) {
	.top-header-wrapper{ width:80%;}

	}
@media only screen and (max-width : 1200px) {		
	.header-logo{max-width:auto!important;}

.footer-title{font-size: 20px; padding:20px 0 0 40px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1000px) {
	.slide-back{margin-left:8%!important;}
	.header-p{display:none;}
	.header-logo .col-lg-3:first-of-type{width:75%;}
	.header-logo .col-lg-3{width:7%;}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.white-bold{font-size:30px;}
	.content-wrapper .sh-col-sm-4{width:calc(100% - 30px)!important; padding:0 15px; box-sizing:border-box; margin:15px;}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.home-top{font-size:26px; max-width:300px;}
	.home-bottom{font-size:40px; max-width:600px; width:100%;}
	.search-row{flex-direction:column;}
	.search-row input[type="submit"]{width:97%!important;}
	.headersearch .search-row{flex-direction:row!important;}
	.home-ql a{padding:20px 20px 40px 20px; min-height:300px!important; max-height:320px; height:100%;}
	.slide-back{margin-left:2%!important; width:100%!important;}
	.hero-header{font-size:14px!important;}
	.sheSubmitButton {margin-top:74px;}
	.footer-title{padding:10px 0 0 10px;}
	.header-logo .col-lg-3{width:80px; height:60px;}
	.header-btn span{margin: 25px 2px 0 2px;}
	.header-logo .col-lg-3:first-of-type{width:100%; height:120px;}
	.header-logo .col-lg-3 a img{float:none;}
	.header-logo .row{display:flex; flex-direction:row;}
}
@media only screen and (max-width : 550px) {
	.footer-title{font-size:18px; text-align:center;}
	.footer-form form{flex-direction:column;}
	.footer-form form .row:nth-of-type(2){width:100%!important;}
	.sheSubmitButton {margin:15px auto 0 auto; }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.home-top{font-size:22px;}
	.home-bottom{font-size:30px;}
	.page-header-text{font-size:30px;}
	.white-bold{font-size:28px; line-height:28px;}
	.blue-btn-angle, .blue-btn{font-size:16px;}
	.header-btn span{font-size:16px!important; height:40px; width:40px;}
	.header-logo .col-lg-3{width:42px;}

}