/* basically all styling from now on */
.menu_toggle {
    transform:translate(50%,-50%);
    transition: none;
}

body.loaded .menu_toggle {
    z-index: 900;
    position: fixed;
    top: 0;
    right: 0;
    display: block;
    cursor: pointer;
    width: 200px;
    height: 200px;
    border-radius: 100px;
    transform:rotate(0deg) translate(50%,-50%);
    transform-origin: top right;
    transition: transform 0.7s cubic-bezier(1, 0.005, 0.24, 1);
}
body.loaded.admin-bar .menu_toggle {
    top: 32px;
}
body.loaded .shazam .menu_toggle {
    transform: rotate(-90deg) translate(50%,-50%);
}
.menu_toggle i {
    transform:translate(-50%,-50%);
    font-size: 26px;
}
.menu_toggle .menu_open, .menu_toggle .menu_close {
    position: absolute;
}
.menu_toggle .menu_open,
.menu_toggle .menu_close {
    transition:color .1s linear;
}

.menu_toggle .menu_close {
    top:65px;
    left: 65px;
}
.menu_toggle .menu_open {
    top: 135px;
    left:65px;
}
/* Let's open up the menu */

.menu_items .current_page_item > a, .menu_items .current-menu-item > a{
	pointer-events: none;
	color: var(--sec);
}
.content {
    z-index: 2;
    transform-origin: top right;
    transition: transform 0.7s cubic-bezier(1, 0.005, 0.24, 1), -webkit-transform 0.7s cubic-bezier(1, 0.005, 0.24, 1), height 0.7s cubic-bezier(1, 0.005, 0.24, 1);
}

.content_inner {
    overflow-y: auto;
}

.essence {
    padding: 3vw 0;
}

.shazam .content_inner {
    height: 100%;
}