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

#back-to-top {position: fixed;display: none;text-decoration: none;bottom: 30px;right: 0px;overflow: hidden;width: 50px;height: 40px;border: none;z-index: 9;border-radius: var(--wdtRadius_Zero) 0px 0px var(--wdtRadius_Zero);box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;display: flex; }
/* .back-to-top-title { display: none; } */
.back-to-top-icon { display: block; position: absolute; left: 0; right: 0; margin: 0 auto; top: 18px; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); color: var(--wdtHeadAltColor); -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: 22px; line-height: 1; }
.back-to-top-icon i:before { margin: 0; }
#back-to-top:hover .back-to-top-icon { margin-top: 4px; color: var(--wdtPrimaryColor); }
#back-to-top:hover{height: 150px;}
#back-to-top:hover:after{background-color: var(--wdtPrimaryColor);}
#back-to-top:after { background-color: var(--wdtAccentTxtColor); 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: var(--wdtAltTransition); transition: var(--wdtAltTransition); }
#back-to-top:hover:after { margin-top: 2px; opacity: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#back-to-top:active, #back-to-top:focus { outline: none; }
span.back-to-top-title {font-size: 16px;float: left;writing-mode: vertical-lr;width: 100%;height: 100%;position: absolute;left: 13px;top: 40px;opacity: 0;-webkit-transition: var(--wdtAltTransition); transition: var(--wdtAltTransition);color: var(--wdtPrimaryColor);}
#back-to-top:hover span.back-to-top-title {opacity: 1;}


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

@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; }
}