/*
Theme Name: www.petersonused.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 */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');

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: #333; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; 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, .top-header .sidebarColumn, .header .sidebarColumn{min-height: inherit !important;}
.main{background: #fff; padding: 50px 0;}
.wrap{max-width: 1160px; margin: 0 auto; padding: 0 20px;}

/* TYPOGRAPHY */

a{transition: all .2s ease-in-out;}

/* HEADER */

.top-header{display: block; background: #333; padding: 5px 0;}
.top-header a{color: #fff;}
.top-header .wrap{display: flex; align-items: center;}
.top-header .translate{margin-left: auto;}

.header{display: block; background: #000 url("images/bg.jpg") center center no-repeat; background-size: cover; padding: 30px 0;}
.header .wrap{display: flex; align-items: center; flex-wrap: wrap;}
.header .logo{width: 320px; max-width: 100%;}
.header .cta{margin-left: auto;}
.header .cta a{display: inline-block; background: #FFC20E; padding: 12px 50px; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #000;}
.header .cta a:hover{background: #D9A711; color: #fff;}

/* HOME */

.zoom-container{display: block; position: relative; font-size: 16px; border: 1px solid #fff; vertical-align: top; overflow: hidden;}
.zoom-button{display: block; background: url("images/button.png") no-repeat; position: absolute; bottom: 15px; right: 15px; height: 47px; width: 47px;z-index: 99;}
.zoom-container img{display: block; width: 100%; height: auto; transition: all .5s ease;}
.zoom-container .zoom-caption{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .5); transition: all .5s ease; z-index: 10;}
.zoom-container .zoom-caption h3{display: block; background: rgba(0, 0, 0, 0.6); margin: 30% 0 0; padding: 10px 0; font-size: 24px; font-weight: 700; text-align: center; text-transform: uppercase; color: #fff;}
.zoom-container:hover img{transform: scale(1.25);}
.zoom-container:hover .zoom-caption{background: none;}
.nextButton-container-categories, .prevButton-container-categories{display: none;}

.search-bar{background: #333; padding: 10px 0; border-top: 3px #FFC20E solid; border-bottom: 3px #FFC20E solid;}
.search-bar .wrap{display: flex; flex-wrap: wrap; align-items: center;}
.search-bar .search-text{width: 225px; padding-right: 15px; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #FFC20E;}
.search-bar form{position: relative; width: calc(100% - 225px);}
.search-bar form:before{position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f002"; top: 14px; right: 15px; color: #fff;}
.search-bar input[type="text"]{background: #444; width: 100%; padding: 12px 10px; outline: none; color: #fff; border: 1px #777 solid;}
.search-bar input[type="submit"]{position: absolute; top: 0; right: 0; width: 47px; height: 47px; opacity: 0; cursor: pointer;}

.detailed-form{background: rgb(228,228,228); padding: 25px 0; border-top: 3px #FFC20E solid; border-bottom: 3px #FFC20E solid;}
.detailed-form h2{font-size: 24px; font-weight: 700; text-transform: uppercase; color: #FFC20E;}
.detailed-form form{display: flex; flex-wrap: wrap; align-items: flex-end; margin: 15px 0;}
.detailed-form form .column{width: calc(25% - 20px); margin: 5px 10px;}
.detailed-form label{display: block; font-weight: 700;}
.detailed-form input[type="text"], .detailed-form select{display: block; width: 100%; padding: 6px; border: 1px #ddd solid;}
.detailed-form input[type="submit"]{display: block; width: 100%; background: #FFC20E; padding: 12px; font-weight: 700; text-transform: uppercase; border: none; transition: all .2s ease-in-out;}
.detailed-form input[type="submit"]:hover{background: #D9A711; color: #fff;}

/* BODY */

.contactForm{background: #f5f5f5; margin: 25px 0; padding: 25px 20px; padding-left: 20px !important; padding-right: 20px !important; border: 2px #ddd solid;}
.contactForm h1{display: none;}
.contactForm .btn-success, .contactForm .btn-success:focus{background: #FFC20E; padding: 10px 35px; font-weight: 700; text-transform: uppercase; color: #000; border: none;}
.contactForm .btn-success:hover{background: #D9A711 !important;}

.title-banner{position: relative;}
.title-banner .banner-img{display: none;}
.title-banner h1{position: absolute; background: rgba(0, 0, 0, 0.6); bottom: 0; left: 0; width: 100%; padding: 20px 0; font-size: 28px; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff; z-index: 999;}
.machine-banner a{display: block; background: #FFC20E; padding: 15px; font-weight: 700; text-align: center; text-transform: uppercase; color: #000;}
.machine-banner a:hover{background: #D9A711;}

/* NOUI SLIDER */

.noUi-target{position: relative; direction: ltr}
.noUi-origin{position: absolute; right: 0; top: 0; left: 0; bottom: 0; border-radius: 2px}
.noUi-marker, .noUi-pips, .noUi-tooltip, .noUi-value{position: absolute}
.noUi-horizontal{height: 12px; z-index: 0}
.noUi-horizontal .noUi-handle{width: 25px; height: 21px; left: -13px; top: -6px}
.noUi-horizontal .noUi-handle-upper{top: -5px}
.noUi-background{background: #ccc;}
.noUi-connect{background: #FFC20E !important; border: 1px #ccc solid;}
.noUi-target{width: calc(100% - 15px); margin: 15px auto;}
.noUi-handle{position: relative; background: #fff !important; border: 1px solid #ccc; border-radius: 3px;  z-index: 1;}
.noUi-handle:after, .noUi-handle:before{content: ""; display: block; position: absolute; height: 12px; width: 1px; background: #E8E7E6; left: 10px; top: 3px}
.noUi-handle:after{left: 12px}
.noUi-pips-horizontal{padding: 5px 0; height: 10px; top: 100%; left: 0; width: 100%}
.noUi-marker-horizontal.noUi-marker{margin-left: -1px; width: 1px; height: 5px; background: #777;}
.example-val{font-weight: 700;} .example-val span{font-weight: 400;}
#slider-price-value-lower:before, #slider-price-value-upper:before{content: '$'; padding-right: 2px}

/* FOOTER */

.footer{background: #333; padding: 10px 0; font-size: 12px; color: #fff; border-top: 3px #FFC20E solid;}
.footer .wrap{display: flex;}
.footer .footer-links{margin-left: auto;}
.footer .footer-links a{font-size: 12px; font-weight: 700; color: #fff;}
.footer .footer-links a:hover{color: #FFC20E;}

/* RESPONSIVE */

.show-mobile{display: none;}

@media screen and (max-width: 1024px){
	.main{padding: 35px 0;}
}
@media screen and (max-width: 768px){
	.show-mobile{display: block;}
	.hide-mobile{display: none;}
	
	.top-header .wrap{display: block; text-align: center;}
	.header{padding: 20px 0;}
	.header .wrap{display: block; text-align: center;}
	.header .logo{margin: 0 auto 5px;}
	
	.detailed-form form .column{width: calc(50% - 20px);}
}
@media screen and (max-width: 480px){
	.search-bar .wrap{display: block; text-align: center}
	.search-bar .search-text{width: 100%; padding-right: 0;}
	.search-bar form{width: 100%;}
	
	.detailed-form form .column{width: 100%; margin: 5px 0;}
}