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

#back-to-top { position: fixed; display: none; text-decoration: none; bottom: clamp(0.9375rem, 0.625rem + 1.0417vw, 1.875rem);/*15-30px*/ right: clamp(0.9375rem, 0.625rem + 1.0417vw, 1.875rem);/*15-30px*/ width: 50px; height: 50px; border: none; text-indent: 100%; z-index: 9; text-indent: -9999px; }

.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(--wdtPrimaryColor); -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: clamp(2.5rem, 2.2917rem + 0.6944vw, 3.125rem);/*40-50px*/ line-height: 1; }
#back-to-top .back-to-top-icon svg {overflow:visible;}
#back-to-top .back-to-top-icon svg path{ transition:var(--wdtAltTransition); transform-origin:center;}
#back-to-top:hover .back-to-top-icon svg .bts-arrow { transform:translateY(2px) scale(1.2); }
#back-to-top:hover .back-to-top-icon svg .bts-leaf { transform:rotate(135deg); }




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

@media only screen and (max-width: 1280px) {
    .nav-is-visible #back-to-top { opacity: 0; }
}

@media only screen and (min-width: 1025px) {
    /* Social Icons with scroll top */

    .wdt_follow_us_icons ~ #back-to-top { position: fixed; top: 50%; left: 0; right: auto; bottom: auto; text-indent: 0px; z-index: 9; 
        -webkit-mix-blend-mode: exclusion; mix-blend-mode: exclusion; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); 
        -webkit-writing-mode: vertical-lr; writing-mode: vertical-lr; background: none !important; width: auto; height: auto; 
        overflow: visible; display: flex !important; opacity: 1 !important; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; }

    .wdt_follow_us_icons ~ #back-to-top .back-to-top-title { display: block; font-size: 1rem; color: var(--wdtAccentTxtColor); 
        position: relative; -webkit-transform: rotate(180deg); transform: rotate(180deg); white-space: nowrap; text-transform: capitalize; 
        cursor: pointer; -webkit-transition: var(--wdtAltTransition); transition: var(--wdtAltTransition); }
    .wdt_follow_us_icons ~ #back-to-top:hover .back-to-top-title { color: var(--wdtPrimaryColor); }

    .wdt_follow_us_icons ~ #back-to-top .back-to-top-title:after { background-color: currentColor; 
        content: ""; display: inline-block; height: clamp(2.5rem, 1.6346rem + 3.8462vw, 6.25rem); margin: 10px auto 0px -5px; 
        opacity: 1; position: relative; width: 1px; -webkit-transition: var(--wdtAltTransition); transition: var(--wdtAltTransition); }

    .wdt_follow_us_icons ~ #back-to-top:after,
    .wdt_follow_us_icons ~ #back-to-top .back-to-top-icon { display: none; }
}