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

a{text-decoration: none !important;}
html, body{font-family: 'Open Sans', sans-serif; font-size: 14px; height: 100%; width: 100%;line-height: normal;}

.main{padding: 50px 0;}
.inner{max-width: 1200px; margin: 0 auto; padding: 0 20px;}

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

h1, h2{position: relative; font-size: 24px; font-weight: 700; line-height: 125%; color: #000; margin: 0 0 35px 0; text-align: center; text-transform: uppercase;}
h1:after, h2:after{position: absolute; left: 50%; margin-left: -50px; content: ''; width: 90px; height: 2px; bottom: -15px; background: #D2232A;}
h1{font-size: 32px;} 
h2{font-size: 24px;} 
h3{font-size: 20px; font-weight: 700; color: #000; margin: 0 0 15px 0; text-transform: uppercase} 
h4{font-size: 16px; font-weight: 700; color: #000; margin: 0 0 15px 0; text-transform: uppercase} 
p{font-size: 15px; line-height: 26px;}

hr {
  border-top: 1px solid #eee;
}
.inv-page .entry-header {
    display: none;
}
.column12, .column11, .column10, .column9, .column8, .column7, .column6, .column5, .column4, .column3, .column2, .column1{float: left; padding: 0 25px 0 0;} .column12{width: 100%;} .column11{width: 91.6666%;} .column10{width: 83.3333%;} .column9{width: 75%;} .column8{width: 66.6666%;} .column7{width: 58.3333%;} .column6{width: 50%;} .column5{width: 41.6666%;} .column4{width: 33.3333%;} .column3{width: 25%;} .column2{width: 16.6666%;} .column1{width: 8.3333%;} .last{padding: 0;} .cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *{box-sizing: border-box;}

.container {
    max-width: 1170px;
  }

.sidebarColumn{min-height: 10px !important;}l

.btn-danger, .btn-danger:focus{background: #f5262e; background: linear-gradient(to bottom, #f5262e 0%,#c40911 100%); max-width: 350px; margin: 0 auto; padding: 0.5rem 2rem 0.5rem 2rem; font-size: 16px; text-transform: uppercase; color: #fff; border-radius: 3px; border: none;}
.btn-danger:hover{background: #45484d; background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); border: none;}

.btn-success, .btn-success:focus, .btn-success:hover{background-color: #D2232A !important; border-color: #D2232A !important;}


.wrapper90{width: 90%; margin: 0 auto}
/* HEADER */

.top-header{background: #D2232A; padding: 10px 0; font-size: 10px; text-align: center; color: #fff;}
.top-header ul{margin: 0;}
.top-header ul li{display: inline;}
.top-header ul li a{font-weight: 700; color: #fff;}
.top-header ul li:before{font-family: FontAwesome; content: '\f041'; margin-right: 5px;}
.top-header ul li:after{content: "|"; padding: 0 10px;}
.top-header ul li:last-child:after{content: ""; padding: 0;}

.header{position: relative; padding: 0; box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); z-index: 999;}
.header .inner{display: flex; gap:0 20px;align-items: center; max-width: 98%; padding:  0!important;justify-content: space-between;}

.header .header-left{width: 25%; text-align: center; justify-content: flex-start}
.header .header-left img{position: relative; top: 15px;width:100%;}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}
.header .header-right{width: 75%; text-align: right; justify-content: flex-start}

.header .navigation{ margin-right: 30px; text-align: left; display: inline-block}

.header .header-right .right-btns{display: inline-block; text-align: right;}

.header .header-right  .right-btns .parts-btn{display: inline-block; background: #D2232A; padding: 10px 25px; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff; border-radius: 3px; font-size: 15px !important}
.header .header-right  .right-btns .parts-btn .fa{margin-right: 5px;}

.header .header-right .right-btns .socials{display: inline-block; margin-left: 15px;;}
.header .header-right .right-btns .socials a{display: inline-block; font-size: 20px; color: #868686; padding: 0 10px;}
.header .header-right .right-btns .socials a:hover{color: #D2232A;}

.header .header-right .right-btns .socials a#login{font-size: 15px;}

.header-linkedin:before{font-family: FontAwesome; content: '\f0e1';}
.header-facebook:before{font-family: FontAwesome; content: '\f09a';}
.header-twitter:before{font-family: FontAwesome; content: '\e61b';}
.header-instagram:before{font-family: FontAwesome; content: '\f16d';}

#breadcrumbs{margin-bottom: 15px; text-align: center;}

.mobile-phone-1 {
    display: none;
}

/* NAVIGATION */

.navigation #menu-primary{font-size: 0; text-align: center;}
.navigation #menu-primary li a{display: block; font-size: 13px; padding: 12px 15px 10px;}
.navigation #menu-primary li:hover > a{background: #f5f5f5;}
.navigation #menu-primary li li a{border-bottom: 1px #777 solid;}
.navigation #menu-primary ul li a{background: #333; color: #fff !important;}
.navigation #menu-primary ul li:hover > a{background: #555;}

.navigation nav.mobile{background: #333;}
.navigation nav.mobile ul{text-align: left !important;}
.navigation nav.mobile ul li{border: none !important; border-bottom: 1px #777 solid;}
.navigation nav.mobile ul li a{color: #fff !important;}
.navigation nav.mobile .social-media a{color: #fff !important;}
.navigation nav.mobile .social-media a:hover{color: #fff !important; opacity: .5;}

/* HOME */

.home-page{
	background-image: linear-gradient(180deg,rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.65) 100%), url("siteart/ns-tractor-background.jpg");	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-color:#fff;
}


.departments .department-btn{display: flex; flex-wrap: wrap; align-items: center; margin: -100px auto 25px; width: 300px; height: 300px; border-radius: 50%; border: #c6c6c6 solid 4px; background: #D2232A; background: radial-gradient(ellipse at center, #d2232a 0%,#a6192e 100%); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); transition: all .2s ease-in-out; justify-content:center;}
.departments .department-btn:hover{box-shadow: 0px 3px 3px 5px rgba(0,0,0,0.25);}
.departments .department-btn a{display: block; text-transform: uppercase; text-align: center; color: #fff;}
.departments .department-btn a strong{display: block; font-size: 30px; margin: 10px 0 0;}

.welcome{margin: 25px 0; text-align: center;}
.stone-bg{background: url("siteart/stone-bg.png"); padding: 20px 0;}
.scrolling-wrap{width: 100%; height: 90px; overflow: hidden;} 
.scrolling{width: 100%; height: 92px;}

.learn-more .learn-bg{background: url("siteart/case-ih-service.jpg") center center; background-size: cover;}
.learn-more .learn-sections{padding: 25px; color: #fff;}
.learn-more .learn-sections hr{border-color: #777;}
.learn-more .learn-sections img{max-width: 100px !important; padding-right: 25px;}
.learn-more .learn-sections a{display: inline-block; background: #f5262e; background: linear-gradient(to bottom, #f5262e 0%,#c40911 100%); margin-top: 15px; padding: 0.5rem 2rem 0.5rem 2rem; font-size: 16px; text-transform: uppercase; color: #fff; border-radius: 3px;}
.learn-more .learn-sections a:hover{background: #45484d; background: linear-gradient(to bottom,  #45484d 0%,#000000 100%);}

.hero-slider-cont {
    
}
.brand-slider-cont {
    padding-bottom:50px;
}
.brand-slider-cont .slick-slider  {
    width: calc(100% - 150px);
    margin: 0 auto!important;
}
.brand-slider-cont a {
    height: 130px;
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
	background-color:rgba(255,255,255,0.3);
}
.brand-slider-cont a img {
    max-width: 200px;
    width:100%;
    box-sizing: border-box;
    display: block;
    margin:0 auto;
}
.brand-slider-cont .slick-prev {
    left: 20px !important;
    top: 50% !important;
    border-radius: 10px!important;
    width:50px!important;
    height: 60px!important;
    
}
.brand-slider-cont .slick-next {
    right: 20px !important;
    top: 50% !important;
    border-radius: 10px!important;
    width:50px!important;
    height: 60px!important;
}
.brand-slider-cont .slick-dots {
    display: none!important;
}

img.img-responsive.shEditorInsertImage{margin: 0 auto!important;}
/*NEW LOCATION SLIDER*/
.location-col2 a{
    display: inline-block;
    background: #f5262e;
    background: linear-gradient(to bottom, #f5262e 0%, #c40911 100%);
    margin-top: 15px;
    padding: 0.5rem 2rem 0.5rem 2rem;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 3px;
}
.location-col2 a:hover{background:linear-gradient(to bottom, #45484d 0%, #000000 100%);}
.location-col2{display: flex; gap: 10px; justify-content: center;}
.new-locations-wrapper{width: 100%;
    display: flex;
    flex-direction: column; 
    justify-content: center;
    position: relative;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    height: calc(100% - 0px - 0px);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.35) 100%);
}
.new-locations-wrapper span{color: #f5262e; font-size: max(20px, 1.12vw);    text-shadow: 2px 2px 4px rgba(0, 0, 0, 6.5);}
.new-locations-wrapper h2{max-width: 600vw; color: #fff!important; text-shadow: 2px 2px 4px rgba(0, 0, 0, 4.5); font-size: max(25px, 1.8vw);}


/* SHOWROOM */
.page-border {width: 100%; height: 1px; background: #ddd;}
#padding25 {padding: 25px 0;}
.width-90 {width: 90%; margin: 0 auto;}
.showroom-category {width: 97%; margin: 1% 2%; display: inline-block;}
.showroom-category img {width: 100%; object-fit: cover; height: 150px;}
.showroom-title{text-align: center; margin: 0 auto; padding: 15px 0; background: #ddd; color:#000; letter-spacing: 1px; font-size: 14px; transition: .3s ease;}
.showroom-title:hover{background: #ccc;}



/* ALL PRODUCT LINES */
.product-category {width: 97%; margin: 20px 10px; display: inline-block; text-align: center; border: 1px solid #ddd; min-height: 670px; position: relative;}

.product-img{width: 100%;  min-height: 155px; display: flex;justify-content: center; align-items: center; }
.product-img img {width: 100%; max-width: 180px; margin:20px auto 0 auto; }

.product-category h4:after{background: none !important; color: #D2232A}
.product-category p{width: 95%; margin: 0 auto}

#product-button{text-align: center; margin: 0 auto; padding: 15px 0; background: #ddd; color:#000; letter-spacing: .75px; font-size: 14px; display: block; width: 100%; transition: .3s ease; position: absolute; bottom:  0}
#product-button:hover{background: #ccc;}

/* OTHER PAGES */


.contactForm{background: #f5f5f5; margin: 25px 0; padding: 20px !important; border: 1px #ddd solid;}
.contactForm label{font-size: 12px; font-weight: 700;}
.contactForm h1{display: none;}

.location-boxes .location-box{margin: 5px; padding: 20px 15px; text-align: center; border: 1px #ddd solid;height: auto!important;}
.location-boxes .location-box b{color: #D2232A;}
.location-boxes .location-box a{display: block; background: #f5262e; background: linear-gradient(to bottom, #f5262e 0%,#c40911 100%); padding: 0.5rem 2rem 0.5rem 2rem; font-size: 16px; text-transform: uppercase; color: #fff; border-radius: 3px;}
.location-boxes .location-box a:hover{background: #45484d; background: linear-gradient(to bottom,  #45484d 0%,#000000 100%);}

.location-maps{margin-top: 20px; width: 100%;}

.build-box{text-align: center; border: 1px solid #777; padding:10px 5px; width: 95%; margin: 10px auto;height: auto!important;}
.build-box h3{padding: 10px 0 15px 0; font-size: 18px;}
.build-box img {
    margin:0 auto;
}
/*---MAP LOCATION----*/
#loc-6-field-0,#loc-6-field-1,#loc-6-field-2,#loc-4-field-0,
#loc-4-field-1,#loc-4-field-2,#loc-5-field-0,#loc-5-field-1,#loc-5-field-2,#loc-8-field-0,#loc-8-field-1,#loc-8-field-2,
#loc-15-field-0,#loc-15-field-1,#loc-15-field-2,#loc-7-field-0,#loc-7-field-1,#loc-7-field-2,
#loc-14-field-0,#loc-14-field-1,#loc-14-field-2,#loc-11-field-0,#loc-11-field-1,#loc-11-field-2,
#loc-9-field-0,#loc-9-field-1,#loc-9-field-2,#loc-12-field-0,#loc-12-field-1,#loc-12-field-2,
#loc-13-field-0,#loc-13-field-1,#loc-13-field-2,#loc-10-field-0,#loc-10-field-1,#loc-10-field-2,
#loc-1-field-0,#loc-1-field-1,#loc-1-field-2,#loc-2-field-0,#loc-2-field-1,#loc-2-field-2,
#loc-0-field-0,#loc-0-field-1,#loc-0-field-2,#loc-3-field-0,#loc-3-field-1,#loc-3-field-2{display: none!important;}
.area-title h1{font-size: max(20px, 1.25vw);margin: 0;}
.leaflet-popup-content a{    
    background-color: #D2232A;
    padding: 5%;
    color: #fff!important;
    border-radius: 6px;
    font-size: 1rem;
}
.map-contact a{background-color: #fff; color:#45484d!important; font-weight: 900;
    font-size: min(19px, 3.6vw);}
.leaflet-popup-content p {
    margin: 1em 0;
    
}
.leaflet-popup-content{text-align: center; width: 217px !important; max-width: 218px;}


/*-- STAFF CPT ---*/

.staff-title{margin: 25px 0; font-size: 30px; font-style: italic; text-align: center; text-transform: uppercase; color: #868686;}
.staff-box{margin: 15px 0; width: 97%;}
.staff-box img{max-width: 100% !important; width: 100% !important; margin-bottom: 10px;}
.staff-box b{color: #D2232A;}
.post-column-staff-members {
    padding: 10px;
    box-sizing: border-box;
    min-height: 320.5px;
}
.prevButton-container-staff-members,.nextButton-container-staff-members{display: none !important;}
.post-div-staff-members-staff_image {
    width: 100%;
    margin: 0 auto;
    display: block;
    float: none;
    overflow: hidden;
    height: 200px;
    max-width: 200px;
}
.post-div-staff-members-staff_image img {
	width: 100% !important;
	max-height: 200px !important;
	height: 100%;
	display: block !important;
	object-fit: cover !important;
}

.table-styles {
    width:100%;
    border:1px solid #000;
}
.table-styles th {
    padding: 10px;
    box-sizing: border-box;
    background: #000;
    color:#fff;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
}
.table-styles tr td:first-of-type {
    font-weight: bold;
}
.table-styles td {
    font-size: 16px;
    padding: 10px;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
}

/*--SERVICE --*/
.service-boxes .col-sm-4 img{width: 96%; margin-bottom: 10px;}
.service-boxes .col-sm-4 div{width: 96%; text-align: center;}

/*-- CAREERS--*/
.red{color: #d2232a;}
.careers{text-align: left}
.careers h2:before, .careers h2:after{background: none; text-align: left}
.careers h2, .careers h3, .careers h4{text-align: left;}

.post-row-job-postings, .column-padding-job-postings, #sidebar377-sidebar-careersposts{text-align: left !important;}


.jobs{padding: 10px 0; border: 1px solid #eee; margin-bottom: 20px;}
.jobs .wrapper90{width: 90%; margin: 0 auto; display:flex; align-items: center; padding: 20px 0}
.jobs .left{justify-content: flex-start; width: 70%; text-align: left}
.jobs .left h2{margin-bottom: 5px;}
.jobs .right{justify-content: flex-start; width: 30%;}
.jobs .right a {display: inline-block; background: #D2232A; padding: 10px 25px; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff; border-radius: 3px; font-size: 15px !important;}


.jobs-single h2:before, .jobs-single h2:after{background: none; text-align: left}
.jobs-single h2, .jobs-single h3, .jobs-single h4{text-align: left}
.jobs-single ol, .jobs-single ul{list-style: revert !important}
.jobs-single ol ul li{list-style: inside !important}

#red-btn{display: inline-block; background: #D2232A; padding: 10px 25px; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff; border-radius: 3px; font-size: 15px !important;}


.no-posts-job-postings{font-size: 18px !important; text-align: left !important; background: none !important; color: #d2232a !important}
.no-posts-job-postings:after{background: none !important}


.yt-video {width: 100%; aspect-ratio: 16 / 9;}


/* FOOTER */

.footer{position: relative; background: #eee; padding: 50px 0; border-top: 18px #d2232a solid;}
.footer h4{font-size: 20px; font-weight: 700; color: #d2232a;}
.footer a{display: inline-block; padding: 5px 0; color: #000;}
.footer a:hover{text-decoration: underline;}
.triangle{position: absolute; top: 0; left: 48.3%;}
.triangle:before{content: ''; position: absolute; top: 0; left: 0; border-top: 24px solid #d2232a; border-left: 24px solid transparent; border-right: 24px solid transparent;}

.bottom-footer{background: #333; padding: 15px 0;}
.bottom-footer .footer-left{float: left; color: #777;}
.bottom-footer .footer-left a{color: #777;} .bottom-footer .footer-left a:hover{color: #fff;}
.bottom-footer .footer-left ul{margin: 8px 0;}
.bottom-footer .footer-left ul li{display: inline-block;}
.bottom-footer .footer-left ul li a{padding-right: 5px; color: #E1E1E1;}

.bottom-footer .footer-right{float: right;}
.bottom-footer .footer-right .social a{display: inline-block; padding: 10px; font-size: 24px; color: #E1E1E1;}
.bottom-footer .footer-right .social a:hover{color: #D2232A;}





/*--- sitemap page ---------*/
#sidebar510-sideBar1 .wsp-pages-title{text-align: left !important; background: none !important}
#sidebar510-sideBar1 h2:after{background: none !important;}


/* RESPONSIVE */
@media only screen and (min-width: 770px){
    .department-btn{height: 300px !important;}
}
@media only screen and (max-width: 770px){
    .department-btn{height: auto !important;}
}
@media only screen and (max-width: 1500px){
	.header .header-right{width: 80%; text-align: right; justify-content: flex-start; margin: 5px 0 15px;}
	.navigation #menu-primary{text-align: right;}
	.header .navigation {
    margin-right: 0;
    text-align: left;
    display: block;
}
	.product-category{min-height: 700px;}
	
}

@media only screen and (max-width: 1400px){
    .header .header-left{width: auto;}
    .header .header-right{width: auto;}
}
@media only screen and (max-width: 1300px){
.top-header ul li:after{padding: 0 5px;}

	.productspage .col-sm-2	{width: 33% !important; }
	.product-category{min-height: 570px;}
	
}



@media only screen and (max-width: 1200px){
	.top-header{padding: 0;}
	.top-header div{display: none;}
	

	
}

@media only screen and (max-width: 900px){
/* ALL PRODUCT LINES */

	.productspage .col-sm-2	{width: 49% !important; }
	.product-category{min-height: 500px;}
}

@media only screen and (max-width: 768px){
	.main{padding: 35px 0;}
	.departments .department-btn{display: block; padding: 10px; margin: 5px auto; border: none; width: auto; height: auto; border-radius: 0;}
	.departments .department-btn a img{margin: 8px 0;}
	.departments .department-btn a strong{font-size: 24px; margin: 0;}
	
	.footer{display: none;}
	.bottom-footer{border-top: 18px #d2232a solid; text-align: center;}
	.bottom-footer .footer-left, .bottom-footer .footer-right{float: none; width: 100%;}
	
	
	.service-boxes .col-sm-4{margin: 20px auto; display: block; width: 100%; text-align: center; float: none }
	
	/* ALL PRODUCT LINES */
	.productspage .col-sm-2	{width: 100% !important; margin: 0 auto;}
	.product-category{min-height: auto;}
	#product-button{position: relative;}
	
	
.jobs .wrapper90{display:block;}
.jobs .left{justify-content: flex-end; width: 100%; text-align: left}
.jobs .right{justify-content: flex-end; width: 100%; text-align: left; margin-top: 15px;}
.jobs .right a {display: inline-block; background: #D2232A; padding: 10px 25px; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff; border-radius: 3px; font-size: 15px !important;}


	
}
@media only screen and (max-width:580px){
	.header .inner{max-width: 100%;}
	.header .header-left, .header .header-right{width: 100%!important; text-align: center; margin: 0 auto}
	.header .header-left img{max-width: 350px;}
	.header .header-right .right-btns{display: none;}

	#menu-button{background: #333; margin-top: 25px; padding: 15px; padding-top: 15px !important; line-height: 1 !important;}
	#menu-button a{display: block; text-align: center !important; color: #fff !important;}

    .header .inner{flex-wrap: wrap;}
	.mobile-phone-1 {
        display: block;
        text-align: center;
        font-size: 16px;
        padding-top:10px;
    }
    .mobile-phone-1 a {
        color:#000;
    }
}