﻿/***** BEGIN RESET *****/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
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 --------*/
:root {
  --blue: #3EA1F8;
  --orange: #F58D2F;
  --black: #000000;
}

/***** 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;
}

h1, h2, h3 {
	font-family: "Open Sans", sans-serif;
}

.my-site-header p  {
	font-family: "Open Sans", sans-serif;
	font-size: 15px;
	line-height: 25px;
}

/*-------- BODY STYLES --------*/
body {}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}

hr{border:#000 1px solid;}



/*-------- FOOTER STYLES ----------------*/
.my-site-footer .footer-top {justify-content: center; gap: 20px; padding: 30px 0; border-bottom: solid 1px #EEEEEE;}
.my-site-footer .footer-top a {font-size: 25px; color: var(--black); transition: all .4s ease-out;}
.my-site-footer .footer-top a:hover, .my-site-footer .footer-bottom a:hover {opacity: .5;}

.my-site-footer .footer-bottom {justify-content: space-between; gap: 30px; padding: 20px 0 110px;}
.my-site-footer .footer-bottom > div:first-child p:first-child {margin-bottom: 8px;}
.my-site-footer .footer-bottom > div:first-child p:last-child a {text-decoration: underline;}
.my-site-footer .footer-bottom .flex {gap: 30px;}
.my-site-footer .footer-bottom p, .my-site-footer .footer-bottom a {font-size: 12px; color: var(--black); line-height: 18px!important; font-family: "Open Sans", sans-serif; transition: all .4s ease-out;}

/*-------- UNIVERSAL STYLES ----------------*/
.wrapper {
	padding: 0 15px; 
	margin: 0 auto;
	max-width: 1830px;
}

.flex {display: flex;}



/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-top-section .list-listings-count, .calc-button-wrapper button, .detail__machine-location a {color: #2a7ac0!important;}

.list-container-flexrow .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-error-container .info button:not(.login-button), .listing-carousel .recommended-listings-section .view-all-link {background: var(--orange)!important; color: var(--black)!important; transition: all .4s ease-out;}
.list-container-flexrow .view-listing-details-link:hover, .faceted-search-content .selected-facets-container .selected-facet:hover, .list-content .list-error-container .info button:not(.login-button):hover, .detail__cta-buttons button:hover, .listing-carousel .recommended-listings-section .view-all-link:hover, .detail-contact-bar .contact-bar-btn:hover {background: var(--black)!important; color: var(--orange)!important;}

.dealer-contact__phone span, .dealer-contact__videochat span, .listing-prices__retail-price {color: #b35300!important;}


/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 990px) {
	.my-site-footer .footer-bottom {flex-direction: column; justify-content: center; align-items: center; gap: 12px;}
	.my-site-footer .footer-bottom p, .my-site-footer .footer-bottom a {text-align: center;}
	.my-site-footer .footer-bottom .flex {flex-wrap: wrap; justify-content: center;}
}

@media only screen and (max-width: 340px) {
	.my-site-footer .footer-bottom .flex {gap: 15px;}
}