/*
	jQuery.mmenu dropdown addon CSS
*/
.mm-menu.mm-dropdown
{
    height: 80%; 

    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
            box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
}

html.mm-dropdown .mm-slideout
{
    z-index: 0; 

    -webkit-transform: none !important;
       -moz-transform: none !important;
        -ms-transform: none !important;
         -o-transform: none !important;
            transform: none !important;
}

html.mm-dropdown #mm-blocker
{
    z-index: 1; 

    -webkit-transition-delay: 0s !important;
       -moz-transition-delay: 0s !important;
         -o-transition-delay: 0s !important;
            transition-delay: 0s !important;
}

html.mm-dropdown .mm-menu
{
    z-index: 2;
}

html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu
{
    display: none;
}

.mm-menu.mm-tip:before
{
    position: absolute;
    z-index: 0;

    display: block;

    width: 15px;
    height: 15px;

    content: '';
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg); 

    background: inherit;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
            box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
}

.mm-menu.mm-tipleft:before
{
    right: 22px;
}

.mm-menu.mm-tipright:before
{
    left: 22px;
}

.mm-menu.mm-tiptop:before
{
    top: -8px;
}

.mm-menu.mm-tipbottom:before
{
    bottom: -8px;
}