@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 */
    --neutral1: #F2F5F4;
    /* Insurance/Financing buttons */
    --secondary1: #88C0D2;
    /* Some titles, some buttons */
    --primary: #2295EA;
    /* Background color for hover states, text color for hover states */
    --secondary2: #6C7386;
    /* Background color, all text appearing within the colored boxes */
    --neutral2: #1C283E;
}

/*
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---------------------------------*/

/*----Page Background Color----*/
.body-content .body-wrapper {
    /* background: var(--neutral2) !important; */
}

/*----Sort By----*/
.list-content .list-top-section .listing-option-bar .list-sort-order .sort-by-dropdown-container .bold {
    color: var(--neutral2) !important;
}

/*----Email and Print Buttons----*/
.media-buttons button {
    background: var(--secondary1) !important;
    color: var(--neutral2) !important
}

.media-buttons button:hover {
    background: var(--primary) !important;
    color: var(--neutral1) !important;
}

/*----Listing Background Color & Text Color Change----*/
.list-container .list-listing {
    background: var(--neutral1) !important;
    color: var(--neutral2) !important;
}

/*---Sidebar Background Color & Text Color----*/
.list-content .faceted-search-content {
    background: var(--neutral1) !important;
    color: var(--neutral2) !important
}

.faceted-search-content .faceted-section-box .faceted-view-more-btn {
    background: var(--secondary1) !important;
    color: var(--neutral2) !important;
}

/*---Sidebar Heading Background Color----*/
.faceted-search-content .faceted-section-head {
    background: var(--secondary1) !important;
}

/*----Filter button color change------*/
.selected-facet {
    background: var(--secondary1) !important;
    color: var(--neutral2) !important;
}

input[type="submit"],
button[type="submit"],
.btn,
.button {
    background: var(--primary) !important;
}

/*----View Details Button----*/
.view-listing-details-link {
    background: var(--secondary1) !important;
    color: var(--neutral2) !important;
}

.view-listing-details-link:hover {
    color: var(--neutral1) !important;
    background: var(--primary) !important;
}

/*----Email Seller Button----*/
.email-seller-link {
    background: var(--primary) !important;
}

.email-seller-link:hover {
    background: var(--secondary1) !important;
    color: var(--neutral2) !important;
}

/*---Page Title----*/
.list-content .list-title .list-title-text {
    color: var(--neutral2) !important;
}

/*----Listings # showing text----*/
.list-content .list-title .list-listings-count {
    color: var(--neutral2) !important;
}

/*---Description text color (if different than body text color)----*/
.listing-description-text {
    color: var(--neutral2) !important;
}

/*----Price----*/
.listing-main-stats .price {
    color: var(--neutral2) !important;
}

/*---Listings Count----*/
.list-content .list-top-section .listing-option-bar .list-listings-count {
    color: var(--neutral2) !important;
}

/*---Any Messages----*/
.info {
    color: var(--neutral2) !important
}

/*------------------------------Listings Details Page---------------------------------*/
/*----Details Page Header----*/
.main-detail-data .detail-title {
    color: var(--neutral2) !important
}

/*----Make an Offer Button----*/
.main-detail-data .offer-btn {
    background: var(--secondary1) !important;
    color: var(--neutral2) !important;
}

.main-detail-data .offer-btn:hover {
    background: var(--primary) !important;
    color: var(--neutral1) !important;
}

/*----Details----*/
.detail-content .detail-main-body .main-detail-data {
    background: var(--neutral1) !important;
}

/*----Details Price----*/
.detail-price {
    color: var(--neutral2) !important;
}

.detail-content .detail-main-body .main-detail-data .detail-btn-calc:hover {
    background: var(--secondary1) !important;
    color: var(--neutral2) !important;
}

.detail-content .detail-main-body .main-detail-data .detail-btn-calc {
    background: var(--primary) !important;
}

.detail-content .detail-main-body .main-detail-data .detail-btn-calc p {
    color: var(--neutral1) !important;
}

/*----Contact Information----*/
.detail-content .dealer-info {
    color: var(--neutral2) !important
}

.detail-content .dealer-info .field-name {
    color: var(--neutral2) !important;
}

.detail-content .dealer-info .field-value {
    color: var(--secondary2) !important;
}

/*----Send Email----*/
.detail-content .dealer-info .phone-and-email .send-email-btn {
    border: none !important;
    background: var(--primary) !important;
    color: var(--neutral1) !important;
}

/*----Spec Title Background & Color ----*/
.detail-content .data-row .data-label {
    background: var(--primary) !important;
    color: var(--neutral1) !important;
}

/*----Breadcrumb - Search Results button----*/
.detail-content .search-results {
    color: var(--neutral2) !important;
}

/*----Breadcrumb Path above Searach Results----*/
.breadcrumbs .breadcrumbs-element {
    color: var(--neutral2) !important;
}

/*----Background color of widgets (if it matches the page background)----*/
.listing-widgets a {
    background: var(--secondary1) !important;
    color: var(--neutral2) !important
}

.listing-widgets a:hover {
    color: var(--neutral1) !important;
}

.listing-widgets a:hover {
    background: var(--secondary2) !important;
}

/*----All Details (e.g. year, manu, etc.)----*/
.detail-additional-data *,
.detail-content .detail-additional-data .data-row .data-value {
    color: var(--neutral2) !important;
}

.detail-content .detail-additional-data .data-row .data-value {
    background: var(--neutral1) !important;
}

/*----Commercial Financing Legal Info----*/
.legal-text-content {
    color: var(--neutral2) !important;
}

/*---All Other Links----*/
.container.body-content a {
    color: var(--neutral2) !important;
}

/*---Return to Listings----*/
.mobile-breadcrumb {
    background-color: var(--neutral1) !important;
}


/*------------------------------Parts Page---------------------------------*/
#parts-content {
    padding: 2.145833VW 0;
}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .error-message {
    color: var(--neutral1) !important;
}

.criteria-header {
    color: var(--neutral1) !important;
}

#parts-content .parts-bottom-section .parts-list-view .parts-search-content .parts-search-window .parts-search-form .parts-radio {
    color: var(--neutral1) !important;
}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {
    background: var(--primary) !important;
}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container {
    background: var(--neutral1) !important;
}

/*---Mobile Buttons----*/
.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile {
    background: var(--primary) !important;
    border: var(--neutral2) !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .buy-btn-mobile {
    background: var(--primary) !important;
    border: var(--neutral2) !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile {
    background: var(--primary) !important;
    border: var(--neutral2) !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile {
    background: var(--primary) !important;
    border: var(--neutral2) !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile {
    background: var(--primary) !important;
    border: var(--neutral2) !important;
}

.detail-content-mobile .detail-contact-bar .contact-bar-btn {
    background: var(--primary) !important;
    border: var(--neutral2) !important;
}

.detail-content-mobile .detail-contact-bar .contact-bar-btn {
    background: var(--primary) !important;
    border: var(--neutral2) !important;
}

.detail-content-mobile .detail-additional-data .data-row .data-label {
    background: var(--primary) !important;
    border: var(--neutral2) !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile {
    background: var(--primary) !important;
    border: var(--neutral2) !important;
}

.detail-content-mobile .detail-additional-data .data-row .data-label {
    color: var(--neutral1) !important;
}



.detail-content-mobile * {
    color: var(--neutral1) !important;
}

.detail-content-mobile .detail-main-body .detail-mobile-top .detail-category {
    color: var(--neutral2) !important;
}

.detail-content-mobile .detail-additional-data .data-row .data-value {
    background: var(--neutral1) !important;
}

.currency-selector select {
    color: var(--neutral2) !important;
}

span.currency-selector {
    color: var(--neutral2) !important;
}

h1.detail-title {
    color: var(--neutral2) !important;
}

.detail-content-mobile .dealer-info .address-and-contact * {
    color: var(--neutral2) !important;
}

.detail-content-mobile .dealer-info h3 {
    color: var(--neutral2) !important;
}

.fin-calc p,
.fin-calc p strong {
    color: var(--neutral2) !important;
}

.listing-widgets * {
    color: var(--neutral2) !important;
}


/*----All Details (e.g. year, manu, etc.)----*/
.detail-additional-data *,
.detail-content .detail-additional-data .data-row .data-value,
.detail-content-mobile .share-listing {
    color: var(--neutral2) !important;
}

/* CSS Document */