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

/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{background: transparent; border: 0; margin: 0; padding: 0; list-style: none;} img{max-width: 100%; image-rendering: -webkit-optimize-contrast;}
.cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *, *:before, *:after{box-sizing: border-box;}

html, body{font-family: "din-condensed-variable", sans-serif; font-size: 18px; font-weight: 300; line-height: 1.5; height: 100%; width: 100%;}
::-moz-selection{background: #1B2451; color: #fff; text-shadow: none} ::selection{background: #1B2451; color: #fff; text-shadow: none}

.sidebarColumn{min-height: inherit !important;}
.main{padding: 50px 0;}
.wrap{max-width: 90%; margin: auto;}

.black-bg{background: #000; color: #fff;}

.search-form{display: flex; flex: 1;}
.search-form input[type="text"]{flex: 1; width: 100%; padding: 10px 20px; font-size: 18px; font-weight: 300; text-transform: uppercase; border: none;}
.search-form input[type="text"]:focus{border: none; outline: none;}
.search-form button{display: flex; align-items: center; gap: 10px; padding: 10px 30px; background: #FFFC0C; font-size: 18px; text-transform: uppercase; border: none; transition: all .2s ease-in-out;}
.search-form button:hover{background: #fff;}

[class*="prevButton-container"], [class*="nextButton-container"]{display: none !important;}

/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6, strong, b{font-weight: 600; text-transform: uppercase; line-height: 1.25;}
a{color: inherit; cursor: pointer; transition: all .2s ease-in-out;} a:hover{color: inherit;}

.btn{display: flex; align-items: center; justify-content: center; background: #1B2451; padding: 10px; font-size: 18px; font-weight: 600; text-transform: uppercase; text-align: center; color: #fff;}
.btn:hover{background: #FFFC0C; color: #1B2451;}

.block-btn{display: flex; width: 100%;}
.inline-btn{display: inline-flex; background: #1B2451; padding: 12px 50px 10px;}

.light-blue-btn{background: #2270FF;}
.light-blue-btn:hover{background: #1B2451; color: #fff;}

.ghost-btn{background: none; color: #1B2451; border: 1px rgba(27, 36, 81, 0.5) solid;}
.ghost-btn:hover{background: none; color: #000; border: 1px #1B2451 solid;}

.blue{color: #1B2451;}
.yellow{color: #FFFC0C;}

/* HEADER */

.header{display: flex; align-items: center; gap: 0 10px; position: relative; background: #1B2451; padding-left: 50px; color: #fff; z-index: 999;}
.header .navigation{flex: 1;}
.header .logo img{display: block; max-height: 50px;}

.header .links{display: flex; gap: 5px 50px;}
.header .links a{display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px;}
.header .links a i{color: #FFFC0C;}
.header .links a:hover{opacity: .75;}

.header .search a{display: flex; align-items: center; justify-content: center; background: #FFFC0C; height: 92px; width: 75px; font-size: 24px; color: #1B2451;}
.header .search a:hover{background: #fff;}
.header .search a.active i:before{content: "\f00d" !important;}

.header-search{display: none; background: #1B2451; padding: 15px 50px;}
.header-search .search-form input{background: #131A3D; color: #fff;}
.header-search .search-form input::placeholder{color: rgba(255, 255, 255, 0.75);}

/* HOME */

.hero{background: #1B2451 url("images/hero.jpg") center center no-repeat; background-size: cover; padding: 100px 5% 150px;}
.hero .hero-links a{flex: 1; display: block; background: rgba(255, 255, 255, 0.25); padding: 35px 30px; font-size: 32px; font-weight: 400; text-transform: uppercase; line-height: 1.15; color: #fff; border-radius: 10px;}
.hero .hero-links a strong{display: block; font-size: 20px; letter-spacing: 1px; line-height: 1.5; color: #FFFC0C;}
.hero .hero-links a:hover{background: #FFFC0C; color: #000;}
.hero .hero-links a:hover strong{color: #000;}

.home-search{background: #FFFC0C; position: relative; max-width: 90%; margin: -50px auto 0; padding: 25px; border-radius: 10px; z-index: 99;}
.home-search button{display: flex; align-items: center; gap: 10px; padding: 10px 30px; background: #1b2451; color: #fff; font-size: 18px; text-transform: uppercase; border: none; transition: all .2s ease-in-out;}
.home-search button:hover{background: #fff;color: #000;}
.home-search .wrap{display: flex; gap: 10px 75px; flex-wrap: wrap;}
.home-search .search-text{font-size: 32px; font-weight: 600; text-transform: uppercase; line-height: 1.25; color: #1B2451;}

.about-section .flex-row{display: flex; align-items: center; flex-wrap: wrap; gap: 20px 50px;}
.about-section .flex-col{flex: 1; width: 50%;}

.post-container-category-buttons{display: flex; flex-wrap: wrap; gap: 0;}
.column-padding-category-buttons{width: 12.5%;} 
.column-padding-category-buttons [class*="post-column-category-buttons"]{height: 100%;}
.column-padding-category-buttons .category-button{display: flex; align-items: center; justify-content: center; flex-direction: column; background: #1B2451; height: 100%; padding: 25px; line-height: 1.25; color: #fff; border: 1px #fff solid;}
.column-padding-category-buttons .category-button:hover{background: #FFFC0C; color: #1B2451;}
.column-padding-category-buttons .category-button:hover > img{filter: invert(80%) sepia(12%) saturate(3000%) hue-rotate(130deg) brightness(85%) contrast(80%)}

.finance-banner{background: #FFFC0C; padding: 35px 0; text-transform: uppercase;}

.post-container-equipment-showrooms{margin: 20px 0 !important;}

.home-showroom{display: block; margin: 5px;}
.home-showroom:hover{opacity: .75;}
.home-showroom .showroom-logo{display: block; background: #f6f7f9; padding: 20px 10px;}
.home-showroom .showroom-logo img{display: block; max-height: 25px; margin: auto;}

.post-container-customer-reviews{margin: 20px 0 !important;}

.review-box{display: block; background: #1b1b1b; margin: 5px; padding: 30px 15px; color: #fff; border-radius: 10px;}
.review-box p{display: block; font-size: 24px; font-weight: 600; text-transform: uppercase; line-height: 1.25;}
.review-box span{display: block; margin: 10px 0;}
.review-box .rating{color: #fffb00;}

/* SLICK SLIDER */

.side-arrows .slick-dotted.slick-slider{margin-bottom: 0 !important;}
.side-arrows .slick-arrow{position: absolute !important; top: 50% !important; background: none !important; transform: translateY(-50%) !important;}
.side-arrows .slick-next{right: -35px !important;}
.side-arrows .slick-prev{left: -35px !important;}
.side-arrows .slick-next:before, .side-arrows .slick-prev:before{font-family: "Font Awesome 6 Free"; font-weight: 900; color: #000 !important; content: "\f002";}
.side-arrows .slick-next:before{content: "\f35a";}
.side-arrows .slick-prev:before{content: "\f359";}

/* FEATURED INVENTORY */

h2.inv_car_title{max-width: 100%; font-weight: 600; text-align: left;}
h2.inv_car_title + hr{display: none;}

.carousel_details_btn{display: flex; align-items: center; justify-content: center; background: #FFFC0C; margin-top: 25px !important; margin-bottom: 0 !important; padding: 12px 40px 10px; font-size: 18px; font-weight: 600; text-transform: uppercase; text-align: center; line-height: 1.25; color: #000; border: none; border-radius: 5px;}

.widget_sandhills_featured_inventory{line-height: 0;}
.widget_sandhills_featured_inventory a:hover{opacity: .75;}
.widget_sandhills_featured_inventory #controls{position: absolute; right: 0; bottom: unset; top: -110px; margin-top: 120px; text-align: center;}
.widget_sandhills_featured_inventory a.a_inv_cont span{display: flex; align-items: center; justify-content: center; position: absolute; top: -60px; bottom: unset; width: 48px; height: 48px; background-color: #e8e8e8; color: #000; border-radius: 100%; opacity: 1; transition: opacity 0.35s linear 0s; cursor: pointer; z-index: 99;}
.widget_sandhills_featured_inventory a.a_inv_cont span i{font-size: 24px; color: #000;}
.widget_sandhills_featured_inventory a.a_inv_cont:nth-of-type(2) span{right: 0;}
.widget_sandhills_featured_inventory a.a_inv_cont:nth-of-type(1) span{left: calc(100% - 100px);}

.widget_sandhills_featured_inventory .carousel-inner{margin: 20px 0;}
.widget_sandhills_featured_inventory .car_col{padding: 0 !important;}
.widget_sandhills_featured_inventory .card{position: relative; background: none; height: 100%; margin: 5px; box-shadow: none; border: none;}
.widget_sandhills_featured_inventory .card-body{padding: 15px 0 0;}
.widget_sandhills_featured_inventory .listing-title{font-size: 20px; font-weight: 600; text-transform: uppercase; line-height: 1.25; color: #fff;}
.widget_sandhills_featured_inventory .inv_image{width: 200%; height: auto;}
.widget_sandhills_featured_inventory .outer-img-box{padding: 0; border-radius: 10px; overflow: hidden;}

.inv_car_item{overflow: hidden; border-radius: 0;}
.inv_car_item .inner-image-placeholder{position: relative; display: block; height: 250px; overflow: hidden;}

.widget_sandhills_featured_inventory .glyphicon-chevron-right:before{content: "\f061"; font-family: "Font Awesome 5 Free"; font-weight: 900;}
.widget_sandhills_featured_inventory .glyphicon-chevron-left:before{content: "\f060"; font-family: "Font Awesome 5 Free"; font-weight: 900;}

.widget_sandhills_featured_inventory .small_spec strong, .widget_sandhills_featured_inventory .small_spec ~ br{display: none !important;}
.widget_sandhills_featured_inventory .col-padding ~ br{display: none !important;}

/* SUB PAGES */

#tsh_breadcrumbs{display: block; background: #f6f7f9; padding: 10px 5%; font-size: 14px; text-transform: uppercase; color: #1B2451;}
#tsh_breadcrumbs li{display: inline-block; margin: 0; vertical-align: middle;}
#tsh_breadcrumbs li a{font-weight: 600;}
#tsh_breadcrumbs strong{font-weight: 300; opacity: .75;}
#tsh_breadcrumbs .separator{padding: 0 6px; opacity: .5;}

.sub-page h1{position: relative; margin-bottom: 35px; font-size: 36px; font-weight: 700; line-height: 1.2; color: #1B2451;}
.sub-page h1:after{content: ""; position: absolute; width: 100px; height: 1px; background-color: #B3A369; bottom: -10px; left: 0;}
.sub-page h2{font-size: 28px;}

.post-container-equipment-showrooms{display: flex; flex-wrap: wrap; overflow: visible !important;}
.column-padding-equipment-showrooms{width: 20%;}
.showroom-box{display: flex; flex-direction: column; background: #fff; margin: 5px; padding: 25px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); border-radius: 5px; overflow: hidden;}
.showroom-box:hover{transform: scale(1.01); box-shadow: 0px 10px 70px 0px rgb(0, 0, 0, 0.25); z-index: 9;}
.showroom-box .showroom-logo{display: flex; align-items: center; justify-content: center; height: 150px;}
.showroom-box .showroom-logo img{display: block; max-width: 100%; max-height: 50px;}
.showroom-box .showroom-name{font-weight: 600; text-transform: uppercase; line-height: 1.25;}

.promotion-box{display: flex; flex-wrap: wrap; gap: 25px; margin-bottom: 50px; text-align: left;}
.promotion-box .promotion-image{max-width: 40%;}
.promotion-box .promotion-details{flex: 1;}
.promotion-box .promotion-details .description{display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}

.promotion-details .description{margin: 15px 0;}
.promotion-details .expiration{margin: 15px 0;}
.promotion-details .block-btn{max-width: 300px;}

.hours-row{display: flex;}
.hours-row div:first-child{width: 125px;}

.mahindra-hero .btn{background: #E61635 !important;}
.mahindra-hero .btn:hover{background: #000 !important; color: #fff;}
.mahindra-seller{background: #000; padding: 50px 0; text-align: center; color: #fff;}
.mahindra-social{background: #E61635; padding: 50px 0; text-align: center; color: #fff;}
.mahindra-social ul{display: flex; align-items: center; justify-content: center; gap: 25px; margin: 25px 0;}
.mahindra-social ul li i{display: flex; align-items: center; justify-content: center; background: #fff; margin: 5px 0; width: 80px; height: 80px; font-size: 32px; color: #E61635; border-radius: 50px;}
.mahindra-social ul li span{display: block;}
.mahindra-social ul li a:hover{opacity: .75;}


#privacy-policy ul {list-style-type: disc !important; padding-left: 25px !important; margin-left: 0 !important;}
#privacy-policy li {list-style-type: disc !important; }
#privacy-policy li::marker {color: inherit;}


/* CONTACT FORM */

.contactForm{display: block; background: #f6f7f9; padding: 25px !important; border-radius: 5px;}
.contactForm h2{margin-bottom: 10px;}
.contactForm h3{font-size: 18px;}
.contactForm .checkbox, .contactForm .radio{margin-top: 0; margin-bottom: 0;}
.contactForm .checkbox label, .contactForm .radio label{margin: 10px 10px 0 18px; padding: 0;}
.contactForm .contactFormLabel{display: block; font-size: 16px; font-weight: 300;}
.contactForm .form-control{height: auto; margin-top: 5px; padding: 10px; border: 1px #ccc solid;}
.contactForm .mar-top{margin-top: 0 !important;}
.contactForm .btn-success{margin-top: 20px; background-color: #1B2451 !important; padding: 15px 60px 12px; border: none;}
.contactForm .btn-success:focus, .contactForm .btn-success:hover{background: #FFFC0C !important; color: #1B2451 !important;}

/* FOOTER */

.footer{background: #f6f7f9; padding: 100px 0; text-transform: uppercase; line-height: 1.75;}
.footer b{display: block; margin-bottom: 15px; font-size: 24px;}
.footer a:hover{opacity: .75;}

.footer ul{display: flex;}
.footer ul li{line-height: 1; border-right: 1px #000 solid;}
.footer ul li:last-child{border-right: none;}
.footer ul li a{display: block; padding: 0 10px; font-weight: 700;}
.footer ul li:first-child a{padding-left: 0;}

.footer .social ul{display: flex; gap: 10px;}
.footer .social ul li{border: none;}
.footer .social ul li a{font-size: 24px;}

.copyright{background: #1B2451; padding: 40px 20px; font-size: 14px; font-weight: 400; text-transform: uppercase; text-align: center; letter-spacing: 2px; color: rgba(255, 255, 255, 0.8);}


.mahindra .header, .mahindra .header-search {
    background: #000;
}
.mahindra .header-search .search-form input{
	background: #333;
}
.mahindra .search-form button, .mahindra .header .search a
{
	
    background: #ff2243 !important;
	color: #000 !important;
}
.mahindra nav.primary ul i, .mahindra .header .links a i
{
    color: #ff2243 !important;
}


.mahindra #menu-button i {
    color: #ff2243 !important;
}
.mahindra .copyright {
    background: #000;
}


	@keyframes ToggleFadeOut {
	  from {opacity: 1;}
	  to {opacity: 0;}
	}
	.team-box{
		padding: 20px;
		border-radius: 10px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin: 10px;
		height: calc(100% - 20px);
		
    	box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 12px;
		transition: ease all 0.2s;
	}
	.team-box > div:nth-of-type(2){
		padding-left: 20px;
	}
	.team-popup-padding{
		padding: 50px 40px;
	}
	.team-popup{
		opacity: 0;
		pointer-events: none;
		position: fixed;
		top: 45%;
		transform: translate(-50%, -50%);
		left: 50%;
		max-width: 900px;
		margin: 0 auto !important;
		
		background: #fff;
		width: 80%;
		border-radius: 10px;
		
		transition: ease all 0.2s;
		z-index: 200;
		overflow: hidden;
		min-height: 300px;
	}
	.team-popup p{
		margin-bottom: 10px;
	}
	.team-info-btn.open ~ .team-popup-darken{
		opacity: 1;
		pointer-events: unset;
	}
	.team-popup-darken{
		opacity: 0;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 199;
		background-color: rgba(0,0,0,0.3);
		transition: ease all 0.2s;
		pointer-events: none;
	}
	.team-info-btn.open + .team-popup{
		opacity: 1;
    	box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 12px;
		pointer-events: unset;
		top: 50%;
	}
	.team-box > p{margin: 0 !important;}
	.team-box:hover{
		box-shadow: 0 0 12px rgba(0,0,0,0.3);
	}
	.teams-tabs{
		display: flex; flex-wrap: wrap; gap: 10px;
		margin-bottom: 20px;
	}
	.teams-tabs button{
		display: inline-block;
		padding: 14px 24px;
		    border-radius: 1px;
		color: #000;
		border: solid 1px #eee;
		font-size: 14px;
	}
	
	.teams-tabs button.active {
		background: #fffc0c;
		color: #1b2451;
		border-color: #fffc0c;
	}

	
	.teams-tabs-content .team-grid{
		display: none;
	}
	.teams-tabs-content .team-grid.active{
		display: flex;
		flex-wrap: wrap;
		clear: both;
		position: relative;
	}
	.teams-tabs-content .team-grid.active:before{
		content: '';
		z-index: 100;
		position: absolute;
		
		opacity: 1;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: #fff;
		  animation: ToggleFadeOut 0.2s normal forwards ease-in-out;
		  animation-iteration-count: 1;
		
		pointer-events: none;
		
	}
	
	.team-info-btn, .team-box a, .team-popup a{

		background: unset;
		color: #1b2451 !important;

		font-size: 18px !important;
		line-height: 24px !important;
		font-weight: 700;

	}
	.team-info-btn:hover, .team-box a:hover{

		color: #000 !important;
	}
	
	@media screen and (max-width: 767px){
		
		.team-popup-padding{
			padding: 50px 20px;
		}
	}
	@media screen and (max-width: 575px){

		.team-box{
			flex-direction: column;
			justify-content: center;
		}
		.team-box > div:nth-of-type(2){
			padding-left: 0;
			text-align: center;
		}
	}

/* RESPONSIVE */

@media screen and (max-width: 1700px){
	.header{padding-left: 20px;}
	.header .links{flex-direction: column;}
}
@media screen and (max-width: 1400px){
	.header .links{flex-direction: row;}
	.header .links span{display: none;}
	.header .links .location{display: none;}
}
@media screen and (max-width: 1200px){
	.header{gap: 0; padding-right: 20px;}
	.header .links{margin-left: auto;}
	.header .links a{font-size: 20px;}
	.header .links a i{color: #fff;}
	.header .search{gap: 0;}
	.header .search a{background: none; padding: 0; font-size: 20px; color: #fff;}
	.header .search a:hover{background: none; opacity: .75;}
	.header .navigation{flex: none; order: 2;}
	.header-search{padding: 15px 20px;}

	.hero{padding: 50px 5% 50px;}
	.hero .hero-links .col-xl-3{flex: none; max-width: 50%;}
	
	.home-search{margin: 0; max-width: 100%;}
	.home-search .wrap{max-width: 100%;}
	.home-search .search-text{width: 100%; text-align: center;}
	
	.column-padding-category-buttons{width: 25%;} 
	.column-padding-equipment-showrooms{width: 33.3333%;}
		
	.side-arrows .slick-next{right: -20px !important;}
	.side-arrows .slick-prev{left: -20px !important;}
}
@media screen and (max-width: 768px){
	.main{padding: 35px 0;}
	.about-section .flex-col{width: 100%;}

	.widget_sandhills_featured_inventory a.a_inv_cont span{top: -54px;}
	.column-padding-category-buttons{width: 33.3333%;} 
	.column-padding-equipment-showrooms{width: 50%;}
	
	.contactForm{padding: 20px !important;}
	.footer{padding: 35px 0;}
}
@media screen and (max-width: 480px){
	.inline-btn{display: flex; width: 100%; margin: 2px 0; padding: 12px 12px 10px;}
	.search-form button span{display: none;}

	.hero{padding: 10px;}
	.hero .hero-links a{padding: 20px; font-size: 28px;}
	.hero .hero-links a strong{font-size: 18px;}

	.column-padding-category-buttons{width: 50%;}
		
	.promotion-box .promotion-image, .promotion-box .promotion-details{flex: none; max-width: 100%; width: 100%;}
}