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

#back-to-top { -webkit-border-radius: var(--wdtRadius_Full); border-radius: var(--wdtRadius_Full);
    position: fixed; display: none; text-decoration: none; bottom: 60px; right: 30px; overflow: hidden; 
    width: clamp(2.125rem, 1.7788rem + 1.5385vw, 3.625rem); height: clamp(2.125rem, 1.7788rem + 1.5385vw, 3.625rem); 
    z-index: 9; text-indent: 0; border: 0 solid var(--wdtBorderColor); }

.back-to-top-icon { 
    display: block; position: absolute; left: 0; right: 0; margin: 0 auto; top: 48%; color: var(--wdtHeadAltColor); 
    transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); 
    -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: clamp(1.25rem, 1.1346rem + 0.5128vw, 1.75rem) /* 20px to 28px */; line-height: 1; }

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

#back-to-top:hover .back-to-top-icon { margin-top: -4px; }

#back-to-top:after { background-color: var(--wdtHeadAltColor); content: ""; display: block; height: 15px; 
    margin: 0 auto; opacity: 0; position: absolute; left: 50%; top: 50%; text-align: center; text-indent: 0; width: 2px;
    -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%);
    -webkit-transition: all .3s linear; transition: all .3s linear; }

#back-to-top:hover:after { margin-top: 2px; opacity: 1;
    -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

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

/* Page To Top Style */

/* #back-to-top { background-image: linear-gradient(180deg, var(--wdtPrimaryColor) 50%, var(--wdtSecondaryColor) 100%);
    background-repeat: no-repeat; background-position: center; background-size: cover; transition: var(--wdt-Livi-Transition); } */



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


/* Primary */
    #back-to-top { background-color: var(--wdtPrimaryColor); }

/* 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; }
}