﻿/***** BEGIN 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;	
}

ol, ul {
	list-style: none;
}

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 --------*/
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none; cursor: pointer !important;}
button:hover {cursor: pointer !important;}
hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
header {background: #232628;}
.header-wrap {width: 1450px; margin: 0 auto;}
.header-top {display: flex; justify-content: flex-end; padding: 10px 0; border-bottom: 1px rgba(170,170,170,0.25) solid;}
.header-top p {font-family: "open-sans", sans-serif; font-size: 11px; line-height: 21px; color: #AAA; text-transform: uppercase;}
.header-top p:hover {color: #fff; transition: .8s;}
.header-bottom {display: flex; justify-content: space-between; align-items: center; padding: 25px 0;}
.header-right {display: flex; align-items: center; gap: 50px;}
.header-locations, .header-call {display: flex; align-items: center; gap: 10px;}
.header-locations > i, .header-call > i {background: none; border: 2px #FF5426 solid; width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; color: #FF5426; font-size: 17px; line-height: 17px; border-radius: 50px;}
.header-locations ul {display: flex; gap: 10px;}
.header-locations div > ul:first-child li {margin-bottom: 5px;}
.header-locations li {font-family: "montserrat", sans-serif; font-size: 12px; line-height: 12px; color: #fff; text-transform: uppercase;}
.header-call p {font-family: "montserrat", sans-serif; font-size: 11px; line-height: 11px; color: #FF5426; text-transform: uppercase; margin-bottom: 2px;}
.header-call a {font-family: "montserrat", sans-serif; font-weight: bold; font-size: 20px; line-height: 20px; color: #fff;}
.header-socials {display: flex; align-items: center; gap: 10px;}
.header-socials i {background: #2F3234; width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 50px; color: #fff; font-size: 14px; line-height: 14px;}
.header-socials a:hover i {background: #FF5426; transition: .8s;}
.brands-bkgrd {background: #fff;}
.brands-drpdwn {display: flex;}
.brands-drpdwn > li {width: 200px !important;}
.brands-drpdwn > li a {background: #EAEDF0 !important; padding: 15px 10px 13px 15px !important; border-left: 3px #ff5426 solid !important; color: #ff5426 !important; font-family: "montserrat", sans-serif !important; text-transform: uppercase !important; font-weight: bold !important; font-size: 12px !important; line-height: 22px !important; height: 52px !important; display: flex !important; justify-content: space-between; align-items: center; width: 100% !important;}
.brands-drpdwn > li i {color: #232628;}
.we-rep {padding: 25px 25px 100px 25px; border-left: 1px rgba(136,136,136,0.50) solid;}
.we-rep > p {font-size: 16px; line-height: 26px; font-weight: 700; color: #002e5b; margin-bottom: 3px; font-family: "montserrat", sans-serif;}
.we-rep > div {display: flex; flex-wrap: wrap;}
.we-rep > div a {border: 1px #fff solid; border-radius: 3px;}
.we-rep > div a:hover {background: none !important; border: 1px rgba(136,136,136,0.50) solid; transition: .8s;}
.we-rep > div a p {color: #888; font-family: "montserrat", sans-serif; font-size: 12px; line-height: 22px; font-weight: 400; text-transform: capitalize;}
.we-rep img {width: 50px;}

/*-------- FOOTER STYLES ----------------*/
footer {background: #232628;}
.footer-wrap {width: 1450px; margin: 0 auto; padding-top: 50px;}
.footer-top,.footer-bottom {display: flex; justify-content: space-between; gap: 50px;}
.footer-top > div, .footer-bottom > div {width: 100%;}
.footer-top > div > p, .footer-bottom > div > p {font-family: "montserrat", sans-serif; font-size: 12px; line-height: 22px; color: #fff; text-transform: uppercase; margin-bottom: 8px;}
.footer-top > div > p span, .footer-top > div > div p a {color: #FF5426;}
.footer-top > div > div p a:hover {color: #fff; transition: .8s;}
.footer-top > div > div p {font-family: "open-sans", sans-serif; font-size: 13px; line-height: 23px; color: #AAA;}
.social-network div {display: flex; gap: 10px; flex-wrap: wrap;}
.social-network i {background: #3B3D3F; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 20px; line-height: 20px;}
.social-network a:hover i {background: #FF5426; transition: .8s;}
.footer-hr {display: flex; gap: 50px; align-items: center; margin: 25px 0;}
.footer-hr > hr {width: 100%; border: 1px rgba(170,170,170,0.50) solid;}
.footer-bottom ul {padding-left: 20px;}
.footer-bottom li {list-style: disc; font-family: "open-sans", sans-serif; font-size: 13px; line-height: 23px; color: #fff; margin-bottom: 3px;}
.footer-socials {padding-bottom: 25px; display: flex; gap: 20px; justify-content: flex-end; align-items: center;}
.footer-socials i {color: #FF5426; font-size: 14px; line-height: 14px;}
.footer-newsletter button {background: #FF5426 !important; border: none !important; border-radius: 5px !important; color: #fff !important; text-transform: uppercase !important; font-family: "montserrat", sans-serif !important; font-size: 16px !important; line-height: 16px !important; padding: 15px 0 !important; margin-top: 15px !important; width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important;}
.footer-newsletter button:hover {background: #fff !important; color: #FF5426 !important; transition: .8s !important; border-radius: 5px !important; cursor: pointer !important;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-content, .detail-wrapper {padding: 50px 0 !important; font-family: "montserrat", sans-serif !important;}
.list-top-section .list-title .list-title-text {font-family: "montserrat", sans-serif !important;}
.list-top-section .list-listings-count, .listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price {color: #FF5426 !important;}
.list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text, .listing-carousel .recommended-listings-section .view-all-link, .listing-carousel .recommended-auctions-section .view-all-link, .ts-modal-container button, .linking-buttons a.active, .faceted-search-content .selected-facets-container .selected-facet {background: #FF5426 !important;}
.faceted-search-content button.faceted-search, .list-redesign .widget-container .listing-widgets .shipping a, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn, .woodsmachineryusedcomhdev-88jlbf, .woodsmachineryusedcomhstg-88jlbf, .woodsmachineryusedcomhstgsandhillsdemocom-88jlbf, .wwwwoodsmachineryusedcom-88jlbf {background: #232628 !important;}
.list-redesign .widget-container .listing-widgets .shipping a {color: #fff !important;}
.ts-disclaimer span {font-family: "montserrat", sans-serif !important; font-size: 15px !important; line-height: 25px !important;}

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1525px) {
	.header-wrap, .footer-wrap {width: 95%;}
}
@media only screen and (max-width: 1000px) {
	.header-socials, .header-locations, .header-call div {display: none;}
	.header-call i {border: none; width: auto; height: auto; border-radius: 0px; font-size: 20px; line-height: 20px;}
	.header-right {gap: 35px;}
	.header-bottom {align-items: flex-start;}
    #menu-button a {text-decoration: none; font-weight: bold; color: #FF5426 !important; font-family: "montserrat", sans-serif !important; font-size: 25px !important; line-height: 25px !important;}
	.header-bottom img {width: 180px;}
	.footer-top, .footer-bottom {flex-wrap: wrap;}
	.footer-top > div, .footer-bottom > div {width: 47%;}
	.footer-wrap > div:nth-child(2) {display: none;}
	.footer-wrap > div:nth-child(3) {padding-top: 50px;}
}
@media only screen and (max-width: 900px) {
	.footer-top > div, .footer-bottom > div {width: 46%;}
}
@media only screen and (max-width: 700px) {
	.footer-top > div, .footer-bottom > div {width: 45%;}
}
@media only screen and (max-width: 600px) {
	.header-top {justify-content: flex-start;}
	.header-bottom img {width: 160px;}
	.footer-top > div, .footer-bottom > div {width: 100%;}
}
@media only screen and (max-width: 300px) {
	.header-bottom img {width: 80%;}
}




