﻿.accent-color1 {
    color: #337ab7 !important;
}

.media-icon, .media-icon-small {
    color: #fff;
    background: #249;
}

.accent-bg1, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #1f273b !important;
}
#progressbar li.active:before, #progressbar li.active:after {
    background: #337ab7 !important;
    color: white;
}
a.vehicle-panel:hover {
    background: #1f273b !important;
    color: #eee;
}

.flex-direction-nav a {
    background: none repeat scroll 0 0 rgba(240, 240, 255, 0.5);
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover, .form-info-icon, a:hover, a:focus {
    color: #337ab7;
}

.form-control:focus {
    border-color: #337ab7;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 255, 255, 0.4);
}

a.vehicle-panel:hover {
    background: #162e70 !important;
    color: #fff;
}

::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #337ab7;
}

::selection {
    color: #fff;
    background: #337ab7;
}


/***********************************************
Quick Link Buttons - OBSOLETE - TO BE DELETED!!!
***********************************************/
.animatedbutton {
    background: #1f273b;
    border: 1px solid #1f273b;
}

    .animatedbutton:hover, .animatedbutton:active {
        color: #337ab7 !important;
        border: 1px solid #337ab7;
    }

        .animatedbutton:hover .animatedbuttonspan:after, .animatedbutton:active .animatedbuttonspan:after, .animatedbutton:hover {
            border-color: #337ab7;
        }

/*New CSS*/
body.main-body {
    background-color: #000000;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover,
.form-info-icon, a:hover, a:focus {
    color: #B3B3B3;
}

.accent-color1 {
    color: #317aff !important;
}
/*Banner*/
div.banner-container {
    background: #162e70;
}

a.banner-link .fa,
.browse-inventory-image a:before {
    color: #317aff;
}

/*Menu*/
.navbar-default .navbar-brand:hover {
    color: #317aff !important;
}

.navbar-default {
    background-color: #0a275b;
}

.navbar-fixed-top {
    background-color: rgba(10,39,91,0.95);
}

.navbar-default .navbar-nav > .active > a:after {
    background: #317aff;
}

a.menu-heading span:after {
    background-color: #80adff;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus, .navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: rgba(0, 0, 0, 0) !important;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.25) !important;
}

.dropdown-menu {
    background: #081D45 !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: rgba(0, 0, 0, 0.25) !important;
}

li.menu-heading.dropdown.open span.caret {
    border-top-color: #317aff;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: rgba(0,0,0,0.80) !important;
}
/*Content*/
/*Search*/
.element-type-inventorysearch {
    background: radial-gradient(circle at 50% 100%, #222b33, #2d3944 58%, #222b33);
    padding: 10px 0 5px 0;
}

    .element-type-inventorysearch .form-group {
        width: 60%;
    }

    .element-type-inventorysearch .btn-default {
        color: #fff;
        background-color: #317aff;
        border-radius: 0;
        padding: 10px 25px;
    }

    .element-type-inventorysearch .form-control {
        border: 1px solid #5f6973 !important;
        color: #96a2af;
    }

.form-control::-webkit-input-placeholder {
    color: #5f6973;
}

/*Title & Heading*/
.element-heading h4 {
    color: #fff;
    border-bottom: 2px solid #3a3a3a;
}

    .element-heading h4:after {
        background-color: #317aff;
    }

.browse-inventory-image a {
    border-color: #317aff;
}

/*Inverted Row*/
.inverted .container {
    background-color: transparent;
}

.inverted {
    background-color: #0e0e0e;
}

/*Footer*/
div.footer-container {
    background-color: #0a275b;
}

    div.footer-container .element-heading h4:after {
        background-color: #fff;
    }

    div.footer-container .element-heading h4 {
        color: #fff;
        border-bottom-color: #fff;
    }

div.page-bottom a,
div.page-bottom span,
div.page-bottom .text-muted {
    color: #fff !important;
}

/* This is for QUICK LINKS*/
span.quicklinkbutton-img:hover span.filter i {
    color: #000;
}

span.filter {
    background-color: rgba(49,122,255,.59);
}

    span.filter i {
        font-size: 40px;
        color: #fff;
    }

span.quicklinkbutton-label-img {
    background-color: #0a275b;
    color: #fff;
}

    span.quicklinkbutton-label-img:hover {
        background-color: rgba(49, 122, 255, .59);
    }

/*************************************
 Child themes Styles
********************************************/

/*********** Child Themes - Inverted Class ***********/
.inverted {
    background-color: #0a275b;
    border-image: linear-gradient(to right, #01b201 0%, #01b201 25%, #ffc600 25%, #ffc600 50%, #ffc600 50%, #ffc600 75%, #01b201 75%, #01b201 100%) 1;
}

/***********************************************
 Tabs Element
***********************************************/
.nav > li > a:focus,
.nav > li > a:hover,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    background-color: #0a275b;
    border-bottom-color: #ddd;
}

@media (min-width: 768px) {
    .nav > li > a:focus,
    .nav > li > a:hover,
    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:focus,
    .nav-tabs > li.active > a:hover {
        border-bottom-color: transparent;
    }
    .nav-tabs {
        border-color: #ddd;
    }

}

/***********************************************
 Accordian Element
***********************************************/
    .panel-group .accent-bg1:has(.collapsed) {
        background-color: #000 !important;
    }

    .panel-group .accent-bg1 {
        background-color: #0a275b !important;
    }

    .panel-group .panel-body {
        background: #000;
    }


/*************************************
NEW VDP LAYOUT 1 & 2
********************************************/

/** HEADER COLOR **/
.automart-vdp-header a.creditapp {
    color: #ffffff;
    background-color: #0a275b;
    border: 1px solid rgba(95,95,95,1);
}

.automart-vdp-header a.loancalculator {
    color: #ffffff;
}

/** MAIN COLOR **/
.page-content-vdp-row .form-submit button {
    color: #ffffff;
    background-color: #0a275b;
    border: 1px solid rgba(95,95,95,1);
}

.specifics-container .row div {
    border-top: 2px solid #3a3a3a;
}

.vehicle-links-container .btn-default {
    background-color: transparent;
    color: #fff;
}

    .vehicle-links-container .btn-default:hover,
    .vehicle-links-container .btn-default:focus {
        background-color: #0a275b;
        color: #fff;
        border: 1px solid rgba(95,95,95,1);
    }


/* swiper */
.page-content-vdp-row .element-type-featuredphoto .swiper-slide {
    background-color: rgb(14, 33, 66);
}

/*****************************************************************************
NEW VDP LAYOUT 1 - 3
*****************************************************************************/

/* Buttons */
.main-cta-links .btn-default.creditapp {
    background-color: #0a275b;
    color: #fff;
}

.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: #0a275b;
    border-color: #0a275b;
    color: #fff;
}

/* 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 {
    background-color: #0a275b;
}

/* Highlights */
.specifics-container .row div {
    border-color: #3a3a3a;
}

/*************************************
NEW VDP LAYOUT 4
********************************************/

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    background-color: #0a275b;
}

.nav-pills > li > a:hover {
    background-color: #0a275b;
}

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 */

