﻿div.banner-container {
    background: #222;
}
.accent-color1 {
    color: #eee !important;
}

.media-icon, .media-icon-small {
    color: #fff;
    background: #666;
}

.accent-bg1, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { 
    background-color: #333 !important;
}
a.vehicle-panel:hover {
    background: #1c1c1c !important;
    color: #eee; 
}

.flex-direction-nav a {
    background: none repeat scroll 0 0 rgba(240, 240, 240, 0.5);
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover,.form-info-icon, a:hover, a:focus {
    color: #444;
}

.form-control:focus {
    border-color: #aaa;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 255, 255, 0.5)
}
::-moz-selection { /* Code for Firefox */
    color: #111;
    background: #eee;
}
::selection {
    color: #111;
    background: #eee;
}
#progressbar li.active:before, #progressbar li.active:after {
    background: #1c1c1c !important;
    color: white;
}

/***********************************************
Quick Link Buttons - OBSOLETE - TO BE DELETED!!!
***********************************************/
.animatedbutton {
    background: #1c1c1c;
    border: 1px solid #1c1c1c;
    color: #eee;
}

.animatedbutton:hover, .animatedbutton:active {
    color: #555 !important;
    border: 1px solid #555;
}

.animatedbutton:hover .animatedbuttonspan:after, .animatedbutton:active .animatedbuttonspan:after, .animatedbutton:hover {
    border-color: #555;
}

/***********************************************
 Tabs Element
***********************************************/
/* Background - hover */
.nav-tabs > li > a:hover,
.nav-tabs > li.active > a:hover {
    background-color: #ccc;
}

/* Background - active */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:active {
    background: #ccc;
}

/* Title text - default state */
.nav-tabs > li > a {
    color: #fff ;
}

    /* Title text - active & hover state */
    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:focus,
    .nav-tabs > li.active > a:active,
    .nav-tabs > li > a:hover,
    .nav-tabs > li.active > a:hover {
        color: #000 !important;
    }

/***********************************************
 Accordian Element
***********************************************/


/* Background - default state (collapsed) */
.panel-group .accent-bg1:has(.collapsed) {
    background-color: #1f1f22 !important;
}

/* Background - active */
.panel-group .accent-bg1 {
    background-color: #ccc !important;
}

/* Background - item body */
.panel-group .panel-body {
    background: #0f0f12;
}

/* Title text - active */
.panel-group a,
.panel-group a:hover,
.panel-group a:active,
.panel-group a:focus {
    color: #000;
}

    /* Title text - default */
    .panel-group a.collapsed {
        color: #fff;
    }

/*****************************************************************************
NEW VDP LAYOUT 1 & 2
*****************************************************************************/

/* Buttons */
.main-cta-links .btn-default.creditapp {
    background-color: #ccc;
    border-color: #ccc;
    color: #000;
}

.main-cta-links .btn-default.loancalculator {
    background-color: transparent;
    color: #fff;
}

.form-submit .btn-default,
.form-submit .btn-default:hover,
.form-submit .btn-default:focus,
.form-submit .btn-default:active {
    background-color: #ccc;
    border-color: #ccc;
    color: #000;
}

/* Modal */
.modal-header .close,
.modal-header .close:focus,
.modal-header .close:hover {
    color: #fff;
}

/* Swiper */
.layout-2-swiper .swiper-container,
.layout-1-swiper #featured-photo {
}

/* Highlights */
.specifics-container .row div {
    border-color: #3a3a3a;
}

span.specifics-value {
    color: #fff;
}

/*****************************************************************************
NEW VDP LAYOUT 3
*****************************************************************************/
.form-submit button,
.form-submit button:hover,
.form-submit button:focus,
.form-submit button:active {
    background-color: #ccc;
    color: #121212;
}

/*************************************
NEW VDP LAYOUT 4
********************************************/

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    background-color: #ccc !important;
    color: #000 !important;
}

.nav-pills > li > a:hover {
    background-color: #ccc !important;
    color: #000 !important;
}

ul.nav-pills {
    background-color: #0f0f12;
}

/***********************************************
  Inventory List Design 1
***********************************************/
.pageid-ivi:has(div.inventoryList-design1) .inventory-list-container div.inventory-panel {
    border-bottom-color: #0675D0 !important;
    background-color: transparent;
}

/**SRP header**/
.pageid-ivi:has(div.inventoryList-design1) .inventory-list-row .inventory-header {
    border-bottom-color: #0675D0 !important;
    background-color: transparent;
}

.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;
}

.pageid-ivi:has(div.inventoryList-design1) .vehicles-found-header > div > .pull-left {
    background-color: #0675D0 !important;
    color: #fff !important;
}

    .pageid-ivi:has(div.inventoryList-design1) .vehicles-found-header > div > .pull-left::before {
        border-top-color: #ffffff !important;
        border-left-color: transparent !important;
    }

.pageid-ivi:has(div.inventoryList-design1) .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, .pageid-ivi:has(div.inventoryList-design1) .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;
}

    .inventoryList-design1 .inventory-price-container .pricevalue1 accent-color1 .pricevalue1.accent-color1 {
        color: #fff !important;
    }


/**button**/
.inventory-list-row .inventoryList-design1 a.btn-default {
    background-color: #0675d0 !important;
    border-color: #0675d0 !important;
    color: #fff !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 */

/**********************************
  Inventory list design - Action Grid template
***********************************/
.grid-action-footer.grid-action-footer {
    border-top-color: #000;
}

    .grid-action-footer.grid-action-footer a.btn-check-availability {
        background-color: #ccc;
        border-color: #ccc;
        color: #000;
    }

        .grid-action-footer.grid-action-footer a.btn-check-availability:hover,
        .grid-action-footer.grid-action-footer a.btn-check-availability:focus,
        .grid-action-footer.grid-action-footer a.btn-check-availability:active {
            background-color: #b6b6b6;
            border-color: #b6b6b6;
            color: #000;
        }