/*==================================================
    MOBILE BOTTOM NAVIGATION
==================================================*/

.mobile-bottom-nav{

    position:fixed;

    left:0;
    right:0;
    bottom:0;

    height:72px;

    display:none;

    align-items:center;

    justify-content:space-around;

    background:#111722;

    border-top:1px solid rgba(255,255,255,.08);

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

    z-index:999;

}

.mobile-bottom-nav a{

    flex:1;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    gap:6px;

    height:100%;

    color:#c6ccd6;

    text-decoration:none;

    transition:.25s;

}

.mobile-bottom-nav a i{

    font-size:22px;

    transition:.25s;

}

.mobile-bottom-nav a span{

    font-size:12px;

    font-weight:600;

    line-height:1;

}


/* ACTIVE */

.mobile-bottom-nav a.active{

    color:#0d6efd;

}

.mobile-bottom-nav a.active i{

    transform:translateY(-2px);

}


/* HOVER */

.mobile-bottom-nav a:hover{

    color:#ffffff;

}


/* TABLET + MOBILE */

@media (max-width:992px){

    .mobile-bottom-nav{

        display:flex;

    }

    body{

        padding-bottom:72px;

    }

}


/* SMALL MOBILE */

@media (max-width:480px){

    .mobile-bottom-nav{

        height:68px;

    }

    body{

        padding-bottom:68px;

    }

    .mobile-bottom-nav a i{

        font-size:20px;

    }

    .mobile-bottom-nav a span{

        font-size:11px;

    }

}


/* DESKTOP */

@media (min-width:993px){

    .mobile-bottom-nav{

        display:none !important;

    }

}