/*
	Theme Name: www.aasnessauctioneers.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
*/
/*--------------------------------------------------------------
## Editor class styles
--------------------------------------------------------------*/

/* RESET */
.row > * {
    padding-left: calc(var(--bs-gutter-x) * 0.0);
    padding-right: calc(var(--bs-gutter-x) * 0.0);
}


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; list-style: none;} img{max-width: 100%; image-rendering: -webkit-optimize-contrast;}
.cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *, *:before, *:after{box-sizing: border-box;}

html, body{background: url("images/bg-wood.jpg") no-repeat; background-attachment: fixed; background-size: cover; font-family: 'Poppins', sans-serif; line-height: 1.6; height: 100%; width: 100%;}
::-moz-selection{background: #064B8D; color: #fff; text-shadow: none} ::selection{background: #064B8D; color: #fff; text-shadow: none}

.sidebarColumn{min-height: inherit !important;}
.main{padding: 50px 5%;}
.wrap{max-width: 1600px; margin: 0 auto; padding: 0 20px;}
.center{text-align: center;}

.white-bg{background: #f4f4f4;}
.clear-bg{background: rgba(255,255,255,.7);}
.wrap.clear-bg{padding: 60px 7%;}

[class^=col-]{padding-right: 15px !important;}
.col-sm-12{padding-right: 0 !important;}

.wrap.clear-bg a.sheditorinsertLink:hover {text-decoration: underline; color: #064B8D;}

/* TYPOGRAPHY */
.wrap.clear-bg h1, .wrap.clear-bg h2, .wrap.clear-bg h3, .wrap.clear-bg h4, .wrap.clear-bg h5, .wrap.clear-bg h6 {margin-bottom: 10px;}

h1, h2, h3, h4, h5, h6{font-weight: 700;}
h1{font-size: 30px; text-transform: uppercase;}
a{color: inherit; cursor: pointer; transition: all .2s ease-in-out;} a:hover{color: inherit;}


hr{display: block; height: 1px; border: 0; width: 150px; margin: 10px auto 0; border-color: #064B8D!important; border-top: 8px solid #064B8D!important; position: relative; z-index: 500!important; opacity: 1;}


/* HEADER */

.header{background: #f4f4f4; padding: 5px 0;}
.header .wrap{display: flex; align-items: center;}
.header .logo{max-width: 450px;}
.header .tagline{margin-left: auto; font-size: 22px; font-weight: 800; text-transform: uppercase; text-align: right; line-height: 1.25; letter-spacing: 1px; color: #064B8D;}

.navigation-container{background: #064B8D; width: 100%;}
.navigation-container .wrap{display: flex; align-items: center;}
.navigation-container .contact{display: flex; align-items: center; margin-left: auto; color: #fff;}
.navigation-container .contact .nav-icon{background: #023566; padding: 12px; font-size: 25px; line-height: 1;}
.navigation-container .contact .nav-phone a{display: block; background: #000; padding: 12px 20px; font-size: 27px; font-weight: 800; line-height: 1; transition: all .2s ease-in-out;}
.navigation-container .contact .nav-phone a:hover{background: #023566;}

/* HOME */

.hero{background: url("images/bg-hero.jpg") no-repeat; background-size: cover; padding: 5% 5% 8%; text-transform: uppercase; color: #fff; border-bottom: 15px #064B8D solid;}
.hero h2{margin: 5px 0 20px; font-size: 40px;}
.hero h3{font-size: 25px; color: #064B8D;}
.hero p{font-size: 20px; text-transform: none; line-height: 1.5;}
.hero a{display: inline-block; background: #767676; margin-top: 20px; padding: 10px 30px; font-size: 14px; font-weight: 700; letter-spacing: 1px;}
.hero a:hover{background: #000;}

.post-container-home-buttons{display: flex; flex-wrap: wrap; padding: 35px 0;}
.column-padding-home-buttons{flex: 1; margin: 5px 2px;}
.prevButton-container-home-buttons, .nextButton-container-home-buttons{display: none;}
.perspective{perspective: 800px; display: block; width: 100%; text-decoration: none;}
.perspective h2{padding-bottom: 10px; font-size: 22px; text-transform: uppercase;}
.perspective img{width: 200px;}
.perspective:hover{text-decoration: none;}
.perspective button{display: block; position: relative; width: 100%; background: #fff; padding: 15px; font-size: 22px; font-weight: 700; text-decoration: none; color: #064B8D; cursor: pointer; border: none; border-radius: 0; transition: all 0.3s; transform-style: preserve-3d; box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.3);}
.perspective button:active{background: #767676; text-decoration: none;}
.perspective button:after{position: absolute; content: ''; width: 21%; height: 100%; left: -20%; top: 0; text-decoration: none; transition: all 0.3s; transform-origin: 100% 0%; transform: rotateY(-90deg); z-index: -1;}
.perspective button:hover{text-decoration: none; transform: rotateY(15deg);}
.perspective button h2 a:hover{text-decoration: none;}

#social-links {font-size: 40px; color: #fff; font-weight: 700; text-align: center; margin: 1.25em auto 0; display: flex; align-items: center; justify-content: center;}
#social-links i {margin-left: 15px;}

.success-stories .post-container-success-stories{display: flex; flex-wrap: wrap; padding-top: 15px;}
.success-stories .column-padding-success-stories{flex: 1; margin: 5px;}

.testimonial{position: relative; background: #fff; padding: 20px; text-align: center;}
.testimonial .testimonial-inner{display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; margin: 40px 0 20px; font-size: 16px; text-overflow: ellipsis; overflow: hidden;}
.testimonial img{position: absolute; top: -20px; left: 0; right: 0; margin: auto;}
.testimonial h3{font-size: 20px; color: #064B8D;}
.testimonial h4{margin: 2px 0; font-size: 13px; font-style: italic; font-weight: 400; color: #767676;}
.testimonial a{display: block; background: #000; margin-top: 20px; padding: 5px; font-size: 16px; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff;}
.testimonial a:hover{background: #064B8D;}
.prevButton-container-success-stories, .nextButton-container-success-stories{display: none;}

/* BODY */

.banner{display: block; font-size: 2vw !important; font-weight: 800; text-align: center; text-transform: uppercase; color: #fff; border-bottom: 15px #064B8D solid;}
.banner .shwidget{background: url("images/bg-basic.jpg") no-repeat; background-size: cover; padding: 7%!important; line-height: 1.3; min-height: 110px; background-position: center; display: inline-flex; align-items: center; justify-content: center; width: 100%; flex-wrap: wrap; flex-direction: column;}

.page-title{margin-bottom: 20px; /*font-size: 30px;*/ font-size: 16px!important; text-align: center; text-transform: uppercase;}
.page-title p {font-size: 16px;}

.testimonial-full{/*max-width: 1000px;*/ margin: auto; padding: 30px 0; border-bottom: 1px #555 solid;}
.testimonial-full .testimonial-inner{margin-bottom: 25px;}
.testimonial-full h3{font-size: 20px; color: #064B8D;}
.testimonial-full h4{margin: 2px 0; font-size: 13px; font-style: italic; font-weight: 400; color: #767676;}

.contactForm h1{display: none;}
.contactForm h3{display: block; background: #000; margin: 15px 0; padding: 15px; font-size: 20px; text-align: center; color: #fff;}
.contactForm .checkbox, .contactForm .radio{display: block; background: #f5f5f5; padding: 15px;}
.contactForm .btn-success{background-color: #000 !important; border-color: #000 !important; padding: 10px 20px; font-weight: 700; text-transform: uppercase; color: #fff;}
.contactForm .btn-success:focus, .contactForm .btn-success:hover{background-color: #064B8D !important; border-color: #064B8D !important;}
.contactForm .contactFormLabel{display: block; font-weight: 700;}
.contactForm .form-control{height: auto; margin-top: 5px; padding: 10px;}

/* AUCTIONS */

.back-btn{font-size: 14px; opacity: .75;}
.back-btn:hover{opacity: 1;}

.auction-preview{display: flex; flex-wrap: wrap; background: #fff; margin: 5px 0; padding: 15px 5%; text-align: left; align-items: center;}
.auction-preview .preview-image{width: 300px;}
.auction-preview .preview-details{width: calc(100% - 300px); padding: 10px 25px;}
.auction-preview .preview-details h3{margin-bottom: 10px; color: #064B8D;}
.auction-preview .preview-details .details-btn{display: inline-block; background: #000; padding: 5px 35px; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #fff;}
.auction-preview .preview-details .details-btn:hover{background: #064B8D;}

.tab-buttons{display: flex; flex-wrap: wrap; font-size: 14px; font-weight: 700; text-align: center; border-bottom: 1px #fff solid;}
.tab-buttons .tab-button{display: block; background: #fff; margin-right: 5px; padding: 15px 5%; color: #aaa; border-top: 3px transparent solid; cursor: pointer;}
.tab-buttons .tab-button:hover{background: #064B8D; color: #fff;}
.tab-buttons .tab-button.active{color: #000 !important; border-top: 3px #064B8D solid;}
.tab-buttons .tab-button.active:hover{background: #fff;}
.tab-content{display: none; padding: 40px 0;}
.tab-content.active{display: block;}

.auction-listing .listing-flex{display: flex; flex-wrap: wrap;}
.auction-listing .listing-contact{width: 30%;}
.auction-listing .listing-contact img{display: block; margin-bottom: 15px;}
.auction-listing .listing-contact a{display: block; background: #064B8D; padding: 15px; font-size: 14px; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff;}
.auction-listing .listing-contact a:hover{background: #000;}
.auction-listing .listing-details{width: 70%; padding-left: 7%;}
.auction-listing .listing-details a{display: inline-block; background: #064B8D; margin: 15px 0; padding: 12px 35px; font-size: 14px; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff;}
.auction-listing .listing-details a:hover{background: #000;}

.photo-gallery{display: flex; flex-wrap: wrap;}
.photo-gallery .grid-gallery-col{width: calc(10% - .3em); margin: .15em; opacity: .7; transition: all .2s ease-in-out;}
.photo-gallery .grid-gallery-col:hover {opacity: 1;}
.lb-outerContainer{max-width: 100%;}

.lightbox .lb-image{position: relative;}
.lb-nav a.lb-prev, .lb-nav a.lb-next{background: none; position: relative; width: 50%; padding: 20px; font-size: 32px; opacity: .25; z-index: 999;}
a.lb-prev:after, a.lb-next:after{display: flex; align-items: center; height: 100%; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #fff; text-shadow: 0px 0px 35px rgba(0, 0, 0, 0.75);}
a.lb-prev:after{justify-content: flex-start; content: "\f137";}
a.lb-next:after{justify-content: flex-end; content: "\f138";}

.documents-wrapper a{font-weight: 600; padding: 1em 5%; display: inline-block; border-bottom: 1px solid #eee; width: 100%;}
.documents-wrapper a:before {content: "\f0c6"; font-family: "Font Awesome 5 Free"; margin-right: 5px;}
.documents-wrapper a:hover {color: #064B8D;}

.videos-wrapper {display: flex; justify-content: center; flex-wrap: wrap; box-sizing: border-box;}
.videos-wrapper p {width: calc(50% - 1em); margin: .5em;}
.videos-wrapper iframe {width: 100%;}

/* FOOTER */

.top-footer{background: #064B8D; padding: 35px 0; text-align: center; color: #fff;}
.top-footer .footer-logos ul{display: flex; justify-content: center; margin-bottom: 35px}
.top-footer .footer-logos img{max-height: 50px !important;}
.top-footer .footer-logos img:hover {opacity: .7; transition: all .2s ease-in-out;}

.top-footer .email-signup h4{margin-bottom: 10px;}
.top-footer .email-signup a{display: inline-block; background: #767676; margin-top: 10px; padding: 10px 30px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}
.top-footer .email-signup a:hover{background: #000;}

.footer{background: #212121; padding: 15px 0; font-weight: 300; color: #fff;}
.footer ul{display: flex; align-items: center;}
.footer .wrap{display: flex;}
.footer .social ul li{margin-right: 15px;}
.footer .social ul li a{font-size: 22px;}
.footer .social ul li a:hover{opacity: .75;}
.footer .footer-nav{margin-left: auto; font-size: 14px; text-align: right;}
.footer .footer-nav ul li{margin-left: 25px;}
.footer .footer-nav ul li a:hover{text-decoration: underline;}

/* RESPONSIVE */

@media screen and (max-width: 1200px){
	.navigation-container .contact .nav-icon{padding: 15px; font-size: 20px;}
	.navigation-container .contact .nav-phone a{font-size: 20px; padding: 15px 20px;}

	.photo-gallery .grid-gallery-col{width: calc(12.5% - .3em); margin: .15em;}
}
@media screen and (max-width: 1000px){
	.footer .footer-nav{display: none;}
	.footer .host{width: 100%; text-align: center;}
	.footer ul{justify-content: center;}

	.photo-gallery .grid-gallery-col{width: calc(16.6667% - .3em); margin: .15em;}
}
@media screen and (max-width: 768px){
	.header .wrap{flex-wrap: wrap;}
	.header .logo{width: 100%; max-width: 100%;}
	.header .logo img{display: block; max-width: 450px !important; margin: auto !important;}
	.header .tagline{width: 100%; padding: 10px 0; font-size: 20px; text-align: center;}

	.banner .shwidget {background-attachment: inherit;}
	.banner{font-size: 20px !important;}
	.main{padding: 30px 5%;}
	.wrap.clear-bg{padding: 40px 7%;}

	.main [class^=col-]{text-align: center;}
	[class^=col-]{padding-right: 0 !important;}

	#social-links {font-size: 30px; max-width: 333px;}

	.auction-listing {text-align: center;}
	.auction-listing .listing-contact img {margin: 0 auto; margin-bottom: 15px;}
	.videos-wrapper p {width: 100%; margin: 0 auto; margin-top: 10px; margin-bottom: 10px;}

	.hero h2{font-size: 28px;}
	.post-container-home-buttons{padding: 15px 0;}
	.column-padding-home-buttons{flex: none; width: 100%; margin: 2px 0;}
	.column-padding-success-stories{flex: none!important; width: 100%; margin: 5px 0 30px!important;}

	.auction-preview{padding: 15px 7%; text-align: center;}
	.auction-preview .preview-image{width: 100%;}
	.auction-preview .preview-details{width: 100%; padding: 10px 0 0;}
	.tab-buttons .tab-button{font-size: 12px;}
	.auction-listing .listing-contact{width: 100%; margin-bottom: 15px;}
	.auction-listing .listing-details{width: 100%; padding-left: 0;}

	.photo-gallery .grid-gallery-col{width: calc(25% - .3em); margin: .15em;}
}
@media screen and (max-width: 480px){
	.hero h2, .hero h3{font-size: 24px;}
	.navigation-container .contact .nav-icon, .navigation-container .contact .nav-phone a{font-size: 16px;}
	.photo-gallery .grid-gallery-col{width: calc(33.33% - .3em); margin: .15em;}

	#social-links {font-size: 26px; max-width: 300px;}

	.tab-buttons .tab-button{width: calc(50% - 3px); margin: 1.5px; padding: 10px 5%;}
}