/*
Theme Name: www.mbtractor.com 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
*/
.row > * {
    padding-left: calc(var(--bs-gutter-x) * 0.0);
    padding-right: calc(var(--bs-gutter-x) * 0.0);
}
h1 {font-size: 38px;}
h2 { font-size: 30px;}
h3 { font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
a{color:grey; text-decoration: none;}
a::after {content: none !important;}
#header {justify-content: center;}
.dropdown-menu:not([data-blockStyles="sheditor-element-ignore"]) > li:not([data-blockStyles="sheditor-element-ignore"]) {padding: 0px !important;}

@media only screen and (min-width : 910px) {
	nav .collapse:not(.show):not([data-blockStyles="sheditor-element-ignore"]) {display: flex !important;justify-content: center;}
	nav .navbar-nav:not([data-blockStyles="sheditor-element-ignore"]) {display: flex !important;flex-direction: row !important;}
	ul li .sub-menu {position: absolute !important;}
	ul#menu-primary li.menu-item-even a {    font-family: "Roboto Condensed", sans-serif !important;margin:10px;font-family: "Roboto Condensed", sans-serif;}
}
@media only screen and (max-width : 910px) {
	div.navbar-header {width:100%}
	button.hamburger {float: right;}
	ul#menu-primary  li  {padding: 5px 10px;}
	.collapse:not(.show) {display: none !important;}
	.collapse.show {display: block !important;}
}

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
html, body {
	height:100%;
	width:100%;
	font-family: 'Roboto Condensed', sans-serif !important;
}
.clear {clear: both}
.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;
	background: #000 !important;
	text-align: center;
	border-radius: 0;
}
.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:#fff;
	font-size:1.5em;
}
.menu li > a:hover {
	background: yellow !important;
	color:yellow !important;
	font-size:1.5em;
}

.dropdown-menu {
	background-color: rgba(0,0,0,0.7);
	color:yellow;
	border-radius:0px;
}

.blk-btn {
	background: #333;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	transition: .3s ease;
}
		
	
.blk-btn:hover {background:#666}


/*----------------------------FORM DATE PICKER-------------------------------*/
.datepicker.dropdown-menu {
	background-color:#fff;
	color:#000;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
	font-size:18px;
	text-transform: uppercase;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color:yellow;
}
.dropdown-menu:not(.head-list)>li>a {
    color: #fff;
	font-size:16px;
	font-weight:400;
	text-transform: uppercase;
	letter-spacing: .75px;
}
.dropdown-menu:not(.head-list)>li>a:hover {
    background-color: #212121;
    transition: linear 0.2s;
}
.navbar-right .dropdown-menu {right: auto !important; left:0 !important;}
/*--------------------------------------------------------------
## 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%;
}





.width-90 {width: 90%; margin: 0 auto;}
.width-80 {width: 80%; margin: 0 10%;}
.width-60 {width: 60%; margin: 0 auto;}

#padding-25 {padding: 25px 0;}
#padding-50 {padding: 50px 0;}
#padding-100 {padding: 100px 0;}

.white-text {color:#fff;}
.yellow-text {color:#fff200;}
.bold-text {font-weight: 800; letter-spacing: 2px;}

p {font-size: 16px; letter-spacing: .35px; line-height: 24px;}

/*--BLOG---*/
.wid90 {width: 90% !important;margin: 0 auto !important;}
.blog-wrapper.grid-container {display:grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}

.news-post,.news-post-alt {border: 1px solid #e8e8e8;display: inline-block;    background: #f8f8f8 !important;padding: 30px !important;box-sizing: border-box;box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;}
.blog-image {width: 100% !important;background:#fff;    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 20px !important;height: 275px;}
.blog-image img {height: 100% !important;width: 100% !important;object-fit: contain !important;max-width: unset !important;}

.blog-text {flex: 1;align-content: center;}
.blog-text a {color:#000;}
.blog-text h3 {font-size: 28px;text-transform: uppercase;font-weight: 800;}
.blog-main img {max-width: 100%;width: 100%;}
.pad-xl {padding: 65px 0;}

.orange-btn{    color:  rgb(255, 255, 255);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;    display: inline-block;
    text-align: center !important;
	line-height: 2;
    background: #F15922;
    padding: 10px;
    border-width: 0px !important;
    border-style: none !important;
    border-color: #F15922 !important;
    border-image: initial !important;}
/*- BUTTON STYLES -------------------------------------------------*/
.btn-primary, .btn-primary:focus {border:0 !important;background: #212121; color:#fff; text-transform: uppercase; letter-spacing: 1px; text-align: center; padding: 13px 0; font-size: 18px;}
.btn-primary:hover {background: #ddd !important; color:#000 !important; text-transform: uppercase; letter-spacing: 1px; text-align: center; padding: 13px 0;}
.blk-btn{border:0 !important;background: #212121; color:#fff; text-transform: uppercase; letter-spacing: 1px; text-align: center; padding: 13px 0; font-size: 18px;}
.blk-btn:hover {background: #ddd !important; color:#000 !important; text-transform: uppercase; letter-spacing: 1px; text-align: center; padding: 13px 0;}
/*-HEADER-----------------------------------------------------------*/
.header-wrapper {width: 90%; margin: 0 auto; padding: 10px 0;}
.h-social {background: #ddd; padding: 10px 15px; text-align: center; display: inline-block; vertical-align: middle; color:#000; transform: .3s ease;}
.h-social:hover {background: #333; padding: 11px 15px; text-align: center; display: inline-block; vertical-align: middle; color:#fff;}
.h-social .fa { font-size: 18px;}
.logo {max-width: 200px; width: 100%; display: inline-block;}
.logo  img {width: 100%}
.top-header {text-align: right; width: 100%; float: right;}
.header-btn {background: #ddd; text-align: center; display: inline-block; padding: 10px 25px; color:#000; font-size: 18px; text-transform: uppercasse; letter-spacing: 1px; transition: .3s ease; vertical-align: middle;}
.header-btn:hover {background: #000; color:#fff;}
.bottom-header {width: 100%; }
.bottom-header h3 {font-size: 20px; font-style: italic; letter-spacing: 1px; border-bottom:10px solid yellow; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; width: 447px; font-weight:700;padding: 10px 0; text-align: right; float:right;}


.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {color:#fff !important;}

.kubota-logos {display: inline-block; vertical-align: middle; margin-left:15px; max-width: 230px; width: 100%;}
.kubota-logos img {width: 40%; padding: 0 10px; display: inline-block; vertical-align: middle;}
.hero {background:#000 !important}
.hero-wrap {width: 80% !important;
    margin: 0 auto !important; }
/*-BODY-----------------------------------------------------------*/
.ql-flex {display: flex; flex-direction: row; align-items: center;}
.ql {justify-content: flex-start; width: 33%; margin: 0 1px; padding:45px 0;}
.ql#used-ql  {background:url(images/ql/used.jpg); background-position: center center; background-size: cover;}
.ql#new-ql {background:url(images/ql/new.jpg); background-position: center center; background-size: cover;}
.ql#rental-ql {background:url(images/ql/rental.jpg); background-position: center center; background-size: cover;}
.white-btn {width: 60%; margin: 5px auto; text-align: center; color:#000; padding: 13px 0; background: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 800; transition: .3s ease; font-size: 18px;}
.white-opacity-btn {width: 60%; margin: 5px auto; text-align: center; color:#000; padding: 13px 0; background:rgba(255,255,255,.80); text-transform: uppercase; letter-spacing: 1px;font-weight: 800; transition: .5s ease; font-size: 18px;}

.white-btn:hover, .white-opacity-btn:hover {background:rgba(181,181,181,1.00) ; letter-spacing: 1.25px;}


.pricing-container {padding: 25px 0; width: 100%; display: flex; flex-direction: row; align-items: center;}
.blk-left {background: #000;box-shadow: 3px 3px 4px #ccc; justify-content: flex-start; width: 50%; padding: 15px 0;}
.blk-left h3 {margin-top:-10px;}
.pricing-btn-right:hover {background: #fff; }
.request-container {justify-content: flex-start;padding: 15px 0; background: #e6e6e6; width: 50%;}
.request-container .img-left {background: #212121; width: 15%; padding: 20px 0; text-align: center; float: left;}
.request-container .img-left img {width: 40px; height: auto; text-align: center;}
.request-right {width: 85%; float: left; background: #fff;padding-bottom: 10px;padding-top: 12px; }
.request-right a {letter-spacing: 1px; color:#000; transition:.3s ease; }
.request-right a:hover {letter-spacing: 1.25px;}

.white-line {background: #fff; width: 100%; height: 1px;}

#sidebar1-parts-links {border-top:1px solid #000 !important; }
.pattern-bg {margin-top:50px;}
.parts-1, .parts-2, .parts-3 {width: 75%; margin:50px auto;}
.parts-image {background: #000; padding: 40px 0; text-align: center; margin: 0 auto; height: 180px;}
.parts-image img {max-width: 300px; width: 100%; text-align: center;}


#sidebar1-parts-title {margin-top:50px !important;}

.hp-parts {background: url(/wp-content/uploads/2020/05/pattern-bg-e1590701332369.jpg) no-repeat; background-position: center center; background-size: cover; width: 100%; display: inline-block; padding: 25px 0; border-top:1px solid #000;}
.hp-parts h2 {text-align: center;}
.parts-flex {display: flex; flex-direction: row; align-items: top;}
.parts {width: 50%; margin: 2% 2%; justify-content: flex-start;}

.drk-gray-bg {background: #333; display: inline-block; width: 100%;}


.testimonials{background: #fff; padding: 50px;display: inline-block; width: 100%;}
.testimonials .testimonial-container{margin: 0 auto; text-align: center; max-width: 1000px; font-size: 100% !important; color: #fff;}
.testimonials .testimonial-container .welcome{font-family: "Roboto Condensed", sans-serif; font-size: 36px; font-weight: 700; text-transform: uppercase; line-height: 32px; color:#000;}
.testimonials .testimonial-container .welcome span{font-size: 24px;}
.testimonials .request-container{float: right; width: calc(100% - 550px); display: flex;}
.testimonials .request-container .request-box{flex: 1; position: relative; background: #fff; margin: 10px; padding: 25px 25px 25px 100px;}
.testimonials .request-container .request-box img{position: absolute; top: -16px; left: 10px;}
.testimonials .request-container .request-box h2{text-transform: uppercase; margin-bottom: 10px;}
.testimonials .request-container .request-box a{font-family: "Roboto Condensed", sans-serif; font-weight: 700; color: #ff3600; margin: 10px 0;}
.testimonials .request-container .request-box a:hover{color: #992100;}
.testimonials .n2-ss-control-bullet{bottom: -25px !important;}

.manu-slider h2 {text-align: center;padding: 10px 0;}

.slide-wid {max-width: 767px;margin: 0 auto;}

.showroom-manu img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.showroom-manu {
    height: 80px;
    overflow: hidden !important;
}

.hero-vid {position:relative;height: 30vh !important; min-height: 300px;overflow: hidden;}
.hero-vid video {    width: 100%;
    height: 100%;
    object-fit: cover !important;}
/* SEARCH */
.orange-btn {    border-width: 0px;
    border-style: solid;
    border-color: #F25822;
    padding: 10px 30px 10px 30px;
    background: #F25822;
	font-family: 'Roboto Condensed';
    color: #ffffff;
    font-size: 16px;
    text-shadow: none;
    line-height: 1.5;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: inherit;
    letter-spacing: 2px;
    word-spacing: normal;
    text-transform: uppercase;
    font-weight: 400;	
	transition:.3s all;
}
.orange-btn:hover {background:rgba(0,0,0,0.75);}


.black-btn {    border-width: 0px;
    border-style: solid;
    border-color: rgba(0,0,0,0.6);
    padding: 10px 30px 10px 30px;
    background: rgba(0,0,0,0.6);
	    font-family: 'Roboto Condensed';
    color: #ffffff;
    font-size: 16px;
    text-shadow: none;
    line-height: 1.5;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: inherit;
    letter-spacing: 2px;
    word-spacing: normal;
    text-transform: uppercase;
    font-weight: 400;	
}

.grey-btn {color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    font-size: 16px;
    background: #212121;
     padding: 10px 30px 10px 30px;
	border:1px solid #212121;
border-radius: 8px;transition:.3s all;}

.grey-btn:hover {background:rgb(221, 221, 221) !important;border-color:rgb(221, 221, 221) !important;color:#000;}

.yellow-btn { border-width: 0px;
    border-style: solid;
    border-color: #FFF200;
    padding: 10px 30px 10px 30px;
    background:  #FFF200;
	    font-family: 'Roboto Condensed';
    color: #ffffff;
    font-size: 16px;
    text-shadow: none;
    line-height: 1.5;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: inherit;
    letter-spacing: 1px;
    word-spacing: normal;
    text-transform: uppercase;
    font-weight: 400;transition:.3s all;}

.yellow-btn:hover {background:rgb(221, 221, 221) !important;border-color:rgb(221, 221, 221) !important;color:#000;letter-spacing: 2px;}

.search-form .container{ max-width: 100% !important; width: 100% !important; padding: 50px 0!important; margin: 0 !important;}
.search-form h2{display: block; position: relative; text-transform: uppercase; margin-bottom: 15px; text-align: center;}
.search-form .row{margin: 0 0 15px;}
.search-form input, .search-form select{display: block; width: 100%; background: #fff; padding: 12px; font-family: "Roboto Condensed", sans-serif; font-size: 13px; border: 1px #ccc solid;}
.search-form input[type="submit"]{display: block; background: #fff200; padding: 15px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; text-transform: uppercase; text-align: center; color: #000; letter-spacing: 1px; border: none; transition: all .2s ease-in-out;}
.search-form input[type="submit"]:hover{background: #ddd; letter-spacing: 1.25px;}
.search-form .column4 {width: 32%; display: inline-block; margin:5px 5px;}


/*FORM PAGES */
.modal-content .modal-top .modal-title {color:#000 !important;}
.btn-success, .btn-success:focus {background: #000; color:#fff; text-transform: uppercase; letter-spacing: 1px; border:0; padding: 10px 15px; font-size: 14px;}
.btn-success:hover{background: #ccc !important; color:#fff; text-transform: uppercase; letter-spacing: 1px; border:0;}
#sidebar228-form {width: 85% !important; margin: 0 7% 0 7% !important; padding: 50px 0;}
#sidebar228-boss {border-top:1px solid #000;}
.alert-success {background: #333 !important; color:yellow !important;}


/* SUB HERO */
.sub-hero {padding: 25px 0;}
.sub-hero-h1 h1,.promo-bg h1 {color:#fff; text-transform: uppercase; letter-spacing: 1px;}
.sub-hero-h1 h1 .fas {color: yellow;}
.blog-pg H1 {
    font-size: 42px;
    font-weight: 900;
    text-transform: uppercase;
}

.promo-bg {background-image:linear-gradient(359deg,rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.9) 100%),url("https://media.sandhills.com/img.axd?id=11003047558&wid=0&rwl=False&p=&ext=jpg&w=800&h=325&t=&lp=&c=True&wt=False&sz=Min&rt=0&checksum=dxj7XrOEVnTMxOPX%2fcZITiO7FDpKnUKr");background-color:#000;background-position:center center;background-size: cover;background-repeat: no-repeat;}

.promo-ends {    font-size: 22px;
    text-transform: uppercase;
    color: #f15922;
    font-weight: 900 !important;}

.promo-image img {
    max-width: 500px;
    margin: 0 auto;
    width: 100%;
}
.promotions-landing 
table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.promotions-landing table th,
.promotions-landing table td {
  border: 1px solid #ddd;
  padding: 8px 12px;
  text-align: left;
}

.promotions-landing table thead th {
  background-color: #f4f4f4;
  font-weight: bold;
}

.promotions-landing table tbody tr:nth-child(even) {
  background-color: #fafafa;
}


/*---------------------LOCATIONS --------------------------------------------------*/
.loc-1, .loc-2, .loc-3, .loc-4, .loc-5, .loc-6, .loc-7  {padding: 25px 0;}
.loc-1-left h2, .loc-2-left h2, .loc-3-left h2, .loc-4-left h2, .loc-5-left h2, .loc-6-left h2, .loc-7-left h2,  .loc-8-left h2 ,  .loc-9-left h2,  .loc-10-left h2  {font-size: 22px; font-weight: 800; letter-spacing: 1px;}
.loc-1-left img, .loc-2-left img, .loc-3-left img, .loc-4-left img, .loc-5-left img, .loc-6-left img, .loc-7-left img , .loc-8-left img , .loc-9-left img, .loc-10-left img  {width: 100%; max-width: 800px !important;}
.loc-1-right, .loc-2-right, .loc-3-right, .loc-4-right, .loc-5-right, .loc-6-right, .loc-7-right, .loc-8-right, .loc-9-right, .loc-10-right  {width: 80%; margin-left:5%; margin-top:60px;}
#sidebar526-loc-1, #sidebar526-loc-2, #sidebar526-loc-3, #sidebar526-loc-4, #sidebar526-loc-5, #sidebar526-loc-6, #sidebar526-loc-7, #sidebar526-loc-8, #sidebar526-loc-9, #sidebar526-loc-10 {padding: 20px 0; }
#sidebar526-loc-1-map, #sidebar526-loc-2-map, #sidebar526-loc-3-map, #sidebar526-loc-4-map, #sidebar526-loc-5-map, #sidebar526-loc-6-map, #sidebar526-loc-7-map , #sidebar526-loc-8-map , #sidebar526-loc-9-map , #sidebar526-loc-10-map {width: 82% !important; margin: 0 8%;padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 20px; }
#sidebar526-loc-1-map img, #sidebar526-loc-2-map img, #sidebar526-loc-3-map img, #sidebar526-loc-4-map img, #sidebar526-loc-5-map img, #sidebar526-loc-6-map img, #sidebar526-loc-7-map img, #sidebar526-loc-8-map img, #sidebar526-loc-9-map img , #sidebar526-loc-10-map img  {width: 98% !important; transition: .3s ease;}
#sidebar526-loc-1-map img:hover, #sidebar526-loc-2-map img:hover, #sidebar526-loc-3-map img:hover, #sidebar526-loc-4-map img:hover, #sidebar526-loc-5-map img:hover, #sidebar526-loc-6-map img:hover, #sidebar526-loc-7-map img:hover, #sidebar526-loc-8-map img:hover, #sidebar526-loc-9-map img:hover, #sidebar526-loc-10-map img:hover  {opacity: .6 !important; background: #000;}

#sidebar526-jump-links {background: #000 !important; margin: 0 auto; text-align: center; padding: 20px 0;}
#sidebar526-jump-links h2 {font-size: 20px; color:#ddd;}
.loc-btn {background: #333; margin: 3px 3px; width: 31%; display: inline-block; vertical-align: middle; padding: 10px 0; color:#fff; text-align: center; transition: .3s ease;}
.loc-btn:hover {background: #fff; color:#000;}


/*---------------RENTALS----------------------------------------------------------*/
.rentals {width: 98%; margin-right: 2%;}
.rentals-right {width: 98%; margin-left:2%;}

#sidebar938-rental-form-pg {width: 83%; margin: 25px 8%;}

/*--------------SALES-----------------------------------------------------------*/
#sidebar928-brand-slider {width: 90%; margin: 0 5%;}
.blk-bg-padding {padding: 20px 0;}
.sales-loc-left h3, .sales-loc-right h3  {color:#fff; }
.sales-loc-left h3 .fas, .sales-loc-right h3 .fas {color:#ccc; }
.sales-loc-left, .sales-loc-right {width: 98%; margin-right: 2%;}
#sidebar928-sales-form {width: 85%; margin: 25px 8%; border-bottom: 1px solid #ddd;padding: 25px 0;}


/*-------------PARTS------------------------------------------------------------*/
.parts-dept {padding: 25px 0;}
.parts-dept-left {width: 96%; margin-right: 4%;}
.parts-dept-right {width: 98%; margin-left:2%;}
#sidebar935-store-btns {background: #f1f1f1;}


/*----------------CAREERS------------------------------------------------------------*/
#sidebar833-whoweare {padding: 25px 0 !important;}
#sidebar833-careers-app {border-top:1px solid #ddd;  padding: 25px 0; width: 83%; margin: 25px 8%; }
.form-control {width:99% !important;}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {font-size: 14px;}
.careers-left {width: 95%; margin-right: 3%; }

/*---------------------VIDEOS--------------------------------------------------------*/
.kubota-bg{background: url(images/kubota-bg.jpg); padding: 50px 0; background-attachment: fixed;}
.kubota-bg h1 {color:#fff; width: 80%; margin: 0 10%;}
.kubota-bg .fas {color:yellow;}
.video-title {padding:15px 0; text-align: left; text-transform: uppercase; font-size: 25px; letter-spacing: 1px; font-weight: 800; }
.video-embed iframe {width: 100% !important; height: 350px !important;}
.video-desc {padding: 15px 0;}
.video-post {width: 48%; margin: 2% 1%; float: left;}


/*------------------CONTACT---------------------------------------------------------*/
#sidebar1479-contact-form-1 {width: 82%; margin: 0 8%; padding: 20px 0; border-top:1px solid #ddd; border-bottom: 1px solid #ddd;}

/* -----------------SPECIALS--------------------------------------------------------*/
.specials-container {width: 80%; margin: 0 10%;}
.Special {margin: 1% 1%; display: inline-block; vertical-align: top; }
.Special img {width: 100%;}
.special-name {font-size: 25px; text-align: left; letter-spacing: 1px; padding: 14px 0; font-weight: 600;  }
.special-desc {padding: 10px 0; margin-bottom: 10px; border-bottom: 1px solid #ddd; }
.special-disclaimer {font-size: 12px; padding-bottom: 10px;}
/*------------------SERVICE----------------------------------------------------------*/
.service {padding: 25px 0;}
.service-left {width: 98%; margin-right: 2%;}
.service-right {width: 98%; margin-left:2%;}
.service-wrapper {text-align: left;}
.service-wrapper h1 { font-weight: 800; letter-spacing: 1px; color: yellow;}
.service-wrapper h2 {font-weight: 800; letter-spacing: 1px; color: #fff;}
.service-wrapper p.column-count { color:#fff; text-align: left; padding: 10px 0;}
.text-left {width: 30%; display: inline-block; vertical-align: top; text-align: left;}
.text-right {width: 68%; display: inline-block; vertical-align: top; padding: 10px 0; text-align: left;}

.road-left {text-align: left; display: inline-block; vertical-align: top; padding: 10px 25px; color:yellow; margin-right: 5%;}
.road-left h3 a, .road-right h3 a {color:yellow; transition: .3s ease;}
.road-left h3 a:hover, .road-right h3 a:hover {color:#fff;}
.road-right { display: inline-block; vertical-align: top; text-align: left; padding: 10px 25px; color:yellow}

#sidebar932-service-request, #sidebar1866-service-request {width: 82%; margin: 2% 8%;}


/*---------------------------------FOOTER---------------------------------------------*/
.gray-footer {background: #333; width: 100%; margin: 0 auto; text-align: center;}
.gray-footer ul {width: 90%; margin: 0 auto;}
.gray-footer ul li {display: inline-block; padding: 10px 15px;}
.gray-footer ul li a {color:#fff; text-transform: uppercase; letter-spacing: 1px;}

#foot {background:#F1F1F1 padding10px 0;}
.footer {display: flex; flex-direction: row; align-items: center; padding: 25px 0;}
.footer-left {width: 70%; justify-content: flex-start; }
.footer-col {display: inline-block; width: 31%; vertical-align: top; margin: 1% 1%;}

.footer-col h4 {letter-spacing: 1px;}
.footer-col h4 a {transition: .5s ease;}
.footer-col h4 a:hover {color:#333; letter-spacing: 1.25px;}
.footer-right {width: 30%; justify-content: flex-start;}
.footer-logo {text-align: center; margin: 0 auto;}
.yellow-btn-footer {background: #fff200; color:#000; text-align: center; letter-spacing: 1px; text-transform: uppercase; display: inline; padding: 10px 35px; transition: .3s ease; margin: 0 auto;}
.yellow-btn-footer:hover {background: #333; color:#fff; text-align: center; letter-spacing: 1.25px; text-transform: uppercase; display: inline; }
.copyright-footer {background: #333; text-align: center; color:#ddd; padding: 5px 0; letter-spacing: 1px; font-size: 12px;}
.copyright-footer h5 {font-size: 12px;}


/*-------------------------------SHOWROOM-----------------------------------------*/
.title-container#kubota-bg {background: url(images/kubota-bg.jpg) fixed; padding: 50px 0; background-position: center center; background-size: cover;}
.title-container#kubota-bg  h1 {text-transform: uppercase; letter-spacing: 1px; color:#fff;}
.title-container#kubota-bg  h1 .fas{ color:yellow;}
.showroom-category { border: 1px solid #333; width: 30%;  text-align: center; display: inline-block; vertical-align: top; margin: 1% 1%; }
.showroom-category img {width: 90%; mragin: 0 auto; padding: 10px 0;max-width: 300px;}
.showroom-title {background: #000; color:#fff; text-align: center; text-transform: uppercase; letter-spacing: 1px; font-size: 18px; padding: 15px 0; transition: .3s ease;}
.showroom-title:hover {background: #333; letter-spacing: 1.25px; }
.showroom-category a {background: #000; text-align: center; color:#fff; text-transform: uppercase; letter-spacing: 1px; font-size: 17px; padding: 10px 0; transition: .3s ease; width: 100%; display: block; border-top:1px solid #fff;}
.showroom-category a:hover {background: #333; letter-spacing: 1.25px;}

.blk-bg {background: #000; padding: 25px 0; margin: 0 auto; text-align: center;border-top:1px solid #ddd;}
.blk-bg h2 {color:#fff; text-align: center; font-size: 20px; }
/*-------------------------------INVENTORY-----------------------------------------*/

.faceted-search-content .selected-facets-container .selected-facet, body .noUi-connect, body .noUi-handle, .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 .offer-btn-mobile:hover, .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:hover, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile:hover, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile:hover, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile:hover {background: #333 !important; box-shadow: none;}
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .detail-content .detail-main-body .main-detail-data .offer-btn {background: #fff200; color:#000 !important; }
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link:hover, .detail-content .detail-main-body .main-detail-data .offer-btn:hover, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #333 !important; color:#fff !important;}
.detail-content .detail-additional-data .data-row .data-label {background: #333; text-transform: uppercase; letter-spacing: 1px;font-family: 'Roboto Condensed', sans-serif}
.detail-content-mobile .detail-contact-bar .contact-bar-btn {background: #000 !important; color:yellow !important;}
.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile {background-color: #333 !important;}
.faceted-search-content .faceted-section-head h5 {font-size:16px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;}
.rent-prices, .rent-title {font-size: 15px;}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {font-size: 14px !important; line-height: 18px !important; padding-left:2px; letter-spacing: .25px;}
.faceted-search-content .faceted-section-head {border-top:2px solid yellow;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-data, .list-content .list-listing-mobile .listing-dealer-info .spec-value, .detail-content-mobile .dealer-info .field-value, .contact-information .field-value, .detail-content .dealer-info .field-name, .detail-content-mobile .dealer-info .address-and-contact .field-name  {display: none !important ;}
.detail-content .dealer-info .address .field-value, .detail-content-mobile .dealer-info .address-and-contact .address .field-value {display: block !important;}
.listing-option-mobile .listing-option-bar {background: #000 !important; border-top:3px solid #FFFF00;}
.listing-option-mobile .listing-option-bar .listing-option-bar-option {color:#fff !important;}
/*==========  Non-Mobile First Method  ==========*/

@media only screen and (max-width : 1200px) {	
	.white-btn, .white-opacity-btn {font-size: 16px; width: 80%;}
	.parts-image {height: 180px;}
	.parts-image img {width: 90%;}
	.parts .btn-primary, .parts .btn-primary:focus {font-size: 16px;}
	.blk-left h3 {font-size: 18px;}
	.search-form .column4 {width: 30%;}
	
	.showroom-title {font-size: 16px;}
	
	
	.footer {display: block; width: 100%;}
	.footer-left {width: 100%; text-align: center;}
	.footer-right {width: 100%;}
	
}

@media only screen and (max-width : 1050px) {
	.header-btn {font-size: 16px; padding: 10px 10px;}
	.width-80, .width-60 {width: 90%; margin: 0 5%;}
	.parts .btn-primary, .parts .btn-primary:focus {font-size: 14px;}
	.hp-parts h2 {font-size: 20px;}
	.gray-footer ul {padding-inline-start: 0 !important; width: 100%;}
	.gray-footer ul li a {font-size: 14px;}
	.showroom-category {width: 47%;}
	.blog-wrapper.grid-container {grid-template-columns: repeat(2, 1fr);gap: 30px;}
	.blog-text h3 {font-size: 22px;}
}
@media only screen and (max-width : 992px) {
		.loc-btn {width: 32%;}
	.text-left, .text-right {width: 90%; margin-left:5%;}
	.video-post {width: 90%; margin: 2% 5%; float: left;}

	.footer-left h4 {font-size: 16px; }
	
	
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	h1 {font-size: 25px; line-height: 32px;}
	.header-wrapper {text-align: center;}
	.logo {margin: 0 auto;}
	.top-header, .bottom-header, .bottom-header h3 {text-align: center; float: none; Margin: 0 auto; width: 100%;}
	.testimonials {padding:0;}
	.testimonials .testimonial-container .welcome {width: 90%; margin-left: 5%; padding-top:20px;}
	.ql-flex {display: block;}
	.ql {width: 100%; margin: 3px auto;}
	.parts-flex {display: block;}
	.parts {width: 100% !important; margin: 2% 0;}
	.parts .btn-primary, .parts .btn-primary:focus {font-size: 16px;}
	.pricing-container {display: block;}
	.blk-left, .request-container {width: 100%;}
	.request-container {display: inline-block;}
	.request-container .img-left {padding: 26px 0;}
	.search-form .column4 {width: 100%;}
	.search-form .row {padding:0 0!important;}
	#sidebar833-whoweare {padding: 0px 0 !important;}
	.sub-hero-h1 h1 {width: 90%; margin: 0 5%;}
	.careers-left, .careers-right {width: 90%; margin: 10px 5%;}
	
	.rentals, .rentals-right {width: 90%; margin: 10px 5%;}
	
	.loc-1-left, .loc-2-left, .loc-3-left, .loc-4-left, .loc-5-left, .loc-6-left, .loc-7-left  {width: 90%; margin-left:5%; margin-top:60px;}
	.loc-1-right, .loc-2-right, .loc-3-right, .loc-4-right, .loc-5-right, .loc-6-right, .loc-7-right  {width: 90%; margin-left:5%; margin-top:60px;}
	#sidebar526-loc-1-map img, #sidebar526-loc-2-map img, #sidebar526-loc-3-map img, #sidebar526-loc-4-map img, #sidebar526-loc-5-map img, #sidebar526-loc-6-map img, #sidebar526-loc-7-map img  {width: 100% !important; transition: .3s ease;}
	#sidebar526-loc-1, #sidebar526-loc-2, #sidebar526-loc-3, #sidebar526-loc-4, #sidebar526-loc-5, #sidebar526-loc-6 {padding: 0 0;}
	
	
	.parts-dept-left {width: 90%; margin:10px 5%;}
	.parts-dept-right{width: 90%; margin:10px 5%;}

	.title-container#kubota-bg  h1  {width: 90%; margin: 0 auto;}
	
	#sidebar932-service{width: 90%; margin: 10px 5%;}
	#sidebar928-sales, .sales-loc-left, .sales-loc-right {width: 90%; margin: 10px 5%;}
	.footer-col {width: 45%; margin: 0 1%}
	.footer-left {width: 100%; text-align: left; }
	.footer-right {width: 100%; padding: 25px 0;}

	.footer img {display: inline-block; width: 45%; vertical-align: middle;}
	.blog-wrapper.grid-container {grid-template-columns: repeat(1, 1fr);gap: 30px;}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 600px) {
		.kubota-logos {max-width: 180px;}
	.logo{max-width: 130px;}

	.logo {padding: 10px 0;}
	.bottom-header h3 {font-size: 14px; width: 100%;}
 
	.showroom-category {width: 100%; margin: 1% 0;}
	.footer-col {width: 100%;}
	.loc-btn {width: 48%; font-size: 12px;}
	.header-btn {font-size: 16px;}
	


}
@media only screen and (max-width : 500px) {
	.manu-slider {width: 90%; margin-left:5%;}
}
@media only screen and (max-width : 450px) {
	.header-btn {padding: 10px 12px; font-size: 14px;}
	.h-social .fa { font-size: 14px;}
	#padding-50 {padding: 25px 0;}
	.bottom-header h3 {display: none;}
	.manu-slider {width: 80%; margin-left: 10%;}
	.loc-btn {width: 46%; font-size: 14px;}
	.yellow-btn-footer {width: 100%; padding: 10px 0; display: block;}
	.yellow-btn-footer:hover {width: 100%; padding: 10px 0; display: block;}
	.search-form .column4 {width: 97%;}
	.specials-container {width: 90%; margin: 0 5%;}

}

