/*-------- 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, all text appearing within the colored boxes */

}

.hosted-content .red,
.hosted-content .redtext,
.hosted-content .field-validation-error {
    font-size: 16px;
}

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

1.	Code using the variables as you normally would.
2.	Paste your code into the left section here: https://madlittlemods.github.io/postcss-css-variables/playground/
3.  Click the Gear icon and check "Preserve"
4.	Copy the code to the right, and paste it over everything in this document.
5.	To make edits to this sheet in the future, simply open the master file \\sandhills.int\dev\Websites\WebDesign\Training\DES\Website-Structure\Inventory-CSS\InventoryStyles-VariableBased.css and copy everything EXCEPT for the variables enclosed in :root above and replace everything in your site file EXCEPT for the variables enclosed in :root above.
6.	Continue editing from there, and when you are done, repeat steps 2-4.
*/

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

.detail-content {
    padding: 3.145833VW 0;
}

.list-content {
    max-width: 100% !important;
}


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


/*------------------------------ 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: #000000 !important;
}

.list-content .list-top-section .sticky-top-menu {
    background: #FFFFFF !important;
    background-size: 150% 150%;
    -webkit-animation: animatedGradient 20s ease infinite;
    -moz-animation: animatedGradient 20s ease infinite;
    animation: animatedGradient 20s ease infinite;
}


@-webkit-keyframes animatedGradient {
    0% {
        background-position: 15% 0%;
    }

    50% {
        background-position: 86% 100%;
    }

    100% {
        background-position: 15% 0%;
    }
}

@-moz-keyframes animatedGradient {
    0% {
        background-position: 15% 0%;
    }

    50% {
        background-position: 86% 100%;
    }

    100% {
        background-position: 15% 0%;
    }
}

@keyframes animatedGradient {
    0% {
        background-position: 15% 0%;
    }

    50% {
        background-position: 86% 100%;
    }

    100% {
        background-position: 15% 0%;
    }
}

/*----Email and Print Buttons----*/
.media-buttons button {
    background: #E2E2E2 !important;
    color: #000000 !important
}

.media-buttons button:hover {
    background: #C90000 !important;
    color: #FFFFFF !important;
}

/*----Listing Background Color & Text Color Change----*/
.list-container .list-listing {
    background: #FFFFFF !important;
    color: #000000 !important;
}

/*---Sidebar Background Color & Text Color----*/
.list-content .faceted-search-content {
    background: #FFFFFF !important;
    color: #000000 !important
}

.faceted-search-content .faceted-section-box .faceted-view-more-btn {
    background: #E2E2E2 !important;
    color: #000000 !important;
}

/*---Sidebar Heading Background Color----*/
.faceted-search-content .faceted-section-head {
    background: #E2E2E2 !important;
}

/*----Filter button color change------*/
.selected-facet {
    background: #E2E2E2 !important;
    color: #000000 !important;
}

input[type="submit"] {
    background: #C90000 !important;
}

button[type="submit"] {
    background: #C90000 !important;
}

.btn {
    background: #C90000 !important;
}

.button {
    background: #C90000 !important;
}

/*----View Details Button----*/
.view-listing-details-link {
    background: #E2E2E2 !important;
    color: #000000 !important;
}

.view-listing-details-link:hover {
    color: #FFFFFF !important;
    background: #C90000 !important;
}

/*----Email Seller Button----*/
.email-seller-link {
    background: #C90000 !important;
}

.email-seller-link:hover {
    background: #E2E2E2 !important;
    color: #000000 !important;
}

/*---Page Title----*/
.list-content .list-title .list-title-text {
    color: #000000 !important;
    font-size: 22px !important;
    line-height: 28px !important;
}

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

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

/*----Price----*/
.listing-main-stats .price {
    color: #000000 !important;
}

/*---Listings Count----*/
.list-content .list-top-section .listing-option-bar .list-listings-count {
    color: #000000 !important;
}

/*---Any Messages----*/
.info {
    color: #000000 !important
}

/*------------------------------Listings Details Page---------------------------------*/
/*----Details Page Header----*/
.main-detail-data .detail-title {
    color: #000000 !important
}

/*----Make an Offer Button----*/
.main-detail-data .offer-btn {
    background: #E2E2E2 !important;
    color: #000000 !important;
}

.main-detail-data .offer-btn:hover {
    background: #C90000 !important;
    color: #FFFFFF !important;
}

/*----Details----*/
.detail-content .detail-main-body .main-detail-data {
    background: #FFFFFF !important;
}

/*----Details Price----*/
.detail-price {
    color: #000000 !important;
}

.detail-content .detail-main-body .main-detail-data .detail-btn-calc:hover {
    background: #E2E2E2 !important;
    color: #000000 !important;
}

.detail-content .detail-main-body .main-detail-data .detail-btn-calc {
    background: #C90000 !important;
}

.detail-content .detail-main-body .main-detail-data .detail-btn-calc p {
    color: #FFFFFF !important;
}

/*----Contact Information----*/
.detail-content .dealer-info {
    color: #000000 !important
}

.detail-content .dealer-info .field-name {
    color: #000000;
}

.detail-content .dealer-info .field-value {
    color: #4C4C4C;
}

/*----Send Email----*/
.detail-content .dealer-info .phone-and-email .send-email-btn {
    border: none !important;
    background: #C90000 !important;
    color: #FFFFFF !important;
}

/*----Spec Title Background & Color ----*/
.detail-content .data-row .data-label {
    background: #C90000 !important;
    color: #FFFFFF !important;
}

/*----Breadcrumb - Search Results button----*/
.detail-content .search-results {
    color: #000000 !important;
}

/*----Breadcrumb Path above Searach Results----*/
.breadcrumbs .breadcrumbs-element {
    color: #000000 !important;
    font-size: 16px !important;
    font-weight: bold;
}

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

.listing-widgets a:hover {
    color: #FFFFFF !important;
}

.listing-widgets a:hover {
    background: #4C4C4C !important;
}

/*----All Details (e.g. year, manu, etc.)----*/
.detail-additional-data * {
    color: #000000 !important;
}

.detail-content .detail-additional-data .data-row .data-value {
    color: #000000 !important;
}

.detail-content .detail-additional-data .data-row .data-value {
    background: #FFFFFF !important;
}

/*----Commercial Financing Legal Info----*/
.legal-text-content {
    color: #000000;
}

/*---All Other Links----*/
.container.body-content a {
    color: #000000;
}

/*---Return to Listings----*/
.mobile-breadcrumb {
    background-color: #000000 !important
}


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

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .error-message {
    color: #FFFFFF !important;
}

.criteria-header {
    color: #FFFFFF !important;
}

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

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

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container {
    background: #FFFFFF;
}

/*---Mobile Buttons----*/
.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile {
    background: #C90000 !important;
    border: #000000 !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .buy-btn-mobile {
    background: #C90000 !important;
    border: #000000 !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile {
    background: #C90000 !important;
    border: #000000 !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile {
    background: #C90000 !important;
    border: #000000 !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile {
    background: #C90000 !important;
    border: #000000 !important;
}

.detail-content-mobile .detail-contact-bar .contact-bar-btn {
    background: #C90000 !important;
    border: #000000 !important;
}

.detail-content-mobile .detail-contact-bar .contact-bar-btn {
    background: #C90000 !important;
    border: #000000 !important;
}

.detail-content-mobile .detail-additional-data .data-row .data-label {
    background: #C90000 !important;
    border: #000000 !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile {
    background: #C90000 !important;
    border: #000000 !important;
}

.detail-content-mobile .detail-additional-data .data-row .data-label {
    color: #FFFFFF !important;
}



.detail-content-mobile * {
    color: #FFFFFF;
}

.detail-content-mobile .detail-main-body .detail-mobile-top .detail-category {
    color: #000000;
}

.detail-content-mobile .detail-additional-data .data-row .data-value {
    background: #FFFFFF !important;
}

.currency-selector select {
    color: #000000;
}

span.currency-selector {
    color: #000000;
}

h1.detail-title {
    color: #000000;
}

.detail-content-mobile .dealer-info .address-and-contact * {
    color: #000000 !important;
}

.detail-content-mobile .dealer-info h3 {
    color: #000000;
}

.fin-calc p {
    color: #000000 !important;
}

.fin-calc p strong {
    color: #000000 !important;
}

.listing-widgets * {
    color: #000000 !important;
}


/* CSS Document */