/*
Theme Name: www.johnsontractor.com
Theme URI: https://sandhills.com
Author: Sandhills
Author URI: https://sandhills.com
Description: Sandhills default template.
Version: 2.0
Text Domain: sandhills
Tags: Sandhills default
*/


/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/
html, body {width:100%; height:100%; font-family: address-sans-pro, sans-serif !important;}

a {color:inherit; text-decoration: none;}






/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {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; width: 50%; text-align: right;}

#wp-admin-bar-new-content-default {display: none;}


















/*--------------------------------------------------------------
## Font Colors
--------------------------------------------------------------*/
.red {color:#d12727 !important;}
.orange {color:#dc4405 !important}


/*--------------------------------------------------------------
## Body Buttons
--------------------------------------------------------------*/
.leftButton {margin:0 auto 0 0 !important;}
.rightButton {margin:0 0 0 auto !important;}


/*--------------------------------------------------------------
## Red Buttons
--------------------------------------------------------------*/
a.redButton {  
	width:100%; max-width:300px; margin:0 auto; padding:15px 20px 13px 20px;
   	font-size:18px; font-weight: 700; text-decoration: none; font-stretch: condensed; text-align: center;	
	color: #fff !important; border: 1px #212121 solid; background: #d80000; box-sizing: border-box; 
    -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
}

a.redbutton:hover {color: #fff; background:#000;}


/*--------------------------------------------------------------
## Orange Buttons
--------------------------------------------------------------*/
a.orangeButton {  
	 width:100%; max-width:350px; margin:0; padding:15px 50px 13px 50px;
   	font-size: 18px; font-weight: 300; text-decoration: none; font-stretch: condensed; text-align: center;	
	color: #fff; background: #e24415; box-sizing: border-box;
    -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
}

a.orangeButton:hover {color: #fff; background:#000;}



/**** Red Pill Button / Link ****/
a.pageButtonLink {
	position:relative; display:inline-block; box-sizing:content-box;
	padding:.9em 1.5em; font-size:1em; line-height:1; font-weight:700; text-align:center; 
	color:#111; border-radius: 40px; border:1px #d80000 solid; background:#fff;
	-webkit-transition:.5s ease; -moz-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease;	
}

a.pageButtonLink:hover {color:#222; border:1px #333 solid; background:#E5E5E5;}

a.pageButtonLink.altButton {color:#fff !important; background:#d80000;}
a.pageButtonLink.altButton:hover {color:#f1f1f1; background:#222;}



/*--------------------------------------------------------------
## Header Contact Bar
--------------------------------------------------------------*/
.headerContactBar {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; padding:11px 2.5%; color:#fff; background:#d80000;}

.headerLocations {text-transform: uppercase;}
.headContactDesktop {font-size:23px !important;}

.headContactMobile {display:none; position:relative; z-index:1005; width:175px; height:40px; margin:0 0 0 .75em; padding:11px 11px 11px 20px; font-size:.9em; font-weight:700; cursor: pointer; border-radius: 40px; background:#f1f1f1; }
.headContactMobile:hover {color:#f1f1f1; background:#222;}
.headContactMobile a {display:block; color:#d80000;}
.headContactMobile:hover a {color:#f1f1f1;}


/**** Click to Call Drop Down ****/
.contact-drop-down {
	display:none;  position:relative; z-index:2005; width:175px; height:40px; margin:0 0 0 .75em; padding:11px 11px 11px 20px; font-size:.9em; font-weight:700; cursor: pointer; color:#fff; border-radius: 40px; background:#161616; 
}
.contact-drop-down:hover {color:#f1f1f1; background:#444; border-top-left-radius: 20px;border-top-right-radius: 20px; border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
.contact-drop-down i {color:#d80000;}
.contact-drop-down ul {display:none; position:absolute; z-index:140; width:175px;} 
.contact-drop-down:hover > ul, .contact-drop-down:focus > ul, .contact-drop-down:active > ul  {
	display:block; list-style:none; z-index:500; margin:5px 0 0 -20px; padding:0;
}

.contact-drop-down li:last-of-type{border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.contact-drop-down li {z-index: 5; border:0; background: #f1f1f1;}
.contact-drop-down li a {display:block; padding:10px 25px; font-size:.94em; line-height:1.3; text-align:left; font-weight:400; color:#222;}
.contact-drop-down li a:hover {color:#f1f1f1; background:#333;}
.contact-drop-down li:last-of-type a:hover{border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}



.headerSocial {width:auto; text-align: left;}
.headerSocial a {padding:0 8px;color:#fff;}


/*--------------------------------------------------------------
## Site Header
--------------------------------------------------------------*/
.siteheader {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; padding:35px 2.5%; background:#fff;}
.siteheader::before, .siteheader::after {display:none;}


/*--------------------------------------------------------------
## Site Logo
--------------------------------------------------------------*/
.hd-logo {margin:0; width:185px;}
.headlogo-section {float:none;}
.headlogo-section img {width:100%; max-width:185px;}



/*--------------------------------------------------------------
## Header Brands / Logos
--------------------------------------------------------------*/
.hd-right {display:flex; flex-flow:row wrap; align-items:center; justify-content: flex-end;width:calc(80% - 185px);}

.headBrandLogo {margin:0 10px; text-align:center;}
.headBrandLogo img{width:100%; max-width:150px; max-height:50px;}


/*--------------------------------------------------------------
## Navigation Bar
--------------------------------------------------------------*/
.navigationBar {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; padding:0 2.5%; background:#161616;}
.navWrapper{width:calc(100% - 428px);}


/*--------------------------------------------------------------
## Header Search
--------------------------------------------------------------*/
.head-search {display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-end; width:428px;}
.mobilesearch {display: none; color:#fff;}

.quick-search {width:calc(100% - 49px); height:50px; margin:0;}
.quick-search form {display:flex; flex-flow:row wrap; justify-content:flex-start; width:100%; margin:4px 0 0 0; padding:0;}
.quick-search input {
	width:calc(100% - 35px) !important; height:41px !important; margin:0 !important;  padding:0 !important; 
	font-size:17px; font-weight:400; ; text-indent:10px; text-align: start;
	color:#0f0f0f; border:0 !important; border-radius:0 !important;  background-color:#f7f7f7;
}

.quick-search input[type="submit"] {
	align-items:center; text-indent:0; width:35px !important;  margin:0 !important; padding: 1px 6px !important;  font-size:1.3125em; text-align: center;
	color:#fff; border:0 !important; border-radius:0 !important; background-color:#161616; font-family: FontAwesome;
}


/*--------------------------------------------------------------
## Home Hero
--------------------------------------------------------------*/
.homeHeroSlider {width:100%; border-bottom:1px #fff solid; }

.homeHeroSlider .cycle-slideshow {z-index:5; position:relative;overflow:hidden; margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.homeHeroSlider .cycle-slideshow img {position:relative; width:100%; margin:0; padding:0;}

.homeHeroSlider .cycle-pager {text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;}
.homeHeroSlider .cycle-pager span {font-family: arial; font-size: 50px; width: 16px; height: 16px; display: inline-block; color: #fefefe; cursor: pointer;}
.homeHeroSlider .cycle-pager span.cycle-pager-active {color: #d80000;}
.homeHeroSlider .cycle-pager > * {cursor: pointer;}


.slideItem {position:relative; width:100%; height:500px;}
.slideItem:before {content:""; position:absolute; z-index:1; width:100%; height:100%; background: rgb(24,24,24); background: linear-gradient(180deg, rgba(24,24,24,0.05) 0%, rgba(31,31,31,0.85) 100%);}
.slideItem .slider-overlay {position:absolute; left:5%; bottom:calc(50px + 3.5%); z-index: 5; width:90%; max-width:940px; margin:0 5% 0 0; color:#fff;}
.slideItem .slider-overlay p{font-size: 20px;}

a.slideButton {  
	display:inline-block; width:100%; max-width:300px; margin:0 auto; padding:15px 20px 13px 20px;
   	font-size:18px; font-weight: 700; text-decoration: none; font-stretch: condensed; text-align: center;	
	color: #fff !important; border: 1px #212121 solid; background: #d80000; box-sizing: border-box; 
    -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
}

a.slideButton:hover {color: #fff; background:#000;}


/*
.embed-container { position: relative; padding-bottom: 79.96632996632997%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

*/


/*--------------------------------------------------------------
## Call to Action Links
--------------------------------------------------------------*/
.ctaSection {border-top:3px #fff solid;}

.ctaDepartment {height:440px; max-height: 440px; border-right:1.5px #fff solid; border-left:1.5px #fff solid;}
.ctaDepartment .ctaOverlay{display: block; width:100%; height:440px; padding:25px 25px; background: rgb(20,20,20); background: linear-gradient(180deg, rgba(20,20,20,0.68) 0%, rgba(34,34,34,0.4822303921568627) 79%);}

.ctaDepartment h3 {margin-top:0;font-size:2vw; line-height:1; word-break:keep-all !important; text-transform:uppercase;}
.ctaDepartment p {font-size:18px; line-height:1.4; font-weight:300;}

h3.ctaDepartmentLogo {height:15%; padding:25px 0 0 0;}
h3.ctaDepartmentLogo img {width:100%; max-width:246px; margin:0 auto;}


/*--------------------------------------------------------------
## Featured Inventory Banner
--------------------------------------------------------------*/
.featuredHighlight {width:100%; max-width:1600px; margin:0 auto; /*margin:-20px auto; overflow:hidden;*/}
.featuredHighlight .card {z-index:5; margin-bottom:5px; border:1px #545454 solid;}
.featuredHighlight .card:hover {box-shadow:none;}
.featuredHighlight .outer-img-box {margin:23px 20px 20px 20px; padding:0; border:1px #545454 solid;}
.featuredHighlight .outer-img-box .inv_image {height:265px !important; }

.featuredHighlight .card-body, .featuredHighlight .sh-card-body {text-align:center;}
.featuredHighlight .card-body .col-padding, .featuredHighlight .sh-card-body .col-padding {padding:0 25px !important;}
.featuredHighlight .card-body a .listing-title, .featuredHighlight .sh-card-body a .listing-title {color:#434343;}
.featuredHighlight .card-body .listing-title, .featuredHighlight .sh-card-body .listing-title {
	font-size:22px; letter-spacing:1px; font-family: address-sans-pro-condensed, sans-serif; font-weight: 500 !important;
}
.featuredHighlight .card-body .small_spec, .featuredHighlight .sh-card-body .small_spec{
	font-size:22px; line-height:.35; letter-spacing:1px; font-family: address-sans-pro-condensed, sans-serif; font-weight: 500; color:#d12727;
}
.featuredHighlight .card-body .small_spec strong, .featuredHighlight .sh-card-body .small_spec strong{display:none;}
.featuredHighlight .carousel_details_btn {
	padding:14px 40px 13px 40px; font-size:17px; letter-spacing:1px; border:0; background:#2f2f2f; font-family: address-sans-pro-condensed, sans-serif; font-weight: 200; color:#fff;
}
.featuredHighlight .carousel-indicators {bottom: 40px;}
.featuredHighlight #controls { position:absolute; z-index:2000; width:100% !important; top:calc(45% - 50px);}

.featuredHighlight .a_inv_cont:first-of-type {position:absolute; left:-66px;}
.featuredHighlight .a_inv_cont:last-of-type {position:absolute; right:-66px;}


/*--------------------------------------------------------------
## Home Banner - Parts
--------------------------------------------------------------*/
.homeBannerSection {}

.partsShopOverlay {
	display: block; width:100%;
	background: rgb(20,20,20); background: linear-gradient(180deg, rgba(20,20,20,0.68) 0%, rgba(34,34,34,0.4822303921568627) 79%);
}



/*--------------------------------------------------------------
## Page Mains
--------------------------------------------------------------*/
.page-main {width:90%; max-width:1300px; margin:0 auto; padding: 80px 0;}

.inv-main {margin:0 auto; padding:20px 5%;}

.contact-main {display:flex; flex-flow:row wrap; justify-content:space-between;}

.page-breadcrumbs {margin:0 0 3% 0; font-size:1em; font-weight: 600; color: #111;}
.page-breadcrumbs a {color:#D80000; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;}
.page-breadcrumbs a:hover {color: #111;}


/*--------------------------------------------------------------
## Body Copy
--------------------------------------------------------------*/
.pageContent {background:#ededed;}

.pageHeroWidget {position:relative; float:none; width:90%; max-width:1530px; margin:0 auto; background:#fff;}
.pageHero {position:relative; overflow:hidden; max-width:1530px; height:450px !important; margin:0 auto;}
.pageHero video {position: absolute; z-index:1;top: 50%; left: 50%; transform: translate(-50%, -50%);}
.heroOverlay {
	position:absolute; z-index:5; display:block; width:100%; height:100%; 
	background: rgb(20,20,20); background: linear-gradient(180deg, rgba(20,20,20,0.68) 0%, rgba(34,34,34,0.4822303921568627) 79%);
}
.pageHeroWidget .heroOverlay {display:flex; flex-flow:column wrap; align-items:center; justify-content:center; width: 100%; height:100%;}
.pageHeroWidget .heroOverlay h1 {margin:0 0 10px 0; font-size:48px; text-align:center; text-transform:uppercase; color:#fff}
.pageHeroWidget .heroOverlay h2 {margin:0 0 0 0; color:#fff;}


.bodyCopy {max-width:1530px; padding:3.5% 5% 4.5% 5%; background:#fff;}

.bodyCopy h1 {
	font-size:32px !important;
    font-weight:700;
	text-align:center; 
    line-height:1 !important;
    text-transform: uppercase !important;
	color: #d80000;
}

.bodyCopy hr.titleBar{
	width:30%; max-width:180px; margin:10px auto 35px auto; padding:1px 0; border-top: 2px solid #939393;
}

.bodyCopy hr.titleBar::after{
	content:''; display: inline-block; position:absolute; left:0; right:0; width:20%; max-width:150px; margin:0 auto; padding:2px 0; border-bottom: 2px solid #939393;
}

.bodyCopy h2 {
	color:#1B1B1B;
    font-size: 24px;
    font-weight: 700;
    line-height:1;
    text-transform: capitalize;
    margin:0 0 12px 0;}

.bodyCopy h3 {
	color: #000;
    font-size: 22px;
    line-height: 22px;
    font-weight: 700;
    text-align: center;

}

.bodyCopy hr {margin:15px 0 25px 0; border-top:1px #838383 solid;}

.bodyCopy b {font-weight:600 !important;}

.bodyCopy p {
    font-size: 17px;
    font-weight: 500;
    text-align: left;
    line-height: 28px;

}

.bodyCopy a {color:#d80000;}
.bodyCopy a:hover {color:#000;}

.bodyCopy .form-control {height:40px !important; font-size:16px; color:#252525;}


/*--------------------------------------------------------------
## Page Form
--------------------------------------------------------------*/
.bodyCopy form {margin:3.5% 0 0 0;}

.bodyCopy form h1 {position:relative; margin:0 0 10px 0; font-size:1.35em !important; font-weight:700; text-align: left; text-transform:uppercase; border:0; color:#111 !important;}

.form-group {margin:0 7px 15px 7px;}

a.btn-primary,
a.btn-success {color:#fff !important;} 

.btn-success, .btn-success:focus {padding:18px 25px; font-size:18px; line-height:1; border:0;border-radius: 0px!important;}
.btn-success:hover, .btn-success:active {background-color: #d80000!important; border-color: #d80000!important;}

textarea.form-control {min-height:150px;}
.bodyCopy form .has-feedback .form-control-feedback {font-size:10px;}
.bodyCopy .form-group label {font-weight:600;}


/*--------------------------------------------------------------
## Home MainCopy
--------------------------------------------------------------*/
.home-main {width:auto; max-width:none; margin:0 auto; padding:0;}

.homeContent {/*border-top:6px #242424 solid; background:#ededed;*/}


.homeCopy {/*max-width:1530px;*/ padding:0 5%; background:#fff;}
/*.page-main {width:90%; max-width:1300px; margin:0 auto; padding: 80px 0;}*/


.homeCopy h1 {
	width:100% !important; margin:0; font-size: 50px !important; line-height: 50px !important; font-weight:700; text-transform: uppercase; text-align: center !important; border:0 !important; font-family: address-sans-pro-condensed, sans-serif;
}

.homeCopy hr{
	width:30%; max-width:230px; margin:10px auto 20px auto; padding:2px 0; border-top: 3px solid #939393;
}

.homeCopy hr::after{
	content:''; display: inline-block; position:absolute; left:0; right:0; width:20%; max-width:200px; margin:0 auto; padding:2px 0; border-bottom: 3px solid #939393;
}

.homeCopy p {
	font-size:1.35em; line-height:1.75; font-weight:400;
}


/*--------------------------------------------------------------
## Promo Slides
--------------------------------------------------------------*/
.promoTitleBar {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; padding:0 2%;}
.promoTitleBar a.redButton {margin:0 0 0 15px;} 

.promoSliderHome {width:100%; max-width:1150px; height:550px; margin:0 auto; color:#fff;}
.promoOverlay {
	display: block; width:100%; height:100%; padding:4% 5%; text-align:left; 
	background: rgb(20,20,20); background: linear-gradient(180deg, rgba(20,20,20,0.8547794117647058) 0%, rgba(34,34,34,0.43461134453781514) 79%);
}
.promoPreHeadline {font-size:44px; line-height:1.1; font-weight:700; text-align: left;}
.promoHeadline {font-size:38px; line-height:1.1; font-weight:400; text-align: left;}
.promoSubHead {font-size:26px; font-weight:200; text-align: left;}

a.promoButton {position:absolute; bottom:10%; width:calc(100% - 35px) !important; font-size:20px !important;}




div.slick-list.draggable {padding:0 !important; }
#customSliderSlickSlider23 .slick-list {padding:0 !important; }




.slick-slider {width:100%; overflow:hidden;}
.slick-slide {
    padding:0 !important;
    padding-right:0!important;
}
.post-container-kubota-specials .slick-list {width:100%; max-width:1320px; height:550px; margin:0 auto; overflow:hidden; }

.slick-prev, .slick-next {display:none !important;}
.post-container-kubota-specials .slick-dots {margin:15px 0 0 0;}

/*.slick-dots li button::before {opacity: 1 !important; width: 30px !important; height: 30px !important; font-size: 15px !important; color: #000 !important;}
.slick-dots li.slick-active button:before {opacity:1 !important; color: #d80000 !important;}*/



/*--------------------------------------------------------------
## Model Showcase
--------------------------------------------------------------*/
.modelShowcaseTitle {font-size:48px; line-height:1; text-align:center; text-transform:uppercase; font-family: address-sans-pro-condensed, sans-serif;}

.sheditor-nav-tabs-410 {padding:10px 10px 20px 10px;}

.categoryBlock {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; box-sizing:border-box; margin:5px; padding:15px 13px; border:1px solid #545454; background:#fff;}

.categoryBlockImage {position:relative; width:100%; float:left; margin-bottom:5px; background:#000; }
.categoryBlockImage h3 {position:absolute; left:18px; bottom:15px; margin:0; font-size:30px; font-weight:800; text-transform:uppercase; color:#fff; text-shadow: 0px 0px 12px rgba(20, 20, 20, 0.65);}
.categoryBlockImage img {width:100%; }


.categoryButton {width:calc(50% - 5px); margin:5px 0 0 0; background: #d80000;}
.categoryButton a, .categoryButtonAlt a{
	display:block; width:100% !important; max-width:100% !important; padding:15px 5px 13px 5px; text-decoration:none; font-size:17px; font-weight:400; text-align:center;color:#fff; border: 1px #212121 solid;
}

.categoryButton a:hover, .categoryButtonAlt a:hover {color:#fff;}

.categoryButtonAlt {width:calc(50% - 5px);  margin:5px 0 0 0; background:#6d6d6d;}
.categoryButtonAlt a{border: 1px #424242 solid;}


/*--------------------------------------------------------------
## Model Navigation Pills
--------------------------------------------------------------*/
.nav-pills {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; margin:0 auto;}

.sheditor-nav-tabs-1984 {width:100%; max-width:920px; padding:6.5% 0;}
.sheditor-nav-tabs-1984:before {content:''; display: inline-block; position:absolute; top:13%; left:0; right:0; width:80%; margin:0 auto; padding:2px 0; border-bottom: 2px solid #c9c9c9;}

.sheditor-nav-tabs-1984:after {content:''; display: inline-block; position:absolute; bottom:14.5%; left:0; right:0; width:80%; margin:0 auto; padding:2px 0; border-bottom: 2px solid #c9c9c9;}

.nav-pills>li {float:none;
    width: auto; margin:15px; padding:0 5px;
    text-align: center;
}

.nav-pills>li>a {font-size:22px; font-weight:600; text-transform:uppercase; color:#1e1e1e !important; border:1px #e7e7e7 solid; }
.nav>li>a:focus, .nav>li>a:hover {background-color: #F9F9F9;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {font-weight:600; color:#d80000 !important; border:1px #d80000 solid; background:#fff;}













/*--------------------------------------------------------------
## Location Map Selection
--------------------------------------------------------------*/
.locationPlaceholderMap {width:90%; max-width:1530px;
    margin-top: -59px;
    height:450px; margin:0 auto;}
.locationPlaceholderMap iframe{width: 100%; height:100%; margin:-48px auto 59px auto;}


.locationSection {
	display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:center;
	width:100%; max-width:1530px; margin:0 auto; padding:45px 35px;
}

.locationStatesMap {overflow:hidden; width:46%; margin:0 4% 0 0;}
.locationStatesMap iframe{width: 100%; height: calc(100% + 59px); min-height:578px; margin-top:-48px;}

.map iframe{width: 100%;
    margin-top: -59px;
    height: calc(100% + 59px);}
/*.map.hero iframe{width: 100%;
    margin-top: -59px;
    height: 700px;}*/
/*.site-single .map.hero iframe{
    margin-top: unset;
    height: 641px;}*/
.map {overflow: hidden; 
    height: 100%;}
/*.map.hero{height: unset !important;}*/





.locationsContainer {
	display:flex; flex-flow:row wrap; /*justify-content: space-between;*/
	width:100%; 
	width:50%;
    /*padding: 40px;*/
   
    /* height: 400px; */
    box-sizing: border-box; background: #fff;
}

.locationHeading {width:100%;}
.locationHeading h3 {margin-top:0; font-size:34px;}






.storeContainer {width:100%; margin:0;}




label.locationSelectWrapper {
    display: block; position: relative; overflow: hidden; width: 100%; /*max-width:550px;*/ height:48px; margin-right: 20px; background:#f6f6f6;
}

label.locationSelectWrapper:after {
    content: "\f107 ";
    font-family: FontAwesome;
    color: #282828;
    position: absolute;
    right: 0;
    top: 18px;
    z-index: 1;
    width: 5%;
    height: 100%;
    pointer-events: none;
}

select.dropdownLocations {
	width: 100%; height:48px; padding: 10px; font-size: 15px; border: 0;  color:#313131;background:#f6f6f6;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
}
select.dropdownLocations option {font-size: 14px !important; line-height:1.25 !important; color: #454545;}









/*
.locations-copy {
    display: flex;
    flex-direction: column;
}

.locations-copy form {
    margin-bottom: 25px;
}*/




.storeInformation {display:flex; flex-flow:row wrap; align-items: flex-start; /*justify-content:;*/ font-size:16px;}



.storeDetails {width:50%; min-width:275px; padding:30px;}
.storeDetails h4 {margin:0 0 12px 0; font-size:18px; font-weight:700;color: #313131;}
.storeDetails a {color:#282828;}

.storeAddress {position:relative;margin:0 0 0 25px; text-align:left; }
.storeAddress:before {
	content: "\f3c5 ";
    font-family: FontAwesome;
    color: #cbcbcb;
    position: absolute;
    left:-25px;
    top: 5px;
    z-index: 1;
    width:12px;
    height:16px;
    pointer-events: none;
}

.storePhone {position:relative; margin:12px 0 0 25px; text-align:left;}
.storePhone:before {
	content: "\f095 ";
    font-family: FontAwesome;
    color: #cbcbcb;
    position: absolute;
    left: -25px;
    top: 5px;
    z-index: 1;
    width:16px;
    height:16px;
    pointer-events: none;
}







/* Locations Updated */

/*.maps iframe {
    pointer-events: none;
}

.locations-page .store-information {
    flex-direction: column;
    border: 15px solid #fff;

}*/






/* .locations-page .store-location {
    height: 200px;
} */

.locations-page .store-details,
.locations-page .store-location,
.locations-page .store-brands {
    width: 100%;
    box-sizing: border-box;
}


.store-details-heading {
    display: flex;
    justify-content: space-between;
}

/*.store-details-heading i {
    display: none;
}
*/
.locations-page .store-details {
    height: 400px;
}



/*.store-information .button {
    display: none;
}*/

/*.locations-page .store-information .button {
    display: block;
    margin: 0;
    width: 100%;
    border-radius: 0;
}*/


.storeHours {margin:12px 0 0 0; }



/*.store-hours {
    display: none;
}*/

/*.locations-page .store-hours {
    display: block;
}

.hours-list li {
    font-size: 16px;
    padding: 7px;
    display: flex;
    justify-content: space-between;
}

.hours-list li:nth-of-type(odd) {
    background: #fff;
}
*/



.store-hours {}
.store-hours strong{font-weight:600;} 


.locationMediaSection {width:100%; /*max-width:550px;*/}
.locationLotPhoto {width:100%; height:232px;}

/*.locationDirectionsMap iframe{width:100%; max-width:550px; height:232px;}*/












/*--------------------------------------------------------------
## Locations Page Embed Map
--------------------------------------------------------------*/
/*.mapEmbed {width:calc(100% - 18px); height:800px; margin:0 auto;}
.mapEmbed iframe {border:0;}*/

/*.locmap {width:55%;}*/

/*--------------------------------------------------------------
## Select Locations Map
--------------------------------------------------------------*/
/*.desktopmap {width:100%; float:left;}
.mobilemap {display:none;}*/

/*.deskmap{position:relative;margin-top:-0px;float:left; z-index:1; width:100%; border-top: 6px solid #d80000;}
.deskmap svg {position:absolute;}
.deskmap img {width:100%;}*/

/*.cls-1{fill:none;}
.cls-2{fill:#fc0303;stroke:#000;stroke-miterlimit:10;stroke-width:3px;}

#dynamicContent {
	display:block; position:relative; z-index:2; float:left; width: calc(500px + 5%); margin-top:-23%; margin-left:10%; padding:55px 2.5%;	
	color:#fff; background:url(/wp-content/uploads/2021/08/carbon-fiber-background.jpg) repeat;
	transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease;
}

.blue {width:100%;}
.blue h2 {font-size:28px; line-height:29px; text-align:left; text-transform:uppercase; color:#fff; }
.blue h3 {margin-top:40px; font-size:22px; color:#d80000; }

.reds {color:#d80000;}

.blue p {
	color:#fff;
	margin-top:15px;
	font-size:18px;
	line-height:22px;
}

.locations p {
	margin-top:5px;
}

.locations h2 {
	font-size:24px;
	margin-top:20px;
	font-weight:bold;
	text-transform:capitalize;
	color:#FFF!important;
}

.locations a {
	background:#d80000;
	padding:5px 37px;

	color:#fff;
	font-size:20px;	
	float:left;
	font-weight:bold;
	border-radius:3px;
	text-decoration:none;
	text-transform:uppercase;
}

.locations a:hover {background:#ADADAD;}
*/











.locations-dropdown{
		position: relative;
	}
.locations-dropdown ul{
		list-style: none;
padding: 0;
	}
	.locations-dropdown > a{
		display: block;
		padding: 20px 30px;
		background: #2a4b82;
		color: #fff !important;
		position: relative;
		text-transform: uppercase;
		font-weight: 700;
	}
	.locations-dropdown > a:hover{
		background: #d12b27;
	}
	.locations-dropdown > a i{
		position: absolute;
    right: 25px;
    top: 23px;
		transition: ease all 0.3s;
		
	}
	.locations-dropdown > a.open i{
		transform: rotate(180deg);
	}
	.locations-dropdown > ul{
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		width: 100%;
	}
	.locations-dropdown > a.open + ul{
		display: block !important;
		background: #e14848;
		color: #fff !important;
		z-index: 300;
	}
	.locations-dropdown > a.open{
		background: #d12b27 !important;
	}
	.locations-dropdown > ul li a{
		display: block;
		padding: 20px 30px;
		background: #e14848;
		color: #fff !important;
		text-transform: uppercase;
		font-weight: 700;
		transition: ease all 0.3s;
	}
	.locations-dropdown > ul li a:hover{
		background: #d12b27;
	}




@media screen and (max-width: 1199px){
.col50 {
    width: 100%;
    padding: 0 !important;
}
	.map.hero iframe{
    height: 400px;}

}





/*--------------------------------------------------------------
## Rental Tables
--------------------------------------------------------------*/
ul.rentallist {display:flex; flex-flow:row wrap; justify-content:flex-start; margin:0 0 20px 0; padding:0; border:1px #e5e5e5 solid;}
ul.rentallist:last-of-type {margin:0;}
ul.rentallist li{list-style:none; width:50%; padding:10px 15px; color:#333; background:#efefef;}
ul.rentallist li strong {color:#252525;}
ul.rentallist li:nth-of-type(2n) {border-left:1px #eee solid;}
ul.rentallist li:nth-of-type(3),
ul.rentallist li:nth-of-type(4) {border-top:1px #e5e5e5 solid; border-bottom:1px #e5e5e5 solid; background:#fbfbfb;}


/*--------------------------------------------------------------
## Precision Farming Red Buttons
--------------------------------------------------------------*/
.precfarmbutton {
    width: 50%;
    float: left;
    padding: 30px;
    padding-top: 0;
    box-sizing: border-box;
}

.precfarmbutton a {
    background: #d80000;
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding: 15px 10px;
    box-sizing: border-box;
    width: 100%;
    max-width: 500px;
    border: 2px solid #000;
    margin: 0 auto;
    display: block;
    text-transform: uppercase;
    font-weight: 800;
    text-decoration: none;
    font-stretch: condensed;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.precfarmbutton a:hover {color: #d80000; background:#000;}


/*--------------------------------------------------------------
## Border Elements / Sections
--------------------------------------------------------------*/
.border-reviews, .border-reviews:hover {
    transition:none;
    border:0;
    border-bottom:0;
    background-color:transparent;
}

.borderElement {
	display:flex; flex-flow:row wrap;  
	width:98% !important; margin:1%; padding: 25px !important; border: 1px solid #000; background:#f5f5f5; box-sizing: border-box;
}

.borderElement .sh-row::before, .borderElement .sh-row::after,
.borderElement .row::before, .borderElement .row::after {display:none;}

.borderElement .sh-row div:nth-of-type(n+2),
.borderElement .row div:nth-of-type(n+2){padding:0 0 0 35px;}

.borderElement h2 {font-size: 26px; text-align: left;}
.borderElement h3 {margin:0 0 10px 0; font-size: 20px; text-align:left;}
.borderElement img {display:block !important; width:100%; max-width:350px; margin:0 auto;}

.innerbox {width: 100%; padding: 10px 10px 0px 10px; border:1px #d80000 solid ; box-sizing: border-box; background:#EFEFEF; }



/*--------------------------------------------------------------
## Reviews Section
--------------------------------------------------------------*/
.post-container-reviews {display:flex; flex-flow:row wrap; align-items: flex-start; justify-content:center;}
.column-padding-reviews {width:50%;}

.reviewElement {
	display:flex; flex-flow:row wrap;  
	width:98% !important; margin:1%; padding: 20px !important; border: 1px solid #545454;   box-sizing: border-box;
}

.reviewElement .sh-row::before, .borderElement .sh-row::after,
.reviewElement .row::before, .borderElement .row::after {display:none;}

.reviewElement .sh-row div:nth-of-type(n+2),
.reviewElement .row div:nth-of-type(n+2){padding:0 0 0 35px;}

.reviewElement h3 {width:100%; margin:0 0 6px 0; font-size:21px; font-weight:600; text-transform:capitalize; text-align:left;}
.reviewElement h4 {width:100%; margin:0 0 4px 3px; font-size:18px; text-align:left; color:#181818;}
.reviewElement h4 span {font-size:16px; font-style:italic !important; color:#6B6B6B;}
.reviewElement .starRatings {width:100%; margin:0 0 15px 0; font-size:18px; text-align:left; color:#d19527;}


/*--------------------------------------------------------------
## Team / Staff
--------------------------------------------------------------*/
.border-team {
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    display: inline-block;
}

.staff {box-sizing:border-box; padding:15px 13px; border:1px solid #545454; background:#fff; }
.staff img {width:100%; float:left; margin-bottom:15px;}

.staff h3.staffName {margin:0 0 5px 5px; font-size:27px; line-height:1; font-weight:700; text-align:left; text-transform:none;}
.staff .staffTitle {padding:0 0 0 5px; font-size:18px; line-height:1;}

.staffButton {margin:5px 0 0 0; background: #d80000;}
.staffButton:hover {color:#fff; background:#000;}
.staffButton a, .staffButtonAlt a {
	display:block; width:100% !important; max-width:100% !important; padding:15px 20px 13px 20px; text-decoration:none; font-size:17px; font-weight:400; text-align:center;color:#fff; border: 1px #212121 solid;
}
.staffButton a:hover, .staffButtonAlt:hover a {color:#fff;}

.staffButtonAlt {margin:5px 0 0 0; background:#6d6d6d;}
.staffButtonAlt a {border: 1px #424242 solid;}

.nextButton-container-team, .prevButton-container-team {display:none;}


/*--------------------------------------------------------------
## Parts Location
--------------------------------------------------------------*/
.partsLocationSection {margin:0; padding:0;}

.partslocation {margin:10px; padding:10px; border:1px solid #BDBDBD; background:#f2f2f2; box-sizing:border-box;}
.partslocation a {color:#d80000; font-size:15px;}

.partsLocationPhoto {width:100%; max-width:100% !important; margin-bottom:15px !important;}
.partsLocationPhoto img {width:100%;}


.pdLocationButton {margin:5px 0; background: #d80000;}
.pdLocationButton:hover {color:#fff; background:#000;}

.pdLocationButton a {
	display:block; width:100% !important; max-width:100% !important; padding:15px 20px 13px 20px; text-decoration:none; font-size:20px; font-weight:400; text-align:center;color:#fff !important; border: 1px #212121 solid;
}
.pdLocationButton a:hover {color:#fff;}


/*--------------------------------------------------------------
## Showrooms / Product Lines
--------------------------------------------------------------*/
.manus {border:1px solid #000; box-sizing:border-box;}
.manus a {}
.manus:hover {border:1px solid #d80000; box-shadow: 5px 5px 5px #aaa;}
.manus img {width:100%; padding:50px 20px; box-sizing:border-box;}


/*--------------------------------------------------------------
## Showroom Categories - Sub Showrooms
--------------------------------------------------------------*/
.border-showroom-categories {
	padding:35px 0 45px 0;
	padding:0;
	float:none;
    text-align:left;
    border:0;
    border-bottom:0;
    box-shadow:none;
    background:transparent;
    display: inline-block;
}

.border-showroom-categories:hover {border:0; border-bottom:0; background:transparent; box-shadow:none;}

.cats {margin:1%; padding:10px; border:1px solid #000; box-sizing:border-box;}
.cats img {width:100%;}
.cats h2 {
	width:100%; margin-top:10px; margin-bottom:0; padding:15px 5px 13px 5px; font-size:17px; font-weight:600; text-align:center; text-decoration:none;
	text-transform:uppercase; color:#fff; border: 1px #212121 solid; background:#d80000; box-sizing:border-box; 
}


/*--------------------------------------------------------------
## News / Stories
--------------------------------------------------------------*/
.post-container-news-stories {}

.column-padding-news-stories { border-bottom:1px #ccc solid;}
.column-padding-news-stories:last-of-type {border:0;}

.border-news-stories {
	padding:35px 0 45px 0;
	float:none;
    text-align:left;
    border:0;
    border-bottom:0;
    box-shadow:none;
    background:transparent;
    display: inline-block;
}

.border-news-stories:hover {
    border:0;
    background:transparent;
    border-bottom:0;
    box-shadow:none;
}

.border-news-stories h3 {text-align:left;}

.postTitle {font-size: 30px!important; font-weight: bold!important; } 
.postSubTitle {margin:0 0 12px 0 !important;font-size: 24px!important; font-weight: bold!important; }
.blog-content h3 {text-align:left; text-transform:capitalize;}

.postSubTitle h4{margin-bottom:12px!important;font-size: 18px!important; font-weight: bold!important; }

.blog-content h4{margin-bottom:12px!important;font-size: 18px!important; font-weight: bold!important; }

.blog-post h2.entry-title {text-transform:capitalize !important;}
.blog-post-single h3.postSubTitle {text-align:center;}


.news-photo {margin:25px 0 0 0;}
.news-photo img {width:auto; max-width:100%; margin:0 auto;}


/*--------------------------------------------------------------
## Calendar Events
--------------------------------------------------------------*/
.border-events {
	transition:none;
    border:0;
    border-bottom:0;
    box-shadow:none;
    background-color:transparent;
}

.border-events:hover {
    border:0;
    background-color:transparent;
    border-bottom:0;
    box-shadow:none;
}

.calendarEvent {display:flex; flex-flow:row wrap; justify-content:flex-start; margin:0 0 1.5% 0; background:#f5f5f5;}

.calendarDate {
	display:flex; flex-flow:column wrap;  justify-content:center;
	width:150px; padding:1.85% 5px 1.5% 5px; font-size:3em; line-height:1; text-align:center; color:#fff; background:#4f4f4f;
}
.calendarEvent:nth-of-type(even) .calendarDate {background:#3a3a3a;}
.calendarDate span {font-size:.95em; line-height:1; font-weight:900; text-transform: uppercase;}
.calendarDate span.dateYear {font-size:.38em; line-height:1; font-weight:300; letter-spacing:1px; }

.calendarPhoto {position:relative; width:300px;}

.calendarDetails {display:flex; flex-flow:row wrap; justify-content:flex-start; width:calc(96% - 460px); padding:2%;}
.calendarDetails h3 {width:100%; margin:0 0 8px 0; text-align:left;  text-transform:uppercase; color:#c51230;}
.calendarDetails p {margin:0 0 25px 0; font-size:1.35em; line-height:1;}

a.calendarButton {justify-content: flex-start !important; margin:0 auto 0 0; padding:10px 20px 8px 20px; font-size:16px; font-weight: 500; text-align:center; color:#fff; border:0;}


/*--------------------------------------------------------------
## Contact Page Main Section
--------------------------------------------------------------*/
.contact-section {width:65%;}


/*--------------------------------------------------------------
## Kubota Promos
--------------------------------------------------------------*/
.promoCopy {padding:3.5% 3.5% 5% 3.5% !important;}
.promoCopy h2 {font-weight:700; text-transform:capitalize;}

.promoSingleHero {width:100%; max-width: 1530px; height:250px; margin:0 auto; color:#fff;}
.promoSingleHero .promoOverlay {display:flex; flex-flow:column wrap; align-items:flex-start; justify-content:center;}
.promoSingleHero h1 {margin:0 0 10px 0; color:#fff}
.promoSingleHero h2 {margin:0 0 0 0; color:#fff;}

.border-kubota-specials {box-shadow:none !important; border-bottom:0 !important; border:0 !important;}
.promo-item {
	display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:flex-start; margin:10px 0; padding:25px; 
    border:1px solid #000 !important; background-color: #fff; transition: box-shadow .2s;
}

.promo-image {width:320px; margin:0 25px 0 0;}
.promo-image img {width:100%; margin:0 auto;}

.promo-text {width:calc(100% - 345px); padding:5px 0 0 0; text-align:left;}
.promo-text h3 {margin-top:0; text-align:left; font-style:italic;}
.promo-text h2 {margin:0 0 8px 0; font-size:24px; font-weight:500;}
.promo-text p {font-size:18px;}
.promo-text em {font-size:.85em; font-weight:600;}

.promo-single {margin:20px 0 0 0;}

.promo-single .promo-text {float:left; width:calc(65% - 45px); padding:5px 45px 25px 0; }
.promo-single .promo-text h3 {font-weight:600; text-transform: capitalize;}
.promo-single .promo-text h3 span {font-weight:700;}

.promo-single .promo-text .promo-header {margin: 0 0 10px 0;font-size: 26px; line-height:1; font-weight:700; text-transform: capitalize; color:#dc4405;}
.promo-single .promo-text .promo-subheader { margin: 0 0 10px 0;font-size: 22px;line-height:1; font-weight:500; text-transform: capitalize;}
.promo-single .promo-text p {font-size:22px; color:#353535;}

.promo-single .promo-form {float:left; width:36%; padding:2%; background:#DFDFDF;}
.promo-single .promo-form form {margin:0;}
.promo-single .promo-form form h1 {font-size:1.25em !important; font-weight:600;}

.promo-footnote {width:100%; margin:20px 0 0 0; font-size:17px; line-height:1.5; font-weight:300;}


/**** Special Offers Archive Page ****/
.special-offers-archive .special-offer-wrapper {display: flex; flex-flow:row wrap; /*align-items:flex-start; */justify-content:center; width:100%; margin:3.5% 0;}
.special-offers-archive .special-offer-item {display:flex; flex-flow: column wrap; justify-content: space-between; width: 31.33%; margin:1%; padding:.5% .5% 2% .5%;}

.special-offers-archive .special-offer-hero {position:relative; overflow:hidden; height:0; padding-bottom:75%; border-radius:30px; transition:0.15s;}
.special-offers-archive .special-offer-hero a {display:block; width:100%; height:100%;}

.special-offers-archive .special-offer-intro {display: flex; flex-flow:column wrap; align-items:flex-start; justify-content: space-between; margin:0 0 auto 0; padding:1em 1em 1em 2em;}
.special-offers-archive .special-offer-intro-text {flex:1;}
.special-offers-archive .special-offer-vendor {position:relative; margin:0 0 .15em 0; font-size:1.15em; line-height: 1.1; text-align:left; font-weight: 500;}
.special-offers-archive .special-offer-title {position:relative; margin:0 0 .15em 0; font-size:1.65em; line-height: 1.1; text-align:left; font-weight: 700;}
.special-offers-archive .special-offer-preview {margin:0 0 .75em 0; font-size:1.15em; text-align:left;  font-weight: 400;}
.special-offers-archive .special-offer-expiration {margin-top: auto; padding:1em 1em 1em 2em; font-weight:700; color:#d80000;}
.special-offers-archive .special-offer-flexgrow{flex-grow: 1;}
.special-offers-archive .special-offer-item:hover a.pageButtonLink:after {position:absolute; z-index:0; right:15px; bottom:14px; font-size:16px; color:#111; content: "\f061"; font-family: FontAwesome;}

/**** Special Offers Single Page ****/
.special-single .spec-offer-title {margin:0 0 3% 0; font-size:calc(16px + 2vw); line-height:1.15; font-weight: 800;}
.special-single .spec-offer-hero {position:relative; margin:0 0 5% 0; width:100%; height:400px; border-radius:30px; overflow:hidden; }
.special-single .spec-offer-gradient {
	position:absolute; z-index:1; width:100%; height:100%;
	background: rgb(24,24,24); background: linear-gradient(270deg, rgba(24,24,24,0.8547794117647058) 0%, rgba(31,31,31,0.5830707282913166) 100%);
}
.special-single .spec-offer-hero-overlay {position: absolute; z-index:2; left: 70%; top: 65%; transform: translate(-55%,-50%); width:60%;}
.special-single .soh-overlay-title {font-size:calc(16px + 1.85vw); line-height:1.1; text-transform:uppercase; font-weight: 700; color:#fff;}
.special-single .soh-overlay-subtitle {font-size:calc(16px + 1.05vw); line-height:1.1;  font-weight: 500; color:#fff;}
.special-single .spec-offer-body {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:space-between; padding:0 2%;}
.special-single .spec-offer-text {flex:.52;}
.special-single .spec-offer-details {margin:0 0 2% 0; font-size:1.35em; line-height:1.5; font-weight: 600;}


.special-single .spec-offer-details h1.special-title,
.special-single .spec-offer-details h2.special-title {font-size: 28px !important; text-align:left; text-transform: none !important; color:inherit !important;}


.special-single .spec-offer-details h3 {text-align:left;}

.special-single .spec-offer-details p { font-size:20px;}
.special-single .spec-offer-details li{ font-size:18px; font-weight:400;}
.special-single .spec-offer-details table {box-sizing:border-box; width: 100%; margin-bottom:15px; line-height:1.2; font-weight:300; border:1px #111 solid;}
.special-single .spec-offer-details table th,
.special-single .spec-offer-details table td {padding:10px;}
.special-single .spec-offer-details table tr {border-bottom:1px #111 solid;}
.special-single .spec-offer-details table tr:first-of-type,
.special-single .spec-offer-details table th{font-weight: 600;}
.special-single .spec-offer-details table tr:last-of-type {border:0;}

.special-single .spec-offer-details table tr td,
.special-single .spec-offer-details table tr th{border-right:1px #111 solid;}
.special-single .spec-offer-details table tr td:last-of-type,
.special-single .spec-offer-details table tr th:last-of-type{border-bottom:0;}

.special-single .spec-offer-expiration {margin:0 0 2% 0; font-size:1.25em; line-height:1.5; font-weight: 700;}
.special-single .spec-offer-startend {margin:0 0 2% 0; font-size:1.25em; line-height:1.5; font-weight:400;}

.special-single .spec-offer-notes {margin:0 0 5% 0; font-size:1.2em; line-height:1.5; font-weight: 400;}
.special-single .spec-offer-form {flex:.425; padding:3%; color:#f9f9f9; border-radius:30px; background:#111;}
.special-single .spec-offer-form h3 {text-align:left; color:#fff;}

.special-single .spec-offer-form .btn-success:hover, .special-single .spec-offer-form .btn-success:active {
  background-color: #333 !important;
  border-color: #222 !important;
}


/*--------------------------------------------------------------
## Locations Page
--------------------------------------------------------------*/
.border-locations {
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    display: inline-block;
}

.border-locations:hover {
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    display: inline-block;
}

.locationCard {
	display:flex; flex-flow:row wrap; align-items: flex-start; justify-content: space-between;
	box-sizing:border-box; padding:15px 13px; border:1px solid #545454; background:#fff;
}

.locationCardLeft {width:calc(100% - 315px);}

.locationCard h3.locationName {margin:0 0 5px 5px; font-size:27px; line-height:1; font-weight:700; text-align:left; text-transform:none;}
.locationCardLeft p {padding:0 0 0 5px; font-size:18px; line-height:1.5;}

.locationCardLeft a {color:#131313;}

.locationCardRight {
	display:flex; flex-flow:column wrap;  justify-content: space-between;
	width:300px;
}

.locationCardRight .locationHighlightPhoto {position: relative; overflow: hidden; width:100%; height:0; padding-bottom:66.5%;}
.locationCardRight .locationButton {width:100%; margin:15px 0 0 0 !important;}

.locationCardRight .locationButton {margin:5px 0; background: #d80000;}
.locationCardRight .locationButton:hover {color:#fff; background:#000;}

.locationCardRight .locationButton a {
	display:block; width:100% !important; max-width:100% !important; padding:15px 20px 13px 20px; text-decoration:none; font-size:20px; font-weight:400; text-align:center;color:#fff !important; border: 1px #212121 solid;
}
.locationCardRight .locationButton a:hover {color:#fff;}

/*--------------------------------------------------------------
## Location Single Pages
--------------------------------------------------------------*/
.locationCopy {padding:3.5% 3.5% 5% 3.5% !important;}
.locationCopy h2 {font-weight:700; text-transform:capitalize;}

.locationSingleHero {width:100%; max-width: 1530px; height:275px; margin:0 auto; color:#fff;}
.locationSingleHero .locationOverlay {
	display:flex; flex-flow:column wrap; align-items:flex-start; justify-content:center; idth:100%; height:100%; padding:4% 5%; 
	background: rgb(20,20,20); background: linear-gradient(180deg, rgba(20,20,20,0.8547794117647058) 0%, rgba(34,34,34,0.43461134453781514) 79%);
}
.locationSingleHero h1 {margin:0 auto; font-size:48px; font-weight:600; font-style:italic; text-transform:uppercase; text-align: center; color:#fff}

.location-single {margin:20px 0 35px 0;}
.location-single .locationText {float:left; display:flex; flex-flow:row wrap; align-items: flex-start; justify-content:space-between; width:64%; padding:5px 45px 25px 0;}
.location-single .locationText .location-header {width:100%; margin: 0 0 20px 0;font-size: 26px; line-height:1; font-weight:700; text-transform: capitalize; color:#d80000;}

.locationPhoto {width:50%; height:375px;}
.locationDetails {width:calc(50% - 45px); margin:0 0 45px 0; font-size:18px;}
.locationDetails strong {font-weight:600;}
.locationDetails h3 {margin-top:0; text-align:left;}
ul.locationHours {margin:0; padding:0;}
ul.locationHours li {list-style:none; display:flex; flex-flow:row wrap; justify-content:space-between; padding:10px; font-size:16px;}
ul.locationHours li:nth-of-type(odd){background:#f0f0f0;}
ul.locationHours li strong {font-weight:600;}

.locationButtonLinks {text-align: center;}
a.locationButton {display:inline-block; width:calc(50% - 28px); margin:5px 4px; padding:15px 10px 13px 10px;
   	font-size:16px; font-weight: 600; text-decoration: none; font-stretch: condensed; text-align: center; text-transform: uppercase;
	color: #fff !important; border: 1px #212121 solid; background: #d80000; box-sizing: border-box; 
    -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
a.locationButton:hover {color: #fff; background:#000;}


.location-single .location-form {float:left; width:36%; padding:2%; background:#DFDFDF;}
.location-single .location-form form {margin:0;}
.location-single .location-form form h1 {font-size:1.25em !important; font-weight:600;}

.locationMap {width:100%; margin:30px 0 0 0;}
.locationMap iframe {width:100%; height:270px;}


/*--------------------------------------------------------------
## Locations Sidebar
--------------------------------------------------------------*/
.location-section {width:35%; max-width:400px;}

.quickLocation {margin:0 0 18px 0;}

.location-section h3 {line-height:1; font-weight:800; text-align:center; text-transform:uppercase; color:#000;}
.location-section p {text-align:center; color:#000;}


/*--------------------------------------------------------------
## Blog / News Pages
--------------------------------------------------------------*/
.blog-container{display: flex; flex-wrap: wrap;}
.blog-container .blog-posts{display: block; width: 100%;}
.blog-container .blog-sidebar{display: block; background: #f5f5f5; width: 300px; padding: 20px;}
.blog-container .blog-sidebar h2{display: block; margin-bottom: 20px; font-size: 20px; text-transform: uppercase; text-align: center; color: #aaa;}
.blog-container .blog-sidebar ul{display: block; width: 100%;}
.blog-container .blog-sidebar ul li{display: block; float: none; border-bottom: 1px #ddd solid;}
.blog-container .blog-sidebar ul li a{display: block; font-size: 14px; font-weight: 700; text-align: center; text-transform: none; color: #333;}
.blog-container .blog-sidebar ul li a:hover{color: #00AEEF;}

.blog-post{display: flex; flex-wrap: wrap; margin-bottom: 15px; padding: 25px; border: 1px #000 solid;}
.blog-post h2{font-size: 24px;}
.blog-post .blog-left{width: 200px;}
.blog-post .blog-right{width: calc(100% - 200px); padding-left: 20px;}
.blog-post .container{width: 100% !important;}

.blog-post .blog-posted-on{display: block; margin-bottom: 5px; font-size: 14px; color: #333;}
.blog-post .blog-content{display: block; margin-top:15px;}

.blog-post a.read-more{
	width:100%; max-width:350px; margin:0 auto; padding:12px 20px 10px 20px;
   	font-size:15px; line-height:3; font-weight:300; text-decoration: none; font-stretch: condensed; text-align: center;	
	color: #fff; border: 1px #212121 solid; background: #d80000;
    -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
}

.blog-post a.read-more:hover{color: #fff; background:#000;}

.blog-post-single{display: block; margin-bottom: 0; padding: 0; border: none;}
.blog-post-single img{display: block; max-height: 400px; width: auto;}

.blog-post-single h1 {
	font-size:32px !important;
    font-weight:700;
	text-align:center; 
    line-height:1 !important;
    text-transform: uppercase !important;
	color: #d80000;
}
.blog-post-single hr.titleBar{
	width:30%; max-width:200px; margin:10px auto 35px auto; padding:2px 0; border-top: 3px solid #939393;
}

.blog-post-single hr.titleBar::after{
	content:''; display: inline-block; position:absolute; left:0; right:0; width:20%; max-width:170px; margin:0 auto; padding:2px 0; border-bottom: 3px solid #939393;
}

.blog-breadcrumbs{display: block; background: #f5f5f5; padding: 12px 20px;}
.blog-breadcrumbs ul{display: flex; align-items: center; justify-content: center; font-size: 14px;}
.blog-breadcrumbs ul li{list-style: none; text-align: center;}
.blog-breadcrumbs ul li a{display: block; font-weight: 700;}
.blog-breadcrumbs ul li a:after{font-family: "Font Awesome 5 Free"; font-weight: 900; position: relative; top: 1px; content: "\f101"; padding: 0 10px; color: #ccc;}

.posts-navigation, .post-navigation{background: #f5f5f5; margin: 25px 0; padding: 20px;}
.posts-navigation h2, .post-navigation h2{display: none;}
.posts-navigation .nav-links, .post-navigation .nav-links{display: flex; justify-content: space-between;}
.posts-navigation .nav-links a, .post-navigation .nav-links a{display: inline-block; padding: 0 10px; font-size: 14px; font-weight: 700;}

.posts-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-previous, .posts-navigation .nav-links .nav-next, .post-navigation .nav-links .nav-next{display: flex; align-items: center; line-height: 1; text-align: center;}
.posts-navigation .nav-links .nav-previous:before, .post-navigation .nav-links .nav-previous:before, .posts-navigation .nav-links .nav-next:after, .post-navigation .nav-links .nav-next:after{font-family: "Font Awesome 5 Free"; font-weight: 900; color: #ccc;}

.post-navigation .nav-links .nav-next {width:auto !important;}
.posts-navigation .nav-links .nav-previous:before, .post-navigation .nav-links .nav-previous:before{content: "\f100";}
.posts-navigation .nav-links .nav-next:after, .post-navigation .nav-links .nav-next:after{content: "\f101";}

.wrap {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}

.entry-title, .blog-post h1 {
    font-size: 30px!important;
    font-weight: bold!important;

    line-height: 28px !important;
    text-transform: uppercase !important;
    margin: 0 0 -5px 0 !important;
	color: #d80000 !important
}
.entry-title a{
	color: #d80000 !important;
}

.blog-content p{
	font-size: 17px;
    font-weight: 500;
    text-align: left;
    line-height: 28px;
}
.news-title {
    color: #d80000;
    font-size: 47px;
    line-height: 47px;
    border-bottom: 1px solid #000;
    text-transform: uppercase;
    font-style: italic;
    width: 75%;
    margin: 0 0 80px 0;
    font-weight: bold;
}


/*--------------------------------------------------------------
## Site Footer
--------------------------------------------------------------*/
.sitefooter {padding:30px 3%; background:#131313;}
.footermain {display:flex; flex-flow:column wrap; align-items:center; justify-content:center;}    

/*--------------------------------------------------------------
## Footer Connect
--------------------------------------------------------------*/
.ftconnect {margin:0;}
.ftconnect a .fab {margin:0 20px; font-size:30px; color:#d12727;}
.ftconnect a:hover .fab{color:#d80000;} 

.divfooter {margin:20px 0 0 0; text-align:center; font-weight:300; color:#fff;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-size:16px; color:#fff;}
a.footerlink:hover {text-decoration:none;}


button.sh-ol_marker {
	border-radius: 50%;
	width: 10px!important; 
  	height: 10px!important;
	border: 1px solid!important;
	background-color: #fff!important;
	opacity:1!important;
}
button.sh-ol_marker.active, button.sh-ol_marker:active {
	background-color: #000 !important;
}

.nav-pills .nav-link{
	background-color:transparent!important;
	border-radius: 0%;
}
.nav-pills .nav-link.active{
	color: #d80000!important; /* Changes the text color */
  	border-color: #d80000!important; /* Changes the border color */
}
/* .nav-link:hover{
	background-color:#F9F9F9!important;
} */
#n2-ss-132-arrow-next, #n2-ss-132-arrow-previous{
	display: none!important;
}

.btn-success  .sheSubmitButton{
	border-radius: 0px!important;
}

#sidebar2-modelsshowcaseID{
	position: relative;
	top:30px;
}

/*==========  Non-Mobile First Method  ==========*/

@media only screen and (max-width : 1750px) {
	.featuredHighlight #controls {top:initial; bottom:95px;}
	.featuredHighlight .a_inv_cont:first-of-type {position:absolute; left:66px;}
	.featuredHighlight .a_inv_cont:last-of-type {position:absolute; right:66px;}
    
    .navWrapper{width:calc(100% - 300px);}
    .head-search {width:300px;}
}

@media only screen and (max-width : 1480px) {		
	.navWrapper{width:calc(100% - 253px);}
	.head-search {width:253px;}
    
	.locationCardLeft {width:calc(100% - 215px);}
	.locationCardRight {width:200px;}
	.locationCardRight .locationHighlightPhoto {padding-bottom: 99.35%;}
	.divfooter {text-align:center;}
}

@media only screen and (max-width : 1370px) {
	.hd-right {width:calc(100% - 185px);}
	.ctathird h2 {font-size:28px;}
	
	
	.partsLocationSection {}
	.partsLocationSection .row, .partsLocationSection .sh-row {}
	
	
	.partsLocationSection .row .bs10-col-sm-2,
	.partsLocationSection .sh-row .bs10-col-sm-2 {width:50%; margin:0 auto;}	
	.partsLocationPhoto {max-width:100%;}
	
	.partslocation {}
	
	.special-offer-intro-text {flex:100%;}
	
	
	.categoryBlockImage h3 {font-size:22px;}
	.footermain {flex-flow:column;}
	.ftnav {justify-content:center;width:100%;}
	.footlinks {margin:0 auto; text-align:center;}
	.ftconnect {margin:0 auto; text-align:center;}
	.ftconnect a .fab {margin:0 10px;}	
}

@media only screen and (max-width : 1200px) {		
	.brandbanner h2{margin-top:30px; font-size:40px;}
	.ctathird h2 {font-size:24px;}
	
	.locationCardLeft {width:calc(80% - 315px);}
	.locationCardRight {width:300px;}
	.locationCardRight .locationHighlightPhoto {padding-bottom: 66.5%;}
}

@media only screen and (max-width : 1100px) {	
	.navWrapper{width:38%;}
	.head-search {width:calc(100% - 85px); max-width: 253px;}
	.pageHero {height:350px !important;}
	.locationCardLeft {width:calc(90% - 315px);}
	.promo-single .promo-text {width:100%; padding:5px 0 25px 0; }
	.promo-single .promo-form {width:100%; padding:2%;}
	.categoryBlockImage h3 {font-size:18px;}
	
	.calendarPhoto {display:none;}
	.calendarDetails {width:calc(96% - 160px);}
}

@media only screen and (max-width : 1000px) {		
	.headerwrap {display: flex; flex-flow:column wrap;}
	.navWrapper{width:auto;}
	
	
	.headerContactBar {order:1; padding:10px 2.5%;}
	.navigationBar{order:2;}
	.siteheader {order:3;}

	
	
	.headerLocations,
	.headContactDesktop {display:none;}
	.headContactMobile {display:inline-block;}
	.contact-drop-down {display:block;}
	.headContactMobile,
	.contact-drop-down{margin: 0;}
	
	.siteheader {flex-flow:column; align-items:center; justify-content:center; padding:40px 2.5%;}
	.hd-logo {margin:0 auto !important;}

	.hd-right {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; width:100%; margin:30px auto 0 !important;}
	.headBrandLogo img{max-width:110px; max-height:37px;}

	/*.hd-right .col-md-2 {width:16.667% !important; min-width:120px;}*/
	/*.headBrandWrap {margin:20px 0 0 0;}
	.headBrandWrap .col-sm-2 {width:16.667% !important;}
	.headBrandWrap .sh-row, .headBrandWrap .row {display:flex; flex-flow:row wrap; align-items:center; justify-content:center;}
	.headBrandWrap .sh-row::before, .headBrandWrap .row::before {}
	.headBrandWrap .sh-row::after, .headBrandWrap .row::after {}*/
	
	
	.special-offers-archive .special-offer-item {width:48%;}
	
	
	.ctathird h2 {font-size:20px;}
	.location-single .locationText {width:100%; padding: 5px 0 25px 0;}
	.location-single .location-form {width:100%;}
	.promo-image {width:220px;}
	.promo-text {width:calc(100% - 245px);}
}

@media only screen and (max-width : 991px) {	
	.cats {margin:1% 0;}
	
	.sheditor-nav-tabs-1984:before {top:10%;}
	.sheditor-nav-tabs-1984:after {bottom:12%;}
}

@media only screen and (max-width : 880px) {
	.locationCardLeft {width:calc(100% - 315px);}
	.categoryBlockImage h3 {font-size:16px;}
	.contact-section {order:1; width:100%;}
	.location-section {order:2; width:100%; max-width:100%; margin:60px 0 0 0;}	
	.ctathird h2 {font-size:18px;}
	
	#dynamicContent {z-index:0; width:100%; margin-left:0; margin-top:0; box-sizing:border-box;}
	.desktopmap {display:none;}
	.mobilemap {display:block; width:100%; border-top: 6px solid #d80000;}
	.mobilemap img {width:100%;}
	.locations {
		width:48%;
		float:left;
		margin:1%;	
		font-size: 18px;
		text-align: center;
	}
	.blue h2 {text-align:center;}
	.locations p {text-align:center;}
	.locations a {
		width:60%;
		margin: 0 20%;	
		text-align:center;
		padding:5px;
		box-sizing:border-box;
	}
	
	.special-single .spec-offer-text,
	.special-single .spec-offer-form {flex: 100%; }
	.special-single .spec-offer-form {margin:35px 0 0 0;}
}


@media only screen and (max-width : 768px) {
	.headBrandLogo img{max-width:100px; max-height:33px;}
	
	.bodyCopy h1 {width:100%; font-size:40px; line-height:40px;}
	.title h1 {width:100%;}
	.brand-section {flex-flow:column;}
	.brandbanner h2{margin-top:16px; padding:0; font-size:40px; text-align: center;}
	.brandslider {position:relative; width:100%; border-top:5px #d80000 solid; border-bottom:5px #d80000 solid;}
	.sliderangle {display:none;}
	.ctathird h2 {font-size:28px;}
	.borderElement .sh-row div:nth-of-type(n+2),
	.borderElement .row div:nth-of-type(n+2){padding:45px 0 0 0;}
	.partsLocationSection .row .bs10-col-sm-2, 
	.partsLocationSection .sh-row .bs10-col-sm-2{float:left; width:50% !important; margin:0 auto;}		
	.precfarmbutton {width: 100%;}
	
	.locationCardLeft {width:100%;}
	.locationCardRight {width:100%; margin:15px 0 0 0;}
	.locationCardRight .locationHighlightPhoto {padding-bottom:40%;}	
	
	.location-single .locationText {flex-flow:column;}
	.locationPhoto {width:100%; height:375px;}
	.locationDetails {width:100%; margin:30px 0 0 0;}
	
	
	.featuredHighlight #controls {display:none !important;}
	
	.categoryBlockImage h3 {font-size:36px;}
	.ctaDepartment .ctaOverlay {height: 150px;}
	.ctaDepartment {height:auto; min-height:150px !important; max-height:200px; border-right:0; border-left:0; border-bottom:3px #fff solid;}
	.ctaDepartment h3 {font-size:30px; font-weight: 600;}
	.ctaDepartment h3 br {display:none !important;}
	h3.ctaDepartmentLogo {height:auto; padding:0;}
	h3.ctaDepartmentLogo img {width:100%; max-width:246px; margin:0 auto;}

	.sheditor-nav-tabs-1984 {padding:10% 0;}
	.sheditor-nav-tabs-1984:before {top:5%;}
	.sheditor-nav-tabs-1984:after {bottom:7%;}
	
	.pageHero {height:275px !important;}
	
	.post-container-kubota-specials .slick-list {
		height:475px}
	.promoSliderHome {height:475px !important;}
	.promo-image {width:100%; margin:0 0 20px 0;}
	.promo-text {width:100%;}
	.column-padding-reviews {width:100%;}
	
	.calendarEvent {flex-flow:column wrap; align-items:center; justify-content:center; margin:0 0 5% 0; background:#f5f5f5;}
	.calendarEvent:nth-of-type(odd) {background:#ebebeb;}
	.calendarDate {
		display:flex; flex-flow:row wrap; align-items:center; justify-content:center;
		width:97%; padding:18px 1.5% 10px 1.5%; font-size:2em; 
	}
	.calendarDate span {padding:0 6px; font-size:1em;}
	.calendarDate span.dateYear {padding:0; font-size:1em;}
	.calendarDetails {width:93%; padding:30px 3.5%; text-align:center !important;}
	a.calendarButton {margin:0 auto;}
}

@media only screen and (max-width : 590px) {
	
	/*.mobilesearch {display:block;}*/
	/*.headerSocial {order: 1; width: 100%; margin:0 0 10px 0; text-align: center;}
	.headerLocations {order:2;}
	.headContactMobile {margin:0;}
	.contact-drop-down {order:3;margin:0;}*/
	.headBrandLogo {width:calc(25% - 20px);}
	.special-offers-archive .special-offer-item {width:98%; padding:.5% .5% 15% .5%;}
	.special-offers-archive .special-offer-item:last-of-type {padding:.5%;}
	
	.bodyCopy h1 {font-size:36px; line-height:36px;}
	.partsLocationSection .row .bs10-col-sm-2,
	.partsLocationSection .sh-row .bs-10col-sm-2 {float:none; width:100% !important; margin:0 auto;}	
	.pageHeroWidget .heroOverlay h1 {font-size:32px;}
	.pageHero {height:225px !important;}
}

@media only screen and (max-width : 480px) {
	.headBrandLogo {width:auto;}
	/*.navWrapper{width:30%;}
	.head-search {width:70%;}*/
	.sheditor-nav-tabs-1984 {padding:12% 0;}
	.sheditor-nav-tabs-1984:before {top:1%;}
	.sheditor-nav-tabs-1984:after {bottom:2%;}
	
	.ctaDepartment .ctaOverlay {height: 185px;}
	.categoryBlockImage h3 {font-size:28px;}
	.ctaDepartment {height:30%; min-height:150px !important; /*max-height:185px;*/}
	.ctathird h2 {font-size:23px;}
	.footermain h2 {font-size:26px;}
}

@media only screen and (max-width : 420px) {
	/*.headBrandWrap .col-sm-2, .headBrandWrap .sh-col-sm-2 {width:33.3% !important;}*/
	
	/*.headBrandLogo {width: calc(50% - 20px);}*/
	
	a.locationButton {width:calc(100% - 20px);}
}

@media only screen and (max-width : 400px) {
	/*.headerContactBar {flex-flow:column wrap;}*/
	/*.headerLocations {margin:0 0 15px 0;}*/
	.headContactMobile,
	.contact-drop-down{margin: 0;}
}

@media only screen and (max-width : 320px) {
	.headerContactBar {flex-flow:column-reverse wrap;}
	.navWrapper{width:100%;}
	.head-search {width:100%; max-width: 100%;}
}