@charset "utf-8";
/* CSS Document */

/*-------- PADDING AND SUCH --------*/
/* Use these if you so please. */
/*
.detail-content {
    padding: 3.145833VW 0;
}

.list-content {
    max-width: 1300px !important;
}


@media only screen and (max-width: 1450px) {
    .body-wrapper {
        padding: 0 25px;
    }
}
*/

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

:root {
    /* All text that appears outside of the colored boxes, background for the colored boxes */
    /* Insurance/Financing buttons */
    /* Some titles, some buttons */
    /* Background color for hover states, text color for hover states */
    /* Background color, for main buttons */
	/* Font color, for main buttons */
	/* Font color, for main buttons */
}

/*
NOTE: Variables do not work in IE. Here is a workaround:

1.	Code using the variables as you normally would.
2.  When you are finished, save everything and make a backup copy of the file in a convenient location. This file will be useful in case you need to change any colors in the future, since we are going to be overwriting the variables in the main file.
3.	Paste your css into the left section here: https://madlittlemods.github.io/postcss-css-variables/playground/
4.	Copy the css to the right, and paste it over everything in this document.
*/

/*------------------------------ START CSS STYLES. REPLACE EVERYTHING BELOW THIS ---------------------------------*/


/*------------------------------ General Listings Page---------------------------------*/

/*Reset*/
.cf {
    line-height: normal;
    letter-spacing: normal;
}
a.fin-calc {
    color: inherit !important;
}

/*----Sort By & Faceted Search Styles----*/
.list-content .list-top-section .listing-option-bar .list-sort-order .sort-by-dropdown-container .bold {
    color: undefined !important;
}

/* Price and Year Slider */
body .noUi-connect {
	background-color: #e57228 !important;
}
body .noUi-handle {
	background-color: #e57228 !important;
}

/* inset shadow style on slider handle */
.noUi-handle {
	    box-shadow: none !important;
}




/* --- Main Button Styles/ Variables | Search & Email Seller | Listing Details---*/

/* Main faceted buttons, Email Seller */
button.faceted-search/*,a.email-seller-link,button.email-this.email-this-btn, button.print-this */  {
	background-color: #000 !important;
	color: #fff !important;
}
span.faceted-show-all-btn/*,a.email-seller-link,button.email-this.email-this-btn, button.print-this */  {
	background-color: #000 !important;
	color: #fff !important;
}
button.send-email-btn/*,a.email-seller-link,button.email-this.email-this-btn, button.print-this */  {
	background-color: #000 !important;
	color: #fff !important;
}
button.offer-btn/*,a.email-seller-link,button.email-this.email-this-btn, button.print-this */  {
	background-color: #000 !important;
	color: #fff !important;
}
a.view-listing-details-link/*,a.email-seller-link,button.email-this.email-this-btn, button.print-this */  {
	background-color: #000 !important;
	color: #fff !important;
}
.field-value.js-phone-clicktotrack.dealer-phone-mobile/*,a.email-seller-link,button.email-this.email-this-btn, button.print-this */  {
	background-color: #000 !important;
	color: #fff !important;
}
#send-email-btn-mobile/*,a.email-seller-link,button.email-this.email-this-btn, button.print-this */  {
	background-color: #000 !important;
	color: #fff !important;
}
button.g-recaptcha.button/*,a.email-seller-link,button.email-this.email-this-btn, button.print-this */  {
	background-color: #000 !important;
	color: #fff !important;
}

/* Alternate button style */
.secondary-style {
background-color: transparent !important;
    color: #000 !important;
    border: dashed 3px #e57228 !important;
}
button.email-this.email-this-btn {
background-color: transparent !important;
    color: #000 !important;
    border: dashed 3px #e57228 !important;
}
button.print-this {
background-color: transparent !important;
    color: #000 !important;
    border: dashed 3px #e57228 !important;
}
a.email-seller-link {
background-color: transparent !important;
    color: #000 !important;
    border: dashed 3px #e57228 !important;
}
.offer-btn-mobile {
background-color: transparent !important;
    color: #000 !important;
    border: dashed 3px #e57228 !important;
}


/* Icon Color */
button.send-email-btn i /*,button.email-this.email-this-btn i, button.print-this i, a.email-seller-link i*/  {
	color: #e57228 !important;
}
button.offer-btn i /*,button.email-this.email-this-btn i, button.print-this i, a.email-seller-link i*/  {
	color: #e57228 !important;
}

/* View details and make an offer buttons */
/*a.view-listing-details-link, */ .selected-facet  {
	background-color: #e57228 !important;
	color: #fff !important;	
} .contact-bar-btn.js-phone-clicktotrack  {
	background-color: #e57228 !important;
	color: #fff !important;	
} #contact-bar-email  {
	background-color: #e57228 !important;
	color: #fff !important;	
}

/* Icon Color */
a.view-listing-details-link i {
	color: #e57228 !important;	
}


/* Pricing and font colors */

/* Details price */
span.currency-selector {
	color: #4fc300 !important;
}
span.price {
	color: #4fc300 !important;
}

/* Details data table */
.data-label {
	background-color: #000 !important;
	color: #fff !important;
}

/* heading Reset */
h1.detail-title {font-size: 25px !important;} 
h2.listing-portion-title {font-size: 16px !important;}