/* ===========================
   FOOTER
=========================== */

.site-footer{
    background:#021125;
    border-top:1px solid rgba(255,255,255,.08);
    padding:26px 0;
}

.footer-wrap{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
}

.footer-copy{
    color:rgba(255,255,255,.45);
    font-size:14px;
}

.footer-nav{
    display:flex;
    gap:28px;
}

.footer-nav a{
    color:rgba(255,255,255,.65);
    font-size:14px;
    transition:.25s;
}

.footer-nav a:hover{
    color:white;
}

/* ===========================
   BACK TO TOP
=========================== */

#backToTop{
    position:fixed;
    right:24px;
    bottom:24px;
    width:56px;
    height:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(3,20,47,.85);
    backdrop-filter:blur(14px);
    border:1px solid rgba(255,255,255,.12);
    border-radius:14px;
    color:#fff;
    text-decoration:none;
    box-shadow:0 12px 30px rgba(0,0,0,.22);
    opacity:0;
    visibility:hidden;
    transform:translateY(20px);
    transition:all .25s ease;
    z-index:9999;
}

#backToTop svg{
    width:22px;
    height:22px;
}

#backToTop span{
    position:absolute;
    right:70px;
    white-space:nowrap;
    padding:8px 14px;
    border-radius:10px;
    background:rgba(3,20,47,.92);
    color:#fff;
    font-size:14px;
    opacity:0;
    transform:translateX(8px);
    transition:.25s;
    pointer-events:none;
}

#backToTop:hover{
    background:var(--blue);
    transform:translateY(-4px);
}

#backToTop:hover span{
    opacity:1;
    transform:translateX(0);
}

#backToTop.show{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

@media(max-width:768px){
    #backToTop{
        width:50px;
        height:50px;
        right:20px;
        bottom:20px;
    }

    #backToTop span{
        display:none;
    }
}

@media(max-width:700px){
    .footer-wrap{
        justify-content:center;
        text-align:center;
    }

    .footer-nav{
        gap:18px;
    }
}