/*
	Theme Name: www.cstkequipment.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;} img{max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast;}

html, body{font-family: 'Open Sans', sans-serif; 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;}
#menu-primary {
	flex-direction: row;
}
a {
    text-decoration: none;
    color: #7a878e;
    outline: 0;
}
.sidebarColumn{min-height: inherit !important;}
.main{padding: 50px 0;}
.wrap{max-width: 1240px; margin: 0 auto; padding: 0 20px;}

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

/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6{font-family: 'Oswald', sans-serif;}
p{font-size: 16px; line-height: 2; text-align: center;}
a{transition: all .2s ease-in-out;}

/* HEADER */

.header-container{position: absolute; top: 0; left: 0; width: 100%; z-index: 9999;}

.top-header{background: #ababab; padding: 10px 0; text-align: center;}
.top-header .sidebarColumn{min-height: inherit !important;}
.top-header .col-sm-12{display: flex; align-items: center; justify-content: center;}
.top-header .col-sm-12 div{padding: 0 15px;}
.top-header .col-sm-12 a{font-size: 18px; font-weight: 700; color: #000;}

.header{background: rgba(130,130,130,0.9);}
.header .wrap{display: flex; align-items: center; flex-wrap: wrap;}

.header .logo{width: 180px; order: 1;}
.header .search{width: 250px; margin: 0 25px; order: 2;}
.header .navigation{width: calc(100% - 580px); order: 3;}
.header .contact{display: none;}
.header .contact a{display: block; padding: 10px; font-size: 22px; text-shadow: 1px 1px 2px #000; color: #F4C64C;}
.header .service{width: 100px; font-size: 14px; font-weight: 700; line-height: 1.25; text-align: center; text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8); color: #F4C64C; order: 4;}

.search form{position: relative;}
.search form:before{position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f002"; top: 4px; right: 8px; color: #aaa;}
.search input[type="text"]{background: #fff; width: 100%; padding: 5px 8px; font-size: 12px; outline: none; border: 1px #eee solid; box-shadow: 4px 4px 10px rgba(0,0,0,0.8);}
.search input[type="submit"]{position: absolute; top: 0; right: 0; width: 30px; height: 30px; opacity: 0; cursor: pointer;}

/* HERO */

.hero{background: url("images/hero.jpg") center center no-repeat; background-size: cover; padding: 200px 0 150px;}
.hero-inner{max-width: 650px; background: rgba(0,0,0,0.4); margin: auto; padding: 30px; font-family: 'Oswald', sans-serif; text-transform: uppercase; text-shadow: 4px 4px 10px rgba(0,0,0,0.9); text-align: center; color: #fff; border: 4px #fff solid;}
.hero-inner h1{font-size: 64px;}
.hero-inner p{margin: 15px 0; font-size: 30px; line-height: 1.25;}

.scroll-down{position: relative; margin-top: -40px; text-align: center;}
.scroll-down i{position: relative; top: 2px;}
.scroll-down a{display: flex; align-items: center; justify-content: center; background: #3498DB; margin: auto; width: 80px; height: 80px; font-size: 32px; color: #fff; border: 2px #fff solid; border-radius: 100px;}
.scroll-down a:hover{border: 7px #fff solid;}

/* INVENTORY */

#AllCompareListings{display: none !important;}

.listings-wrapper .listing-boxed .listing-border{border:none !important; padding:20px;}
.listings-wrapper .listing-boxed .listing-boxed-image-col{border-right: none !important;}
.listings-wrapper .listing-boxed .listing-boxed-details h2{ font-weight: bold; background:#01629d; padding:10px; font-family:'Roboto Condensed', Sans-serif !important; margin-bottom:15px;}
.listings-wrapper .listing-boxed .listing-boxed-details h2 a{color:#fff !important;}
.listings-wrapper .listing-boxed .listing-boxed-details{padding:0 15px 15px 15px !important;}
.hosted-content .listing-boxed-container{display: none !important; }
.listings-wrapper .listing-boxed .listing-boxed-pricing{display: none;}
.listings-wrapper .listing-boxed .listing-boxed-details{width: 80% !important;}

.listings-wrapper .hosted-theme .btn{color:#01629d !important}
.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button{background:transparent !important; color:#01629d !important}

a.btn:after{display: none;}

.hosted-content #listings-title{display: none !important;}

.hosted-content h1{color:#fff; background:#01629d !important; padding:10px; text-transform: uppercase; font-size: 20px;font-family:'Roboto Condensed', Sans-serif}
.hosted-content h3{font-size: 18px; line-height: auto;}
.hosted-content .listings-detail-wrapper .media-control-wrapper{width:46% !important;}

/* FOOTER */

.footer{background: #696867; padding: 15px; font-size: 11px; text-align: center; color: #fff; border-top: 20px #0F89FB solid;}
.footer .wrap{display: flex; align-items: center;}
.footer .social{padding: 0 25px;}
.footer .social a{display: inline-block;}
.footer .social img{width: 30px;}
.footer .footer-logos{display: flex; align-items: center; margin-left: auto;}
.footer .footer-logos img{display: inline-block; margin: 0 10px;}

/* RESPONSIVE */

@media screen and (max-width: 1024px){
	.header .search{display: none;}
	.header .navigation{width: calc(100% - 310px);}
	
	.footer .wrap{display: block;}
	.footer .social{padding: 25px 0;}
	.footer .footer-logos img{max-height: 30px; margin: 5px 10px;}
}
@media screen and (max-width: 980px){
	.header .logo{padding: 10px 0;}
	.header .contact{display: block; margin-left: auto; order: 3;}
	.header .navigation{width: auto; order: 4;}
	.header .service{display: none;}
}
@media screen and (max-width: 768px){
	.main .wrap .sh-col-sm-11, .main .wrap .sh-col-sm-10, .main .wrap .sh-col-sm-9, .main .wrap .sh-col-sm-8, .main .wrap .sh-col-sm-7, .main .wrap .sh-col-sm-6, .main .wrap .sh-col-sm-5, .main .wrap .sh-col-sm-4, .main .wrap .sh-col-sm-3, .main .wrap .sh-col-sm-2, .main .wrap .sh-col-sm-1{margin-bottom: 15px; padding-right: 0 !important;}
	
	.hero{padding: 150px 20px 80px;}
	.hero-inner h1{font-size: 36px;}
	.hero-inner p{font-size: 20px;}
}
@media screen and (max-width: 480px){
	.top-header .col-sm-12 div{padding: 0 5px;}
	.top-header .col-sm-12 a{font-size: 14px;}
}