/*!
* Visual Designer JQuery Plugin
* Author: Sam Zielke-Ryner
* Licensed under ...
*/

.vd-nav-widget:extend(.vd-row-widget all) {
    z-index: 999;
    margin: 0;
    /* Important so it fills the parent container width */
    /*position: relative;*/
    /*overflow: hidden;*/

    .vd-collapsable:nth-child(1) {
        z-index: 2500;
    }

    .vd-collapsable:nth-child(2) {
        z-index: 2499;
    }

    .vd-collapsable:nth-child(3) {
        z-index: 2498;
    }

    .vd-collapsable:nth-child(4) {
        z-index: 2497;
    }

    .vd-collapsable:nth-child(5) {
        z-index: 2496;
    }

    .vd-collapsable:nth-child(6) {
        z-index: 2495;
    }

    .vd-collapsable:nth-child(7) {
        z-index: 2494;
    }

    .vd-collapsable:nth-child(8) {
        z-index: 2493;
    }

    .vd-collapsable:nth-child(9) {
        z-index: 2492;
    }

    .vd-collapsable:nth-child(10) {
        z-index: 2491;
    }

    .vd-collapsable:nth-child(11) {
        z-index: 2490;
    }

    .vd-collapsable:nth-child(12) {
        z-index: 2489;
    }

    .vd-collapsable:nth-child(13) {
        z-index: 2488;
    }

    .vd-collapsable:nth-child(14) {
        z-index: 2487;
    }

    .vd-collapsable:nth-child(15) {
        z-index: 2486;
    }

    .vd-collapsable:nth-child(16) {
        z-index: 2485;
    }

    .vd-collapsable:nth-child(17) {
        z-index: 2484;
    }

    .vd-collapsable:nth-child(18) {
        z-index: 2483;
    }

    .vd-collapsable:nth-child(19) {
        z-index: 2482;
    }

    .vd-collapsable:nth-child(20) {
        z-index: 2481;
    }
}

.vd-nav-cnt-widget:extend(.vd-container-widget all) {
    z-index: 1999;
    padding: 0;

    >[vd-type] {
        /*margin: 0px 10px;*/
        transition: 400ms cubic-bezier(0.23, 1, 0.32, 1);
    }

    /*&.vd-c-center {
  
}

&.vd-c-right {
  
}*/

    &.vd-triggered.vd-collapsable {
        padding: 10px;

        /* Apply styling to inner collapsable widgets */
        .vd-collapsable {
            /*[vd-type="dd-cnt"]*/
            position: static;
            max-width: 100% !important;
            width: 100% !important;
            left: auto !important;
            right: auto !important;
            transform: translate3d(0, 0, 0) !important;
        }

        .vd-dropdown-widget,
        .vd-megamenu-widget {
            &>:first-child {
                height: auto;
            }
        }

        /* Backwards compatibility for pre 1.2 */
        &.vd-pre-1-2>[vd-type] {
            margin-left: 0px;
            margin-right: 0px;
        }
    }

    &.vd-pre-1-2 {
        padding: 10px;
    }
}

.vd-nav-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.vd-nav-sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 11999 !important;
}

.vd-widget-selected.vd-collapsable {
    border-color: @dynamicCol;
}


/* Tablet and mobile style*/
.vd-nav-responsive-style {
    .vd-nav-full-page {
        display: flex;
        flex-direction: column;
        height: 100vh;
    }

    .vd-collapsable {
        z-index: 999;
    }

    /*.vd-nav-cnt-widget:not(.vd-collapsable) {
  position: relative;
}*/

    .vd-collapsable:nth-child(1) {
        order: 979;
    }

    .vd-collapsable:nth-child(2) {
        order: 980;
    }

    .vd-collapsable:nth-child(3) {
        order: 981;
    }

    .vd-collapsable:nth-child(4) {
        order: 982;
    }

    .vd-collapsable:nth-child(5) {
        order: 983;
    }

    .vd-collapsable:nth-child(6) {
        order: 984;
    }

    .vd-collapsable:nth-child(7) {
        order: 985;
    }

    .vd-collapsable:nth-child(8) {
        order: 986;
    }

    .vd-collapsable:nth-child(9) {
        order: 987;
    }

    .vd-collapsable:nth-child(10) {
        order: 988;
    }

    .vd-collapsable:nth-child(11) {
        order: 989;
    }

    .vd-collapsable:nth-child(12) {
        order: 990;
    }

    .vd-collapsable:nth-child(13) {
        order: 991;
    }

    .vd-collapsable:nth-child(14) {
        order: 992;
    }

    .vd-collapsable:nth-child(15) {
        order: 993;
    }

    .vd-collapsable:nth-child(16) {
        order: 994;
    }

    .vd-collapsable:nth-child(17) {
        order: 996;
    }

    .vd-collapsable:nth-child(18) {
        order: 997;
    }

    .vd-collapsable:nth-child(19) {
        order: 998;
    }

    .vd-collapsable:nth-child(20) {
        order: 999;
    }
}

body.vd-rtablet,
body.vd-rmobile {
    .vd-nav-responsive-style();
}

@media (max-width: 479px),
(max-width: 768px) {
    .vd-nav-responsive-style();
}