/*--------------------------------------------------------------
        Totop
    --------------------------------------------------------------*/

    #back-to-top {
        position: fixed;
        display: none;
        text-decoration: none;
        bottom: 20px;
        right: 20px;
        overflow:hidden;
        width: clamp(2.5rem, 2.3607rem + 0.6369vw, 3.125rem);/*40-50*/
        height: clamp(2.5rem, 2.3607rem + 0.6369vw, 3.125rem);/*40-50*/
        border: none;
        text-indent: 100%;   
        border-radius:var(--wdtRadius_Full);
        box-shadow:0 5px 15px -2px rgba(var(--wdtHeadAltColorRgb),0.5), inset 0 0 0 1px rgba(var(--wdtQuaternaryColorRgb),0.75);
        z-index: 9;
        text-indent: -9999px;
    }

    #back-to-top:before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background-image: linear-gradient(20deg, var(--wdtPrimaryColor) 0%, var(--wdtQuaternaryColor) 100%);
    background-repeat: no-repeat;
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:auto;
    transform:scale(1);
    transition:var(--wdt-Ad-Transition);
    }
    #back-to-top:hover:before{
    transform:scale(1) rotate(180deg);
    }

    .back-to-top-icon {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 50%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        color: var(--wdtAccentTxtColor);
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;
        text-indent: 0;
        text-align: center;
        font-size: 20px;
        line-height: 1;
        transform-origin:bottom;
        
    }

    .back-to-top-icon i:before { margin: 0; }

    #back-to-top:hover .back-to-top-icon {
        animation: wdt-top 0.5s ease;
    }

    @keyframes wdt-top {
        50%{
            transform:translateY(-220%);
        } 
        51%{
            transform:translateY(220%);
        } 
    }

    #back-to-top:active,
    #back-to-top:focus {
        outline: none;
    }


    /*--------------------------------------------------------------
    Accents
    --------------------------------------------------------------*/



    /*--------------------------------------------------------------
    Responsive
    --------------------------------------------------------------*/

    @media only screen and (max-width: 1280px) {

        .nav-is-visible #back-to-top {
            opacity: 0;
        }
    }