/*******************************************************
    MOTORHAUS - BLACK BLUE
*******************************************************/

:root {
    --clr-primary-500: #00296b;
    --clr-primary-400: #003f88;
    --clr-primary-300: #00509d;
    --clr-primary-200: #005FB7;
    --clr-primary-100: #DEE8F4;
    --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: linear-gradient(180deg, rgba(10, 88, 202, 0.00) 0%, rgba(10, 88, 202, 0.50) 50%, rgba(10, 88, 202, 0.75) 75%, #0A58CA 100%);
}

/***********************************************
    NAVBAR
***********************************************/
.navbar-default {
    background-color: var(--clr-neutral-900);
    border-color: var(--clr-neutral-900);
}

@media (min-width: 768px) {
    .navbar-default {
        background-color: transparent;
        background-image: radial-gradient(transparent 1px, rgb(15, 17, 21) 1px);
        /* mask: linear-gradient(rgb(0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);*/
    }
}

    /* 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);
    }


/***********************************************
    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.3);
    border-color: rgba(52, 58, 64, 0.3);
}

.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: var(--clr-neutral-100);
    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: var(--clr-neutral-100);
        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;
    }

}