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

    #back-to-top {
        position: fixed;
        display: none;
        text-decoration: none;
        bottom: 20px;
        right: 20px;
        overflow: hidden;
        width: 50px;
        height: 50px;
        border: none;
        text-indent: 100%;
        z-index: 9;
        border-radius: var(--wdtRadius_Full);
        text-indent: -9999px;
    }

    .back-to-top-icon {
        display: flex;
        -webkit-transition: var(--wdtAltTransition);
        -moz-transition: var(--wdtAltTransition);
        -o-transition: var(--wdtAltTransition);
        -ms-transition: var(--wdtAltTransition);
        transition: var(--wdtAltTransition);
        text-indent: 0;
        text-align: center;
        font-size: 20px; align-items: center; justify-content: center; height: inherit;
    }

    .back-to-top-icon:hover { animation: float 0.6s ease-in;}



/* Hover Floating Animation */
@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

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


    /* Primary */
    #back-to-top { 
        background: var(--wdtTertiaryColor);
        box-shadow: 0 0 5px 2px rgb(var(--wdtBodyTxtColorRgb), .08);
    }

    /* Secondary */
    /* #back-to-top:hover { background-color: var(--wdtSecondaryColor); } */


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

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

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