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


.vd-c-left>.vd-dropdown-widget>.vd-collapsable {
    left: 0;
    right: auto;
    transform: initial;
}

.vd-c-center>.vd-dropdown-widget>.vd-collapsable {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}

.vd-c-right>.vd-dropdown-widget>.vd-collapsable {
    right: 0;
    left: auto;
    transform: initial;
}


.vd-dropdown-widget {
    position: relative;
    display: block !important;
    /*width: auto;*/

    >:first-child {
        display: inline-block;
        /*width: 100%;*/
        height: 100%;
    }

    .vd-collapsable {
        position: absolute;
        top: 100%;
        z-index: 11999;
        width: auto;
        min-width: 150px;
        max-width: initial;
        white-space: nowrap;
        border: 1px solid rgba(0, 0, 0, .15);
        background-color: #fff;

        >[vd-type] {
            align-self: stretch;
        }
    }

    &.vd-c-left {
        .vd-collapsable {
            left: 0;
        }
    }

    &.vd-c-center {
        .vd-collapsable {
            left: 50%;
            transform: translateX(-50%);
        }
    }

    &.vd-c-right {
        .vd-collapsable {
            right: 0;
        }
    }
}

.vd-collapsable:not(.vd-triggered) .vd-dropdown-widget.vd-dropdown-hover>:first-child:hover~.vd-collapsable,
.vd-collapsable:not(.vd-triggered) .vd-dropdown-widget.vd-dropdown-hover>.vd-collapsable:hover {
    .vd-flex-triggered;
    z-index: 12000;
}

.vd-dd-cnt-widget:extend(.vd-container-widget all) {}


/* Tablet and mobile style*/
.vd-dd-responsive-style {
    .vd-dropdown-widget {
        >:first-child {
            width: 100%;
        }
    }
}

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

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