/*
	Theme Name: www.jweinc.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{background: linear-gradient(to right, rgba(34,34,34,1) 0%,rgba(63,63,63,1) 50%,rgba(34,34,34,1) 100%); font-family: 'metropolisregular'; 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;}
.wrap{max-width: 1440px; margin: 0 auto; padding: 0 20px; width: 100%;}
.main .wrap{color: #fff;}
.main .wrap hr{padding: 0; margin: 20px 0; border: none; border-top: 1px #777 solid;}

.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 */

@font-face {
    font-family: 'metropolisblack';
    src: url('webfonts/metropolis-black-webfont.eot');
    src: url('webfonts/metropolis-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/metropolis-black-webfont.woff2') format('woff2'),
         url('webfonts/metropolis-black-webfont.woff') format('woff'),
         url('webfonts/metropolis-black-webfont.ttf') format('truetype'),
         url('webfonts/metropolis-black-webfont.svg#metropolisblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'metropolisregular';
    src: url('webfonts/metropolis-regular-webfont.eot');
    src: url('webfonts/metropolis-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/metropolis-regular-webfont.woff2') format('woff2'),
         url('webfonts/metropolis-regular-webfont.woff') format('woff'),
         url('webfonts/metropolis-regular-webfont.ttf') format('truetype'),
         url('webfonts/metropolis-regular-webfont.svg#metropolisregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.row > * {
	padding-right: calc(var(--bs-gutter-x) * 0);
  	padding-left: calc(var(--bs-gutter-x) * 0);
}
#n2-ss-3-arrow-previous, #n2-ss-3-arrow-next {
	display: none;
}
.scrollToTop{
	color: #fff;
}
h3{
	font-size:24px;
}
h1{
	font-size: 36px;
}
a:hover{
	color: #6e7a81;
}
.main{
	justify-content: center;
  	display: flex;
	flex-wrap: wrap;
}
.inventory-width {width: 100% !important;}
h1, h2, h3, h4, h5, h6, strong, b{font-family: 'metropolisblack';}
a{color: inherit; transition: all .2s ease-in-out;}

/* HEADER */

.header{background: url("images/bg-header.jpg") center center; background-size: contain; padding: 25px 0; border-bottom: 5px #d4d4d4 solid;}
.header .wrap{display: flex; justify-content: space-between; align-items: center;}

/* HOME */

.line-wrap{padding: 50px 0; border-top: 1px #777 solid; border-bottom: 1px #777 solid;}

/* BODY */

.equipment-category{display: block; margin: 3px 0; padding: 15px; text-align: center; border: 1px #777 solid;}

.main .post-container-products-we-carry{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.main .column-padding-products-we-carry{width: calc(20% - 10px); margin: 5px;}
.main .column-padding-products-we-carry .product a{display: block; padding: 15px; border: 1px #fff solid;}

.specials{text-align: left; padding: 25px 0; border-bottom: 1px #fff solid;}
.specials a{text-decoration: underline;}
.specials ul li{list-style: disc; margin-left: 25px;}

.inventory-search{display: flex; flex-wrap: wrap;}

.accordion{flex: 1; margin: 1px 5px; position: relative; font-size: 14px; color: #555;}
.accordion .accordion-header{display: flex; align-items: center; background: #f5f5f5; font-family: 'metropolisblack'; padding: 15px 30px 15px 15px; cursor: pointer;}
.accordion .accordion-header:after{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f067"; position: absolute; right: 15px; color: #ccc;}
.accordion .accordion-content{display: none; background: #fff; padding: 10px 18px;}
.accordion .accordion-content div{margin: 5px 0;}
.accordion.active .accordion-header{background: #fff; color: #333;}
.accordion.active .accordion-header:after{content: "\f068"; color: #333;}

.accordion form label{display: block;}
.accordion form input[type="submit"], .accordion form input[type="text"], .accordion form select{display: block; width: 100%; padding: 10px; border: 1px #ddd solid;}
.accordion form input[type="submit"]{margin: 10px 0; background: #DD0000; font-family: 'metropolisblack'; color: #fff;}

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

/* FOOTER */

.back-btn{display: block; margin-top: 35px; text-align: center;}
.back-btn a{text-decoration: underline;}

.top-footer{background: url("images/bg-metal.jpg") center center; padding: 15px 0; border-top: 4px #b5b5b5 solid; border-bottom: 4px #b5b5b5 solid;}
.top-footer .post-container-products-we-carry{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.top-footer .column-padding-products-we-carry{max-width: 215px; padding: 20px;}

.footer{padding: 30px 0; color: #fff;}
.footer a{text-decoration: underline;}
.footer .wrap{display: flex; flex-wrap: wrap;}
.footer .contact{width: 500px; line-height: 1.75;}
.footer .contact h3{font-family: 'metropolisblack';}
.footer .contact p{padding: 25px 0; border-bottom: 1px #777 solid;}
.footer .copyright{width: calc(100% - 500px); text-align: right; padding-left: 25px;}

/* RESPONSIVE */

@media screen and (max-width: 1300px){
	.header .logo{max-width: 200px;}
	
	.accordion{flex: none; width: calc(50% - 10px);}
}
@media screen and (max-width: 980px){
	.header{background-size: cover;}
	
	.main, .line-wrap{padding: 35px 0;}
	.main .column-padding-products-we-carry{width: calc(33.3333% - 10px); margin: 5px;}
	
	.footer .contact{width: 100%; text-align: center;}
	.footer .copyright{width: 100%; text-align: center; padding-top: 25px; padding-left: 0;}
}
@media screen and (max-width: 768px){
	.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;}
	
	.top-footer .column-padding-products-we-carry{max-width: 150px; padding: 15px;}
}
@media screen and (max-width: 480px){
	.header .logo{max-width: 150px;}
	.main .column-padding-products-we-carry{width: 100%; margin: 5px 0;}
	.accordion{width: 100%; margin: 1px 0;}
}