/*
	Theme Name: www.borderequipment.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%;}
::-moz-selection{background: #FBA825; color: #fff; text-shadow: none} ::selection{background: #FBA825; color: #fff; text-shadow: none}

.sidebarColumn{min-height: inherit !important;}
.main{padding: 50px 0;}
.wrap{max-width: 1440px; margin: 0 auto; padding: 0 20px;}
.row > * {
    padding-left: calc(var(--bs-gutter-x) * 0.0);
    padding-right: calc(var(--bs-gutter-x) * 0.0);
}
a {
    text-decoration: none;
    color: #7a878e;
    outline: 0;
}
.dark-bg{background: url("images/bg-dark.png"); color: #fff;}
.grey-box{background: #f5f5f5; padding: 25px; border: 1px #eee 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;}
.cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *{box-sizing: border-box;}

/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6{font-family: 'Oswald', sans-serif; font-weight: 700; text-transform: uppercase; color: #FBA825;}
a{color: inherit; transition: all .2s ease-in-out;} a:hover{color: inherit;}

.orange-btn{display: block; background: #FBA825; padding: 15px; font-family: 'Oswald', sans-serif; font-weight: 700; text-align: center; color: #fff;}
.orange-btn:hover{background: #E6971B;}

.button-list ul{display: flex; flex-wrap: wrap;}
.button-list ul li{width: 25%; padding: 5px; list-style: none;}
.button-list ul li a{display: block; background: #FBA825; padding: 15px; font-family: 'Oswald', sans-serif; font-weight: 700; text-align: center; color: #fff;}
.button-list ul li a:hover{background: #E6971B;}

.back-btn{display: inline-block; margin-bottom: 15px; font-weight: 700; color: #777;}
.back-btn:hover{color: #333;}
.back-btn:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f04a"; margin-right: 10px;}

/* HEADER */

.header{background: url("images/bg-light.jpg"); padding: 20px 0;}
.header .wrap{display: flex; align-items: center; flex-wrap: wrap;}
.header .logo ul li{display: inline-block; list-style: none; padding: 0 10px 0 0;}
.header .logo img{max-height: 40px !important;}
.header .contact{margin-left: auto; font-weight: 700; color: #fff;}

/* HOME */

.hero{border-bottom: 15px #FBA825 solid;}

.location-box{background: #FBA825; padding: 25px !important; color: #fff;}
.location-box h2{margin-bottom: 15px; color: #fff;}

/* BODY */

.attachments{display: flex; flex-wrap: wrap; margin-bottom: 25px;}
.attachments .attachment-img{display: flex; align-items: center; justify-content: center; background: #fff; width: 250px;}
.attachments .attachment-description{width: calc(100% - 250px); padding-left: 25px; text-align: left;}

.sales-map{display: flex; flex-wrap: wrap; margin-bottom: 25px;}
.sales-map .sales-img{width: 50%; padding-right: 30px;}
.sales-map .sales-img img{display: block; width: 100%;}
.sales-map .sales-details{display: flex; align-items: center; justify-content: center; width: 50%; text-align: center; color: #222;}
.salesman{display: none; width: 100%; background: #eee; padding: 20px;}

/* FOOTER */

.top-footer{background: url("images/bg-footer.png"); padding: 35px 0 50px; color: #fff;}
.top-footer h4{margin: 10px 0;}
.top-footer ul li{display: inline-block; padding: 5px 10px 5px 0; list-style: none;}
.top-footer ul li i{font-size: 24px;}
.top-footer ul li a:hover{opacity: .75;}

.footer{background: #111; padding: 35px 0; font-size: 10px; text-align: center; color: #fff;}
.footer .wrap{max-width: 800px;}

/* RESPONSIVE */

@media screen and (max-width: 980px){
	.header .logo{width: 100%; text-align: center;}
	.header .logo ul li{padding: 0 10px 10px;}
	.header .contact{width: 100%; margin-left: 0; text-align: center;}
	
	.button-list ul li{width: 50%;}
	.button-list ul li a{font-size: 14px;}
}
@media screen and (max-width: 768px){
	.main{padding: 35px 0;}
	.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;}
	
	.attachments .attachment-img{width: 100%; margin-bottom: 10px;}
	.attachments .attachment-description{width: 100%; padding-left: 0; text-align: center;}
	.sales-map .sales-details{font-size: 12px;}
}
@media screen and (max-width: 480px){
	.button-list ul li{width: 100%; padding: 2px 0;}
}