/*******************************************************
    MOTORHAUS - BLACK GRAY WHITE MENU
*******************************************************/

:root {
    --clr-primary-500: #212529;
    --clr-primary-400: #343A40;
    --clr-primary-300: #495057;
    --clr-primary-200: rgba(73, 80, 87, .9);
    --clr-primary-100: #E9ECEF;
    --clr-primary-000: rgba(47, 72, 88, .8);
    --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: #F8F9FA;
}

/***********************************************
    BROWSE INVENTORY
***********************************************/
.bg-gradient {
    background: var(--clr-neutral-900);
}


/***********************************************
    NAVBAR
***********************************************/
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus, 
.nav .dropdown-menu {
    background: #000 !important;
}

.navbar-default {
    background-color: var(--clr-neutral-100);
    border-color: var(--clr-neutral-100);

}

.accent-color2.accent-bg1.menu-panel-selected.active {
    background-color: #333 !important;
}



    .navbar-default a,
    .navbar-default .navbar-brand {
        color: var(--clr-neutral-700) !important;
    }

    .navbar-default .navbar-nav > .active > a {
        background-color: var(--clr-neutral-100)!important;
    }

    .navbar-default .nav a:hover {
        color: var(--clr-neutral-100) !important;
    }

.menu-heading.dropdown.open a,
.nav .dropdown-menu,
.nav .dropdown-menu a {
    color: var(--clr-neutral-100) !important;
}

/* Brand Image */
@media (min-width: 768px) {
    a .navbar-brand img {
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        transition-timing-function: ease;
        transition-delay: 0s;
    }
}

.navbar-right-menu-label {
    color: var(--clr-neutral-100);
}

/* mobile toggle icon */
.navbar-default .navbar-toggle .icon-bar {
    background-color: var(--clr-neutral-100);
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: var(--clr-neutral-200);
}

.navbar-default .navbar-toggle {
    border-color: var(--clr-neutral-200);
}

.fa-2x {
    color: var(--clr-neutral-100);
}

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: var(--clr-primary-500) !important;
}

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

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

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

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

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

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


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

.page-content .container,
.page-content .container-fluid {
    background-color: transparent;
}

/***********************************************
    TABS
***********************************************/
.nav-tabs {
    background-color: #212529;
}

.tab-content {
    border-top: 3px solid var(--clr-primary-400) !important;
}

.nav-tabs > li > a {
    background-color: transparent;
    color: var(--clr-neutral-100);
    border-top: none;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border-top: none;
    background-color: var(--clr-primary-400) !important;
    border-color: var(--clr-primary-400) !important;
}

.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover {
    border-top: none;
    background-color: rgba(52, 58, 64, 0.2);
    border-color: rgba(52, 58, 64, 0.2);
}

.cus-li i {
    color: var(--clr-primary-400);
}

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

.view-all-inventory .btn-default {
    color: var(--clr-neutral-100) !important;
    background-color: var(--clr-primary-400) !important;
    border-color: var(--clr-primary-400) !important;
}

    .view-all-inventory .btn-default:hover,
    .view-all-inventory .btn-default:focus,
    .view-all-inventory .btn-default:active {
        color: var(--clr-neutral-100) !important;
        background-color: var(--clr-primary-200) !important;
        border-color: var(--clr-primary-200) !important;
    }

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

.form-control {
    border-color: #6C757D !important;
    background-color: #212529 !important;
    color: #DEE2E6 !important;
}


/***********************************************
BUTTONS
***********************************************/
.btn-default {
    color: var(--clr-neutral-100);
    background-color: transparent;
    border-color: var(--clr-neutral-100);
}

    .btn-default:hover,
    .btn-default:active,
    .btn-default:focus {
        color: var(--clr-neutral-100);
        background-color: transparent;
        border-color: var(--clr-neutral-100);
    }

.automart-card-content .btn-default:hover,
.automart-card-content .btn-default:active,
.automart-card-content .btn-default:focus,
.inventory-search .btn-default:hover,
.inventory-search .btn-default:active,
.inventory-search .btn-default:focus {
    box-shadow: inset 0 0 0 2px var(--clr-neutral-100);
}

.primary-btn {
    color: inherit;
    background-color: var(--clr-primary-300);
    border-color: var(--clr-primary-300);
}

    .primary-btn:hover,
    .primary-btn:focus,
    .primary-btn:active {
        color: inherit;
        background-color: var(--clr-primary-200);
        border-color: var(--clr-primary-200);
    }


/* submit form button */
.form-submit .btn-default {
    color: inherit;
    background-color: var(--clr-primary-300);
    border-color: var(--clr-primary-300);
}

    .form-submit .btn-default:hover,
    .form-submit .btn-default:focus,
    .form-submit .btn-default:active {
        color: inherit;
        background-color: var(--clr-primary-200);
        border-color: var(--clr-primary-200);
    }


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

/* background color */
.banner-links-bar {
    background: transparent !important;
    background-color: var(--clr-primary-500) !important;
}



/* links */
a.banner-link {
    color: var(--clr-neutral-200);
}

    a.banner-link:hover {
        color: var(--clr-neutral-100);
    }

    /* fa icons */

    a.banner-link .fa {
        color: var(--clr-neutral-200);
    }

        a.banner-link .fa:hover {
            color: var(--clr-neutral-100);
        }

/* social media links */

.media-icon-facebook,
.media-icon-twitter,
.media-icon-youtube,
.media-icon-googleplus,
.media-icon-instagram,
.media-icon-yelp {
    color: var(--clr-neutral-200) !important;
    background-color: transparent !important;
    transition: .2s;
}

    .media-icon-facebook:hover,
    .media-icon-twitter:hover,
    .media-icon-youtube:hover,
    .media-icon-googleplus:hover,
    .media-icon-instagram:hover,
    .media-icon-yelp:hover {
        color: var(--clr-neutral-100) !important;
    }

/* social media links small */

.social-media-links .media-icon-small.media-icon-circle {
    color: var(--clr-neutral-200) !important;
    transition: .2s;
}

    .social-media-links .media-icon-small.media-icon-circle:hover,
    .social-media-links .media-icon-small.media-icon-circle::after focus {
        color: var(--clr-neutral-100) !important;
    }

/***********************************************
    FOOTER
***********************************************/
ul.bottom-links {
    border-top: .5px solid #fff;
}

div.page-bottom {
    background-color: var(--clr-neutral-900) !important;
}

    div.page-bottom .container {
        border-color: var(--clr-neutral-100);
    }

/* Disclaimer */
.disclaimer {
    color: var(--clr-neutral-100);
}
/* Text */
.footer-links-heading {
    color: var(--clr-neutral-100);
}
/* links */
div.footer-container a {
    color: var(--clr-neutral-100);
}

.bottom-links li > span {
    color: var(--clr-neutral-100) !important;
}

ul.bottom-links, ul.bottom-links a {
    color: var(--clr-neutral-100);
}

.footer-container .element-heading h4,
.footer-container .element-heading h5,
.footer-container .accent-color1,
.footer-container .accent-color2,
.footer-container td,
.footer-container label,
.footer-container {
    color: var(--clr-neutral-100) !important;
}

/***********************************************
    INVENTORY SEARCH ELEMENT
***********************************************/
.element-type-inventorysearch .form {
    display: flex;
    align-items: center;
    background-color: var(--clr-neutral-750);
    border: 3px solid #1c1c1c;
    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: var(--clr-neutral-100);
    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 {
        color: var(--clr-neutral-100);
        background-color: var(--clr-primary-200) !important;
        border-color: var(--clr-primary-200);
        box-shadow: none;
    }

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

/***********************************************
    INVENTORY SEARCH FORM ELEMENT
***********************************************/
/* background color */
.element-type-inventorysearchform {
    background-color: var(--clr-primary-400);
}

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


/* text color */
.element-type-inventorysearch .form-control,
.inventory-search-text.form-control {
    color: var(--clr-neutral-100);
}

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

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

/***********************************************
    INVENTORY LIST ELEMENT
***********************************************/
.fa.accent-color1 {
    color: var(--clr-primary-300) !important;
}

.pricelabel,
.pricevalue1.accent-color1 {
    color: var(--clr-neutral-100) !important;
}

.inventory-search .dropdown-toggle {
    background-color: transparent;
    color: var(--clr-neutral-100);
    border-color: var(--clr-neutral-100)
}

.inventory-price-container {
    background-color: transparent;
}

.element-type-inventorylistprice {
    background-color: var(--clr-primary-500);
}

.inventory-list-container div.inventory-panel {
    border: none;
}

.palette-bg2.inventory-header {
    background: transparent;
}


/* search box */
.inventory-search .form-inline .input-group input {
    background-color: var(--clr-neutral-750);
}

.inventory-search .form-inline .input-group {
    background-color: var(--clr-neutral-750);
    border-color: var(--clr-neutral-750);
}

.gallery-view .palette-bg2 {
    background-color: transparent;
}

inventory-search .dropdown-toggle {
}

.element-type-inventorylistthumbnail .palette-bg1 {
    background-color: transparent;
}


.inventory-search button[type=submit] {
    color: var(--clr-neutral-800);
    background-color: var(--clr-primary-300);
    border-color: var(--clr-primary-300);
}

    .inventory-search button[type=submit]:hover,
    .inventory-search button[type=submit]:focus,
    .inventory-search button[type=submit]:active {
        background-color: var(--clr-primary-200);
        border-color: var(--clr-primary-200);
        box-shadow: none;
    }

.btn-group.btn-group-sm .dropdown-menu > .active > a {
    background-color: var(--clr-primary-400);
}

#search-list button.btn {
    border: none;
}

.inventory-header .input-group-btn .btn-default {
    color: var(--clr-neutral-100);
}

/* Search filter buttons */
.btn-group.btn-group-sm .btn-default,
button#Submit_Search.btn-default {
    background-color: var(--clr-neutral-100);
    border: 1px var(--clr-neutral-175) solid;
    color: var(--clr-neutral-800);
}

/***********************************************
    MODAL
***********************************************/
.modal-header button.close {
    color: var(--clr-neutral-100);
}

/***********************************************
    SEARCH OPTION MODAL
***********************************************/
.modal-content,
.modal-header.navbar-default,
.modal-footer.navbar-default {
    background-color: var(--clr-neutral-900);
    background: var(--clr-neutral-900);
}

.modal-body.palette-bg2 .btn.palette-bg2 {
    background-color: var(--clr-neutral-725) !important;
}

/* close button */
.modal-content .btn-default {
    color: var(--clr-neutral-200);
    background-color: var(--clr-primary-300);
    border-color: var(--clr-primary-300);
}

/* mobile view search options button & view more inventory bttn */
.inventory-list-row a.btn-default {
    background-color: var(--clr-primary-300);
    border-color: var(--clr-primary-300);
    color: var(--clr-neutral-100);
}

    .inventory-list-row a.btn-default:hover,
    .inventory-list-row a.btn-default:active,
    .inventory-list-row a.btn-default:focus {
        background-color: var(--clr-primary-200);
        border-color: var(--clr-primary-200);
        color: inherit;
    }

.inventory-list-container div.col-.dynamic-col:not(:last-child) {
    border-color: var(--clr-neutral-200);
}

.inv-row .col-sm-2,
.inv-row .col-sm-3,
.inv-row .col-sm-4 {
    padding-left: 0px;
    padding-right: 0px;
}

/***********************************************
    BROWSE INVENTORY ELEMENT
***********************************************/
.logo-wrapper {
    background: var(--clr-neutral-900)
}

.browse-inventory-image a:hover {
    color: var(--clr-neutral-100);
}

.browse-inventory-price a {
    border-color: var(--clr-neutral-750);
    background-color: var(--clr-neutral-750);
    color: var(--clr-neutral-100);
}

/***********************************************
    SLIDE SHOW ELEMENT
***********************************************/
ol.carousel-indicators {
    z-index: 1;
}

/***********************************************
    SLIDER ELEMENT
***********************************************/
.carousel-indicators .active {
    background-color: var(--clr-primary-400);
}

.carousel-inner {
    background-color: var(--clr-neutral-100);
}



/***********************************************
    QUICKLINKS PRIMARY
***********************************************/
/* button background */
.quicklinkbutton.buttoncolor-black_darkblue {
    color: var(--clr-neutral-100) !important;
    background-color: var(--clr-primary-400) !important;
    border-color: var(--clr-primary-400) !important;
}

.quicklinkbutton:hover.buttoncolor-black_darkblue,
.quicklinkbutton:focus.buttoncolor-black_darkblue {
    color: var(--clr-neutral-100) !important;
    background-color: var(--clr-primary-200) !important;
    border-color: var(--clr-primary-200) !important;
}

/* Label Text */
.quicklinkbutton.buttoncolor-black_darkblue .quicklinkbutton-label,
.quicklinkbutton.buttoncolor-black_darkblue .quicklinkbutton-anim {
    color: var(--clr-neutral-100) !important;
}

.quicklinkbutton:hover.buttoncolor-black_darkblue .quicklinkbutton-label,
.quicklinkbutton:focus.buttoncolor-black_darkblue .quicklinkbutton-label,
.quicklinkbutton:hover.buttoncolor-black_darkblue .quicklinkbutton-anim,
.quicklinkbutton:focus.buttoncolor-black_darkblue .quicklinkbutton-anim {
    color: var(--clr-neutral-100) !important;
}

/***** Button Style *****/

/* Icon / Icon Zoom */
.quicklinkbutton.buttoncolor-white_orange .quicklinkbutton-icon {
    background-color: var(--clr-primary-300) !important;
    color: var(--clr-neutral-100) !important;
}

/* Icon / Icon Zoom:hover */
.quicklinkbutton:hover.buttoncolor-white_orange .quicklinkbutton-icon,
.quicklinkbutton:focus.buttoncolor-white_orange .quicklinkbutton-icon {
    background-color: var(--clr-primary-200) !important;
    color: var(--clr-neutral-100) !important;
}

/* big icon */
.quicklinkbutton.buttoncolor-white_orange .quicklinkbutton-bigicon {
    color: var(--clr-primary-300) !important;
}

.quicklinkbutton:hover.buttoncolor-white_orange .quicklinkbutton-bigicon,
.quicklinkbutton:focus.buttoncolor-white_orange .quicklinkbutton-bigicon {
    color: var(--clr-primary-300) !important;
}


/***********************************************
    ROW BACKGROUND
***********************************************/
.page-content-row.back-img .container,
.page-content-row.back-img .container-fluid {
    background-color: transparent !important;
}

/***********************************************
    EXPERIENCE GREAT DEAL
***********************************************/
.back-pos-center:before {
    background-color: rgba(0, 0, 0, 0.55);
}

/***********************************************
    INVENTORY SLIDER ELEMENT
***********************************************/
.vehicle-panel-price {
    background-color: var(--clr-primary-500);
    color: var(--clr-neutral-100);
}

.vehicle-panel-headline, .vehicle-panel-label {
    color: inherit !important;
}

a.vehicle-panel {
    background: inherit !important;
}

    a.vehicle-panel:hover,
    a.vehicle-panel:focus {
        background: inherit !important;
        color: var(--clr-primary-200);
    }
/* swiper buttons */
.swiper-button-next, .swiper-button-prev {
    color: var(--clr-neutral-100);
    background-color: var(--clr-primary-300);
}


/***********************************************
    CREDIT APPLICATION
***********************************************/

.element-type-creditapplication .form-control,
.element-type-creditapplicationform .form-control {
    color: var(--clr-neutral-800);
}

/*************************************
NEW VDP LAYOUT 1 & 2
********************************************/

/* credit form */
.automart-vdp-content .element-outer-container.element-type-vdpquickcontactform,
.element-outer-container.element-type-vdpquickcontactform {
    border: none;
}

    .element-outer-container.element-type-vdpquickcontactform .form-control {
        color: var(--clr-neutral-800);
    }

/* buttons */
.main-cta-links .creditapp.btn-default {
    color: var(--clr-neutral-100);
    background-color: var(--clr-primary-400);
    border-color: var(--clr-primary-400);
}

.automart-vdp-header a.btn.loancalculator:hover,
.automart-vdp-header a.btn.loancalculator:focus,
.automart-vdp-header a.btn.loancalculator:active {
    color: inherit;
    background-color: inherit;
    border-color: inherit;
}

.main-cta-links .creditapp.btn-default:hover,
.main-cta-links .creditapp.btn-default:active,
.main-cta-links .creditapp.btn-default:focus {
    color: var(--clr-neutral-100);
    background-color: var(--clr-primary-200);
    border-color: var(--clr-primary-200);
}

.accent-color1.internetvalue {
    color: inherit !important;
}

.vehicle-link .btn-default:hover,
.vehicle-link .btn-default:hover:active,
.vehicle-link .btn-default:focus {
    color: var(--clr-neutral-100);
    background-color: var(--clr-primary-200);
    border-color: var(--clr-primary-200);
}

/* featured Image */
.element-type-featuredphoto .flexslider {
    background: none;
    border: none;
}

.element-type-featuredphoto .swiper-slide,
.layout-1-swiper #featured-photo {
    background-color: var(--clr-primary-500);
}

/*************************************
NEW VDP LAYOUT 4
********************************************/
.layout-4-vehiclelinks div.vehicle-link .btn-default:hover,
.layout-4-vehiclelinks div.vehicle-link .btn-default:active,
.layout-4-vehiclelinks div.vehicle-link .btn-default:focus {
    background-color: transparent;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    background-color: var(--clr-primary-300);
}

.nav-pills > li > a:hover {
    background-color: var(--clr-primary-300);
}

ul.nav-pills {
    background-color: #0f0f12;
}



/* INVENTORY SEARCH */
.element-type-inventorysearchform.element-type-inventorysearchform {
    background-color: var(--clr-neutral-900);
}

    .element-type-inventorysearchform.element-type-inventorysearchform .btn-default,
    .element-type-inventorysearchform.element-type-inventorysearchform .btn-default:hover {
        color: var(--clr-neutral-100);
    }


/* INVENTORY SECTION
*************************************************************************/

.inv-slider-1 h4,
.inv-slider-1 .vehicle-panel-label.accent-color1 {
    color: var(--clr-neutral-100) !important;
}



/*************************************
NEW FdV LAYOUT 5
********************************************/

.subtheme-68e669c1cff74a869247edbc522efc7d {
    .nav a, .navbar-default .navbar-brand

{
    color: #00509d !important;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .dropdown-menu {
    background: #fff !important;
}

    a, .dropdown-menu > li > a {
        color: #00509d !important;
    }

.vehicle-panel-headline, .vehicle-panel-label {
    color: #00509d !important;
}

.navbar-default .dropdown-menu > li > a:hover {
    background-color: #DEE8F4 !important;
    color: var(--clr-neutral-100);
}

.inventory-list-row a.btn-default {
    color: floralwhite !important;
}

    .inventory-list-row a.btn-default:hover, .inventory-list-row a.btn-default:active, .inventory-list-row a.btn-default:focus {
        color: #ffffff !important;
    }
}