/*
Theme Name: www.jbsauctions.com
Theme URI: https://sandhills.com
Author: Sandhills // Olivia Daake
Author URI: https://sandhills.com
Description: Sandhills default template.
Version: 1.0
Text Domain: sandhills
Tags: Sandhills default
*/

/*--

red: #BC1E2D
light gray: f5f5f5
font-family: "Lora", serif;

--*/

/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/

html, body{height:100%; width:100%; overflow-x:hidden; font-family: "Lora", serif; font-size: 15px; line-height: 25px;}
.clear{clear: both}

ul li{list-style: none; margin:  0}

h1, h2, h3, h4, h5, h6{font-family: "Lora", serif;}
h1{font-size: 30px; font-weight: 900; padding: 0}
h2{font-size: 26px;padding: 0}
h3{font-size: 20px;padding: 0}
h4{font-size: 17px; letter-spacing: 2px;}

p{margin: 0} p.fine-print{font-size: 13px}
b{font-weight: 700;}

a{cursor: pointer;}
:hover{-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}

.strong,.bold{font-weight: 700}
.red{color: #BC1E2D}

.shadow{box-shadow: 0 6px 10px -7px rgb(0 0 0 / 30%)}

.red-border{border-top: 2px solid #BC1E2D; width: 100%;}

.wrapper-center{width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 20px; text-align: center; float: none;}
.wrapper-inner{width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 20px; float: none }
.wrapper90{width: 90%; margin: 0 auto; float: none }

#pad, .pad{padding: 25px 20px;}
#l-pad, .l-pad{padding: 50px 20px;}
#xl-pad{padding: 60px 20px;}
#xl-pad h1{font-size: 40px; margin-bottom: 25px;}
.padtop{padding-top: 25px;} .pad-bottom{padding-bottom: 20px;}

#red-btn, .red-btn{background: #BC1E2D; color: #fff; text-transform: uppercase; padding: 12px 40px; text-align: center; text-decoration: none; font-size: 16px; letter-spacing: .75px; font-weight: 400; box-shadow: inset 0 0 0 0 #000; letter-spacing: .5px;
-moz-transition: ease-out 0.6s;transition: ease-out 0.6s; border-radius: 5px; border:0}
#red-btn:hover, .red-btn:hover{box-shadow: inset 400px 0 0 0 #000; background: #000; color: #fff;}
.welcome #red-rnd{background: #BC1E2D; color: #fff; text-transform: uppercase; padding: 12px 35px; text-align: center; text-decoration: none; font-size: 16px; letter-spacing: .75px; font-weight: 400; border-radius: 5px; box-shadow: inset 0 0 0 0 #971824;
-webkit-transition: ease-out 0.6s; -moz-transition: ease-out 0.6s; transition: ease-out 0.6s;}

#red-rnd, .red-rnd{background: #BC1E2D; color: #fff; text-transform: uppercase; padding: 12px 35px; text-align: center; text-decoration: none; font-size: 16px; letter-spacing: .75px; font-weight: 400; border-radius: 50px; box-shadow: inset 0 0 0 0 #971824; letter-spacing: .5px;
-webkit-transition: ease-out 0.6s; -moz-transition: ease-out 0.6s; transition: ease-out 0.6s; border: 0px transparent !important}
#red-rnd:hover, .red-rnd:hover{box-shadow: inset 400px 0 0 0 #971824; background: #971824;}

#black-btn, .black-btn{background: #000; color: #fff; text-transform: uppercase; padding: 12px 40px; text-align: center; text-decoration: none; font-size: 16px; letter-spacing: .75px; font-weight: 400; border-radius: 50px; border: 0px !important;}
#black-btn:hover, .black-btn:hover{background: #971824;}

#black-rnd, .black-rnd{background: #000; color: #fff; text-transform: uppercase; padding: 12px 35px; text-align: center; text-decoration: none; font-size: 16px; letter-spacing: .75px; font-weight: 400; border-radius: 50px; box-shadow: inset 0 0 0 0 #971824;
-webkit-transition: ease-out 0.6s;
-moz-transition: ease-out 0.6s;
transition: ease-out 0.6s;}
#black-rnd:hover, .blk-rnd:hover{box-shadow: inset 400px 0 0 0 #971824; background: #BC1E2D;}

.gray-bg{background: #f6f6f6}
.red-bg{background: #BC1E2D; color: #fff;}

/*--- HEADER -------------------------*/

#header .wrapper-inner{display: flex; flex-wrap: wrap;}

.co-logo{width: 150px; padding: 15px 0; text-align: center;}
.co-logo img{display: block; width: 100%; max-width: 150px; height: auto; margin: auto;}

.nav-wrap{display: flex; align-items: center; flex: 1; position: relative; text-align: center;}

/*--HOME PAGE ----------------------*/

/*--auction slider --*/
.auction-hero{background: url( images/white-aerial.jpg) no-repeat center top fixed; background-size: cover; width: 100%; padding: 150px 0;}
.auction-hero h1{margin: 0; font-size: 90px; font-weight: 900; line-height: 1;}
.auction-hero p{display: block; margin: 25px 0; font-size: 24px;}
.auction-hero .wrapper-inner{display: flex; align-items: center; flex-wrap: wrap;}
.auction-hero .content-left{flex: 1; padding-right: 50px;}
.auction-hero .content-right{width: 40%;}
.auction-hero .hero-btns{display: block; margin-top: 20px;}
.auction-hero .hero-btns a{display: inline-block; background: #fff; margin-right: 10px; padding: 15px 35px; font-size: 20px; font-weight: 700; text-transform: uppercase; text-align: center; color: #BC1E2D; border: 1px #BC1E2D solid; border-radius: 3px;}
.auction-hero .hero-btns a:hover{background: #BC1E2D; color: #fff;}
.auction-hero .hero-btns a.red-btn{background: #BC1E2D; color: #fff;}

.flex-container{display: flex; flex-direction: row; align-items: stretch; margin: 15px 0;}
.upcom-at, .sold{width: 50%; margin: 1%;}
.upcom-at{background: #f1f1f1; padding: 25px 25px; margin: 1% 1%; text-align: center;}
.upcom-at p{color:#000 !important}
.sold{border: 1px solid #71121B; text-align: center; padding: 25px;}
.sold h2{padding-bottom: 15px;}
.sold button{margin-top:15px;}

/*-- cta--*/

.cta .text{display: inline-block; width: 100%; padding-top: 100px;}
.cta .text p{letter-spacing: 1.5px; margin-bottom: 3px} .cta .text h1{margin: 0 !important}
.cta #black-rnd{float: right; position: relative; z-index: 1; margin-bottom: -16px;}

.red-banner{background: #BC1E2D; padding: 10px; font-size: 24px; font-weight: 700; text-transform: uppercase; line-height: 1; color: #fff;}
.red-banner ul{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 0; padding: 0;}
.red-banner ul li{margin: 0; padding: 10px 25px;}

.consignments{background: #000; padding: 75px 0; text-align: center; color: #fff;}
.consignments h2{margin: 0; font-size: 36px;}
.consignments .wrapper-inner{max-width: 875px;}
.consignments .wrapper-inner p{display: block; margin: 20px 0; font-size: 18px;}
.consignments .wrapper-inner a{display: inline-block; background: #fff; padding: 12px 35px; font-size: 18px; font-weight: 700; text-transform: uppercase; color: #BC1E2D; border: 1px #BC1E2D solid; border-radius: 3px;}
.consignments .wrapper-inner a:hover{background: #BC1E2D; color: #fff;}

/*--upcoming--*/

.upcoming{display: flex; align-items: stretch}
.upcoming .left{justify-content: flex-start; width: 30%; padding: 18px 0 10px 0; background: #f6f6f6; margin-bottom: 12px;}
.upcoming .right{justify-content: flex-start; width: 70%; background: #fff;}

.post-column-upcoming .border-upcoming .col-xs-12{background: none !important; text-align: left !important}

h1.larger{font-size: 35px; margin: 0}
.left-text, h1.post-upcoming-auctiondate,.post-upcoming-auctiondate, .post-upcoming-auctiontitle, .post-upcoming-auctionlocation, .post-upcoming-fineprinttext{text-align: left !important;}

/*--upcoming auctions page--*/

.width-80{width: 80%; margin: 0 auto;}
.flex-stretch{display: flex; flex-direction: row; align-items: stretch}
.ft{background: #f1f1f1; padding: 25px 25px; margin: 1% 1%; width: 40%;}
.atlist{width: 60%; margin: 1% 1% ; padding: 25px 0;}
.upcom{margin-top:-350px; }

/*--small boxes --*/
.auc-box{display: flex; margin:0 auto 12px auto; align-items: center; width: 95%; background: #f6f6f6; min-height: 150px; }
.auc-box .text{justify-content: flex-start; width: 90%;  padding:20px 0}
.auc-box .text h3{margin: 0} .post-upcoming-auctiontitle{color: #000 } .post-upcoming-fineprinttext.red{margin-top: 10px; font-size: 12px;}
.auc-box .next{justify-content: flex-start; width: 10%; background: #BC1E2D; padding: 60px 0;} 
.auc-box .next .fa{color: #fff; text-align: center; font-size: 28px; display: block; background:  none !important}

.auc-box:hover{background: #000}
.auc-box:hover .text p, .auc-box:hover p.post-upcoming-auctiontitle{color:#fff;}
.prevButton-container-upcoming, .nextButton-container-upcoming{display: none !important}

/*-- sold --*/
.sold-wrap{background: url(images/black-square.png) no-repeat right; background-size: contain; margin: 70px 0}
.sold-inner{padding: 50px 0; float: right; width: 95%; right: -150px; position: relative;}

/*-slider styles-*/
.sold-inner .slick-slide img{padding: 15px 15px 15px 0 !important; width: 100% !important;}

.sold-inner .slick-dots{display: none !important}
.sold-inner .slick-prev{left: 80% !important; margin-top: 8px;} .sold-inner .slick-next{right: 15% !important;margin-top: 8px;}
.sold-inner .slick-prev, .sold-inner .slick-next{background: none !important; color: #fff !important; border: none !important; border-radius: 0 !important;}
.sold-inner .slick-arrow{opacity: 1 !important}
.sold-inner .slick-prev:before, .sold-inner .slick-next:before{opacity: 1 !important;}
.sold-inner .slick-prev:hover, .sold-inner .slick-next:hover{opacity: .75 !important}

/*-- team--*/
.post-container-team-members{display: flex; flex-wrap: wrap;}
.column-padding-team-members{width: calc(33.3333% - 20px); margin: 10px;}
.post-column-team-members7{height: 100%;}

.team-member{display: block; background: #fff; height: 100%; padding: 25px; text-align: left; border-radius: 10px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);}
.team-member .member-image img{display: block; width: 150px; max-width: 100%; height: auto; margin: auto; border-radius: 100%;}
.team-member .member-name{display: block; margin: 10px 0; text-align: center;}
.team-member .member-name strong{display: block;font-size: 18px;}
.team-member .member-name span{display: block;}
.team-member .member-info a{color: #BC1E2D;}
.team-member .member-info a:hover{text-decoration: underline;}

.team-member .member-info a:before{font-family: "Font Awesome 6 Free"; font-weight: 900; margin-right: 10px;}
.team-member .member-info a[href^="tel:"]:before{content: "\f095";}
.team-member .member-info a[href^="mailto:"]:before{content: "\f0e0";}

/*--- TEMPLATES --------------------*/
.form-pages form h1{display: none !important}

.form-pages form .btn{background: #BC1E2D; color: #fff; padding: 10px 25px; text-align: center; text-transform: uppercase; text-decoration: none;font-family: "Lora", serif !important; font-weight: 400; letter-spacing: 1px; font-size: 15px; border: none !important}
.form-pages form .btn:hover{background: #000 !important; transition: all 0.6s}

/*-- CONTACT ----------------------*/
.consign-bg{background: url(/wp-content/uploads/2021/02/consign-bg.jpg) no-repeat center center fixed; width: 100%; background-size: cover !important; padding: 250px 0}

.consign{display: flex; flex-wrap: wrap; position: relative; margin: auto; border-radius: 10px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);}
.consign .left{flex: 1; background: #fff; padding: 35px}
.consign .left h2{margin: 0 0 20px; font-size: 24px; font-weight: 900;}
.consign .right{background: #BC1E2D; width: 300px; padding: 35px; color: #fff; border-radius: 0 10px 10px 0;}
.consign .right h3{margin: 0 0 20px; font-size: 24px; font-weight: 900;}
.consign .right a{text-decoration: underline; color: #fff !important;}
.consign .right a:hover{text-decoration: none;}

.contactForm input[type="text"], .contactForm input[type="email"], .contactForm input[type="phone"], .contactForm select, .contactForm textarea{background: #fafafa; width: 100%; height: 50px; padding: 15px 12px; font-family: inherit; border: 1px #eee solid; box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1); border-radius: 5px;}
.contactForm textarea{height: 120px;}

.contactForm .form-group{display: flex; align-items: center; flex-wrap: wrap; position: relative; margin-bottom: 10px;}
.contactForm .form-group.has-success input[type="text"], .contactForm .form-group.has-success input[type="email"], .contactForm .form-group.has-success input[type="phone"], .contactForm .form-group.has-success select, .contactForm .form-group.has-success textarea{border: 1px #eee solid;}
.contactForm .contactFormLabel{position: absolute; top: 13px; left: 15px; margin: 0 !important; color: #666; pointer-events: none; transition: 0.2s ease all;}
.contactForm .form-control-feedback{display: none !important;}
.contactForm .help-block{width: 100%;}
.contactForm .has-feedback .contactFormLabel:after{position: relative; top: -5px; margin-left: 6px; font-family: "Font Awesome 6 Free"; font-size: 6px; font-weight: 900; content: "\2a"; color: #BC1E2D;}

.contactForm .active .contactFormLabel{top: 2px; left: 12px; font-size: 10px; font-weight: 700; color: #B12A1C;}
.contactForm .active input[type="text"], .contactForm .active input[type="email"], .contactForm .active input[type="phone"], .contactForm .active select, .contactForm .active textarea{padding: 21px 12px 9px 12px;}

.contactForm .inline-recaptcha-fields .form-group{display: block;}
.contactForm .inline-recaptcha-fields .form-group label{margin-left: 3px !important;}

.contactForm .btn-success{background: #BC1E2D !important; color: #fff; padding: 10px 35px; text-align: center; text-transform: uppercase; text-decoration: none; font-family: "Lora", serif !important; font-size: 15px; font-weight: 700; border: none !important; border-radius: 5px;}
.contactForm .btn-success:hover{background: #000 !important;}

/*-- INVENTORY --------------------*/

.inv-btns{display: flex; width: 85%; margin:  5px auto; align-items: center;}
.inv-btns #red-btn{flex: 1; padding: 12px 0; margin: 5px; font-size: 15px;}

/*--- AUCTIONS--------------------*/

.no-posts-div-upcoming{display: none;}

.post-container-upcoming{display: flex; flex-wrap: wrap;}
.column-padding-upcoming{width: calc(50% - 20px); margin: 10px;}
.post-column-upcoming11{height: 100%;}

.auction-box{display: flex; flex-direction: column; background: #fff; height: 100%; padding: 25px; text-align: left; border-radius: 10px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);}
.auction-box h2{margin: 15px 0 2px; font-size: 26px; font-weight: 900;}
.auction-box .auction-status{display: inline-block; width: fit-content; background: #BC1E2D; padding: 2px 10px; font-size: 12px; text-transform: uppercase; color: #fff; border-radius: 5px;}
.auction-box .auction-details{margin: 25px 0;}
.auction-box .auction-button a{display: inline-block; background: #fff; margin-bottom: 25px; padding: 12px 35px; font-size: 16px; font-weight: 900; text-transform: uppercase; text-align: center; color: #BC1E2D; border: 1px #BC1E2D solid; border-radius: 3px;}
.auction-box .auction-button a:hover{background: #BC1E2D; color: #fff;}
.auction-box .auction-image{margin-top: auto;}
.auction-box .auction-image img{display: block; max-width: 100%; border-radius: 20px; border: 5px #000 solid;}

/*--archive---*/

.auc-bg{background: url(/wp-content/uploads/2021/02/consign-bg.jpg) no-repeat center center fixed; width: 100%; background-size: cover !important; padding: 100px 0 150px 0;}
.auc-bg .wrapper-center{color: #fff}
.auc-wrap{background: #fff; padding: 20px 0; width: 75%; margin: -70px auto 0 auto}

/*--single--*/

.con-btn{background: #e6e6e6; color: #000; text-align: center; padding:8px 0; margin: 5px; width: 220px; display: inline-block; float: right}
.con-btn:hover{background: #000; color: #fff}

.single-auc{display: flex;} .single-auc.center{align-items: center; display: flex;} 
.single-left{justify-content: flex-start; width: 50%;} .single-left .wrapper-inner{margin: 0}
.single-right{justify-content: flex-start; width: 50%;}

.single-right .auc-box{width: 400px; float: right; right: 0}

.back-btn:hover{color: #000}

.single-auc.center h2{margin: 0 0 10px 0}

/*---AUCTION RESULTS-------------------*/
.auc-results{width: 100%; display: block; border-bottom: 1px solid #eee; margin-bottom: 20px; text-align: left !important; padding: 40px 0}
.auc-res-images img{display: inline-block; width: 22%; margin: 3px;}


/* RECENTLY SOLD */
.slick-arrow{display: none}
.slick-prev, .slick-next{display: none !important}

/*--- FOOTER  -------------------------*/

.top-footer{background: #000; padding: 20px 0;}
.top-footer img{display: block !important; margin: auto !important; width: auto !important; height: 50px !important;}
.top-footer a{display: block; padding: 10px;}
.top-footer a:hover{opacity: .75;}

.footer{padding: 50px 0;}
.footer a{color: #000;}
.footer b{display: block; margin-bottom: 10px; font-size: 20px; font-weight: 900;}

.bottom-footer{padding: 20px 0; border-top: 1px #eee solid;}
.bottom-footer .wrapper-inner{display: flex; align-items: center; flex-wrap: wrap;}

.nav-social{display: flex; align-items: center; justify-content: center;}
.nav-social a{display: block; padding: 10px; font-size: 24px; color: #BC1E2D;}
.nav-social a:hover{opacity: .75;}

.newsletter{margin-left: auto; width: 100%; max-width: 500px; height: 90px; text-align: center;}
.newsletter form{position: relative;}
.newsletter form .row{display: none;}
.newsletter form .row:nth-of-type(2){display: block; position: absolute; top: 0; left: 0; width: 100%;}
.newsletter form .row:nth-of-type(5){display: block; position: absolute; top: 9px; right: 9px;}
.newsletter form .mar-top{margin: 0 !important;}

.newsletter form .row .row{display: block; position: relative;}

/*==========  Non-Mobile First Method  ==========*/

@media only screen and (max-width : 1550px){
	.inv-btns{width: 100%;}
}
@media only screen and (max-width : 1250px){
	.sold-inner .slick-prev{left: 65% !important; margin-top: 18px;} .sold-inner .slick-next{right: 25% !important;margin-top: 18px;}
	
	.width-80{width: 90%;}	
}
@media only screen and (max-width : 1000px){
	#header .wrapper-inner{display: flex; flex-wrap: wrap; padding: 0;}
	.co-logo{width: 100%; padding: 20px;}
	
	.auction-hero{padding: 50px 0;}
	.auction-hero h1{font-size: 48px;}
	.auction-hero .content-left{flex: none; width: 100%; padding: 0; text-align: center;}
	.auction-hero .content-right{display: none;}
	
	.red-banner{font-size: 18px;}
	.red-banner ul li{padding: 8px 15px;}

	.upcoming{display: block;}
	.upcoming .left{display: none;}
	.upcoming .right{justify-content: flex-end; width: 100%; background: #fff; }

	.welcome-about{display: block;background: #BC1E2D;width: 90%;right: 0;float: right;margin-bottom: 70px;padding: 0 0 0 0;}
	.welcome-about .left{width: 100%;justify-content: flex-end;position: relative;margin-left: -30px;top: 0px;margin-top: 39px;}
	.welcome-about .right{width: 100%; justify-content: flex-end; color: #fff; padding:30px 0 60px 0; margin-top: 100px; display: block}

	.flex-container{display: block;}
	.upcom-at{width: 100%; margin: 1% 0; padding: 2% 3%}
	.sold{width: 100%; margin: 3% 0; padding: 2% 3%}

	.con-btn{margin: 5px auto; width: 100%; display: block; float: none}

	#xl-pad{padding: 35px 20px;}
	#xl-pad h1{font-size: 32px;}
	.single-auc{display: block;} .single-auc.center{align-items: center; display: block;} 
	.single-left{justify-content: flex-end; width: 100%;} .single-left .wrapper-inner{margin: 0; width: 100%}
	.single-right{justify-content: flex-end; width: 100%;}
	.single-right .auc-box{width: 100%; float: left; margin-top: 30px;}
	.flex-stretch{display: block;}	
	.ft{width: 100%; display: inline-block;}
	.atlist{width: 100%;}
}

@media only screen and (max-width : 768px){
	.auction-hero .hero-btns a{display: block; margin: 5px 0;}

	.cta .text{padding-bottom: 30px; padding-top:30px;}
	.cta #black-rnd{float: left; position: relative; margin-bottom: -16px; font-size: 13px;}

	/*--contact--*/
	.consign .left{flex: none; width: 100%; padding: 25px;}
	.consign .right{flex: none; width: 100%; padding: 25px; text-align: center; border-radius: 0 0 10px 10px;}
	.contactForm .btn-success{display: block; width: 100%; text-align: center;}
	
	.column-padding-team-members{width: calc(50% - 10px); margin: 5px;}

	/*-- footer--*/
	.top-footer a{padding: 18px 0;}
	.footer{padding: 35px 0; text-align: center;}
	.footer .bs10-col-sm-2{margin-bottom: 15px;}
	.nav-social{width: 100%;}
	.newsletter{width: 100%; margin: auto;}
	
	/*--inv--*/
	.inv-btns{width: 100%; display: block;}
	.inv-btns #red-btn{font-size: 15px; width: 100%; margin: 8px auto; justify-content: flex-end; display: block}	
}
@media only screen and (max-width : 580px){
	.column-padding-upcoming{width: 100%; margin: 10px 0;}
	.column-padding-team-members{width: 100%; margin: 5px 0;}

	.auction-box .auction-button a{display: block; width: 100%;}

	.sold-wrap{margin: 20px auto}
	.sold-inner{padding: 0; float: none; width: 90%; right: 0; position: relative; margin: 0 auto}
}