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

    #back-to-top { position: fixed; display: block !important; text-decoration: none; top: 50%; left: auto; right: 15px; bottom: 50%; overflow: hidden; 
        width: 30px; height: 170px; border: none; text-indent: 100%; z-index: 9; text-indent: -9999px; 
        mix-blend-mode: difference; color: var(--wdtAccentTxtColor);
    }

    .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(--wdtAccentTxtColor); -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: 20px; line-height: 1; display: inline-flex; flex-direction: column-reverse; align-items: center; justify-content: center;
    }

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

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

    .back-to-top-icon:after { content: ""; background-color: var(--wdtAccentTxtColor); display: inline; height: 40px; margin: auto; opacity: 0; position: relative; 
        left: 2px; top: 0; right: 0; bottom: 0; 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-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_Ext); writing-mode: vertical-lr; 
        -webkit-transform: scale(-1); transform: scale(-1); }
    .wdt_follow_us_icons { position: fixed; top: 50%; left: 15px; right: auto; bottom: 50%; z-index: 9; mix-blend-mode: difference; color: var(--wdtAccentTxtColor); margin: auto; }
    .wdt_follow_us_icons .wdt_follow_us { will-change: transform;  display: flex; flex-direction: column; flex-wrap: nowrap; transform: rotate(-180deg); width: 33px; 
        mix-blend-mode: exclusion; z-index: 999; position: relative;}
    .wdt_follow_us_icons .wdt_follow_us .wdt-follow-icon { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; }
    .wdt_follow_us_icons .wdt_follow_us .wdt-follow-icon > a { width: 100%; padding: 5px 0; color: inherit; mix-blend-mode: inherit; }
    .wdt_follow_us_icons .wdt_follow_us .wdt-follow-icon > a:hover { color: var(--wdtLinkHoverColor); }
    .wdt_follow_us_icons .wdt_follow_us span,
    .wdt_follow_us_icons .wdt_follow_us span a { display: block; font-size: calc(var(--wdtFontSize_H6) - 2px); 
        font-weight: var(--wdtFontWeight_Ext); writing-mode: vertical-lr;  color: inherit; mix-blend-mode: inherit; margin-bottom: 5px; }

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