/*******************************************************
    Celebration Theme - Red White Charcoal Teal
*******************************************************/

:root {
    --clr-primary-500: #F47321;
    --clr-neutral-100: #ffffff;
    --clr-neutral-150: #F4F5F6;
    --clr-neutral-175: #D9DDE9;
    --clr-neutral-200: #DDDDDD;
    --clr-neutral-700: #292929;
    --clr-neutral-725: #0f0f12;
    --clr-neutral-750: #1c1c1c;
    --clr-neutral-800: #131313;
    --clr-neutral-900: #000000;
    --clr-body-light: #c0c5c9;
    --clr-surface-page: #FFFFFF;
    --clr-text-display: #2B2F32;
    --clr-primary-700: #2D0E0B;
}



/***********************************************
    GENERAL
***********************************************/
body {
    color: var(--clr-text-display);
}

.accent-color2 {
    color: var(--clr-text-display)!important;
}

.accent-color1 {
    color: var(--clr-primary-700) !important;
}

.inverted,
.page-content-row.inverted .container {
}

/* temp background */
.backgroundClass {
    background-color: transparent !important;
}

/* main background color */
body.main-body {
    background-color: var(--clr-surface-page);
}

/* Headings */
h1, h2, h3,
h4, h5, h6, {
    color: var(--clr-neutral-800) !important;
}

.element-heading h4 {
    color: var(--clr-neutral-100);
}


hr {
    border-color: var(--clr-primary-400);
}

.subheading {
    color: var(--clr-primary-500);
}

/***********************************************
    NAVBAR
***********************************************/

.navbar-default .navbar-nav > li > a {
    color: #000000;
}

/***********************************************
    BANNER
***********************************************/

.banner-links-bar {
    background:#2A2C41;
}

a.banner-link {
    color: #ffffff;
}

/***********************************************
    INVENTORY LIST
***********************************************/

/***********************************************
    FOOTER
***********************************************/

/***********************************************
    FORMS
***********************************************/

/***********************************************
    FORMS
***********************************************/

/***********************************************
    VDP
***********************************************/

/* Inventory Search Element
*******************************************************/
.element-type-inventorysearch .form {
    display: flex;
    align-items: center;
    background-color: white;
    border: 3px solid #fff;
    border-radius: 4px;
    padding: 0px;
}

.element-type-inventorysearch .form-group {
    margin: 0px !important;
    width: 100%;
}

.element-type-inventorysearch .form-control {
    border-bottom: none !important;
}

.element-type-inventorysearch .btn-default {
    width: auto;
    border-radius: 0px 4px 4px 0px;
    padding: 12px 24px;
}

/* button */
.element-type-inventorysearch .btn-default {
    color: #989898;
    background-color: var(--clr-primary-300);
    border-color: var(--clr-primary-300);
}

    .element-type-inventorysearch .btn-default:hover,
    .element-type-inventorysearch .btn-default:focus,
    .element-type-inventorysearch .btn-default:active {
        
        background-color: var(--clr-primary-200) !important;
        border-color: var(--clr-primary-200);
    }

/* input */
.element-type-inventorysearch .form-control {
    background-color: var(--clr-neutral-100);
}

/* Inventory Search Form Element
*******************************************************/
/* background color */
.element-type-inventorysearchform {
    background-color: var(--clr-primary-400);
}

    .element-type-inventorysearchform .container {
        background: transparent;
    }

/***********************************************
QUICKLINKS
***********************************************/

.quicklinkbutton.buttoncolor-white_lightred .quicklinkbutton-label, .quicklinkbutton.buttoncolor-white_lightred .quicklinkbutton-anim {
    color: #ffffff;
}

.quicklinkbutton.buttoncolor-white_lightred {
    background-color: #D3101F !important;
}

a.quicklinkbutton {
    border: 3px solid white;
}

/***********************************************
Slider
***********************************************/

.sliderinventoryhome .element-heading h4 {
    color: var(--clr-neutral-100);
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
    /* -webkit-text-stroke: 1px black; */
    text-stroke: 1px black !important;
    
}

.page-content-element:has(.hero-inventoryslider) {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 50%);
    backdrop-filter: blur(10px);
}

.vehicle-panel-label.accent-color1 {
    background: rgb(245, 245, 245);
}

.vehicle-panel-price {
    background: var(--Icy-Gradient, linear-gradient(84deg, #212C2F 0%, #42585E 100%));
}

.swiper-button-next, .swiper-button-prev {
    color: #ffffff;
    background: #D3101F;
}

.specialSwiper .swiper-slide {
    border: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); /* soft outer glow */
}


.hmrow-2 {
    background-color:#f5f5f5 !important;
}

.hmrow-3 {
    background-color: #f5f5f5 !important;
}

/***********************************************
Footer
***********************************************/



    .hours .accent-color2 {
        color: #ffffff !important;
    }

.row-green-back {
    background: #212C2F;
    color: var(--clr-neutral-100);
}

    .row-green-back .accent-color2,
    .row-green-back a {
        color: var(--clr-neutral-100) !important;
    }

    .row-green-back .accent-color1 {
        color: #ffffff !important;
    }

/***********************************************
Special Offer Button - slideshow
***********************************************/

.btn-default {
    color: #ffffff;
    background-color: #d3101f;
    border-color: #ccc;
}


/***********************************************
  Inventory List Design 1
***********************************************/
.inventory-list-container div.inventory-panel {
    border-bottom-color: #0675D0 !important;
}

/**SRP header**/
.inventory-list-row .inventory-header {
    border-bottom-color: #0675D0 !important;
}

.inventoryList-design1 .flex-container-features .flex-item-features:not(:first-child) {
    border-left-color: #BDBDBD !important;
}

.inventoryList-design1 .btn-group.btn-group-sm .btn-default, .inventoryList-design1 button#Submit_Search.btn-default {
    background-color: #0675D0 !important;
    color: #ffffff !important;
}

.vehicles-found-header > div > .pull-left {
    background-color: #0675D0 !important;
    color: white !important;
}

.element-type-inventorylist .inventory-header .accent-color1 {
    color: #ffffff !important;
}


/**image**/
.inventoryList-design1 .photo-button {
    background: rgb(31 31 31 / 76%) !important;
}

    .inventoryList-design1 .photo-button .fa.accent-color1, .inventoryList-design1 .fancybox-iframe, .fancybox-video .fa.accent-color1 {
        color: #ffffff !important;
    }

.inventoryList-design1 .fancybox-iframe, .fancybox-video {
    background: rgb(31 31 31 / 75%) !important;
}


/**price**/
.inventoryList-design1 .inventory-price-container {
    background-color: #0675D0 !important;
    color: white !important;
}


/**button**/
.inventory-list-row .inventoryList-design1 a.btn-default {
    background-color: #0675d0 !important;
    border-color: #0675d0 !important;
}


@media (max-width: 767px) {
    .inventoryList-design1 .flex-container-features .flex-item-features, .inv-list .inventoryList-design1 div.inventory-details div {
        border-bottom-color: #BDBDBD !important;
    }
}

/* end of Inventory List Design 1 */