#menuTrigger {
    position: fixed;
    left: 0;
    top: 0;
    width: 25px;
    height: 100vh;
    z-index: 3000;
}


#sideMenu {
    position: fixed;
    left: -325px;
    top: 0;
    width: 325px;
    height: 100vh;

    background: rgba(36,56,46,.98);

    color: var(--white);

    z-index: 2999;

    padding: 20px 18px;

    overflow-y: auto;

    border-right: 5px solid var(--gold);

    box-shadow: 10px 0 35px rgba(0,0,0,.18);
}



.menu-logo {
    width: 92px;
    height: 92px;

    object-fit: cover;

    display: block;

    margin: 3px auto 8px;

    border-radius: 50%;

    border: 3px solid var(--gold);

    background: var(--cream);
}



.menu-brand {
    text-align: center;

    padding-bottom: 18px;

    border-bottom: 1px solid rgba(255,255,255,.12);
}

.menu-brand h2 {
    font-family: Georgia, serif;

    font-size: 27px;

    color: #f6f1e7;
}

.menu-brand h2 span {
    color: #d2b46e;
}

.menu-brand p {
    margin-top: 5px;

    font-size: 9px;

    letter-spacing: 2.5px;

    color: #c9d2c8;
}



.menu-label {
    margin: 19px 11px 7px;

    font-size: 10px;

    letter-spacing: 2px;

    color: #d2b46e;

    font-weight: bold;
}



#sideMenu a {
    display: block;

    color: #f8f5ee;

    text-decoration: none;

    padding: 12px 14px;

    margin: 3px 0;

    border-radius: 10px;

    font-size: 14px;

    transition: .25s;
}

#sideMenu a:hover {
    background: rgba(185,200,181,.17);

    transform: translateX(4px);
}




.main-menu {
    cursor: pointer;

    background: rgba(255,255,255,.035);

    position: relative;
}

.main-menu::after {
    content: "+";

    position: absolute;

    right: 15px;

    color: #d2b46e;

    font-size: 17px;
}




.submenu {
    display: none;

    margin: 3px 0 7px;

    padding: 5px 7px;

    background: rgba(0,0,0,.13);

    border-left: 2px solid rgba(210,180,110,.65);

    border-radius: 8px;
}

.submenu a {
    font-size: 12px !important;

    padding: 9px 12px !important;

    color: #e8eee8 !important;
}

.submenu a:hover {
    background: rgba(232,201,192,.14) !important;
}


/* MENU NOTE */

.menu-note {
    text-align: center;

    color: #aebbb0;

    font-size: 10px;

    margin-top: 25px;

    padding-top: 14px;

    border-top: 1px solid rgba(255,255,255,.1);
}