/*
 * dealer-css css styles for the dealer-management plugin
 */

.dealer-navbar-toggle{
    display:block;
}

#dealer-menu {
    display:flex;
    margin-top: 0px;
    justify-content: space-between;
}

@media screen and (max-width:979px) {
    #dealer-menu {
        position:absolute;
        background-color:#f0f0f0;
        display:none;
        flex-direction: column;
        width:100%;
        max-width:150px;
    }

    #dealer-menu.toggled {
        display:flex;
    }
    
    #dealer-menu .item {
        height:auto !important;
        padding: 8px;
        width:100%;
        text-align: left;
    }
    
    #dealer-menu-toggle {
        border:none;
        padding:0;
        background-color:transparent;
        text-align:center;
        text-decoration: none;
        font-size:24px;
        width:24px;
        margin:20px 0;
    }
    
    br.hide-mobile {
        display:none;
    }
}

@media screen and (min-width:980px) {
    #dealer-menu {
        flex-wrap:wrap;
    }
    
    #dealer-menu-toggle{
        display:none;
    }

    br.hide-mobile {
        display:inline;
    }
}