/*
Theme Name: www.generaltruck.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{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%;padding-top:25px;height:0}
.wp-custom-header iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.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:#000000b3;color:orange;border-radius:0}
.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 .2s}

h1, h2, h3, h4, h5, h6 {font-family: "Titillium Web",sans-serif!important; margin-bottom: 20px!important;}

.heading-1-home {font-size: 60px!important;}
.heading-1-inner {font-size: 45px!important;}
.heading-2 {font-size: 45px!important;}
.heading-3 {font-size: 30px!important;}
.heading-3-sm {font-size: 20px!important; font-weight: 600!important;}
.subheading {font-size: 20px!important; font-family: 'Manrope', sans-serif;}

.paragraph-styles {font-size: 17px!important; font-family: 'Manrope', sans-serif; line-height: 2;}

/*--------------------------------------------------------------
## 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:#000;display:flex;justify-content:space-between;align-items:center;padding:10px 40px;}
.social-media-container{display:flex;justify-content:flex-start;align-items:center;gap:10px;}
.social-media i{color:#fff;}
.main-menu2{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 4%;}
.contact-us-header{background-color:#2164B0;color:#fff!important;}
.left-menu{width:20%;}
.left-menu img{width:100%;margin:0 auto;}
.left-menu .col-sm-12{display:flex;}
.right-menu{width:80%;}
.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;}
.location-select{background-color:#000;color:#fff;border:none;}
.location-select select{background-color:transparent;color:#fff;border:none;text-transform:uppercase;font-family:"Titillium Web",sans-serif;font-weight:700;font-size:14px;}
.location-select option{background-color:#000;transition:.25s!important;padding:25px 5px!important;}
.location-select option:active{background-color:#073B75!important;}
.location-select option i{background-color:#2164B0;color:#fff;}


/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.my-site-header {background: #2C3674; padding: 10px 0}
.my-site-header ul {padding: 0!important; margin: 0!important;}
.my-site-header .wrapper {padding: 0 4%; display: flex; justify-content: space-between; gap: 30px;}
.my-site-header .wrapper .flex:first-child {gap: 20px!important;}
.my-site-header .wrapper .flex {display: flex; gap: 50px;}
.my-site-header li {list-style: none;}
.my-site-header a {color: #fff!important; font-size: 17px; font-family: 'Manrope', sans-serif; transition: all .4s ease-out;}
.my-site-header a:hover, .my-site-header a:hover i {color: #E91C23!important;}
.my-site-header li i {margin-right: 5px; transition: all .4s ease-out;}


/*--------------------------------------------------------------
## Layout
--------------------------------------------------------------*/

* {box-sizing: border-box !important;}
.pad-left-right {padding-left: 4%; padding-right: 4%;}
.padrow-top-bottom {padding-top: 125px; padding-bottom: 125px;}
.padrow-small-top-bottom {padding-top: 50px; padding-bottom: 50px;}
.padrow-top {padding-top: 100px; padding-bottom: 0px;}
.padrow-bottom, .padrow-bottom-sm {padding-bottom: 100px; padding-top: 0px;}
.nopad {padding: 0px !important;}


/*--------------------------------------------------------------
## Service Banner
--------------------------------------------------------------*/
.serviceheader1 {color: #fff !important; font-family: "Titillium Web",sans-serif !important; font-size: 20px; margin-top: 0px !important; font-weight: 700; text-transform: uppercase;}
.serviceheader2 {color: #fff !important; font-family: "Titillium Web",sans-serif !important; font-size: clamp(2rem, 10vw, 2.5rem); margin-top: 0px !important; font-weight: 700;text-transform: uppercase; margin-bottom: 10px!important;}


/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.footerbg{background-color:#000!important;color:#fff; border-top: 2px solid #fff;}
.top-footer{display:flex;justify-content:space-between;padding:50px 30px 100px; gap: 30px;}
.footer-links-container a {white-space:nowrap;color: #fff;font-family:"Manrope",sans-serif!important;transition: all .4s ease-out;}
.footer-links-container a:hover {color: #E91C23;}
.footer-links-left {margin-right: 130px!important;}
.social-links-footer a {transition: all .4s ease-out;}
.social-links-footer a:hover i {color: #E91C23!important;}

/*--------------------------------------------------------------
## Featured Inventory Slider
--------------------------------------------------------------*/
	
.truckstrailers {color: #2c3674 !important; font-family: "Titillium Web",sans-serif !important; font-size: 20px; margin-top: 0px !important; font-weight: 700; text-transform: uppercase;}
.featuredinvhead {color: #000 !important; font-family: "Titillium Web",sans-serif !important; font-size: clamp(2rem, 10vw, 3rem); margin-top: 0px !important; font-weight: 700; margin-bottom: 0px!important;}

.products-container{position:relative;width:100%;height:100%;}
.widget_sandhills_featured_inventory {padding-left: 3% !important; padding-right: 3% !important;}
.featured-image{width:100%;height:255px;overflow:hidden;}
.featured-image img{width:100%;height:100%;object-fit:cover;object-position:center;}

.inv_car_item {margin: 5px !important;}

.product-description{font-family:"Titillium Web",sans-serif; background-color:#fff;text-align:left;padding:15px 20px 25px;}
.product-description h4{font-family:"Titillium Web",sans-serif; font-weight:700;text-transform:uppercase;}
.product-description span{color:#000;}
.product-description p{margin-bottom:0;}
.category-container h3{position:absolute;bottom:15px;left:15px;color:#fff;text-align:left;text-transform:uppercase;}
.featured-link{background-color:#000;width:100%;display:flex;justify-content:space-between;align-items:center;color:#fff;padding:15px 25px;}
.featured-link i{background-color:#2164B0;color:#fff;padding:4px 7px;border-radius:10px;font-size:12px;}

ol.sh-carousel-indicators.carousel-indicators.inv_car_ind{display:none;}
div#invCarousel_8{margin:0!important;padding:0!important;}
.col-padding,.outer-img-box{padding:0!important;}
.outer-img-box{height:350px;overflow:hidden;}
.outer-img-box img{object-fit:cover!important;object-position:center!important;height:100%!important;width:100%!important;}
.inner-image-placeholder{height:100%;}
div#widget_sandhills_contact_form_34{margin:0 auto;width:90%;}
.card{border:none!important;margin:0;margin-bottom:0;padding:0;}
.card-body{padding:0;}
p.listing-title{color:#000!important;font-family:"Titillium Web",sans-serif!important;font-weight:700!important;font-size:18px!important;margin:10px!important;}
.small_spec{margin:0 10px!important;font-size:16px!important;}
.small_spec strong{font-family:"Titillium Web",sans-serif!important;font-weight:700!important;text-transform:uppercase!important;}
#controls{text-align:center;position:absolute;right:0;top:-45px;}
.inv_control{background-color:#000!important;}
.col-md-4{gap:25px;}
.carousel-item .row{margin-left:15px;}
button.carousel_details_btn{background-color:#000;border:none;color:#fff;display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 25px!important;text-transform:capitalize!important;margin-bottom:0!important;}
button.carousel_details_btn:after{font-family:"Font Awesome 5 Free";font-weight:900;font-size:12px!important;content:'\f105';color:#FFF;padding:1px 7px;border-radius:12px;background-color:#2164B0;visibility:visible;display:block;}
.sh-carousel-indicators.carousel-indicators{display:none;}
.section-5{background-color:#073B75;color:#fff;align-items:center;}
.section-5 span{color:#fff;}
.section-5 button{float:right;}
.section-6{padding-bottom:0;}
.toggle-title{text-align:center;}
.post-container-equipment-categories{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;row-gap:20px;}
.equipment-category-container{border:1px solid #00000025;padding:25px;text-align:left;}
.equipment-category-container h3{font-size:18px;text-align:left;}
.NextButton34.col-sm-6.nextButton-container-equipment-categories{display:none!important;}
ul.sheditor-nav-tabs-1868.nav.nav-tabs.sheditorclearfix{display:flex;justify-content:center;gap:5%;margin-top:50px;font-family:"Titillium Web",sans-serif!important;font-weight:700!important;border-bottom:none;}
.nav-tabs:not([data-blockstyles="sheditor-element-ignore"]) .nav-item.show:not([data-blockstyles="sheditor-element-ignore"]) .nav-link:not([data-blockstyles="sheditor-element-ignore"]),.nav-tabs:not([data-blockstyles="sheditor-element-ignore"]) .nav-link.active:not([data-blockstyles="sheditor-element-ignore"]){background-color:#2164B0;color:#fff;outline:none;border:none;border-radius:25px;font-weight:600;font-size:18px;}
.nav-link{font-weight:600;font-size:18px;color:#000;}
.nav-link:hover{border-radius:25px!important;color:#000;}
.equipment-categories-panel{padding:50px;padding-bottom:0;}
.equipment-category-links{display:flex;gap:25px;align-items:center;padding-top:25px;}
.equipment-category-links a{display:flex;gap:5px;align-items:baseline;color:#000;font-weight:400;font-size:15px;}
.equipment-category-links i{font-size:12px;color:#2164B0;}
#widget_sandhills_editable_area_34 .row.sh-row{gap:25px;}
.section-7{background-color:#F6F6F6;text-align:center;}
#mc_embed_signup{font-family:"Manrope",sans-serif!important;}
#mc_embed_shell{display:flex;justify-content:center;}
#mc_embed_signup .button{background-color:#2164B0!important;padding:10px 25px!important;border-radius:0!important;font-family:"Manrope",sans-serif!important;height:100%!important;font-size:16px!important;}


/*--------------------------------------------------------------
## Image Right Section
--------------------------------------------------------------*/
/* Gray Square Background Image */
.site-hero-image-col {width: 100%;display: flex; justify-content: center; align-items: center;}
.layered-image-box { position: relative; width: 100%; max-width: 100%; height: 1000px;}
.layered-image-box img, .img-right-big img, .img-right-small img { width: 100%; position: relative; z-index: 2; height: 100%; object-fit: cover; display: block;}
.shadow-box-bg {position: absolute; z-index: 1; background: #F0EFF4; width: 200px; height: 200px; top: -40px; left: -40px;}
.img-right-big {position: relative; height: 900px!important; width: 100%; max-width: 900px; }
.img-right-small {position: relative; height: 600px!important; width: 100%; max-width: 900px; }

.img-right-content {padding-right: 70px!important;}
.img-left-content {padding-left: 70px!important;}
.img-left-side-padding, .img-right-side-padding {padding-left: 4%!important; padding-right: 4%!important;}

/*Home img-left in col 3*/
.col-3-with-image {height: 500px!important; width: 100%;}
.col-3-with-image img {width: 100%; object-fit: cover; height: 100%;}

/*image-left*/
.img-left-small img, .img-left-big img{ width: 100%; position: relative; z-index: 2; height: 100%; object-fit: cover; display: block;}
.img-left-big iframe, .img-left-small iframe, .img-right-small iframe, .img-right-big iframe  {position: relative; z-index: 2; display: block; width: 100%; height: 100%;}
.shadow-box-bg-left {position: absolute; z-index: 1; background: #F0EFF4; width: 200px; height: 200px; top: -40px; right: -40px;}

.img-left-small {position: relative; height: 600px!important; width: 100%; max-width: 900px; }
.img-left-big {position: relative; height: 850px!important; width: 100%; max-width: 900px;}


/*--------------------------------------------------------------
## Contact
--------------------------------------------------------------*/

.contact-flex {gap: 80px; display: flex; width: 550px!important;}

/*--------------------------------------------------------------
## CTA Square Section
--------------------------------------------------------------*/
/*---inventory section---*/
.grid-inv {grid-template-columns: repeat(2, 1fr); gap: 30px;display: grid; width:98.5%; margin: 0; padding-bottom: 125px; padding-top: 125px;}
.side-box {display: flex;flex-direction: column;gap: 30px;}
.top-section,.bottom-section {flex: 1;}

.custom-inventory-section {width: 100%; padding: 0px 15px; background: #fff; font-family:"Manrope",sans-serif!important; box-sizing: border-box;}
.inv-container { display: flex; flex-wrap: wrap; gap: 15px; margin: 0 auto; align-items: stretch;}
.inv-left-column { flex: 1; min-width: 250px; position: relative;  /* Forces height */}
.inv-right-column { flex: 1; min-width: 250px; display: flex; flex-direction: column; justify-content: space-between;}
.large-box {position: relative;}

.volvo-img-flex {display: flex; gap: 30px; align-items: center; flex-wrap: wrap; margin-top: 20px;}

/* --- CARDS GENERAL --- */  
.inv-card { display: block; position: relative; height: 100%; width: 100%; overflow: hidden; text-decoration: none; color: #fff;}
.large-card {height: 100%;}
.inv-card img, .inv-card-img { width: 100%!important; height: 100%!important; object-fit: cover; transition: transform 0.3s ease; max-width: unset!important;}
.inv-card:hover img { transform: scale(1.05);}
.inv-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(144deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 66%); pointer-events: none; z-index: 2;}

/* --- TEXT CONTENT INSIDE CARDS --- */
.large-box .inv-text-content {top: 40px!important;left: 40px!important;}
.inv-text-content { position: absolute;top: 20px;left: 20px; z-index: 2;}
.inv-text-content h3, .inv-text-content h4 { margin: 0;font-weight: 700; text-transform: uppercase; color: #fff; line-height: 1;}
.inv-text-content h3 { font-size: 2.5rem; }
.inv-text-content h4 { font-size: 1.8rem; }
.inv-text-content span { display: block;margin-top: 5px;font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: rgb(240, 240, 240);text-transform: uppercase;}
.inv-icon {position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; background: rgba(0, 0, 0, 0.7); color: #fff; display: flex; align-items: center; justify-content: center; z-index: 3;}

/* --- SPLIT ROW (The Fix) --- */
.inv-split-row {
    display: flex; gap: 20px; flex-direction: row; 
    height: 350px; /* Fixed height for bottom cards */
}
.small-card {flex: 1; /* Equal width */ height: 100%;}

/* --- DECORATION --- */
.inv-decor-square {position: absolute; top: -30px; right: -30px; width: 150px; height: 150px; background: #f0f0f0; z-index: 0;}
.large-card { position: relative; z-index: 1;}

/*--------------------------------------------------------------
## Form Styles
--------------------------------------------------------------*/
.form-section-head {color: #717171!important;}
.main-form h2 {color: #2C3674!important; font-weight: 700!important; text-align: center!important; font-size: 45px!important;}
.form-description {text-align: center!important; color: #717171!important; font-size: 20px!important; margin-bottom: 40px!important;}

/*--------------------------------------------------------------
## Service Slider
--------------------------------------------------------------*/
#customSliderSlickSlider5 {min-height: unset!important; max-height: 100%!important;}
#customSliderSlickSlider5 * {height: unset!important; }
.customSliderSlide {min-height: auto!important; max-height: 100%!important;}

#customSliderSlickSlider5 .slider-img {height: 650px!important; width: 100%; max-width: 900px;}
#customSliderSlickSlider5 .slider-img img {width: 100%; height: 100%!important; object-fit: cover;}
#customSliderSlickSlider5 .heading-2 {margin-top: 40px!important;}

/*--------------------------------------------------------------
## FAQ
--------------------------------------------------------------*/
.faq {display: flex; background: #2C3674; padding: 80px 4%;}
.content-left-faq {}
.faq-questions-section {max-width: 1150px!important; width: 100%;}
.questions .accordion-item {margin-bottom: 15px; border-radius: 0;}
.questions .accordion-button {font-weight: 700!important; color: #717171!important;}
.questions .accordion-header {font-family: "Manrope",sans-serif!important; margin-bottom: 0!important;}

/*--------------------------------------------------------------
## Universal Styles
--------------------------------------------------------------*/
/*---Buttons---*/
.btn-blue {display: inline-block; border: #2C3674 solid 2px; width: 220px; color: #fff; background: #2C3674; padding: 10px 0; text-align: center; font-weight: 700; font-size: 20px; transition: all .4s ease-out; font-family: 'Manrope', sans-serif; margin: 5px; line-height: normal;}
.btn-blue:hover {background: #E91C23; border: #E91C23 solid 2px;}

.btn-white {display: inline-block; border: #fff solid 2px; width: 220px; color: #2C3674; background: #fff; padding: 10px 0; text-align: center; font-weight: 700; font-size: 20px; transition: all .4s ease-out; font-family: 'Manrope', sans-serif; margin: 5px; line-height: normal;}
.btn-white:hover {background: transparent; color: #fff;}

.btn-outline {display: inline-block; border: #2C3674 solid 2px; width: 220px; color: #2C3674; background: transparent; padding: 10px 0; text-align: center; font-weight: 700; font-size: 20px; transition: all .4s ease-out; font-family: 'Manrope', sans-serif; margin: 5px; line-height: normal;}
.btn-outline:hover {background: #2C3674; color: #fff;}

/*---HR---*/
.hr-home {border-top: 0; border-left: 0; border-right: 0; border-bottom: solid 10px #717171; width: 80px; margin: 0 auto;}

/*---Inventory Styles---*/
.list-container-flexrow .price-container .price, .listing-prices__retail-price, .dealer-contact__phone span, .dealer-contact__details_right-col button span {color: #2C3674!important;}
.detail__machine-location a, .breadcrumbs__list li a, .list-top-section .list-listings-count {color: #E91C23!important;}
.detail__media-buttons a span, .detail__media-buttons button span {color: #0F0E0E!important;}

.view-listing-details-link, .selected-facet, .section-title a, .list-content .list-error-container .info button:not(.login-button) {background: #2C3674!important; transition: all .4s ease-out!important; color: #fff!important;}
.view-listing-details-link:hover, .selected-facet:hover, .detail__cta-buttons button:hover, .section-title a:hover, .dealer-contact__buttons button:hover, .detail-contact-bar button:hover, .list-content .list-error-container .info button:not(.login-button):hover {background: #E91C23!important;}

.detail-contact-bar .des-email-seller {color: #fff!important;}
.list-content .list-error-container .info .selected-facet b {color: #fff!important;}



@media only screen and (max-width : 1425px) {
	.right-menu{width:20%;}
	.left-menu{width:25%;}
}

@media only screen and (max-width : 1390px) {
	.col-3-with-image {height: 550px!important;}
}

@media only screen and (max-width : 1300px) {
	.col-3-with-image {height: 620px!important;}
}

@media only screen and (max-width : 1270px) {
	.contact-flex {gap: 30px; display: flex; width: 480px!important;}
}

@media only screen and (max-width : 1200px) {
	.col-3-with-image {height: 300px!important;}
}

@media only screen and (max-width : 1170px) {
	.contact-flex {flex-wrap: wrap; width: 100%!important; gap: 25px;}
}

@media only screen and (max-width : 991px) {
	.grid-inv {grid-template-columns: repeat(1, 1fr); margin: 0 auto; padding: 80px 4% 80px; width: 98%;}
	.inv-decor-square {top: -15px;right: -15px;}
	 .small-card, .inv-card img, #customSliderSlickSlider5 .slider-img {height: 250px!important;}
	
	.padrow-top {padding-top: 80px; padding-bottom: 0;}
	.padrow-bottom-sm {padding-bottom: 25px; padding-top: 0;}
	.padrow-bottom {padding-bottom: 80px; padding-top: 0;}
	
	.layered-image-box, .img-right-big, .img-right-small, .img-left-big, .img-left-small {height: 200px!important;}
	.shadow-box-bg {width: 100px; height: 100px; top: -15px; left: -15px;}
	.shadow-box-bg-left {width: 100px; height: 100px; top: -15px; right: -15px;}
	.img-left-small img, .img-left-big img, 
	.img-right-content {padding-right: 0px!important;}
	.img-left-content {padding-left: 0px!important;}
	
	.my-site-header .wrapper .flex {gap: 20px;}
	.faq {flex-direction: column;}
}

@media only screen and (max-width : 900px) {
	.my-site-header li span {display: none;}
	.left-menu{width:40%;}
}

@media only screen and (max-width : 850px) {
	.heading-1-home {font-size: 45px!important;}
	.heading-1-inner {font-size: 35px!important;}
	.heading-2 {font-size: 35px!important;}
	.heading-3 {font-size: 25px!important;}
	.main-form h2 {font-size: 35px!important;}
}

@media only screen and (max-width : 800px) {
	.top-footer {flex-wrap: wrap;}
}

@media (max-width: 768px) {
	.padrow-top-bottom {padding-top: 80px; padding-bottom: 80px;}
	.padrow-small-top-bottom {padding-top: 25px; padding-bottom: 25px;}
	.padrow-bottom-sm {padding-bottom: 15px; padding-top: 0;}
	
    .inv-container {
        flex-direction: column;
    }
    .inv-left-column {
        min-height: 250px!important;
    }
    .inv-split-row {
        height: auto;
        flex-direction: column; /* Stack vertically on phones */
    }
}

@media only screen and (max-width : 630px) {
	#controls {top: -14px!important;}
}

@media only screen and (max-width : 600px) {
	.top-footer {padding: 50px 0;}
	.left-menu{width:50%;}
}

@media only screen and (max-width : 500px) {
	.img-left-side-padding {padding-right: 8%!important;}
	.img-right-side-padding {padding-left: 8%!important;}
}

@media only screen and (max-width : 450px) {
	.btn-outline, .btn-white, .btn-blue {margin: 10px 0;}
	.left-menu{width:80%;}
}


@media only screen and (max-width : 350px) {
	.heading-1-home {font-size: 40px!important;}
	.heading-1-inner {font-size: 30px!important;}
	.heading-2 {font-size: 30px!important;}
	.heading-3 {font-size: 20px!important;}
	.main-form h2 {font-size: 30px!important;}
}