/* ==========================================
   TTV De Kruiskamp '81
   Back To Top
========================================== */

#back-to-top{

    position:fixed;

    right:30px;

    bottom:30px;

    width:56px;

    height:56px;

    background:#1F2F73;

    color:#FFFFFF;

    border:none;

    border-radius:12px;

    cursor:pointer;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:24px;

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

    opacity:0;

    visibility:hidden;

    transform:translateY(20px);

    transition:all .3s ease;

    z-index:9999;

}

#back-to-top.show{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

#back-to-top:hover{

    background:#2F46A1;

    transform:translateY(-4px);

    box-shadow:0 18px 35px rgba(31,47,115,.35);

}

#back-to-top svg{

    width:22px;

    height:22px;

    fill:none;

    stroke:#FFFFFF;

    stroke-width:2.5;

    stroke-linecap:round;

    stroke-linejoin:round;

}

@media(max-width:768px){

    #back-to-top{

        width:50px;

        height:50px;

        right:20px;

        bottom:20px;

    }

}