body.psm-menu-open{

    overflow:hidden;

}
/* ==========================================================
   Premier Mobile Menu
========================================================== */

.psm-mobile-menu{
    position:relative;
    z-index:99999;
}

/* ===============================
   Hamburger
================================ */

.psm-menu-toggle{

    width:52px;
    height:52px;

    border:none;
    background:transparent;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    cursor:pointer;

    gap:6px;

    padding:0;

    z-index:100002;

    position:relative;

}

.psm-menu-toggle span{

    width:28px;
    height:2px;

    background:#111;

    transition:.35s ease;

}

/* Hamburger Animation */

.psm-mobile-menu.active .psm-menu-toggle span:nth-child(1){

    transform:translateY(8px) rotate(45deg);

}

.psm-mobile-menu.active .psm-menu-toggle span:nth-child(2){

    opacity:0;

}

.psm-mobile-menu.active .psm-menu-toggle span:nth-child(3){

    transform:translateY(-8px) rotate(-45deg);

}

/* ===============================
   Overlay
================================ */

.psm-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.45);

    opacity:0;

    visibility:hidden;

    transition:.35s;

    z-index:99990;

}

.psm-mobile-menu.active .psm-overlay{

    opacity:1;

    visibility:visible;

}

/* ===============================
   Menu Panel
================================ */

.psm-menu{

    position:fixed;

    top:0;

    right:-380px;

    width:340px;

    max-width:90vw;

    height:100vh;

    background:#ffffff;

    transition:.35s ease;

    overflow-y:auto;

    z-index:99995;

    box-shadow:-8px 0 30px rgba(0,0,0,.12);

}

.psm-mobile-menu.active .psm-menu{

    right:0;

}

/* ===============================
   WordPress Menu
================================ */

.psm-menu-list{

    margin:0;

    padding:90px 0 40px;

    list-style:none;

}

.psm-menu-list li{

    list-style:none;

    position:relative;

}

.psm-menu-list li a{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:18px 30px;

    color:#111;

    text-decoration:none;

    font-size:16px;

    font-weight:500;

    border-bottom:1px solid #ececec;

    transition:.25s;

}

.psm-menu-list li a:hover{

    background:#f6f6f6;

}

/* Hide submenu for now */

.psm-menu-list ul{

    display:none;

    margin:0;

    padding:0;

}