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

#back-to-top {
    position: fixed;
    top: 40%;
    left: auto;
    right: 15px;
    bottom: 50%;
    margin: auto;
    z-index: 1;
}

.back-to-top-icon { 
    will-change: transform;
    display: flex;
    width: 100%;
    mix-blend-mode: exclusion;
    z-index: 999;
    position: relative;
    flex-direction: column;
    align-items: center;
    background-color: var(--wdtBodyBGColor);
    padding: 25px 10px 10px 10px;
    color: var(--wdtHeadAltColor);
    line-height: 1;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 15px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 15px;
    border-radius: calc(var(--wdtRadius_1X) - 5px);
    -webkit-border-radius: calc(var(--wdtRadius_1X) - 5px);
    transition: var(--wdtBaseTransition);
    -webkit-transition: var(--wdtBaseTransition);
}

.back-to-top-icon:before {
    position: relative;
    content: "";
    width: 2px;
    height: 50px;
    margin: 10px 0;
    background: currentColor;
    transform-origin: bottom;
    -webkit-animation: scroll-down 2500ms infinite;
    animation: scroll-down 2500ms infinite;
    transition: var(--wdtBaseTransition);
    margin: auto;
    left: 0;
    right: 0;
    top: -10px;
}
@keyframes scroll-down{
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
    50% {
        -webkit-transform: scaleY(0.2);
        transform: scaleY(0.2);
    }
}
@-webkit-keyframes scroll-down{
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
    50% {
        -webkit-transform: scaleY(0.2);
        transform: scaleY(0.2);
    }
}

#back-to-top:hover .back-to-top-icon { color: var(--wdtLinkHoverColor); }

.back-to-top-icon: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; }

#back-to-top .back-to-top-icon span { font-size: calc(var(--wdtFontSize_H6) - 2px); font-weight: var(--wdtFontWeight_Alt); writing-mode: vertical-lr; -webkit-transform: scale(-1); transform: scale(-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: 1540px) { 
#back-to-top { right: 10px; }
.wdt_follow_us_icons { left: 5px; } }

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

@media only screen and (max-width: 1024px) {
#back-to-top { right: 5px; display: none !important; }
.wdt_follow_us_icons { left: 0px; display: none !important; } 
.wdt_follow_us_icons .wdt_follow_us span, .wdt_follow_us_icons .wdt_follow_us span a { font-size: var(--wdtFontSize_Base); }
#back-to-top .back-to-top-icon span { font-size: var(--wdtFontSize_Base); } }