/* =========================================================
   GENIUS MOVIES
   MOBILE BOTTOM NAVIGATION ARROWS V1
   ========================================================= */

@media(max-width:760px){

    .gm-mobile-bottom-menu-scroll{
        overflow-x:auto !important;
        overflow-y:hidden !important;

        flex-wrap:nowrap !important;

        scroll-behavior:smooth;

        -webkit-overflow-scrolling:touch;

        scrollbar-width:none !important;

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

        scroll-snap-type:x proximity;
    }


    .gm-mobile-bottom-menu-scroll::-webkit-scrollbar{
        display:none !important;
        width:0 !important;
        height:0 !important;
    }


    .gm-mobile-bottom-menu-scroll > a,
    .gm-mobile-bottom-menu-scroll > button{
        flex:0 0 auto !important;
        scroll-snap-align:center;
    }


    .gm-bottom-nav-arrow{
        position:fixed;

        z-index:999999;

        width:34px;
        height:48px;

        display:flex;
        align-items:center;
        justify-content:center;

        padding:0;

        border:
            1px solid
            rgba(255,255,255,.18);

        background:
            rgba(10,13,19,.96);

        color:#ffffff;

        box-shadow:
            0 4px 18px
            rgba(0,0,0,.45);

        backdrop-filter:
            blur(10px);

        -webkit-backdrop-filter:
            blur(10px);

        font-size:30px;
        line-height:1;

        cursor:pointer;

        -webkit-tap-highlight-color:
            transparent;

        transition:
            opacity .15s ease,
            transform .15s ease;
    }


    .gm-bottom-nav-arrow.prev{
        left:2px;

        border-radius:
            0 14px 14px 0;
    }


    .gm-bottom-nav-arrow.next{
        right:2px;

        border-radius:
            14px 0 0 14px;
    }


    .gm-bottom-nav-arrow:active{
        transform:scale(.92);
    }


    .gm-bottom-nav-arrow.is-end{
        opacity:.30;
    }


    .gm-bottom-nav-arrow span{
        display:block;
        transform:translateY(-2px);
    }

}


@media(min-width:761px){

    .gm-bottom-nav-arrow{
        display:none !important;
    }

}