.site-menubar a:focus,
.site-menubar a:hover {
    background: none;
}

.site-menubar {
    font-family: Gotham !important;
    display: block;
    width: 250px;
    height: 100%;
    box-shadow: none;
    transition: all 0.5s ease;
}

.site-menubar .site-menu {
    transition: all 0.5s ease;
}

.site-menubar .site-menu .site-menu-item .nav-link {
    height: 58px;
    overflow: hidden;
    transition: all 0.5s ease;
}

.site-menubar.site-menu .site-menu-item .nav-link .site-menu-icon {
    transition: all 0.5s ease;
}

.site-menubar.site-menu .site-menu-item .nav-link .site-menu-name {
    transition: all 0.3s ease;
}

.site-menubar.site-menu-footer {
    transition: all 0.3s ease;
}

/* Ketika site-menubar diperkecil */
.site-menubar.collapse.show {
    width: 72px;
    transition: all 0.5s ease;
}

.site-menubar.collapse.show .site-menu {
    padding-left: 8px;
    padding-right: 8px;
    transition: all 0.5s ease;
}

.site-menubar.collapse.show .site-menu #menubar-triggered {
    transform: rotate(180deg);
}

.site-menubar.collapse.show .site-menu .site-menu-item .nav-link {
    padding: 4px 15px !important;
    transition: all 0.5s ease;
}

.site-menubar.collapse.show .site-menu .site-menu-item .nav-link .site-menu-icon {
    transition: all 0.5s ease;
}

.site-menubar.collapse.show .site-menu .site-menu-item .nav-link .site-menu-name {
    opacity: 0;
    transition: all 0.3s ease;
}

.site-menubar.collapse.show .site-menu-footer {
    opacity: 0;
    transition: all 0.3s ease;
}

/* End Ketika site-menubar diperkecil */

@media (max-width: 768px) {
    .site-menubar {
        width: 250px;
        height: 100%;
        background-color: #1F1912;
        transition: right 0.3s ease;
        z-index: 1050;
    }

    .site-menubar.open {
        right: 0;
    }
}