/*
	Theme Name: www.CHANGETHIS.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, body{font-family: 'Barlow', sans-serif; line-height: 1.5; height: 100%; width: 100%;}
hr{margin: 35px 0; border: none; border-top: 1px #ddd solid;}
::-moz-selection{background: #19A641; color: #fff; text-shadow: none} ::selection{background: #19A641; color: #fff; text-shadow: none}

.sidebarColumn{min-height: inherit !important;}
.main{padding: 75px 0;}
.main .col-sm-8, .main .col-md-6, .main .col-sm-4, .main .col-sm-3{padding-right: 35px !important;}
.main .col-sm-8:last-child, .main .col-md-6:last-child, .main .col-sm-4:last-child, .main .col-sm-3:last-child{padding-right: 0 !important;}
.wrap{max-width: 1440px; margin: 0 auto; padding: 0 20px;}

/* TYPOGRAPHY */

.row > * {
    padding-left: calc(var(--bs-gutter-x) * 0.0);
    padding-right: calc(var(--bs-gutter-x) * 0.0);
}
h1, h2, h3, h4, h5, h6{margin: 0; font-weight: 700;}
a{color: inherit; cursor: pointer; transition: all .2s ease-in-out;} a:hover{color: inherit;}

.btn{display: flex; align-items: center; justify-content: center; background: #8B0000; padding: 20px 15px; font-size: 16px; font-weight: 600; text-align: center; color: #fff;}
.btn:hover{background: #720000; color: #fff;}

.block-btn{display: flex; align-items: center; justify-content: center; padding: 15px; font-weight: 800; text-align: center;}
.inline-btn{display: inline-flex; align-items: center; justify-content: center; padding: 15px 50px; font-weight: 800; text-align: center;}

.green-btn{background: #19A641; color: #fff;}
.green-btn:hover{background: #0F802F; color: #fff;}

.main h2{margin-bottom: 8px; font-size: 20px;}
.main h3{margin-bottom: 8px; font-size: 18px;}

.bullet-list li{list-style: disc; margin-left: 15px;}

/* HEADER */

.header{background: #000; padding: 20px 0;}
.header .wrap{display: flex; align-items: center;}
.header .navigation{margin-left: auto;}
.header .search a{display: flex; align-items: center; justify-content: center; padding: 20px; margin: 0; font-size: 16px; font-weight: 800; text-align: center; color: #fff;}
.header .search a:hover{background: #fff; color: #000;}

.searchbar{display: none; position: relative; background: #212121; width: 100%; z-index: 9999;}
.searchbar form{display: flex; align-items: center; flex-wrap: wrap; position: relative; max-width: 1440px; margin: auto;}
.searchbar form:before{position: absolute; font-family: "Font Awesome 5 Free"; content: "\f002"; right: 20px; font-size: 24px; font-weight: 900; color: #fff;}
.searchbar input[type="text"]{width: 100%; background: #212121; border: 0; outline: none; padding: 20px; font-family: 'Barlow', sans-serif; font-size: 24px; color: #fff;}
.searchbar input[type="submit"]{position: absolute; top: 0; right: 0; width: 79px; height: 79px; opacity: 0; cursor: pointer;}

.searchbar ::-webkit-input-placeholder{color: #aaa;}
.searchbar :-moz-placeholder{color: #aaa;}
.searchbar ::-moz-placeholder{color: #aaa;}
.searchbar :-ms-input-placeholder{color: #aaa;}

/* HOME */

.hero{padding: 70px 0 130px 0; background-image: linear-gradient(rgba(255,255,255,1.0) 50%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,0)), url(///media.sandhills.com/img.axd?id=10010886240&wid=0&rwl=False&p=&ext=jpg&w=733&h=550&t=&lp=&c=True&wt=False&sz=Min&rt=0&checksum=J0cT17kSiCetgh8EuCyssP60IF81XX%2bQ); background-size: cover; background-position: center;}
.hero .wrap{display: flex; flex-wrap: wrap;}
.hero .hero-left{flex: 1; padding-right: 50px;}
.hero .hero-left h1{font-size: 125px; font-weight: 800; line-height: 1;}
.hero .hero-left h1 span{display: block; margin-top: 50px; font-size: 48px; font-weight: 300; color: #19A641;}
.hero .hero-right{width: 750px;}

.post-container-product-categories{display: flex; flex-wrap: wrap;}
.column-padding-product-categories{width: calc(33.3333% - 10px); margin: 5px;}
.hero-categories{position: relative; height: 100%;}
.hero-categories strong{ bottom:0;  background: #19A641; color:#fff; padding: 0 5px; font-size: 14px; font-weight: 300; text-align: left; text-transform: uppercase;}

.hero-categories .cat-title {
	padding: 5px 10px; background-color: #19A641; color: #fff; width: 100%; display: flex; justify-content: space-between; gap: 10px; align-items: center; transition: .2s ease all;
}
.hero-categories .cat-title span {font-weight: 300;}
.hero-categories a{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 100%; height: 100%; border: 1px #19A641 solid;}
/*.hero-categories a:after{position: absolute; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; background: #19A641; width: 30px; height: 30px; font-family: "Font Awesome 5 Free"; font-size: 12px; font-weight: 900; content: "\f35d"; color: #fff;}*/
.hero-categories a:hover{color: #19A641; border: 1px #000 solid;}
.hero-categories a:hover .cat-title span {font-weight: 600;}
.hero-categories a:hover .cat-title {background-color: #000;}
.hero-categories a:hover img {background-color: rgba(25,166,65,1.00);}
.hero-categories img{flex: 1; display: block; margin: auto; padding: 15px; background-color: rgba(25,166,65,0.20);transition: .2s ease all}

.green-banner{position: relative; background: #19A641; padding: 75px 0; color: #fff;}
.green-banner h2{text-align: center; text-transform: capitalize;}
.green-banner .line-left{position: absolute; background: #fff; top: 25%; left: 0; width: 25%; height: 1px;}
.green-banner .line-right{position: absolute; background: #fff; bottom: 25%; right: 0; width: 25%; height: 1px;}

.about-section{background: url("images/bg.jpg") top center no-repeat; background-size: cover; padding: 100px 0;}
.about-section .about-box a{display: block; position: relative; background: #000; margin: 0 25px; padding: 40px 40px 75px; font-size: 52px; font-weight: 800; line-height: 1.15; color: #fff;}
.about-section .about-box a:hover{background: #333;}
.about-section .about-box a:after{content: "About Us"; position: absolute; bottom: 0; right: 0; background: #19A641; padding: 10px 25px; font-size: 12px; color: #fff;}
.about-section .social{display: flex; justify-content: center; flex-wrap: wrap;}
.about-section .social a{display: block; width: 100%; margin-bottom: 5px; padding: 25px; font-size: 24px; text-align: center; border: 1px #777 solid;}
.about-section .social a:hover{color: #19A641; border: 1px #19A641 solid;}
.about-section .featured{padding: 50px 0; font-weight: 300; text-align: center;}

/* SCROLLING INVENTORY BANNER */
.new-arrivals {background-color: #000; color: #fff;}

.new-arrivals .line-wrap {padding: 50px 0; position: relative;}

.new-arrivals .line-wrap .line-left{position: absolute; background: #19A641; top: 50%; transform: translate(0, -50%); left: 0; width: 25%; height: 1px;}
.new-arrivals .line-wrap .line-right{position: absolute; background: #19A641; top: 50%; transform: translate(0, -50%); right: 0; width: 25%; height: 1px;}

/* BODY */

.title-container{padding-bottom: 75px; border-bottom: 1px #ddd solid;}
.title-container h1{text-align: center;}

.breadcrumbs{display: flex; justify-content: flex-end; position: relative; top: -18px;}
#tsh_breadcrumbs{display: inline-block; background: #fff; padding: 6px 15px 10px; font-size: 12px; border: 1px #ddd solid; border-radius: 6px;}
#tsh_breadcrumbs li{display: inline-block; margin: 0; vertical-align: middle;}
#tsh_breadcrumbs li a{color: #19A641;}
#tsh_breadcrumbs li a:hover{color: #19A641;}
#tsh_breadcrumbs strong{font-weight: 400; opacity: .75;}
#tsh_breadcrumbs .separator{padding: 0 6px; opacity: .5;}

.careers-container{display: flex; flex-wrap: wrap;}
.careers-container .careers-left{width: 50%; padding-right: 35px;}
.careers-container .careers-right{width: 50%;}

.post-container-resource-pages{display: flex; flex-wrap: wrap;}
.column-padding-resource-pages{width: calc(25% - 10px); margin: 10px 5px;}
.column-padding-resource-pages .col-sm-12{height: 100%;}

.conversion-table .table-row{display: flex;}
.conversion-table .table-row:first-child{background: #19A641; font-weight: 700; color: #fff;}
.conversion-table .table-row:nth-child(even){background: #f5f5f5;}
.conversion-table .table-col{flex: 1; padding: 15px;}

.contactForm{margin-top: 25px;}
.contactForm h1{display: none;}
.contactForm h3{display: block; background: #000; margin: 15px 0; padding: 15px; font-size: 20px; text-align: center; color: #fff;}
.contactForm .radio{display: inline-block;}
.contactForm .input-group-btn{display: none;}
.contactForm .form-group{margin-bottom: 20px !important;}
.contactForm .checkbox, .contactForm .radio{margin-top: 0; margin-bottom: 0;}
.contactForm .checkbox label, .contactForm .radio label{margin: 10px 10px 0 18px; padding: 0;}
.contactForm .contactFormLabel{display: block; font-size: 16px; font-weight: 300;}
.contactForm .form-control{height: auto; margin-top: 5px; padding: 10px; border: 1px #ddd solid; border-radius: 3px;}
.contactForm .form-control-feedback{margin-top: -2px; font-size: 8px;}
.contactForm .mar-top{margin-top: 0 !important;}
.contactForm .btn-success{background-color: #19A641 !important; padding: 15px 60px 12px; border: none;}
.contactForm .btn-success:focus, .contactForm .btn-success:hover{background-color: #0F802F !important;}

.main .contactForm .col-sm-8, .main .contactForm .col-md-6, .main .contactForm .col-sm-4, .main .contactForm .col-sm-3{padding-left: 5px !important; padding-right: 5px !important;}

/* FOOTER */

.footer{background: #000; padding: 100px 0; color: #fff;}
.footer .wrap{display: flex; flex-wrap: wrap;}
.footer .icon-row{display: flex; align-items: center; margin-bottom: 15px; line-height: 1.25;}
.footer .icon-row i{width: 25px; margin-right: 15px; text-align: center;}

.footer .social{width: 175px;}
.footer .social-links{display: flex; flex-wrap: wrap;}
.footer .social a{display: flex; align-items: center; justify-content: center; width: 80px; height: 70px; padding: 15px; width: calc(50% - 10px); margin: 5px; font-size: 24px; text-align: center; border: 1px #777 solid;}
.footer .social a:hover{background: #fff; color: #000; border: 1px #fff solid;}

.footer .contact{flex: 1; padding: 0 50px;}
.footer .contact a:hover{opacity: .75;}

.footer .idms{width: 50%; font-size: 24px; font-weight: 800; line-height: 1.25;}
.footer .idms img{display: block !important; max-width: 100% !important; padding: 40px 30px !important; border: 1px #777 solid;}
.footer .idms a{display: flex; align-items: center; justify-content: center; background: #19A641; margin-top: 15px; padding: 15px; font-size: 14px; text-align: center;}
.footer .idms a:hover{background: #0F802F; color: #fff;}
.footer .idms .col-md-6:first-child{padding-right: 50px !important;}

/* RESPONSIVE */

@media screen and (max-width: 1300px){
	.hero{padding: 50px 0;}
	.hero .hero-left{flex: none; width: 100%; margin-bottom: 25px; padding: 0;}
	.hero .hero-left h1{font-size: 72px; font-weight: 800; line-height: 1;}
	.hero .hero-left h1 span{margin-top: 35px;}
	.hero .hero-right{width: 100%;}
	
	.about-section .about-box a{font-size: 24px;}
}
@media screen and (max-width: 1024px){
	.header .logo{padding-right: 20px;}
	.header .search a{padding: 20px 6px;}
	.header .search a:hover{background: none; color: #fff;}
	.searchbar form:before{font-size: 16px;}
	.searchbar input[type="text"]{padding: 15px 20px; font-size: 16px;}
	.searchbar input[type="submit"]{position: absolute; top: 0; right: 0; width: 54px; height: 54px; opacity: 0; cursor: pointer;}
	
	.column-padding-resource-pages{width: calc(33.3333% - 10px);}

	.footer{padding: 50px 0 25px;}
	.footer .social{width: 100%; order: 3;}
	.footer .social-links{justify-content: center;}
	.footer .social a{flex: 1;}
	.footer .contact{flex: none; width: 50%; padding: 0 25px 25px 0; order: 1;}
	.footer .idms{width: 50%; font-size: 20px; order: 2;}
	.footer .idms .col-md-6{width: 100% !important;}
	.footer .idms .col-md-6:first-child{display: none !important;}
}
@media screen and (max-width: 768px){
	.main{padding: 35px 0;}
	.main .col-sm-8, .main .col-md-6, .main .col-sm-4, .main .col-sm-3{margin-bottom: 20px; padding-right: 0 !important;}
	.main .col-sm-8:last-child, .main .col-md-6:last-child, .main .col-sm-4:last-child, .main .col-sm-3:last-child{margin-bottom: 0;}
	.main .contactForm .col-sm-8, .main .contactForm .col-md-6, .main .contactForm .col-sm-4, .main .contactForm .col-sm-3{margin: 0 !important;}
	.contactForm .form-group{margin-bottom: 8px !important;}
	.title-container{padding-bottom: 35px;}

	.hero{padding: 35px 0;}
	.hero .hero-left h1{font-size: 48px; text-align: center;}
	.hero .hero-left h1 span{font-size: 32px; margin-top: 15px;}
	.column-padding-product-categories{width: calc(50% - 10px); margin: 10px 5px;}
	
	.green-banner{padding: 50px 0;}
	.green-banner .line-left{top: 15%;}
	.green-banner .line-right{bottom: 15%;}

	.about-section{padding: 35px 0;}
	.about-section .about-box a{margin: 25px 0; padding: 35px 35px 50px; text-align: center;}
	.about-section .social a{width: calc(25% - 10px); margin: 5px; padding: 15px;}
}
@media screen and (max-width: 480px){
	.column-padding-resource-pages{width: 100%; margin: 10px 0;}
	
	.header .wrap {flex-wrap: wrap;}
	.header .logo {width: 100%;}

	.footer .contact{width: 100%; padding: 0;}
	.footer .idms{width: 100%; padding: 25px 0; font-size: 18px;}
}