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

    #back-to-top { position: fixed; display: none; text-decoration: none; bottom: 30px; right: 0px; overflow: hidden; 
        width: 40px; height: 40px; border: none; text-indent: 100%; z-index: 9; text-indent: -9999px; 
        border-radius: var(--wdtRadius_2X) 0px 0px var(--wdtRadius_2X); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

    .back-to-top-title { display: none; }
    .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(--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: 20px; line-height: 1; }

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

    #back-to-top:hover .back-to-top-icon { margin-top: -4px; color: var(--wdtAccentTxtColor); }

    #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: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
    #back-to-top:active, #back-to-top:focus { outline: none; }


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