/*
*   This file collects all styles that style the header.
*   It's by far not complete.
*   A LOT of styles are still in main.css and should be migrated asap.
*/

/*
*   MOBILE STYLES
*/

@media(max-width: 1140px){

    .dropdown-text h4 {
        padding: 0 15px;
        font-size: 15px;
        text-transform: none;
        color: #58585a;
    }

    .navbar-main,
    .navbar-small {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }

    /* each nav list item */

    .nav li a.dropdown-toggle,
    ul.dropdown-menu.nav li.navitem.dropdown a{
        display: flex;

        padding: 10px 15px;
        line-height: 21px;

        border-bottom: 1px solid #e0e0e0;
    }

    .nav li a.dropdown-toggle .nav-title{
        flex-grow: 1;
    }

    .nav li a.dropdown-toggle .cross{
        width: 22px;
        height: 22px;
        position: relative;
    }

    .nav li a.dropdown-toggle .cross .vertical,
    .nav li a.dropdown-toggle .cross .horizontal{
        background: #97c00e;
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .nav li a.dropdown-toggle .cross .vertical{
        height: 100%;
        width: 2px;
        left: 10px;

        transition: all .3s ease-in;
        transform-origin: center;
    }

    .nav .dropdown.open .cross .vertical{
        transform: scaleY(0);
    }

    .nav li a.dropdown-toggle .cross .horizontal{
        height: 2px;
        width: 100%;
        top: 10px;
    }

    .nav li.navitem.level2 .nav-title{
        padding-left: 10px;
        font-size: 18px;
    }
    .nav li.navitem.level3{
        padding-left: 20px;
    }
    .nav li.navitem.level3 a{
        font-size: 16px;
    }
}