/*
Theme Name: www.pacetrailersales.net 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:100%;
	width:100%;
}
.list-heading {
	display: block!important;
}
body {overflow-x: hidden; 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:#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: #000;
	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%;
}



/*--------------------------------------------------------------
## Custom CSS
--------------------------------------------------------------*/

* {background:transparent; border:0; margin:0; padding:0; font-family: 'Montserrat', sans-serif; font-style:normal; line-height:normal; -webkit-text-size-adjust: none;}
ol, ul, li {list-style: none; font-size:15px; line-height:20px;}
ul {padding:0 0;}
.clear {clear: both; height:0px; margin:0;}

h1 {font-size:32px; font-weight:700; text-transform:uppercase;}
h2 {font-size:28px; text-transform:uppercase; font-weight:700; line-height:1.5em;}
h3 {font-size:22px; font-weight:700; text-transform: uppercase;}
h4 {font-size:17px; margin:0 0 3px; text-transform: uppercase; font-weight: 400;}
h5 {font-size:16px; font-weight:700;}
h6 {font-size:19px; font-weight:700; text-transform:uppercase;}

p {font-size:16px; line-height:1.75rem; margin-bottom:15px;}

a {text-decoration:none; color:#000;}
a:hover {color:#f36f21;}

body {font-family: 'Montserrat', sans-serif;}

.main-container{width: 95%; padding: 10px 0; margin: 10px auto;}
.pagewrap {width:80%; margin:3% auto 30px;}

/* Header*/
#header {box-shadow: 1px 2px 5px grey; padding:5px 0;}
.co-logo {margin-bottom:10px;}
.co-logo img {width:100%; max-width:300px; height:auto;}

#headerright {margin-top:2%;}

/* TAGLINES */
#tagline {background:#282828; color:#fff!important; } 
#tagline h2 {color:#fff!important;}
#tagline p {color:#fff!important;}
.slidetagline {background:#282828; float:left; width:40%; padding-top:2%; color:#fff; font-size:18px; line-height:2em;}
.slideshow {float:right; width:60%; margin-bottom:-6px;}
.slideshow img {width:100%;}

.col_three_btn {background:#f36f21; display:inline-block; width:48%; margin:1% .5%; color:#fff; text-align:center; padding:10px 0;cursor:pointer; font-size: 16px;}
.col_three_btn:hover {background:linear-gradient(#f36f21, #de631a);}


/* CTA BUTTONS */
.container {width:90%; position:relative; margin:0 auto -30px; z-index:9999;}
.col_grey {background:#838383; color:#fff; display:inline-block; width:33%; vertical-align: top; height:400px; padding-top:.6%; margin:-30px -5px 0 0;}
.col_orange {background:#f36f21; color:#fff; display:inline-block; width:33%; vertical-align: top; height:400px; padding-top:.6%; margin:-30px -5px 0 0;}
.grey_triangle {position: absolute; width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left:30px solid #838383; top:40%;}

.col_white {background:#e8e8e8; color:#000; display:inline-block; width:33%; vertical-align: top;height:400px; padding-top:.6%; margin:-30px 0 0 0;}
.orange_triangle {position: absolute; width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left:30px solid #f36f21; top:40%;}

.orange {border:1px solid #fff; width:100%; max-width: 200px; padding:5px 0; text-align:center; color:#fff;}
.orange:hover {margin-top:1px;}
.icon {font-size:20px;}


/*Brands Section*/
.brands-header{width:100%; max-width:400px; background: #838383; color:#fff; text-align:center; padding: 5px 0; margin-top:20px;}
.brands-body{text-align: center!important; padding: 0 7%;}
.brands-body img{text-align: center!important; display: inline-block; width:100% !important; vertical-align: middle;}
a.brand-wrapper img {width: 100%; max-width: 150px; height: auto; padding: 1em 0;}

/*Icons Section*/
.col_6 {display:inline-block;vertical-align: top; width:125px; height:auto; text-align:center; background:#f36f21; margin:1.5%; color:#fff; font-size:50px;}
.col_6 a {color:#fff; font-size:40px;}
.col_6:hover {background:linear-gradient(#f36f21, #de631a);}
.col_6 h5 {font-size:10px; color:#fff; margin-top:0; text-transform: uppercase;}

/* ICON BOXES */
.icon-box h5 {padding-top: 5px; margin-bottom: 5px;}
.icon-box {vertical-align: middle; padding: 10% 4%;}


/* Forms*/
.btn-success, .btn-success:focus {background-color:#f36f21!important; border-color:#f36f21!important;}
.btn-success:hover {background:linear-gradient(#f36f21, #de631a); border-color:#f36f21!important;}

#sidebar414-TrailersForm {background:#e8e8e8; padding:1% 2%!important;}
#sidebar414-TrailersType {padding-right:3%!important;}

#sidebar102-TrailersForm {background:#e8e8e8; padding:1% 2%!important;}
#sidebar102-TrailersType {padding-right:3%!important;}

#sidebar104-Form {background:#e8e8e8; padding:1% 2%!important;}
#sidebar104-Parts {padding-right:3%!important;}

#sidebar108-Form {background:#e8e8e8; padding:1% 2%!important;}
#sidebar108-Faqs {padding-right:3%!important;}

#sidebar110-Form {background:#e8e8e8; padding:1% 2%!important;}
#sidebar110-careers {padding-right:3%!important;}


#sidebar112-Form {background:#e8e8e8; padding:1% 2%!important;}
#sidebar112-Contact {padding-right:3%!important;}

#colorwrap {background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(236,236,236,1)); padding:20px 0;}

.col_team {padding:2%;}
.col_team img {width:100%!important; margin-bottom:10px;}

.orangebtn {display:inline-block; background:#f36f21; padding:5px 0; text-align:center; color:#fff; font-weight:700; width:49%; margin:12px auto 0; cursor:pointer;}
.orangebtn:hover {background:linear-gradient(#f36f21, #de631a);}

.servicelist {padding-left:3%!important;}

.contact_head {font-size:20px; font-weight: bold; text-transform: uppercase; padding:2% 0;}


/* FOOTER */
.footer {background:#e8e8e8; font-size:14px; padding:15px 0;}
#colright {text-align:center;}
#colright img {width:100%; max-width:250px!important; height:auto!important; max-height:100%!important; display:block!important; float:none!important; margin:0 auto;}
.socialmedia {border-radius:50%; background:#000; height:30px; width:30px; padding:1.25px 2px; text-align:center; display:inline-block;}
.socialmedia:hover {background:linear-gradient(#f36f21, #de631a);}
.socialmedia a {color:#e8e8e8; font-size:20px;}
.socialmedia a:hover {color:#e8e8e8;}

#foot {background:#f37021; text-align:center; color:#fff;}
#foot p a {color:#fff;}
#foot img  {width:100%; max-width: 300px!important; display: block!important; float:none!important; margin:0 auto;}

/* WP SYSTEM */
.checkbox-inline, .radio-inline {color:#000!important}
.control-label {color:#000!important}
label {color:#000;}

#wpadminbar #wp-admin-bar-my-account.with-avatar>a img {display:inline-block!important;}

/* Listings*/
.body-wrapper, .detail-additional-data .data-row .data-value, .list-content .list-title .list-title-text, .list-container-flexrow .listing-boxed .listing-description, span.price {font-family: 'Montserrat', sans-serif!important;}
a.dealer-phone-call .fa {font-family: "Font Awesome 5 Free";}

/*----Adjusts Container Width----*/
.list-content, .detail-wrapper, .detail-additional-data, .faceted-search-content, .parts-list-content, .bread-crumbs-heading {max-width: none!important;} 
.detail-additional-data .data-row .data-value {width: 100%!important;}

input[type="button"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="file"], input[type="month"], input[type="number"], input[type="password"], input[type="reset"], input[type="search"], input[type="submit"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea{height: auto; line-height: normal;}

.body-wrapper input[type=checkbox] {margin: inherit!important;}
.body-wrapper .compare-chkbox-container .compare-listings .fa-check {top: 2px!important; left: 0!important;}

.list-content input[type="button"], .list-content input[type="color"], .list-content input[type="date"], .list-content input[type="datetime"], .list-content input[type="datetime-local"], .list-content input[type="email"], .list-content input[type="file"], .list-content input[type="month"], .list-content input[type="number"], .list-content input[type="password"], .list-content input[type="reset"], .list-content input[type="search"], .list-content input[type="submit"], .list-content input[type="tel"], .list-content input[type="text"], .list-content input[type="time"], .list-content input[type="url"], .list-content input[type="week"], .list-content select, .list-content textarea, .modal-form-el label+input, .modal-form-el label+select{height: 30px; line-height: 30px;}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name{margin: 5px 0 0 5px;}

.detail-wrapper .details-fin-calc .detail-btn-calc p {margin: inherit!important;}

.body-wrapper #comments {display: block!important;}

.quick-search input[type="text"]{padding: 12px !important;}
.search-mobile input[type="text"]{padding: 15px !important;}
a.button{height: auto; line-height: normal; border-radius: 0; margin: 0; padding: 12px !important;}

span.list-listings-count, .listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price, .list-container-flexrow .price-container .price, .list-listings-count {color: #000!important;}

.faceted-search-content .selected-facets-container .selected-facet, .list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .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, .faceted-search-content .faceted-section-box .faceted-view-more-btn, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .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, .faceted-search-content .mobile-done-button-container .mobile-done-button, .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 .fin-calc-btn-mobile, .detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-container-flexrow .view-listing-details-link, .paging-container .page-navs .list-page-nav, .detail-content-mobile .detail-main-body .main-detail-data .buy-btn-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, .compare-listings-container .compare-container .button, button.g-recaptcha.button, .list-content .list-error-container .info button, .show-all-modal .apply-button, .contact-options a, a.dealer-phone-call{background: #f36f21 !important; color: #fff!important; border: none;}

.compare-listings-container .compare-container .button {margin: 5px 0!important;}

.detail-content-mobile .detail-additional-data .data-row .data-label, .detail-content .detail-additional-data .data-row .data-label{background: #e8e8e8; color: #000; font-weight: 700;}
.detail-content .detail-additional-data .data-row .data-value{font-weight: 400; border-bottom: 1.5px #fff solid;}
.detail-content .detail-additional-data .data-row{margin-bottom: 0;}
.detail-content .detail-additional-data h4{margin: 25px 0 5px; color: #f36f21;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link:hover, .list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link:hover, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link:hover, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link:hover, .faceted-search-content .faceted-section-box .faceted-view-more-btn:hover, .detail-content .detail-main-body .main-detail-data .offer-btn:hover, .detail-content .detail-main-body .main-detail-data .buy-btn:hover, .list-content .list-listing-mobile .view-listing-details-link:hover, .list-content .list-listing-mobile .buy-now-link:hover, .list-content .list-listing-mobile .check-availability-link:hover, .list-content .list-listing-mobile .email-seller-link:hover, .faceted-search-content .mobile-done-button-container .mobile-done-button:hover, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile:hover, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile:hover, .list-container-flexrow .view-listing-details-link:hover, .compare-listings-container .compare-container .button:hover, button.g-recaptcha.button:hover, .contact-options a:hover, a.dealer-phone-call:hover {background: #282828!important; color: #fff!important;}

body .noUi-connect{background: #282828;}
body .noUi-handle{background: #fff;}

.body-wrapper a.more {position: inherit!important; right: inherit!important;}

.compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title h3, .compare-listings-container .compare-container .compare-price, .share-container h2, .mobile-option-bar-filter {color: #333!important;}
.compare-chkbox-container .compare-listings .compare-label {margin-left: 3px;}

.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, .list-content .list-title .list-listings-count, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-listing-mobile .price-container .price, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-content-mobile .detail-main-body .main-detail-data .detail-price, .info, .bread-crumbs-heading .return-links .return-links-link span, .bread-crumbs-heading .return-links .return-links-link i, .compare-checked a {color: #f36f21;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .show-all-modal .back-button  {color: #f36f21 !important; border: 1px #f36f21 solid !important;}
.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call, .list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text, .detail-content-mobile .detail-main-body .main-detail-data .opened{color: #fff !important; border: 1px #f36f21 solid !important;}
.detail-content .dealer-info .phone-and-email .send-email-btn:hover{color: #282828; border: 1px #282828 solid;}

.white-bg .container{width: 100% !important;}
.section-head{width: 100%;}
.list-content .list-title{display: block; margin: 0;}

.list-content .list-title .list-listings-count{display: block; width: 100%; margin-left: 0; text-shadow: none!important;}
.list-content .print-this, .list-content .email-this{margin: 0 0 0 5px; padding: 7px 15px; font-size: 14px;}
.list-content .list-main-section .list-container .list-listing{background: #f6f6f6; padding: 15px !important; border-radius: 5px;}
.list-container-flexrow .price-container .price{margin-left: 0; color: #f36f21;}
.fin-calc p{line-height: 10px;}
.has-search-bar{width: 74%;}
.list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link {height:auto!important;}

.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile {max-width:99%!important;}

.breadcrumbs .breadcrumbs-element {font-weight: 600!important;}
.detail-content .print-this, .detail-content .email-this {margin-top:20px!important;}
.mobile-breadcrumb {background-color:#333!important;}
#comments {display:none!important;}



/************************************************ Responsive Styles **/
@media screen and (max-width: 1875px)  {
.brands-body img{margin:1.5% 2%;}
.bs10-col-sm-1 {text-align:center;}	
}

@media screen and (max-width: 1650px)  {
	h2 {font-size:26px;}
	p {font-size:15px;}
	
	.slidetagline {padding-top:0%;}

	.col_grey {height:450px;}	
	.col_orange {height:450px;}	
	.col_white {height:450px;}	
	
	.col_three_btn {font-size:14px;}
	
	.col_three_contact {width:48%;}
	
	.col_two {width:48%;}
	
	#gal_container img {height:100px;}

}

@media screen and (max-width: 1280px)  {
	h1 {font-size:28px;}
	h2 {font-size:22px;}
	h3 {font-size:20px;}
	p {font-size:14px; line-height:1.5rem;}
	
	.orangebtn {font-size:16px; width:48%;}
	.outline {font-size:16px; width:48%;}
	
	.col_four {width:32%;}
	.col_four_last {width:100%;}
	.col_two {width:48%;}
	
	.col_6 {width:118px;}
	
}

@media screen and (max-width: 1200px)  {
	.h1, .h2, .h3, h1, h2, h3 {margin-top:0!important; margin-bottom:0!important;}
	
	.pagewrap {width:90%; margin: 30px auto;}
	
	.co-logo img {max-width:250px;}
	.headerright {width:75%;}
	
	.grey_triangle {border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left:15px solid #838383; top:40%;}
	.orange_triangle {border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left:15px solid #f36f21; top:40%;}
		
	.col_6 {width:110px; margin:1%; font-size:40px;}
	.col_6 h5 {font-size:9px;}
	.col_three_btn {font-size:12px;}
	
}

@media screen and (max-width: 1040px)  {
	h1 {font-size:25px;}
	h2 {font-size:20px;}
	h3 {font-size:18px;}
	
	.slidetagline {padding-top:.5%;}
	
	.orangebtn {font-size:14px;}
	.outline {font-size:14px;}
	
	.body-wrapper .fa-check:before {display: none;}
	
	.container {margin:10px auto -20px;}
	.col_grey {margin:-15px -5px 0 0;}
	.col_orange {margin:-15px -5px 0 0;}
	.col_white {margin:-15px -5px 0 0;}
	
	.col_8 {padding-top:4%;}
	
	.col_three_btn {font-size:11px;}
	
	.col_left {float:none; width:100%;}
	.col_four {width:28%;}
	.col_four_last {width:10%;}
	.col_right {display:none; }
	
	.col_team {width:31%;}
	
	.contact_head {font-size:18px;}
	
	#gal_container img {height:80px;} 

	
	
}


@media screen and (max-width: 900px)  {
	h1 {font-size:23px;}
	h2 {font-size:18px;}
	h3 {font-size:16px;}
	h4 {font-size:15px;}
	p {font-size:12px; margin-bottom:5px;}
	
	.slideshow {float:none; width:100%;}
	.slidetagline {float:none; width:100%;}
	
	.orangebtn {font-size:12px;}
	.outline {font-size:12px;}
	
	.bs10-col-sm-7 {display:block!important; width:100%!important;}
	
	.container	{width:100%; margin:0 auto;}
	.col_grey {margin:0 0px 0 0;}
	.col_orange {margin:0px 0px 0 0;}
	.col_white {margin:0px 0px 0 0;}
	.grey_triangle {display:none;}
	.orange_triangle {display:none;}
	
	.col_three_btn {font-size:10px; width: 31%;}
	
	.hosted-content #listings-title {font-size:1.25rem!important;}

	
	.col_6 {width:28%;}
	
	#foot img  {max-width: 200px!important;}

	
	
}


@media screen and (max-width: 825px)  {
	h4 {font-size:13px;}
	.co-logo img {max-width:175px;}
	.headerright {width:70%;}
	
	.tagline {margin-bottom:0; padding:1% 0;}
	.slideshow {float:none; width:100%;}
	
	.col_grey {display:block; width:100%; height:auto; padding-bottom:10px;}
	.col_orange {display:block; width:100%; height:auto; padding-bottom:10px;}
	.col_white {display:block; width:100%; height:auto; padding-bottom:10px;}
	
	.col_6 {margin:2% 1%;}
	
	.col_four {width:32%;}
	.col_four_last {width:100%; margin-top:10px;}
		
	.col_team {width:48%;}
	

}

@media screen and (max-width: 767px)  {
	.co-logo {text-align:center;}
	.co-logo img {max-width:50%;}
	.headerright {width:100%; margin-top:.5%;}
	.icon-box {padding: 5%;}
	
	.bs10-col-sm-1 {width:21%!important; display:inline-block!important;}
	
	.footer {text-align:center;}
}

@media screen and (max-width: 600px)  {
	h4 {font-size:12px;}
	
	.manu_heading {max-width:100%;}
		
	#gal_container img {height:50px; margin:5px 3px 5px 0;}

}

@media screen and (max-width: 500px)  {
	h1 {font-size:20px;}
	
	.co-logo img {max-width:75%;}
	
	.col_6 {width:45%;}
	
	.col_four {width:49%; margin-bottom:10px;}
	.col_four_last {width:49%; margin-bottom:10px;}
	
	#bottom a {font-size:12px;}
	
	.three_col {display:inline-block; width:30%; margin:1%; text-align:center; vertical-align: top;}

	.col_team {width:100%; margin:10px auto;}
	
	.col_three_btn {width: 48%;}
	
	.col_three_contact {width:100%;}
	.contact_head {font-size:16px;}
	
	.col_two {display:block; width:100%; margin:2% auto;}
	
	.bs10-col-sm-1 {width:30%!important; display:inline-block!important;}
	}

@media screen and (max-width: 375px)  {
	h4 {text-align:center;}
	.headerright {float:none; width:100%;}
	
	.orangebtn {width:100%;}
	.outline {width:100%;}
	.orange {max-width:100%;}
		
	.col_left h4 {text-align:left!important;}
	
	.col_four {width:100%;}
	
	.col_three_btn {width:100%;}
	
	.col_6 {width:100%; margin:1.5% auto;}
	
	.three_col {width:47%;}
	
	.bs10-col-sm-1 {width:30%!important; display:inline-block!important;}
	
}