/*
	Theme Name: www.firstchoicekubota.com
	Theme URI: https://sandhills.com
	Author: Sandhills
	Author URI: https://sandhills.com
	Description: Sandhills default template.
	Version: 1.0
	Text Domain: sandhills
	Tags: Sandhills default
*/

/* RESET */

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

html{overflow-x: hidden !important; overflow-y: scroll;}
html, body{background: rgb(236,236,236); background: linear-gradient(90deg, rgba(236,236,236,1) 0%, rgba(247,247,247,1) 100%); /*background: url("images/bg-light.jpg");*/ font-family: 'Open Sans', sans-serif !important; line-height: 1.5; height: 100%; width: 100%;}
::-moz-selection{background: #FF6D28; color: #fff; text-shadow: none} ::selection{background: #FF6D28; color: #fff; text-shadow: none}

.sidebarColumn{min-height: inherit !important;}
.main{max-width: 1280px; margin:0 auto;padding: 50px 0; background:#fff;}
.wrap{max-width: 1440px; margin: 0 auto; padding: 0 20px;}
.invwrap {margin: 0 auto; padding: 25px 5%; background:#fff;}
.hero,
.banner {max-width: 1280px; margin:0 auto;}
.banner .slick-slider {line-height:.95 !important;  border-bottom: 3px #FF6D28 solid;}



.row > * {
    padding-left: calc(var(--bs-gutter-x) * 0.0);
    padding-right: calc(var(--bs-gutter-x) * 0.0);
}
a {
    text-decoration: none;
    color: #7a878e;
    outline: 0;
}
.bs10-col-md-2 {
	width: 20%;
}
tbody, td, tr {
	border: 1px solid lightgray;
}
.table {
	--bs-table-bg: transparent;
}
.main .wrap .col-sm-11, .main .wrap .col-sm-10, .main .wrap .col-sm-9, .main .wrap .col-sm-8, .main .wrap .col-sm-7, .main .wrap .col-sm-6, .main .wrap .col-sm-5, .main .wrap .col-sm-4, .main .wrap .col-sm-3, .main .wrap .col-sm-2, .main .wrap .col-sm-1{padding-right: 25px !important;}

/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6{font-weight: 700;}
h1{font-size: 28px; color: #FF6D28;}
a{color: inherit; cursor: pointer; transition: all .2s ease-in-out;} a:hover{color: inherit;}

.orange-btn{display: block; background: #FF6D28; padding: 15px; font-weight: 700; text-align: center; line-height: 1.25; color: #fff;}
.orange-btn:hover{background: #EA6424; color: #fff;}

.gray-btn{display: block; background: #353535; padding: 15px; font-weight: 700; text-align: center; line-height: 1.25; color: #fff;}
.gray-btn:hover{background: #111; color: #fff;}

/* HEADER */

.top-header{max-width: 1280px; margin:0 auto; background:#f9f9f9; padding: 5px 0; text-align: right; border-bottom: 1px #333 solid;}



.top-header .quick-search{display: flex; justify-content:center;}
.top-header .quick-search form{display: flex; align-items: center; position: relative; width: 50%;}
.top-header .quick-search input[type="text"]{background: #fff; width: calc(100% - 38px); padding: 8px 12px; font-size: 12px; border: 1px #ddd solid; border-radius: 5px;}
.top-header .quick-search button{background: #000; margin-left: 10px; padding:9px 13px; font-size: 12px; text-align: center; color: #fff; border: none; border-radius: 5px; transition: all .2s ease-in-out;}
.top-header .quick-search button:hover{background: #FF6D28;}

.header{display: flex; flex-flow:row wrap;  align-items: center; justify-content: center;  padding: 20px 30px; text-align: center; max-width: 1280px; margin:0 auto; background:#fff;}
.header .col-sm-2{width: 16.6666%; padding: 5px;}
.header .sig-logo{/*width:10%;*/ padding: 0 10px;}
.header .logo{/*width:20%;*/ padding: 0 10px;}
.header .locations{width: 70%; padding: 0 8px; font-size: 12px; line-height: 1.25;}
.header .locations b{margin-bottom: 5px; font-size: 14px;}

.header .social{width:20%; padding: 0 10px; font-size: 24px;}
/*.header .social-icons{margin-bottom: 10px;}*/
.header .social i{margin: 0 2px;}
.header .social i.fa-facebook-official{color: #3b5998;}
.header .social i.fa-twitter{color: #00aced;}
.header .social i.fa-youtube{color: #ff0000;}
.header .social i.fa-instagram{color: #cd486b;}

.header .awards {display: flex; flex-flow:row wrap; align-items: center; justify-content: flex-end; margin:0 0 0 auto;}


/*.slick-slide {width:100% !important;}*/


/* HOME */

.hero-btns{background: url("images/bg-rocks.jpg") center center no-repeat; background-size: cover; padding: 25px 0;}
.hero-btns .wrap{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.hero-btns .hero-btn{flex: 1; background: #f6f6f6; background: linear-gradient(to bottom,  #f6f6f6 0%,#d7d7d7 100%); margin: 5px; font-size: 14px; font-weight: 700; text-transform: uppercase; text-align: center;}
.hero-btns .hero-btn:hover{background: #d7d7d7;}
.hero-btns .hero-btn .btn-toggle{display: block; padding: 20px; font-size: 18px; cursor: pointer;}
.hero-btns .hero-btn ul{display: none; padding: 0 0 20px;}
.hero-btns .hero-btn ul li a{display: block; padding: 2px 0;}
.hero-btns .hero-btn ul li a:hover{color: #FF6D28;}

.manus{max-width: 1280px; margin:0 auto; background: #eee; padding:5px 0; border-top: 1px #000 solid; border-bottom: 1px #000 solid;}

/* BODY */

.post-container-product-line-archive{display: flex; flex-wrap: wrap;}
.column-padding-product-line-archive{width: 25%; padding: 5px;}
.product-line a{display: block; padding: 15px; font-weight: 700; color: #FF6D28; border: 1px #ccc solid;}
.product-line a:hover{border: 1px #FF6D28 solid;}

.package-deal{display: flex; flex-wrap: wrap; padding: 25px 0; text-align: left; border-bottom: 1px #ddd solid;}
.package-deal .package-img{width: 25%;}
.package-deal .package-img img{display: block; width: 100% !important;}
.package-deal .package-details{width: 75%; padding-left: 25px;}
.package-deal .package-details h3, .package-deal .package-details p{margin-bottom: 10px;}
.package-deal .package-details ul{margin: 10px 0;}
.package-deal .package-details ul li{margin-left: 15px; font-size: 14px; list-style: disc;}
.ug-thumb-wrapper .ug-thumb-overlay{display: none !important;}
.ug-thumb-wrapper.ug-tile img.ug-thumb-image{left: 0 !important; width: 100% !important; height: auto !important;}

.table-bordered{font-size: 14px;}
.table-bordered tr:first-child td{background: #464646; font-size: 16px; color: #fff;}

.post-container-staff-members{display: flex; flex-wrap: wrap;}
.column-padding-staff-members{width: 20%; padding: 10px;}
.staff-box{margin:2% 0 5% 0; font-size: 14px; text-align: center; line-height: 1.25;}
.staff-box .staff-profile {width:80%; height:0; margin:0 auto 5% auto; padding:0 0 80.5% 0; clip-path: circle(50% at 50% 50%); background:#f3f3f3;}
.staff-box a{color: #FF6D28;}
.staff-box a:hover{color: #00AEB7;}

.contactForm h1{display: none;}
.contactForm h3{display: block; margin: 15px 0; font-size: 20px; color: #FF6D28;}
.contactForm .checkbox, .contactForm .radio{display: inline-block; padding-right: 15px;}
.contactForm .btn-success{background-color: #FF6D28 !important; border-color: #FF6D28 !important; font-weight: 700; color: #fff;}
.contactForm .btn-success:focus, .contactForm .btn-success:hover{background-color: #EA6424 !important; border-color: #EA6424 !important;}
.contactForm .contactFormLabel{display: block; font-size: 14px; font-weight: 700;}
.contactForm .form-control{height: auto; margin-top: 5px; padding: 10px;}


.creditBanner {max-width: 1280px; margin:0 auto; padding:25px 2.5%; background:#ff6d28;}


/* SIDE TABS */

.tabs{position: absolute; top: 200px; right: 0; width: 40px;}
.tabs .tab-container{position: absolute; background: #fff; height: 500px; z-index: 9; transition: all .5s ease-in-out;}
.tabs .tab-container.toggle{right: 0 !important;}
.tabs .tab-button{display: block; height: 40px; width: 40px; position: absolute; left: -40px; top: 0; border-radius: 5px 0 0 5px; cursor: pointer;}

#weather{background: #00BFF3 url("images/icon-weather.png") no-repeat center; background-size: 70%;}
#weather:hover{background-color: #00ABD9;}
#stocks{background: #007236 url("images/icon-markets.png") no-repeat center; background-size: 70%;}
#stocks:hover{background-color: #00582A;}

#weather-box{top: 0px; right: -280px; width: 280px;}
#stocks-box{top: 50px; right: -310px; width: 310px; height: 500px;}

/* ZOOM CONTAINER */

.post-container-product-categories{display: flex; flex-wrap: wrap;}
.column-padding-product-categories{width: 25%; padding: 5px;}
.zoom{position: relative; overflow: hidden;}
.zoom img{display: block; width: 100%;}
.zoom .zoom-caption{display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .5); padding: 0 15px; font-size: 20px; font-weight: 700; text-transform: uppercase; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); line-height: 1.25; color: #fff; transition: all .5s ease; z-index: 10;}
.zoom:hover .zoom-caption{background: rgba(0, 0, 0, 0);}



.locationmapoverlay {
   background:transparent; 
   position:relative; 
   width:100%;
   height:480px; 
   top:480px;  
   margin-top:-480px; 
	z-index: 10;
}

/*.post-container-store-locations {display:flex; flex-flow:row wrap; justify-content:center;}
.column-padding-store-locations {flex:33%; max-width:33.3%;}*/

.location-wrapper {display:flex; flex-flow:row wrap; justify-content:center;}

.location-item {flex:calc(30% - 20px); max-width:30%; display:flex; flex-flow:row wrap; align-items: flex-start; margin:0 1.5% 5% 1.5%; padding:18px; border-radius:8px; border:1px #e1e1e1 solid;}
.location-item .location-profile {width:100%; height:0; margin:0 auto 5% auto; padding:0 0 30% 0;}

.location-icon {margin:10px 0 0 5%; font-size:20px;}
.location-icon.icon-orange {color:rgb(230,81,0);}
.location-icon.icon-blue {color:rgb(26,35,126);}
.location-icon.icon-wine {color:rgb(194,24,91);}

.location-details {padding:10px 15px; text-align:left; }
.location-details h4 {font-size:18px;}
.location-details strong {color:#444;}
.location-details .gray-btn {width:160px;}


.location-landing {text-align:left;}

.input-group-append .btn-primary {margin:9px 0 0 0 !important;}


/* FOOTER */

.footer-links{background: #000; padding: 2px;}
.footer-button-container .row{display: flex; justify-content: center; flex-wrap: wrap;}
.footer-button-container .row .bs10-col-md-2{flex: 1;}
.footer-button{display: flex; align-items: center; height: 100%;}
.footer-button a{display: block; padding: 100px 15px; font-size: 28px; font-weight: 800; text-align: center; text-transform: uppercase; line-height: 1; color: #fff; text-shadow: 2px 2px 2px rgba(0,0,0,.9);}
.footer-button a:hover{color: #FF6D28;}

.top-footer{display: flex; align-items: center; flex-wrap: wrap; background: #000;}
.top-footer .footer-left{width: 350px;}
.top-footer .footer-map{width: calc(100% - 700px);}
.top-footer .footer-map iframe{width: 100%; height: 300px;}
.top-footer .footer-right{width: 350px;}

.footer{max-width: 1280px; margin:0 auto; background: #000; padding: 25px; font-size: 12px; text-align: center; color: #fff; border-top: 3px #FF6D28 solid;}
.footer .wrap{display: flex; align-items: center; flex-wrap: wrap;}
.footer .footer-btns{width: 20%;}
.footer .footer-btns a{display: block; background: #FF6D28; padding: 12px 15px; font-size: 16px; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff;}
.footer .footer-btns a:hover{background: #00AEB7;}

.footer .social{width:20%; padding: 0 10px; font-size: 24px;}
/*.footer .social-icons{margin-bottom: 10px;}*/
.footer .social i{margin: 0 2px;}
.footer .social i.fa-facebook-official{color: #3b5998;}
.footer .social i.fa-twitter{color: #00aced;}
.footer .social i.fa-youtube{color: #ff0000;}
.footer .social i.fa-instagram{color: #cd486b;}

/*.footer .copyright{width: 60%; padding: 0 35px; font-size: 10px; color: #e6e6e6; text-align:left; }
.footer .copyright a{text-decoration: underline;}
.footer .copyright a:hover{text-decoration: none;}*/
.footer .sponsors{width: 80%; font-weight: 700; margin: 0 0 0 auto;}
.footer .sponsors .footer-sig{margin-left: 20px; max-height: 65px;}

/* RESPONSIVE */
@media screen and (min-width: 1200px){
	.overrideColWidth > div > .col-xl-2 {width: 14.28571429%;}
}
@media screen and (max-width: 1500px){
	.header{padding: 20px;}
	.header .col-sm-2{width: 33.3333%;}
	.header .bs7-col-sm-1 {width: 25%;}
}
@media screen and (max-width: 1200px){
	.hero-btns .hero-btn{flex: none; width: calc(33.3333% - 10px);}
	.column-padding-staff-members{width: 25%;}

	
	.location-item {flex:calc(42% - 20px); max-width:42%;  display:flex; flex-flow:row wrap; align-items: flex-start; margin:0 1.5% 5% 1.5%; padding:18px; border-radius:8px; border:1px #e1e1e1 solid;}

	.location-icon {width:100%; margin:10px 0 0 5%; font-size:20px;}
	.location-icon.icon-orange {color:rgb(230,81,0);}
	.location-icon.icon-blue {color:rgb(26,35,126);}
	.location-icon.icon-wine {color:rgb(194,24,91);}

	.location-details {padding:10px 15px;}
	.location-details h4 {font-size:18px;}
	.location-details strong {color:#444;}

}

@media screen and (max-width:1024px){
	.header .awards {justify-content:center; margin:20px auto 0 auto; width:100%;}
	.header .awards img {margin:0 10px !important; width: 75% !important; max-width: 130px !important;}
}

@media screen and (max-width: 980px){
	.hide-980{display: none;}

	.footer-button-container .row .bs10-col-md-2{flex: none; width: 33.3333%;}
	.footer-button a{padding: 50px 15px;}
	.top-footer .footer-left, .top-footer .footer-right{display: none;}
	.top-footer .footer-map{width: 100%;}
	.top-footer .footer-map iframe{height: 250px;}
	.footer .footer-btns, .footer .sponsors{width: 100%;}
	.footer .social{width: 100%; padding:0 0 25px 0;}
	.footer .copyright{width: 100%; padding: 15px 0;}
	.footer .col-sm-6{float: left; width: 50%;}
	
	
	
	.column-padding-staff-members{width: 33.3333%;}
	.column-padding-product-line-archive{width: 33.3333%;}
	.column-padding-product-categories{width: 33.3333%;}
	.zoom .zoom-caption{font-size: 16px;}
}
@media screen and (max-width: 850px){
	.header .sig-logo{width:20%; padding: 0 10px;}
	.header .logo{width:30%; padding: 0 10px;}

	/*.header .awards {display: flex; flex-flow:row wrap; align-items: center; justify-content: flex-end; margin:0 0 0 auto; width:45%;}*/
}

@media screen and (max-width: 768px){
	.hide-768{display: none;}
	.top-header .quick-search form{width: 100%;}
	
	.header .sig-logo{width: 120px; padding: 0;}
	.header .logo{width: calc(100% - 290px); padding: 0 25px;}
	
	.header .social{width: 120px; padding: 0;}
	.header .social-icons{margin-bottom: 5px;}
	.header .social img{max-width: 115px !important;}
	
	.header .locations{width: 100%; margin-top: 20px; text-align: center; order: 5;}
	.header .locations b{font-size: 14px;}
	.header .col-sm-2{float: left; width: 33.3333%;}
	.header .bs7-col-sm-1 {width:33.333%; float:left;}
	
	
	h1{font-size: 24px;}
	
	.hero-btns .wrap{padding: 0 10px;}
	.hero-btns .hero-btn{width: calc(50% - 6px); margin: 3px;}
	.hero-btns .hero-btn .btn-toggle{display: flex; align-items: center; padding: 15px; font-size: 13px;}
	.hero-btns .hero-btn .btn-toggle i{margin-left: auto;}
	
	.main{padding: 35px 0;}
	.main .wrap .col-sm-11, .main .wrap .col-sm-10, .main .wrap .col-sm-9, .main .wrap .col-sm-8, .main .wrap .col-sm-7, .main .wrap .col-sm-6, .main .wrap .col-sm-5, .main .wrap .col-sm-4, .main .wrap .col-sm-3, .main .wrap .col-sm-2, .main .wrap .col-sm-1{margin-bottom: 15px; padding-right: 0 !important;}

	.package-deal .package-img{width: 100%;}
	.package-deal .package-details{width: 100%; padding: 25px 0 0;}
	.column-padding-staff-members{width: 50%;}
	.column-padding-product-line-archive{width: 50%;}
	.column-padding-product-categories{width: 50%;}
}

@media screen and (max-width: 680px){
	.location-item {flex:calc(97% - 20px); max-width:97%;}
}
@media screen and (max-width: 560px){
	.header{padding: 10px;}
	.header .sig-logo{width: 70px;}
	.header .logo{width: calc(100% - 190px); padding: 0 10px;}
	
	.header .bs7-col-sm-1 {width:50%;}
	
	
	.column-padding-product-categories{width: 100%; padding: 5px 0;}
	.zoom{height: 85px;}
	.zoom img{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
	
	.footer-button-container .row .bs10-col-md-2{width: 50%;}
	.footer-button a{font-size: 16px;}
}
@media screen and (max-width: 360px){
	.header .awards img {width: 65% !important; max-width:80px !important;}
	
	.column-padding-staff-members{width: 100%;}
	.staff-box {text-align: center;}
}