/* Dealer Requested - Inventory Dropdown */
.dropdown-menu.columns-3 .col-sm-4 > li > a,
.dropdown-menu.columns-3 .col-sm-4 > li > a:hover,
.dropdown-menu.columns-3 .col-sm-4 > li > a:active {
    background-color: transparent;
    color: #fff;
}

.dropdown-menu.columns-3 .col-sm-4 > li {
    padding: 10px;
}

.ds-dropdown-makes::before {
    width: 34px;
    vertical-align: middle;
    text-align: center;
}

.ds-dropdown-makes {
    font-size: 1.35em;
    text-transform: none;
}

body .dropdown-menu {
    right: auto;
    left: 0px;
}

/* Dark Theme - default */
.ds-main-nav .navbar-default .navbar-nav .dropdown-menu {
    background-color: #000;
}

/* Light Theme - Add ".ds-inventory-dropdown-light" to body */
.ds-inventory-dropdown-light .ds-dropdown-makes,
.ds-inventory-dropdown-light .dropdown-menu.columns-3 .col-sm-4 > li > a,
.ds-inventory-dropdown-light .dropdown-menu.columns-3 .col-sm-4 > li > a:hover,
.ds-inventory-dropdown-light .dropdown-menu.columns-3 .col-sm-4 > li > a:active {
    color: #0071ce;
}

.ds-inventory-dropdown-light .ds-main-nav .navbar-default .navbar-nav .dropdown-menu {
    background-color: #ffffff;
}

/* Missing Makes Fixes */
.ds-makes-ducati::before {
    content: '';
}



/* Mobile Menu */
@media (min-width: 768px) {
    .dropdown-menu.columns-3 {
        min-width: 850px;
    }
}

@media (max-width: 767px) {
    .dropdown-menu.columns-3 .col-sm-4:nth-of-type(n+2) > li:first-of-type {
        display: none
    }

    .dropdown-menu.columns-3 .col-sm-4 > li > a, 
    .dropdown-menu.columns-3 .col-sm-4 > li > a:hover, 
    .dropdown-menu.columns-3 .col-sm-4 > li > a:active{
        color: #ffffff;
        display: inline-block;
        height: 40px;
        vertical-align: middle;
        line-height: 20px;
    }

    /* Dark Theme*/
    body .navbar-nav > li.open:hover::after,
    body .navbar-nav > li.open:focus::after {
        background-color: #000;
    }

    .ds-dropdown-makes::before {
        color: #fff;
        vertical-align: text-bottom;
    }
    
    /* Light Theme - Add "ds-inventory-dropdown-light-mobile" - to body*/
    body.ds-inventory-dropdown-light-mobile .ds-main-nav .navbar-default .navbar-nav .dropdown-menu {
        background-color: #fff;
    }

    body.ds-inventory-dropdown-light-mobile .navbar-nav > li:hover::after,
    body.ds-inventory-dropdown-light-mobile .navbar-nav > li:focus::after {
        background-color: #fff;
    }

    .ds-inventory-dropdown-light-mobile .ds-dropdown-makes,
    .ds-inventory-dropdown-light-mobile .dropdown-menu.columns-3 .col-sm-4 > li > a,
    .ds-inventory-dropdown-light-mobile .dropdown-menu.columns-3 .col-sm-4 > li > a:hover,
    .ds-inventory-dropdown-light-mobile .dropdown-menu.columns-3 .col-sm-4 > li > a:active {
        color: #0071ce;
    }

    .ds-inventory-dropdown-light-mobile .ds-dropdown-makes::before {
        color: #0071ce;
    }
    
    .ds-dropdown-makes {
        font-size: 2em;
        height: 40px;
        display: inline-block;
    }

    .ds-inventory-dropdown-mobile-off #ds-menu-inventory + .dropdown-menu.columns-3 > .row > div.col-xs-12:nth-of-type(n+2),
    .ds-inventory-dropdown-mobile-off #ds-menu-inventory + .dropdown-menu.columns-3 > .row > div.col-xs-12 > li:nth-of-type(n+2){
        display: none;
    }
}