/* Overlay */

#dap-mobile-menu-overlay{

    position:fixed;

    inset:0;

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

    opacity:0;

    visibility:hidden;

    transition:.3s;

    z-index:99998;

}


/* Bottom Sheet */

#dap-mobile-menu{

    position:fixed;

    left:0;

    bottom:0;

    width:100%;

    max-height:80vh;

    background:#fff;

    border-radius:25px 25px 0 0;

    transform:translateY(100%);

    transition:.35s ease;

    z-index:99999;

    overflow:auto;

    box-shadow:0 -10px 40px rgba(0,0,0,.25);

}


/* Open */

#dap-mobile-menu.active{

    transform:translateY(0);

}

#dap-mobile-menu-overlay.active{

    opacity:1;

    visibility:visible;

}


/* Header */

.dap-menu-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:18px 20px;

    border-bottom:1px solid #eee;

}

.dap-menu-header h3{

    margin:0;

    font-size:22px;

}

#dap-menu-close{

    font-size:32px;

    cursor:pointer;

}


/* Links */

.dap-menu-body{

    padding:10px 0;

}

.dap-menu-body a{

    display:block;

    padding:15px 20px;

    text-decoration:none;

    color:#222;

    font-size:17px;

    border-bottom:1px solid #f5f5f5;

}

.dap-menu-body a:hover{

    background:#f7f7f7;

}


/* Footer */

.dap-menu-footer{

    padding:18px;

    text-align:center;

    color:#777;

    font-size:13px;

}


/* Desktop Hide */

@media(min-width:768px){

    #dap-mobile-menu,

    #dap-mobile-menu-overlay{

        display:none;

    }

}










.dap-mobile-menu-list{

    margin:0;

    padding:0;

    list-style:none;

}

.dap-mobile-menu-list li{

    border-bottom:1px solid #f2f2f2;

}

.dap-mobile-menu-list li a{

    display:block;

    padding:16px 20px;

    color:#222;

    text-decoration:none;

    font-size:17px;

}

.dap-mobile-menu-list li a:hover{

    background:#f5f5f5;

}