/* =========================================================
   GENIUS MOVIES
   MOBILE BOTTOM MENU STATIC ARROWS V5
   ========================================================= */


@media(max-width:760px){


    /*
     * Overlay matches the exact geometry
     * of the existing fixed bottom menu.
     */

    .gm-bottom-arrow-fixed-layer{

        position:fixed !important;

        z-index:2147483600 !important;

        display:block !important;

        box-sizing:border-box !important;

        pointer-events:none !important;

        overflow:hidden !important;

        border-radius:18px !important;
    }



    /*
     * Arrow occupies the FULL left/right
     * side of the bottom menu.
     *
     * No visible menu strip outside arrow.
     */

    .gm-fixed-menu-arrow{

        position:absolute !important;

        top:0 !important;
        bottom:0 !important;

        width:56px !important;
        height:100% !important;

        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        margin:0 !important;
        padding:0 !important;

        pointer-events:auto !important;

        background:#11151d !important;

        color:#ffffff !important;

        border:0 !important;

        box-shadow:none !important;

        font-family:
            Arial,
            sans-serif !important;

        font-size:32px !important;
        font-weight:400 !important;
        line-height:1 !important;

        cursor:pointer !important;

        -webkit-tap-highlight-color:
            transparent;

        transition:
            background .14s ease,
            opacity .14s ease;
    }



    .gm-fixed-menu-arrow.prev{

        left:0 !important;
        right:auto !important;

        border-radius:
            18px 0 0 18px !important;

        border-right:
            1px solid
            rgba(255,255,255,.08)
            !important;
    }



    .gm-fixed-menu-arrow.next{

        right:0 !important;
        left:auto !important;

        border-radius:
            0 18px 18px 0 !important;

        border-left:
            1px solid
            rgba(255,255,255,.08)
            !important;
    }



    .gm-fixed-menu-arrow:active{

        background:#1b2029 !important;
    }



    .gm-fixed-menu-arrow.is-edge{

        opacity:.42 !important;
    }



    .gm-fixed-menu-arrow span{

        display:block !important;

        transform:
            translateY(-1px);
    }



    /*
     * Menu content gets reserved space,
     * therefore Home/Movies/etc cannot
     * appear underneath an arrow.
     */

    .gm-real-bottom-nav{

        padding-left:62px !important;
        padding-right:62px !important;

        scrollbar-width:none !important;
    }


    .gm-real-bottom-nav::-webkit-scrollbar{

        display:none !important;
    }



    /*
     * Permanently kill every legacy arrow.
     */

    body > .gm-real-bottom-arrow,
    body > .gm-bottom-nav-arrow{

        display:none !important;

        visibility:hidden !important;

        pointer-events:none !important;
    }

}


@media(min-width:761px){

    .gm-bottom-arrow-fixed-layer{

        display:none !important;
    }

}