/***** BEGIN RESET *****/
@import url("https://media.sandhills.com/CDN/CSS/Font-Awesome/7.0.0/webfonts/fa-brands-400.woff2");
@import url("https://media.sandhills.com/CDN/CSS/Font-Awesome/7.0.0/css/all.min.css");
@import url("https://use.typekit.net/qrw7ckv.css");

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;	
}

ol, ul {
	list-style: none;
}

a {color:inherit;}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {
font-family: "elza", sans-serif;
font-weight: 400;
font-style: normal;
overflow-x: hidden;
line-height:1.5;
box-sizing:border-box
}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}

a,button{cursor: pointer;}

hr{border:#000 1px solid;}

button {background:none;border:none;outline:none;}

input.green-button {margin: 0 auto;}

.green-button button,input.green-button{background:#2e6e35;outline:0;border:0;padding: 18px 40px;width:100%;max-width: 600px;border-radius:5px;font-size:18px;color:#fff;font-weight:600;}

.green-button button:hover,input.green-button:hover{background:#45b551;transition: ease-in-out .2s}

.white-button button{background:#fff;outline:0;border:0;padding: 18px 40px;width:100%;max-width: 600px;border-radius:5px;font-size:18px;color:#000;font-weight:600;}

.white-button button:hover {background:#ccc;transition: ease-in-out .2s;}

/*--- HEADER STYLES ---------------------*/
header {}
.main-site-header {display: flex;margin: 20px auto 13px;width: 90%;justify-content: space-between;align-items: center;}
div.green-text a,.dropdown i {color:#2e6e35 !important;font-size:20px !important;}
div.green-text {display: inline-block;margin: 0 2px;list-style-type: none;width: auto;font-family: "elza", sans-serif;padding: 12px;font-weight: 600;font-size: 17px;letter-spacing: 1px;}
.green-buttons{margin-left: 50px;display: flex;align-items: center;}

.mobile-hidden {display:none;}
/*---BODY--------------------------------*/

/*---HERO-----------*/
section.hero {background-image:url("../siteart/hero.jpg");width:100%;object-fit:cover;background-position:center;background-repeat:no-repeat;height: 700px;position:relative;align-items: center;justify-content: center;display: flex;background-color:#000;}
.hero-content {display: flex;justify-content: space-between;color: #fff;width: 80%;margin: 0 auto;}

.no-box {width: 100%;max-width: 490px;}
.no-box h1 {font-size:58px;font-weight:700;}
.no-box p{font-size: 34px;font-weight: 600;line-height: 1.2;}

.hero-content .overlay{display:none;}
.auction-buttons {margin-top:30px;display:flex;gap:20px;}
.box-opacity {width: 100%;max-width: 600px;padding: 39px 40px;background: rgba(0,0,0,0.5);border-radius: 10px;height: 210px;}
.box-opacity p {font-size:21px;font-weight:lighter;}
.bold {font-weight:800;}
.main-site-header i.fa-solid.fa-phone {display:none;}

/*---Quality Equipment-----------*/
.fair-title {background: #2e6e35;padding: 80px 0;width: 100%;max-width: 730px;text-align: center;color:#fff;line-height: 1.2;}
.line {font-size:30px;}
.fair-title p{font-weight:500;font-size: 31px;text-transform:uppercase;}
.fair-title h2{font-size: 40px;text-transform:uppercase;font-weight:900;}
section.fair-price {background: #282828;}
section.fair-price .wrapper.flex{display: flex;flex-direction: row;align-items: center;}
a.buttons {background:#282828;width: 100%;max-width: 427px;color: #fff !important;text-align: center;display: flex;justify-content: center;align-items: center;font-size:28px;font-weight:800;height: 174px;}
.fair-button {color: #fff !important;display: flex;align-items: center;font-size: 30px;max-width: 130px;text-align: left;gap: 30px;justify-content: center;font-weight:600;}
.fair-button img {width:100%;max-width: 80px;}
.borders {border-left:solid gray 2px;border-right:solid gray 2px;}

/*--------AUCTION CATEGORIES--------------------*/
.auction-category {display: flex;align-items: center;border-bottom: 1px solid #000;gap: 70px;}
.auction-image img {width: 100%;max-width: unset;}
.auction-title {display:flex;flex-direction: column;}
.auction-title div{display: flex;flex-direction: row;justify-content: space-between;margin-bottom: 10px;}
.auction-title h2{border-bottom: 1px solid #aaaaaa;margin-bottom: 30px;padding-bottom: 10px;font-size: 30px;}
.auction-text {width: 100%;max-width: 1090px;margin: 11px 40px 11px 0;}
.auction-image {display: flex;}
.bold-green {color:#2e6e35;border-bottom:3px solid #2e6e35;padding-bottom: 5px;font-weight:600;font-size:20px;}
.top-info {display: flex;justify-content: space-between;width: 100%;max-width: 530px;}
.auction-information p {padding-bottom:20px;}
.auction-title a.green-button {width: 100%;max-width: 240px;}
.top-info p i,i.fa-solid.fa-calendar-days,i.fa-solid.fa-clock{color:#2e6e35;margin-right:5px;font-size:20px;}
.top-info p,.auction-information p {font-size: 20px;}
/*--------AUCTION UPDATES--------------------*/
section.auction-updates {background: #4d4949;}
section.auction-updates a{display: flex;justify-content: space-around;align-items: center;padding: 70px 0;background:#4d4949;margin: 0 auto;width: 90%;}
.auction-updates h2 {font-size:40px;color:#fff;font-weight:100;}
.arrow-button {border-radius: 610px;background: #75d680;padding: 17px;font-size: 27px;color: #4d4949;display: flex;}
.about-us-text .green-button button{margin-top:40px;}
.about-us-text p{font-size:20px;}
.about-us-text h2 {font-size:40px;border-bottom: 1px solid #aaaaaa;margin-bottom: 30px;padding-bottom: 10px;}

i.fa-solid.fa-arrow-right {font-size: 31px;}
/*--------ABOUT US--------------------*/
section.about-us {padding: 9% 0;margin: 0 auto;width: 80%;display: flex;justify-content: space-between;align-items: center;gap: 110px;}
.about-us h1 {border-bottom: 1px solid #aaaaaa;margin-bottom: 30px;padding-bottom: 10px;font-size: 30px;}
.gears img{max-width: 300px;}

/*--------CONTACT US--------------------*/
section.contact-us {padding: 70px 0 40px;}
.contact-wrapper {display: flex;justify-content: space-between;width: 80%;margin: 0 auto;}
.green-header h1 {font-size: 50px;margin-left: 97px;position: relative;z-index: 9999999;}
.green-header {background:url("../siteart/hero.jpg");padding: 40px 90px;color:#fff;position:relative;background-color:#000;}
.green-overlay {background: rgba(46,110,53,0.8);width:100%;height:100%;position:absolute;top:0;left:0;}
.contact-wrapper {display: flex;justify-content: center;}
.contact-information {width: 100%;border-left: solid 2px #2e6e35;padding-left: 69px;}
.contact-flex {width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-right: 70px;padding-bottom: 70px;}
.contact-flex p{width: 100%;padding-bottom:10px;font-size: 20px;}
.contact-flex h2 {font-size: 41px;border-bottom: 1px solid #aaaaaa;margin-bottom: 30px;padding-bottom: 10px;width: 100%;}
.contact-flex a {font-size: 20px;margin-bottom:10px;width: 100%;}
.contact-flex a i,i.fa-solid.fa-envelope {color:#2e6e35;}
.contact-category {display: flex;justify-content: flex-start;width: 100%;gap: 40px;}
/*--------CONSIGNMENTS--------------------*/
section.consignments{padding: 70px 0 40px;}
.consignment-wrapper {width: 90%;margin: 0 auto;}
.green-header h1 {font-size: 50px;margin-left: 97px;position: relative;z-index: 9999999;}
.green-header {background:url("../siteart/hero.jpg");padding: 40px 90px;color:#fff;position:relative;background-color:#000;}
.green-overlay {background: rgba(46,110,53,0.8);width:100%;height:100%;position:absolute;top:0;left:0;}


/*--------THANK YOU--------------------*/
section.thank-you {padding: 9% 0;margin: 0 auto;width: 80%;display: flex;justify-content: center;align-items: center;text-align: center;}
.thank-you h1 {border-bottom: 1px solid #aaaaaa;margin-bottom: 30px;padding-bottom: 10px;font-size: 30px;}
.gears img{max-width: 300px;}

.thank-you-text .green-button button{margin-top:40px;}
.thank-you-text p{font-size:20px;}
.thank-you-text h2 {font-size:40px;border-bottom: 1px solid #aaaaaa;margin-bottom: 30px;padding-bottom: 10px;}

/*--------FORM STYLES--------------------*/
.contact-us form,.consignments form {display: flex;flex-direction: column;width: 100%;margin: 0 auto;gap: 20px;
    /* min-width: 1000px; */}
.form-wrapper {width: 100%;}
.form-flex {display: flex;gap: 50px;margin-bottom: 30px;}
.form-field {display: flex;flex-direction: column;width: 100%;}
input#Primary_Name,input#Phone,input#Email,input#Last_Name,textarea#Message,input#Make,input#Model,input#Year,input#Condition {padding:20px 10px;}
input#keyword{padding: 10px;width: 80%;}

.footer a:hover {color:#75d680; transition: ease-in-out .3s;}

span.green-bold {color:#2e6e35;font-size: 26px;}
.form-flex.message {width: 100%;max-width: unset;}
#search {padding: 10px 10px;margin: 0 auto;display: flex;justify-content: center;background: #2e6e35;}
form.search-content {width: 100%;display: flex;justify-content: center;}
#search {padding: 40px 10px;margin: 0 auto;display: flex;justify-content: center;background: #2e6e35;}
#search button#Submit {margin-left: -37px;}
#Submit i {}
.form-wrapper input, .form-wrapper textarea{
	
font-family: "elza", sans-serif;
}
.dropbtn {
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown i {color:#2e6e35;}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: unset;
  color:#2e6e35;
}

/* The search field */
#myInput {
  box-sizing: border-box;
  background-image: url('searchicon.png');
  background-position: 14px 12px;
  background-repeat: no-repeat;
  font-size: 16px;
  padding: 19px 20px 19px 45px;
  border: none;
}

/* The search field when it gets focus/clicked on */
#myInput:focus {outline: 3px solid #ddd;}
#myInput i {color:#2e6e35;font-size:20px;}
/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color:#efefef;
    width: 100%;
    left: 0;
    top: 142px;
	z-index: 999999999999999999999;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}



/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}


#myDropdown a {
  opacity: 1;
  transition: opacity 0.3s ease;
}

#myDropdown a.hidden {
  opacity: 0;
  pointer-events: none;
}
/*-------- FOOTER STYLES ----------------*/
footer{background:#000;}

.footer {background: #000;color: #fff;display: flex;width: 90%;margin: 0 auto;justify-content: space-between;padding: 40px 0;}
label {display: flex;}




/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-container-flexrow .view-listing-details-link,a.view-listing-details-link.des-view-listingDetails.template-branded-button {background:#2e6e35 !important;}






/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1600px) {
	.no-box h1 {font-size: 45px;font-weight: 700;}
	.no-box p {font-size: 27px;}
	.box-opacity {max-width: 500px;}
	.dropdown-content {top: 116px;}
}

@media only screen and (max-width: 1500px) {
	.dropdown-content {top: 108px;}
}


@media only screen and (max-width: 1449px) {
	.mobile-display {display:flex;}
}


@media only screen and (max-width: 1332px) {
	.box-opacity {height: 250px;}
	.hero-content {width: 90%;}
}


@media only screen and (max-width: 1300px) {
	section.auction-updates a {gap: 120px;}
}

@media only screen and (max-width: 1200px) {
	.fair-button {font-size: 25px;gap: 25px;}
	.form-wrapper {gap: 34px;}
	.about-us-text h2,.thank-you-text h2 {font-size: 30px;}
	.form-flex {display: flex;gap: 10px;margin-bottom: 10px;flex-direction: column;}
	.contact-category {flex-direction: column;gap: 10px;}
	.contact-flex h2 {margin-bottom: 17px;}
	.contact-flex {width: 80%;}
}


@media only screen and (max-width: 1100px) {
	.box-opacity {max-width:unset;}
	.no-box {width: 100%;max-width: unset;}
	.hero-content .overlay{display: block;background: rgba(0,0,0,0.5);height: 100%;position: absolute;width: 100%;top: 0;left: 0;}
	.no-box,.box-opacity {z-index: 111;}
	.no-box h1 {font-size: 50px;}
	.box-opacity {background:none;padding: 30px 0;}
	.no-box p {font-size: 27px;}
	.hero {position:relative;}
	.hero-content {flex-direction: column;}
	.hero-content{gap: 0px;justify-content: space-between;}
	.fair-title h2 {font-size: 20px;}
	.fair-title p {font-size: 21px;}
	.auction-title h2 {border-bottom: 1px solid #aaaaaa;margin-bottom: 30px;padding-bottom: 10px;font-size: 23px;margin-top: 7px;}
	.about-us-text h2,.thank-you-text h2 {font-size: 26px;}
	.auction-image {display: flex;width: 1310px;max-width: 100%;}
	.auction-title div {align-items: center;gap: 20px;margin-bottom: 0;}
	.bold-green {font-size: 17px;}
	.top-info p, .auction-information p {font-size: 16px;}
	.auction-title a.green-button {max-width:170px;width:unset;}
	.auction-text{width: 90%;margin: 0 auto;}
	.green-button button, input.green-button {padding: 18px 28px;}
	.auction-title {margin-right: 30px;}
	.top-info,.form-flex {flex-direction: column;}
	.contact-wrapper {flex-direction: column;}
	.form-wrapper {gap: 21px;}
	.contact-information {padding-left: unset;border-left: unset;}
	.about-us-text p,.thank-you-text p {font-size: 18px;}
}

@media only screen and (max-width: 1000px) {
	.contact-flex {width: 100%;}
	.form-wrapper,textarea#Message{flex-direction: column;}
	.fair-button {flex-direction: column;text-align: center;}
	a.buttons {max-width: unset;}
	.green-header h1 {text-align: center;font-size: 31px;margin-left:0;}
	.gears {display:none;}
	.main-site-header {display: flex;justify-content: space-between;align-items: center;}
	.main-site-header i.fa-solid.fa-phone{display:block;font-size: 30px;color:#2e6e35;}
	.mobile-hidden {display:block;}
	.top-info p, .auction-information p {font-size: 16px;}
	.green-buttons {display: none;}
	
	.contact-category {flex-direction: column;gap: 10px;}
	.auction-image img {width: 100%;max-width: unset;}
	.auction-image {width: 100%;}
	.auction-title div {flex-direction: column;gap: 20px;}
	.auction-category {flex-direction: column-reverse;margin-top: 50px;gap: 40px;}
	.auction-title {margin-right:0;}
	.bold-green {font-size: 22px;}
	.auction-title div {flex-direction: row;}
}

@media only screen and (max-width: 900px) {
	.fair-button {flex-direction: column;align-items: center;text-align: center;font-size: 22px;}
	.fair-title {padding: 80px 40px;}
	.fair-title p {font-size: 30px;}
	
	.fair-button img {max-width: 60px;}
	.fair-title {width: 100%;max-width: unset;padding: 80px 0;}
	.borders {border-left:0;border-right:0;border-top: solid gray 2px;border-bottom: solid gray 2px;}
	section.fair-price .wrapper.flex {flex-direction:column;}
	.fair-title h2 {font-size: 40px;}
}

@media only screen and (max-width: 800px) {
	.arrow-button {width: 90%;text-align: center;justify-content: center;}
	.auction-updates h2 {width:90%;}
	section.auction-updates a {flex-direction: column;gap: 30px;}
	.auction-updates h2 {font-size: 30px;text-align: center;}
}

@media only screen and (max-width: 600px) {
	.box-opacity {padding: 30px 0;}
	a.buttons,.fair-title {max-width:unset;}
	.auction-title div {margin-bottom: 40px;align-items: center;}
	.auction-title div {margin-bottom: 30px;}
}



@media only screen and (max-width: 546px) {
	.hero-content {margin: 0 auto 100px;}
	.fair-title h2 {font-size: 32px;}
	.auction-buttons {margin-top: 41px;display: flex;gap: 20px;flex-direction: column;}
	.no-box h1 {font-size: 31px;}
	.no-box p {font-size: 19px;line-height: 1.4;}
	.box-opacity p {font-size: 19px;}
}


@media only screen and (max-width: 500px) {
	.top-info{flex-direction: column;}
	.bold-green {font-size: 16px;}
	.footer {flex-direction: column-reverse;gap: 40px;text-align: center;}
	.auction-title a.green-button {margin-bottom: 30px;}
	section.auction-updates {flex-direction:column;}
	.auction-title a.green-button {width: 100%;max-width: unset;}
	.auction-title div {margin-bottom: 6px;}
	.bold-green{font-size: 21px;}
	.auction-title div {gap: 34px;}
	.auction-title div {flex-direction:column;}
}
	

@media only screen and (max-width: 767px) {

	
}