/*
Theme Name: www.scholtensequipment.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%; /* 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%;
}

#wp-admin-bar-new-content-default {
	display: none;
}
body{font-family:'Overpass', sans-serif;}

/*---------Menu--------*/


/***** Start of primary nav ******/
#menu-button{display: none;}
nav.mobile { display:none;}

nav.primary {
	padding:0px;
	display:flex; 
	flex-direction:row;
	justify-content:flex-start;
	position:relative;
	width:100%;
	background-color:transparent;
	}
	nav.primary ul {
		margin:0; 
		padding:0;
		float:none;
		width:100%;
		
		}
		nav.primary ul li {
			display:inline-block;
			margin:0;
			list-style-type:none; 
			position:relative;
			
			}

			nav.primary ul li a {
				color:#ccc;
				font-size:14px !important;
				letter-spacing: 1px;
				line-height:20px;
				text-decoration:none;
				display:block;
				margin:0px 2px;
				text-transform:uppercase;
				text-align:center;
				font-weight:400;
				padding:20px 15px;
				font-family:'Overpass', sans-serif;
				transition:.3s ease;
				}	

				nav.primary ul li a:hover{
				color:#fff;
				}
			/* Appearance of the sub-level links */
			nav.primary ul li li a { 
				font-size:13px;
				letter-spacing: .2px;
				line-height:24px;
				padding:7px 10px;
				color:#333;
				background-color:#EEE;
				text-align:left;
				transition:.4s ease;
				border-bottom:1px solid #bababa;
				width:100%;
			}
			/* Appearance of the sub-level links on hover */
			nav.primary ul li li a:hover { 
				COLOR:#333;
				background-color:#BBB;
			}
/* This controls the Primary nav dropdowns for sublinks. Should not have to edit this too muuch */
nav.primary ul ul {
    display: none;
    position: absolute; 
	box-shadow:1px 1px 3px 2px rgba(0,0,0,.15);
	width:220px;

}

nav.primary ul ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}
nav.primary ul li:hover > ul {  
    display: block;
    line-height:18px; 
    z-index: 1000;
}
nav.primary ul ul li {
    float: none; 
	width: 220px!important;
    position: relative;
    margin:0;
	display: block;
}




nav.primary ul li a .caret{margin-top:8px; margin-left:10px; display:inline-block; width: 0; height: 0; verical-align:top; border-top:5px solid #fff; border-right: 5px solid transparent; border-left: 5px solid transparent; content:""; opacity:.5; }

.col a:hover{text-decoration:underline;}
.new-drop{width:90vw; background-color:#fff; box-shadow:2px 2px 4px 4px rgba(0,0,0,.15); position:absolute; left:-50%; padding:20px;}
.new-drop2{width:90vw; background-color:#fff; box-shadow:2px 2px 4px 4px rgba(0,0,0,.15); position:absolute; left:-150%; padding:20px;}
.column{width:17%; border-right:solid 1px #ccc; padding-bottom:10px; box-sizing:border-box;}
.column:last-of-type{border-right:none;}
.col{width:85%; margin: 0 auto; box-sizing:border-box;}
.column a{color:#222!important; line-height:28px; text-align:left!important; padding:5px 0!important;}
.column p{border:none!important; font-size:17px!important;font-weight:800; margin:10px 0; }
.new-row{display:flex; flex-direction:row; width:100%; padding:20px 0 0 0;}

/******** End of primary Nav ***************/
@media screen and (max-width: 1350px)  {
	nav.primary ul li a{font-size:13px!important; padding:20px 10px;}
}
@media screen and (max-width: 1200px)  {
	nav.mobile p{height:35px;}
/*==============================
	Mobile Nav Styles			
================================*/	
nav.primary{display:none;}
#menu-button{ 
	width: 100%;
	display: inline-block;
	font-size: 24px;
	position: relative;
	line-height:58px; 
	z-index: 400; /* needs to be lower than nav.mobile, adjust as needed */
	background: rgba(0, 0, 0, 0.85);
	text-align: right;
	box-sizing:border-box;
	}
	#menu-button a{
		 color:#fff;
		 text-decoration: none;
		 padding:2px 0 0 0; 
		 font-weight:800;
		line-height:58px;
		font-size:36px;
		height: 100%;
    	display: flex;
    	justify-content: flex-end;
		padding-right:20px;
	  }
nav.mobile {
	display:block;
	position: fixed;
	top: 0;
	left: -400px;
	width: 400px;
	height: 100%;
	background: #000;
	z-index: 500; /* needs to be higher than #menu-button, adjust as needed */
	overflow:auto;
}

/* MENU HEADER STYLES */
nav.mobile .mobile_top {
	position: relative;
	display:block;
	padding: 0;
	margin:50px 0 10px 0;
	color: #999;
	font-size: 18px;
	font-weight: 400;
}
	nav.mobile ul .list{background-color:#555; padding: 10px 25px;}
	nav.mobile ul .list li{border-bottom:1px solid rgba(225, 225, 225, .2); border-top:none;}
	nav.mobile ul .list li a{padding:15px 25px 15px 0; color:#fff;background-color:#555; font-size:14px; }
	
	nav.mobile ul .list2{padding:0;}
	nav.mobile ul .list2{border:none;}
	nav.mobile ul .list2 li a{border:none; background-color: rgba(0,0,0,.4)!important; padding:13px 15px; margin-bottom:.5em; border-radius:5px; }

	nav.mobile ul li .caret{position:absolute; right:15px; top:20px; border-top:7px solid rgba(225,225,225,.5); border-right:7px solid transparent; border-left: 7px solid transparent;}
/* MENU CLOSE 'X' BUTTON */
nav.mobile .menu-toggle {
	position: absolute;
	font-family: Arial, sans-serif;
	font-size:40px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	right:13px;
}
nav.mobile .menu-toggle:hover { /* Menu close button on hoveer */
	color: #fff;
}

/* MENU LIST STYLE */
nav.mobile ul {
	list-style: none;
	font-weight: 300;
	margin:0;
	padding:0;
}
nav.mobile ul li {
	border-top: 1px solid #454545;
	border-bottom: 1px solid #151515;
	position:relative;
}

/* FIRST LEVEL */
nav.mobile ul li a {
	position: relative;
	display: block;
	font-size:17px;
	padding: 10px;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	text-align: left;
}
nav.mobile ul li a:hover {
	background:rgba(45,45,45,0.5); 
	color: #fff; 
	/* border highlight - Change to fit match site colors */
}

/* SECOND LEVEL */
nav.mobile ul li li:last-child {border:none;}
nav.mobile ul li li a {
	background: #444;
	position: relative;
	display: block;
	padding: 10px 10px 10px 15px;
	color: #ccc;
	text-decoration: none;
}
nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}

/* THIRD LEVEL */
nav.mobile ul li li li:last-child {border:none;}
nav.mobile ul li li li a {
	background: #555;
	position: relative;
	display: block;
	padding: 10px 10px 10px 25px;
	color: #ccc;
	text-decoration: none;
	border-left:4px #555 solid;
}
nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}

nav.mobile ul li .click{/* dropdown menu idicator arrow be sure to include this image with your image files */ 
	position:relative;
	display:block;
	cursor:pointer;
	width:auto;
	height:auto;
	padding: 10px;
	color:#fff;
	}

}
/*------Parts Store Popup--------*/
.tractorModal-body a{background:transparent!important; padding:0!important;}
.tractorModal-dialog { width:50%; margin:0 auto; padding-top:40vh;}
.tractorModal-dialog ul{padding-bottom: 1%;}
.tractorModal-dialog ul li{font-size: 18px; padding: 3px;}
.tractorModal-head {
	background: #fff !important; 
	padding: 15px;	
	color:#000;
	margin-left:10px;
}
.tractorModal-body {padding: 0 15px; display:flex; flex-direction:row;}
.tractorModal-footer {padding: 15px; border: none;}
.tractorModal-content {padding: 0!important;}
.modal-head {
	margin: 0; 
	font-size: 30px; 
	text-transform: uppercase; 
	color: #333;	
	font-weight: 700;
	padding:0 1%;
}
.dismiss-btn {position: unset!important; margin: 0!important; color: #333; font-size: 18px;}
.dismiss-btn:hover {color: #000;}
.modal-close-btn {
	display: block; 
	margin: auto; 
	border: solid 1px #333; 
	letter-spacing: 2px; 
	text-transform: uppercase;
	color: #333;
	padding: 5px 15px;
	font-size: 14px;
	background-color: transparent;
}
.modal-close-btn:hover {color: #000; border-color: #000; background-color: #ebebeb;}

.modal-cat {
  position: relative;
  padding: 15px 30px;
  font-weight: 700;
  font-family: 'Oswald',sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  color: #333;
  background: #d1d3d4;
  text-transform: uppercase;
  outline: 0;
  overflow:hidden;
  border: none;
  z-index: 1;
  cursor: pointer;
  transition:         0.09s ease-in;
  -o-transition:      0.09s ease-in;
  -ms-transition:     0.09s ease-in;
  -moz-transition:    0.09s ease-in;
  -webkit-transition: 0.09s ease-in;	
  width: 100%;
}

.modal-cat:hover {color: #fff;}

.modal-cat:before {
  content: "";
  position: absolute;
  background: #F37142;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  z-index: -1;
  -webkit-transition: top 0.09s ease-in;
}

.modal-cat:hover:before {top: 0;}
.tractor-box {padding: 1%!important;}

body.customize-support .modal-backdrop, body#fcu .modal-backdrop{z-index:1040 !important;}

/*---------Text---------*/
.white-medium{font-size:35px; color:#fff; text-transform:uppercase; font-weight:700;}
.black-medium{font-size:35px; color:#000; font-weight:700;}
.black-small{font-size:25px; color:#000; font-weight:700; text-transform:uppercase;}
/*--------Buttons--------*/
.orange-btn{padding:14px 30px; transition:.3s ease; min-width:160px; text-align:center; display:block; margin:2px; border:none; background:#f15922; color:#000; border-radius:10px;font-size:16px;}
.black-btn{padding:14px 30px; transition:.3s ease; min-width:160px; text-align:center; background:#000; border:none; color:#fff; border-radius:10px;font-size:16px;}
.transparent-btn{transition:.3s ease; padding:14px 30px; min-width:160px; text-align:center; color:#fff; border:solid 1px #fff; border-radius:10px; background:transparent; font-size:16px;}
.orange-center{padding:14px 30px; min-width:180px; text-align:center; display:block; border:none; margin:0 auto; background:#f15922; color:#000; border-radius:10px;font-size:16px;}

.orange-btn:hover, .orange-center:hover{background:#000; color:#fff;}
.black-btn:hover, .transparent-btn:hover{background:#f15922; color:#000;}

.arrow-link{margin:0 auto!important; display:block; border:none!important; background:transparent; color:#000; font-size:20px; font-weight:600; }
.arrow-link::after {padding-left:10px; transition:.3s ease; color:#000!important; font-size:20px!important; content:'\f101'; font-family: FontAwesome;}

.arrow-link:hover::after{ padding-left:25px;}

/*-------Header------------*/
.header{width:100%; }
.header-top{width:100%; padding:10px; box-sizing:border-box; max-width:1700px; display:flex; flex-direction:row; margin:0 auto; justify-content: space-between;}
.logo{max-width:300px!important; width:100%!important;}
.logo img{width:100%; max-width:230px!important;}
.search{width:45%;}
.header-icons{width:200px; padding-top:35px;}
.header-logos{width:130px;}
.header-logos img{max-width:130px!important; width:100%!important; margin:3px 0; display:block;}


.header-bottom{width:100%; background:#333;}
.nav-wrap{width:100%; margin:0 auto; max-width:1700px; padding:0 10px; box-sizing:border-box; display:flex; flex-direction:row;}
.nav-left{width:calc(100% - 260px);}
.nav-btn{width:260px;}
.nav-btn a{color:#000; font-size:16px; text-transform:uppercase; font-weight:600; width:260px; padding:18px; box-sizing:border-box; background:#f15922; display:block; text-align:center; transition:.3s ease;}
.nav-btn a:hover{background:#000; color:#fff;}

.head-icon{display:flex; flex-direction:row; }
.head-icon a{font-size:20px; display:flex; transition:.3s ease; flex-wrap:wrap; margin:3px; width:50px; height:50px; align-content:center; justify-content: center; border:solid 1px #ccc; color:#777!important; }
.head-icon a:hover {background:#ccc;}

/*--------SEARCH STYLES--------------------*/
.search{display:flex; flex-direction:row-reverse; padding-top:38px;}
.search-outer-container{width:calc(100% - 180px);}
.search-bar-form{width:100%; display:flex; height:50px; flex-direction:row; border:solid 1px #ccc; background:linear-gradient(to top, #E9E9E9, #f5f5f5);}
.search-bar-form input[type="text"]{width:calc(100% - 60px); height:50px!important; border:none!important; padding:14px!important; box-sizing:border-box; color:#333; background:transparent!important;}

.search-bar-form button{width:60px; border:none; background:transparent; font-size:22px; color:#555!important;}


.cat-links ul{padding:0;}
.cat-links ul li a{font-size:16px;background:linear-gradient(to top, #E9E9E9, #f5f5f5); display:block; height:50px; cursor:pointer; color:#333; text-align:center; border:solid 1px #ccc; padding:14px; box-sizing:border-box;}
.cat-links ul li{list-style:none;}
.cat-links .drop-list{padding:0!important; position:absolute; z-index:200; top:48px;}
.cat-links{width:180px; position:relative;}
.cat-links button{width:100%; color:#000; background:#f6f6f6; padding:10px 13px; font-size:14px; height:auto; font-weight:400; text-align:center; border:solid 1px #ccc;}
.cat-links button:hover{background:#f15922; color:#000; cursor:pointer;}
 #farm, #con{width:100%;display:none; transition: max-height 0.2s ease-out;}
#all{display:block;}


.highlightSidebars .grad{z-index:-10;}
.highlightSidebars .reset-VvCjOBd6o4oQZsG81scU{display:none!important;}
/*---------Hero----------*/
.hero{width:100%; height:750px; position:relative;}
.hero-img{position:relative; width:100%; height:100%;}
.hero-img img{width:100%!important; height:750px!important; object-fit:cover;}
.grad{width:100%; z-index:100; height:100%; position:absolute; top:0; left:0; right:0; background:linear-gradient(to right, transparent, rgba(0,0,0,.5));}
.hero-wrap{width:100%; gap:50px; z-index:120; position:absolute; left:0; right:0; max-width:1700px; margin:0 auto; top:60px; display:flex; flex-direction:row;}
.hero-left{width:50%;}
.hero-right{width:50%; text-align:center;}
.hero-right h1{font-size:60px; color:#fff; font-weight:800; text-transform:uppercase; text-shadow:1px 1px 2px rgba(0,0,0,.8);}
.hero-right h2{font-size:30px; color:#fff; font-weight:600; text-transform:Uppercase; text-shadow:1px 1px 2px rgba(0,0,0,.8);}
.topimg{display:none;}

/*--------Hero Links---------*/
.icon-row{width:100%; display:flex; max-height:320px; overflow-y:scroll; flex-direction:row; flex-wrap:wrap;}
.icon-width{width:calc(20% - 10px); padding:15px 2px; box-sizing:border-box; margin:5px; background:#f0f0f0; color:#000; text-align:center;}
.home-icon-link img{margin:0 auto; transition:.3s ease; display:flex; width:100%; max-width:60px; height:75px; align-self:center; object-fit:contain;}
.home-icon-link p{padding:8px 0 0 0; margin:0!important; color:#000; font-size:16px;}
.home-icon-link:hover img{transform:translateY(-5px);}

.page-wrap{max-width:1700px; width:100%; padding: 0 10px; box-sizing:border-box; margin:0 auto;}


.link-panel h2{font-size:35px; color:#000; padding:25px 0 20px 0; text-align:center; font-weight:800;}
.link-panel{width:100%; padding:0px 40px 30px 40px; background-color:#fff; box-sizing:border-box;}
.hero-btns{width:100%; display:flex; flex-direction:row; box-sizing:border-box;}
.hero-btns button:first-of-type{border-top-left-radius:25px;}
.hero-btns button:last-of-type{border-top-right-radius:25px;}
.link-panel{border-bottom-left-radius:25px; border-bottom-right-radius:25px;}
.hero-btns button{width:25% ; background-color:#333; color:#fff!important; padding:20px 0; border:solid 2px #fff;font-size:16px; font-weight:600; text-transform:uppercase; }
.open2{background:#f15922!important; color:#000!important;}


 #Second, #Third, #Fourth{width:100%;display:none; transition: max-height 0.2s ease-out;}
.button-wrapper button:hover{background-color:#fff; cursor:pointer;}

.link-panel .orange-center{max-width:320px!important; margin:20px auto 0 auto;}
/*---------Home Quick Links-----------*/
.ql{margin:10px!important; color:#fff;height: fit-content!important; height:fit-content;}


/*-----Home About----------*/
.home-about{width:100%; display:flex; flex-direction:row; gap:10px;}
.about-left{width:50%;}
.about-right{width:50%; display:flex; position:relative; flex-direction:row;}
.about-img{width:calc(50% - 20px); margin:10px;}
.about-img img{width:100%!important; height:600px!important; object-fit:cover;}
.about-brands{width:150px; height:150px; position:absolute; left:0; right:0; margin:0 auto; top:40%;}

.orange-circle {height:150px!important; flex-wrap:wrap; width:150px!important; display:flex; align-content:center; border-radius:50%; background:#f15922!important; color:#000; text-align:center;}
.checks p{font-size:18px; font-weight:500;}

/*--------Home Brands Section---------*/
.orange-back{width:100%; height:800px; position:relative; margin-top:50px; color:#fff;}
.orange-img{width:100%; height:100%;}
.orange-img img{width:100%!important; max-width:none!important; height:800px!important; object-fit:cover;}
.orange-cover{position:absolute; z-index:50; left:0; right:0; top:0; height:100%; width:100%; background:rgba(241,89,34,0.85);}
.brands-section{width:100%; max-width:1700px; z-index:100; padding:0 10px; box-sizing:border-box; left:0; right:0; margin:0 auto; position:absolute; top:50px;}

.brand img{background:#fff; border-radius:10px; transition:.3s ease; box-sizing:border-box; width:calc(100% - 10px); margin:5px!important; padding:0 20px;}
.brand img:hover{transform:translateY(-5px);}
/*---------Featured-----------*/
.inv_car_title{font-size:38px; font-weight:600; text-transform:uppercase;}
#invCarousel_2 hr{display:none!important;}
#controls{display:none!important;}
.inv_car_ind{display:none!important;}
.inv_image{width:100%; height:240px!important; object-fit:cover; margin-left:0!important; transform:none!important;}
.outer-img-box{padding:0!important;}
.card-body{background:#f0f0f0; border-bottom-right-radius:5px; border-bottom-left-radius:5px;}
.inv-car-item{border:none!important; }
.listing-title{color:#000; font-size:20px; font-weight:700;}
.carousel_details_btn{width:100%; transition:.3s ease; border:none!important; color:#000; text-align:center; background:#f15922; padding:10px; box-sizing:border-box; text-transform:capitalize!important; border-radius:10px;}
.carousel_details_btn:hover{background:#000; color:#fff;}

/*---------Parts and Service-----------*/
.lg-img:first-of-type{margin-right:10px!important;}
.lg-img:last-of-type{margin-left:10px!important;}
.lg-img{color:#fff;}

.home-icons{padding:60px 0;}
.home-icon{border-right:solid 2px #ccc; }
.home-icon icon, .home-icon2 icon{font-size:50px!important; width:50px!important; padding-bottom:15px!important; color:#444!important; margin:0 auto!important; display:block!important;}

/*--------Sub Pages-----------*/
.breadcrumbs{width:100%; background:#f0f0f0;}
.bread-wrap{max-width:1700px; display:flex; flex-direction:row;padding:15px 10px; box-sizing:border-box; margin:0 auto; }
.bread-wrap p{color:#000; margin:0; text-transform:uppercase; font-size:16px; font-weight:500;}
.bread-wrap a{color:#444; text-transform:uppercase; font-size:16px; font-weight:500;}
.bread-wrap a:hover{color:#000;}

.page-header, .about-page-header{width:100%; position:relative;}
.page-header img{width:100%; height:450px; object-fit:cover;}

.about-page-header img{width:100%; height:650px; object-fit:cover; filter:brightness(.8);}
.about-sub-text{position:absolute; z-index:150; color:#fff; top:30px; max-width:1000px; left:5%; padding:35px; box-sizing:border-box;}

.sub-text a{font-size:30px; font-weight:800; color:#fff; transition:.3s ease;}
.sub-text a:hover{color:#f15922;}

.grad2{width:100%; z-index:100; height:100%; position:absolute; top:0; left:0; right:0; background:linear-gradient(to left, transparent, rgba(0,0,0,.5));}
.sub-text{position:absolute; color:#fff; width:550px; bottom:30px; left:7%; background:rgba(0,0,0,.7); padding:35px; box-sizing:border-box;}
.sub-text h1, .about-sub-text h1{font-size:50px; text-shadow:1px 1px 2px rgba(0,0,0,.8); color:#fff; text-transform:uppercase; font-weight:800;}
.sub-text p, .about-sub-text p{font-size:20px;}

.page-links a{color:#000;}
.page-links a:hover{text-decoration:underline;}
.grey-back{width:100%; background:#f0f0f0; padding:120px 0;}

.loc-bottom{width:100%; display:flex; flex-direction:row;}
.loc-map{width:60%; padding:10px; box-sizing:border-box;}
.locs{width:40%;}
.loc-box{width:100%; margin:10px!important; padding:25px!important; box-sizing:border-box; border:solid 1px #ccc;}
.flex{display:flex; flex-direction:row; width:100%; justify-content: space-between;}
.loc-box h3{margin:0!important; color:#f15922; font-size:24px; font-weight:700; text-transform:uppercase;}
.loc-box hr{margin:10px 0;}
.loc-box p b{font-size:19px; margin-bottom:0;}
.loc-box button{margin:0!important;}

.serv-form{padding:120px 0;}
.form-styles h2{font-size:26px; color:#f15922; font-weight:700; text-transform:uppercase;}
.form-styles h3{padding-top:15px; font-size:22px; color:#333; text-transform:uppercase; font-weight:600;}
.form-styles .sheSubmitButton{width:180px; display:block; border:none; background:#000; text-align:center; padding:12px;}

.form-styles2{padding:120px 10px; box-sizing:border-box;}
.form-styles2 h1{font-size:26px; color:#f15922; font-weight:700; text-transform:uppercase;}
.form-styles2 h2{padding-top:15px; font-size:22px; color:#333; text-transform:uppercase; font-weight:600;}
.form-styles2 .sheSubmitButton{width:180px; display:block; border:none; background:#000; text-align:center; padding:12px;}

/*-------Landing Inventory-----------*/
.landing-inv{margin:5px!important; display:block; overflow:hidden;}
.landing-inv img{height:200px; width:100%; object-fit:cover; transition:.3s ease; overflow:hidden;}
.landing-inv h2{font-size:16px; text-transform:uppercase;color:#fff; background:#444; transition:.3s ease; padding:14px; box-sizing:border-box; width:100%; text-align:center;}
.landing-inv:hover img{filter:brightness(.7);}
.landing-inv:hover h2{background:#000;}




/*-------Locations---------*/
.loc-info h2{font-size:30px; font-weight:600; text-transform:uppercase;}
.flex-row-loc{flex-direction:row; width:100%; display:flex; }
.flex-row-loc section{width:50%;}
.loc-info h3{color:#CC491A; font-size:22px;}

/*--------About Page-------------*/
.old-logos{width:100%; background:#fff; padding:20px 10px; box-sizing:border-box;}
.prev-logos img{width:80%; margin:0 auto; display:block;}
.back-img{min-height:250px!important; margin:5px!important; }
/*----------Review-------------*/
.testi-wrap{width:100%; padding:35px; text-align:left; box-sizing:border-box; background:#f5f5f5; margin:5px!important}
.testi-name{font-size:20px; margin:0; padding:0; color:#000; font-weight:600; padding-bottom:10px; text-align:left;}
.stars{display:flex; flex-direction:row; justify-content: flex-start;}
.stars i{font-size:18px; color:#f15922; padding:3px;}
.quote i{font-size:40px; color:#ccc; padding:20px 0;}
.testi-text{text-align:left!important; font-size:16px; line-height:24px; color:#000;}

/*----Team--------*/
.card2{padding:35px; border:none; box-sizing:border-box; margin:5px!important; background:#fff;}
.card2 img{max-width:250px; width:100%; margin:0 auto; object-position:top center; height:100%; max-height:250px; object-fit:cover; border-radius:50%;}
.card-text{padding:15px 0; text-align:center;}
.card2 .name{font-size:20px; margin:0; padding:0 0 5px 0; font-weight:600;}
.card2 .title{font-size:18px; margin:0; padding:0; color:#444; font-style:italic;}
a.nav-link{color:#000!important;}


/*--------Employment--------------*/
.emp{padding:60px 10px 60px 10px; box-sizing:border-box;}
.emp h1{font-size:35px; color:#000; font-weight:700; text-transform:uppercase;}
.emp-pay, .emp-loc{color:#E15522; font-weight:600; font-size:18px;}
.emp p{font-size:16px; line-height:26px;}

.careers{margin:5px!important; background:#F5F5F5; padding:30px; box-sizing:border-box; text-align:left!important;}
.careers h2{font-size:26px; color:#000; font-weight:700; text-transform:uppercase;}
.pay, .job-loc{color:#E15522; font-weight:600; font-size:18px;}
.careers a{width:100%; background:#f15922; padding:12px; transition:.3s ease; box-sizing:border-box; display:block; text-align:center;}
.careers a:hover{text-decoration:none; background:#000; color:#fff;}

/*--------.accordion-button--FAQ------------*/
.accordion-button:not(.collapsed):not([data-blockstyles="sheditor-element-ignore"]){background:#333; color:#fff; box-shadow:none!important;}
.accordion-button:visited{background:#333; color:#fff; box-shadow:none!important; }
.accordion-button:focus{background:#333; color:#fff;box-shadow:none!important;}
.accordion-button{background:#f0f0f0; color:#000;box-shadow:none!important;}
/*---------footer---------*/
.footer-back{background:#333; width:100%; color:#fff;}
.footer-width{max-width:1700px; margin:0 auto; width:100%; padding:0 10px; display:flex; flex-direction:row;}
.footer-left{width:25%; border-right:solid 1px #ccc;}
.footer-right{width:75%;}
.footer-black-bar{width:100%; background:#000; color:#ccc; padding:20px; box-sizing:border-box;}
.foot-col{padding:16% 30px 14% 30px; border-right:solid 1px #ccc;}
.foot-col p{font-size:22px; font-weight:600; text-transform:uppercase; color:#ccc; padding-bottom:60px;}
.foot-col a{color:#fff; font-size:16px;}
.foot-col ul{margin-left:0!important; padding-left:0!important;}
.foot-col ul li{list-style: none!important; line-height:28px;}
.foot-col ul li a{text-transform:uppercase;}
.foot-col ul li a:hover{text-decoration:underline;}
.foot-col a:hover{text-decoration:underline;}

.footer-black-bar icon{padding:0 10px; font-size:18px!important; color:#ccc!important;}



.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: #f15922 !important;
    color: #000 !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: #f15922 !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: #000 !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 : 1750px) {		
	.new-drop{ left:-20%; }
	.sub-text, .about-sub-text{left:1%;}
}
@media only screen and (max-width : 1520px) {		
	.new-drop{width:95vw; left:-25%; padding:10px;}
}
@media only screen and (max-width : 1360px) {		
	.new-drop{width:100vw; left:-36%;}
}

@media only screen and (max-width : 1300px) {
	.hero-wrap{flex-direction:column-reverse; top:10px;}
	.hero-left{width:100%;padding:0 10px;}
	.hero-right{width:100%; padding:20px 10px 0 10px;}
	.hero{height:950px;}
	.hero-img{height:950px;}
	.hero-img img{height:950px!important;}
	.home-about{flex-direction:column;}
	.about-left, .about-right{width:100%;}
}
@media only screen and (max-width : 1200px) {
	.loc-bottom{flex-direction:column;}
	.loc-map{width:100%;}
	.locs{width:calc(100% - 20px);}
	
}
@media only screen and (max-width : 1100px) {
	.header-top{flex-wrap:wrap;}
	
	.search{width:100%; padding-top:10px;}
	.logo{max-width:220px!important; padding-right:20px; order:1;}
	.header-logos{order:2;}
	.search{order:4;}
	.header-icons{display:none;}
	.nav-wrap{padding:0;}
	
}
@media only screen and (max-width : 1000px) {
	.footer-width{flex-direction:column!important;}
	.footer-left{width:100%; border-right:none;}
	.footer-right{width:100%;}
	.hero-wrap{flex-direction:column;}
}
@media only screen and (max-width : 800px) {
	.hero-btns button{font-size:14px; padding:15px; line-height:16px; height:70px;}
	.link-panel h2{font-size:26px; padding:15px 0 5px 0;}
	.link-panel{padding:0 10px 10px;}
	.home-icon-link img{height:45px;}
	.hero-right h1{font-size:45px; }
	.hero-right h2{font-size:24px;}
	.white-medium{font-size:28px;}
	.sub-text h1, .about-sub-text h1{font-size:35px; line-height:38px;}
	.sub-text, .about-sub-text{max-width:550px; width:100%;}
	.grey-back, .serv-form{padding:60px 0;}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 700px) {

	.search{width:100%; padding-top:5px;}
	.icon-width{width:calc(25% - 10px); padding:12px 2px;}
	.about-img img{height:400px!important;}
	.black-medium{font-size:28px; }
	.black-small{font-size:22px;}
	.foot-col{padding:10px;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 560px) {
.flex-row-loc{flex-direction:column!important; }
.flex-row-loc section{width:100%!important;}
	.home-icon-link img{height:35px;}
	.home-icon-link p{font-size:14px;}
	.hero-btns button{font-size:13px; font-weight:400; padding:12px 8px; height:60px;}
	.hero-right h1{font-size:35px; }
	.hero-right h2{font-size:20px;}
	.inv_car_title{font-size:28px;}
	.orange-back{height:600px;}
	.orange-img img{height:600px!important;}
	.home-icon, .foot-col{border-right:none; border-bottom:2px solid #ccc!important; padding:5% 10px;}
	.sub-text , .about-sub-text{padding:20px;}
	.page-header img{ height:350px; }
	.flex{flex-direction:column; justify-content: flex-start;}
	
}
@media only screen and (max-width : 510px) {
	.hero-btns{flex-wrap:wrap;}
	.hero-btns button{width:50%; border-radius:0!important;}
	.white-medium{font-size:24px;}
	.black-medium{font-size:24px;}
	.about-img{margin:3px; width:calc(50% - 6px);}
	.about-img img{height:300px!important;}
	.sub-text h1, .about-sub-text h1{font-size:28px; line-height:32px;}
}
@media only screen and (max-width : 470px) {
	.search{flex-direction:column-reverse;}
	.cat-links{display:none;}
	.search-outer-container{width:100%;}
	.cat-links button{width:300px;}
	.hero-right h1{font-size:28px; }
	.hero-right h2{font-size:18px;}
	.link-panel h2{font-size:22px;}
	.icon-width{width:calc(33.33% - 6px); margin:3px;}
	.black-small{font-size:20px;}
	.foot-col p{padding:20px 0 5px 0;}
	.careers h2{font-size:22px;}
	.bread-wrap{display:inline-block;}
	
}
@media only screen and (max-width : 400px) {
	.logo{padding-right:0!important; width:190px;}
	.logo img{max-width:190px!important; padding-right:5px;}
	.header-logos{width:100px;}
}
@media only screen and (max-width : 360px) {
	.cat-links button{width:240px;}
	.header-icons{padding-top:5px; width:170px;}
	.card2 img{width:210px; height:210px;}
	.nav-btn{width:220px;}
	.nav-btn a{width:220px; padding:18px 15px; font-size:15px;}
	.nav-left{width:calc(100% - 220px)!important;}
}