/*
	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
*/
/*--------------------------------------------------------------
## Editor class styles
--------------------------------------------------------------*/

/* 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;} img{max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast;}
a {
    text-decoration: none;
    color: #7a878e;
    outline: 0;
}
.row > * {
    padding-left: calc(var(--bs-gutter-x) * 0.0);
    padding-right: calc(var(--bs-gutter-x) * 0.0);
}
html, body{font-family: 'Asap', sans-serif; font-size: 16px; line-height: 1.5; height: 100%; width: 100%;}
.cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *{box-sizing: border-box;}

.sidebarColumn{min-height: inherit !important;}
.main{padding: 50px 0 100px;}
.wrap{max-width: 1440px; margin: 0 auto; padding: 0 20px;}

.main .wrap .col-md-11, .main .wrap .col-md-10, .main .wrap .col-md-9, .main .wrap .col-md-8, .main .wrap .col-md-7, .main .wrap .col-md-6, .main .wrap .col-md-5, .main .wrap .col-md-4, .main .wrap .col-md-3, .main .wrap .col-md-2, .main .wrap .col-md-1{padding-right: 25px !important;}

/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6{font-family: 'Play', sans-serif; font-weight: 700;}
h1{font-size: 28px;}
h1 span{display: block; font-weight: 400; color: #A7D500;}
a{transition: all .2s ease-in-out;}

.green-btn{display: block; background: #A7D500; padding: 10px; max-width: 400px; font-weight: 700; text-align: center; color: #000;}
.green-btn:hover{background: #8CB200; color: #000;}

.black-btn{display: block; background: #000; padding: 12px; font-weight: 700; text-align: center; color: #fff;}
.black-btn:hover{background: #333; color: #fff;}
.black-btn i{margin-right: 5px;}

/* HEADER */

.header{display: flex; align-items: flex-end; flex-wrap: wrap; position: relative; background: #000; overflow: hidden;}
.header .logo{width: 400px; padding: 20px;}
.header .header-top{position: absolute; top: 0; right: 0; background: #A7D500; max-width: 850px; margin-left: auto; margin-right: -55px; padding: 2px 50px; text-align: right; transform-origin: 0 100%; transform: skew(-125deg);}
.header .header-top .contact{font-size: 16px; color: #fff; transform: skew(125deg);}
.header .header-top .contact a{margin-left: 5px; color: #000;}
.header .header-top .contact .contact-spacer{display: inline-block; padding: 0 10px;}
.header .header-top .contact .sidebarColumn{min-height: inherit !important;}
.header .navigation{width: calc(100% - 400px); margin-left: auto;}

/* HOME */

.hero{display: flex; align-items: center; background: #000; flex-wrap: wrap;}
.hero .slider{width: calc(100% - 301px);}
.hero .social{width: 301px;}

/* BODY */

.banner{background: rgba(0, 0, 0, 0.25); padding: 35px 0;}
.banner h1{font-size: 64px; text-align: center; text-transform: uppercase; text-shadow: 2px 2px 5px #000; color: #A7D500;}

.post-container-brands{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.post-container-brands .column-padding-brands{width: 20%;}
.post-container-brands .manu-link{padding: 10px;}
.post-container-brands .manu-link img{max-height: 100px; transition-duration: 0.3s;}
.post-container-brands .manu-link:hover img{transform: scale(1.1);}

.post-container-products{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; overflow: visible !important;}
.post-container-products .column-padding-products{width: calc(25% - 20px); margin: 10px;}
.post-container-products .product-box{display: block; background: #f5f5f5; padding: 20px; font-size: 14px; text-align: center; line-height: 1; color: #000; border-radius: 10px; transition-duration: 0.3s;}
.post-container-products .product-box strong{display: inline-block; margin-bottom: 5px; font-size: 20px; line-height: 1;}
.post-container-products .product-box img{display: block; width: 100%; margin-bottom: 15px;}
.post-container-products .product-box:hover{transform: scale(1.1);}

.landing-contact{margin-top: 50px; padding: 15px;}
.img-left{float: left;}
.img-right{float: right; max-width: 400px !important; height: auto !important; padding: 15px;}

.carousel-control.left, .carousel-control.right{color: #fff;}
.carousel-indicators li{background-color: rgba(255, 255, 255, 0.75); border: none;}
.carousel-indicators>.active{background: #A7D500; border: none; color: #A7D500;}

.contactForm h1{display: none;}
.contactForm .btn-success, .contactForm .btn-success:focus, .contactForm .btn-success:hover{background-color: #A7D500 !important; border-color: #A7D500 !important; font-weight: 700; color: #fff;}
.contactForm .contactFormLabel{font-size: 14px;}
.contactForm .form-control{height: auto; margin-top: 5px; padding: 10px;}

/* FOOTER */

.footer{background: #414141; padding: 75px 0; font-size: 14px; color: #fff;}
.footer a{color: #fff;}
.footer .wrap{display: flex; align-items: center; flex-wrap: wrap;}
.footer .logo{width: 400px; padding-right: 50px;}
.footer .locations{width: 600px;}
.footer .locations b{color: #A7D500;}
.footer .social{width: 300px; margin-left: auto; text-align: right;}
.footer .social a{text-decoration: underline;}
.footer .social-icons{display: block; margin: 10px 0;}
.footer .social-icons li{display: inline-block; list-style: none;}
.footer .social-icons li a{display: block; padding: 0 5px; font-size: 28px; color: #A7D500;}

/* RESPONSIVE */

@media screen and (max-width: 1900px){
	.hero .social{max-height: 40vh; overflow: hidden;}
	.hero .fb_iframe_widget iframe{height: 40vh !important;}
}
@media screen and (max-width: 1400px){
	.hero .social{max-height: 30vh;}
	.hero .fb_iframe_widget iframe{height: 30vh !important;}
}
@media screen and (max-width: 1350px){
	.footer .logo{width: calc(100% - 600px);}
	.footer .logo img{display: block; max-width: 400px !important;}
	.footer .locations{margin-left: auto; text-align: right;}
	.footer .social{width: 100%; margin: 25px 0 0; text-align: center;}
}

@media screen and (max-width: 1250px){
	.header .header-top{position: relative; order: -1;}
	.header .logo{width: 100%; text-align: center;}
	.header .logo img{display: block; max-width: 300px !important; margin: auto;}
	.header .navigation{width: 100%; margin-left: 0;}
}
@media screen and (max-width: 980px){
	.hero .slider{width: 100%;}
	.hero .social{display: none;}
	
	div#n2-ss-3 .nextend-thumbnail-default, div#n2-ss-3 .nextend-thumbnail-inner{display: none;}
}
@media screen and (max-width: 768px){
	.main{padding: 35px 0;}
	.main .wrap .col-md-11, .main .wrap .col-md-10, .main .wrap .col-md-9, .main .wrap .col-md-8, .main .wrap .col-md-7, .main .wrap .col-md-6, .main .wrap .col-md-5, .main .wrap .col-md-4, .main .wrap .col-md-3, .main .wrap .col-md-2, .main .wrap .col-md-1{margin-bottom: 15px; padding-right: 0 !important;}
	
	.header .header-top{width: 100%; max-width: 100%; padding: 5px 20px; margin-right: 0; text-align: center; transform-origin: 0; transform: skew(0);}
	.header .header-top .contact{font-size: 14px; transform: skew(0);}
	
	.post-container-products .column-padding-products{width: calc(50% - 20px);}
	.img-left, .img-right{display: block; float: none; max-width: 250px !important; padding: 0; margin: 15px auto;}
	
	.footer .logo{width: 100%; padding: 0;}
	.footer .logo img{max-width: 300px !important; margin: auto;}
	.footer .locations{width: 100%; margin: 30px 0 0; text-align: center;}
}
@media screen and (max-width: 680px){
	.header .header-top .contact span{display: block;}
	.header .header-top .contact .contact-spacer{display: none;}
}
@media screen and (max-width: 480px){	
	.banner h1{font-size: 36px;}
	.post-container-products .column-padding-products{width: 100%; margin: 5px 0;}
}