/*----------------------------------------article_categories_navbar ------------------------------------ */

.cust_navbar_collapse ul.dropdown-menu {
    padding: 0 !important;
}

.navbar.cust_navbar {
    padding-top: 10px;
}

.cust_navbar > .container.main-container-editors {
    background-color: #fafafa;
}

.cust_navbar_header > button {
    outline: none;
}

.cust_navbar_header > a {
    text-decoration: none !important;
    color: #000 !important;
}

/*.cust_navbar_nav > .dropdown > .dropdown-toggle > .caret {
    width: 10px;
    height: 6px;
}*/

.cust_navbar_collapse > .cust_navbar_nav > li > a {
    background-color: transparent !important;
}

.cust_navbar_nav > li > a {
    text-decoration: none !important;
    color: #404040 !important;
    font-size: 1em !important;
    font-weight: 700;
}

.cust_navbar_nav > .dropdown > .dropdown-menu > li > a {
    color: #525252 !important;
    font-size: 1.2em !important;
    font-weight: 400 !important;
    /*border-bottom: 1px solid #eee !important; */
    line-height: 30px !important;
}

.cust_navbar_nav > .dropdown > .dropdown-menu > li:last-child a {
    border-bottom: 0 !important;
}

.arrow {
    display: none;
}

.cust_navbar_nav > li > a:hover {
    background-color: none !important;
}

.cust_navbar_header {
    display: none;
}
/*
.cust_navbar_nav > .dropdown-menu > a {
    border-bottom: 1px solid #eee !important;
}*/

.cust_navbar_nav {
    margin-left: -2em;
}

    .cust_navbar_nav .dropdown-menu {
        -webkit-transition: max-height 0.4s, opacity 0.3s 0.1s, visibility 0s 0.3s, padding 0.4s ease;
        -moz-transition: max-height 0.4s, opacity 0.3s 0.1s, visibility 0s 0.3s, padding 0.4s ease;
        -ms-transition: max-height 0.4s, opacity 0.3s 0.1s, visibility 0s 0.3s, padding 0.4s ease;
        -o-transition: max-height 0.4s, opacity 0.3s 0.1s, visibility 0s 0.3s, padding 0.4s ease;
        transition: max-height 0.4s, opacity 0.3s 0.1s, visibility 0s 0.3s, padding 0.4s ease;
        max-height: 0;
        display: block;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    }

    .cust_navbar_nav .dropdown.open .dropdown-menu {
        -webkit-transition: max-height 2s, opacity 0.1s, visibility 0s, padding 0.2s ease;
        -moz-transition: max-height 2s, opacity 0.1s, visibility 0s, padding 0.2s ease;
        -ms-transition: max-height 2s, opacity 0.1s, visibility 0s, padding 0.2s ease;
        -o-transition: max-height 2s, opacity 0.1s, visibility 0s, padding 0.2s ease;
        transition: max-height 2s, opacity 0.1s, visibility 0s, padding 0.2s ease;
        max-height: 600px;
        /*120px;*/
        opacity: 1;
        visibility: visible;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    }

    .cust_navbar_nav .dropdown:not(.open) .dropdown-menu {
        padding: 0 !important;
    }


/* navbar styling for responsive < 991*/
@media (max-width: 991px) {
    /* i add this for the last category*/
    ul#categId {
        border-bottom: 1px solid #eee;
    }

    /*add a line for the categories only in responsive*/
    li.dropdown.linkitem.parentId {
        border-bottom: 1px solid #eee;
    }

    a.categ {
        width: 81% !important;
        float: left;
        display: inline !important;
        border-bottom: none;
        margin-left: 20px;
    }

    li.dropdown.linkitem.parentId > a.dropdown-toggle {
        width: 16% !important;
        display: inline !important;
        float: right;
        border-bottom: none;
        /*margin-top: 7px !important;*/
    }

    .poligon {
        display: none;
    }

    .navbar.cust_navbar {
        margin-top: 0 !important;
    }

    .cust_navbar_nav > .dropdown > .dropdown-menu > li > a {
        border-bottom: 0 !important;
    }

    .cust_navbar_nav .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .cust_navbar_nav .dropdown-menu > li > a {
            padding: 5px 15px 5px 25px;
            color: #777;
        }

    .cust_navbar_nav .dropdown:not(.open) .dropdown-menu {
        padding: 0 !important;
    }

    .navbar-header.cust_navbar_header > .hamburger.hamburger--collapse.navbar-toggle.pull-left > .hamburger-box > img {
        width: 40px !important;
        height: 14px !important;
    }

    .navbar-header.cust_navbar_header > .hamburger.hamburger--collapse.navbar-toggle.pull-left > .hamburger-box {
        width: 23px !important;
        height: 14px !important;
    }

    .dropdown > .dropdown-toggle > img.arrow.pull-right.rotate {
        margin-top: .5em !important;
    }

    .dropdown > .dropdown-toggle > img.arrow.pull-right {
        transition: transform .6s;
    }

    .dropdown.open > .dropdown-toggle > img.arrow.pull-right {
        transform: rotate(-180deg)
    }

    .cust_navbar > .container.main-container-editors {
        background-color: transparent;
    }

    /*This maybe will change after mocks*/
    .navbar.cust_navbar {
        background-color: transparent;
    }

    .cust_navbar_nav .open > a,
    .cust_navbar_nav .open > a:hover,
    .cust_navbar_nav .open > a:focus {
        border-color: white;
        /* border-bottom: 1px solid #eee; */
    }

    .cust_navbar_collapse > .cust_navbar_nav > li > a {
        background-color: transparent !important;
        /* border-bottom: 1px solid #eee; */
    }

        .cust_navbar_collapse > .cust_navbar_nav > li > a:hover {
            /*background-color: transparent !important;*/
            /* border-bottom: 1px solid #eee; */
        }


    .cust_navbar_nav > .dropdown > .dropdown-menu > li > a:hover {
        text-decoration: none !important;
        /*background-color: transparent !important;*/
        border-bottom: 0;
    }

    /*
    .cust_navbar_nav > .dropdown > .dropdown-toggle > .caret {
        display: none !important;
    }*/

    .arrow {
        display: block;
    }

    .cust_navbar_header {
        display: block !important;
    }

    .cust_navbar_collapse.collapse {
        display: none !important;
    }

        .cust_navbar_collapse.collapse.in {
            display: block !important;
        }

    .cust_navbar_nav {
        float: none !important;
        margin: 7.5px -15px;
    }

        .cust_navbar_nav > li {
            float: none !important;
        }

    .cust_navbar_header {
        float: none !important;
    }

    .cust_navbar_nav > .open > .dropdown-menu {
        position: static !important;
        float: none !important;
        width: auto !important;
        margin-top: 0 !important;
        background-color: transparent !important;
        border: 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        padding-left: 1em !important;
    }


    .cust_navbar_header > .navbar-brand > span {
        color: #828282;
        font-size: 1.5em;
        font-weight: 700;
        margin-right: .4em;
    }

    /*
    .categ {
        border-bottom: 1px solid #eee !important;
    }*/

    .cust_navbar_header > a.navbar-brand {
        margin-top: 1.3em !important;
    }
}

@media(max-width: 768px) {
    .cust_navbar_header > .navbar-brand > span {
        font-size: 1.3em;
    }

    li.dropdown.linkitem.parentId > a.dropdown-toggle {
        width: 15% !important;
    }

    a.categ {
        width: 80% !important;
    }

    /*
    .categ {
        border-bottom: 1px solid #eee !important;
    }*/
}

@media(max-width: 560px) {
    li.dropdown.linkitem.parentId > a.dropdown-toggle {
        width: 8% !important;
    }

    a.categ {
        width: 70% !important;
    }
}

@media(min-width: 991px) {

    .cust_navbar_nav {
        margin-left: -3em;
    }

        .cust_navbar_nav > .dropdown > .dropdown-menu > li > a {
            border-bottom: 1px solid #eee !important;
        }

    li.dropdown.linkitem.parentId > a.dropdown-toggle {
        padding: 0 !important;
    }

    a.categ {
        padding: .5em !important;
        padding-right: .2em !important;
    }

    li.parentId {
        display: flex;
        margin-left: 1em !important;
    }

    img.poligon {
        margin-top: 1em !important;
    }

    ul#categId {
        padding: 1em;
    }
}