/* Menu Hamburguesa*/
.line {
    stroke-width: 6;
    stroke-linecap: round;
    stroke: #646665;
    transition: all 500ms;
}

.top {
    transform-origin: 26px 40px;
}

.middle {
    stroke-dasharray: 60 60;
}

.bottom {
    transform-origin: 26px 60px;
}

.admincloud-site-root .menu .admincloud_menu {
    font-size: 1rem;
}

.admincloud-site-root .menu .admincloud_menu p.admincloud_title {
    font-size: 0.75rem;
    margin: 0;
}


.admincloud-site-root.active .menu .line {
    stroke: #ff7c7c;
}

.admincloud-site-root.active .menu .top {
    transform: rotate(45deg);
}

.admincloud-site-root.active .menu .middle {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
}

.admincloud-site-root.active .menu .bottom {
    transform: rotate(-45deg);
}

/* Menú principal */
nav#block-admincloud-navegacionprincipal {
    position: fixed;    
    z-index: 6;
    left: -301px;
    width: 300px;
    height: 100vh;
    background: #828282ed;
    border: 1px solid #222;
    transition: all 500ms;
}

nav#block-admincloud-navegacionprincipal ul li{
    margin: 10px;
    padding: 10px;
    font-size: 1em;
    border-bottom: 1px solid #222;
}

nav#block-admincloud-navegacionprincipal ul li a{
    text-decoration: none;    
    padding: 0 1rem;
    

}

.admincloud-site-root.active nav#block-admincloud-navegacionprincipal {
    transform: translateX(300px);    
    animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}