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

    #back-to-top { position: fixed; display: none; text-decoration: none; bottom: 20px; right: 20px; overflow: hidden; 
        width: 42px; height: 62px; border: none; text-indent: 100%; z-index: 9; text-indent: -9999px; 
        border-radius: var(--wdtRadius_Part);  }

    .back-to-top-title { display: none; }

    #back-to-top .back-to-top-icon i,
    .back-to-top-icon { 
        display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100%; height: 100%;
    }

    .back-to-top-icon i:before { 
        content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; 
        display: inline-block; width: 30px; height: 30px;
        background-color: var(--wdtAccentTxtColor, var(--wdtDarkAccentTxtColor));
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 93.4 126.6' style='enable-background:new 0 0 93.4 126.6;' xml:space='preserve'%3E%3Cpath d='M58.7,19.3c-3-5-4.9-9.8-6-13.5c-0.6-1.8-0.9-3.3-1.1-4.2c-0.1-0.5-0.2-0.9-0.3-1.1c0,0,0,0-0.1-0.1l0.1-0.2l0,0l0,0 c0,0,0,0-0.2,0.1L42.2,0l-0.1,0.8C42.1,1,42.1,1.3,42,1.6c-0.2,1.1-0.6,2.5-1.1,4.2c-1.1,3.6-3,8.5-6,13.5 C28.9,29.3,18.4,39.8,0,42.5l1.3,9.1c20.6-3,33-14.5,40.2-25.7L39,126.4l9.1,0.2l2.6-102.7c0.1,0.1,0.1,0.1,0.1,0.2 c7,11.7,19.7,24.3,41.4,27.5l1.3-9.1C75.2,39.7,64.7,29.3,58.7,19.3z'/%3E%3C/svg%3E");
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 93.4 126.6' style='enable-background:new 0 0 93.4 126.6;' xml:space='preserve'%3E%3Cpath d='M58.7,19.3c-3-5-4.9-9.8-6-13.5c-0.6-1.8-0.9-3.3-1.1-4.2c-0.1-0.5-0.2-0.9-0.3-1.1c0,0,0,0-0.1-0.1l0.1-0.2l0,0l0,0 c0,0,0,0-0.2,0.1L42.2,0l-0.1,0.8C42.1,1,42.1,1.3,42,1.6c-0.2,1.1-0.6,2.5-1.1,4.2c-1.1,3.6-3,8.5-6,13.5 C28.9,29.3,18.4,39.8,0,42.5l1.3,9.1c20.6-3,33-14.5,40.2-25.7L39,126.4l9.1,0.2l2.6-102.7c0.1,0.1,0.1,0.1,0.1,0.2 c7,11.7,19.7,24.3,41.4,27.5l1.3-9.1C75.2,39.7,64.7,29.3,58.7,19.3z'/%3E%3C/svg%3E");
        mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat;
        mask-size: contain; -webkit-mask-size: contain;
        mask-position: center; -webkit-mask-position: center;
    }

    #back-to-top:hover .back-to-top-icon i:before {
        animation: wdt-back-to-top-animation 0.6s cubic-bezier(.45,.05,.55,.95);
        -webkit-animation: wdt-back-to-top-animation 0.6s cubic-bezier(.45,.05,.55,.95);
    }

    @keyframes wdt-back-to-top-animation {
        0% { top: 0; opacity: 1; } 50% { top: -100%; opacity: 0;} 75% { top: 100%; opacity: 0; } 100% { top: 0; opacity: 1; }
    }

    @-webkit-keyframes wdt-back-to-top-animation {
        0% { top: 0; opacity: 1; } 50% { top: -100%; opacity: 0;} 75% { top: 100%; opacity: 0; } 100% { top: 0; opacity: 1; }
    }

    #back-to-top:active, #back-to-top:focus { outline: none; }


/*--------------------------------------------------------------
    Accents
--------------------------------------------------------------*/


    /* Primary */
    #back-to-top { 
        background-color: transparent;
        background-image: -webkit-linear-gradient(-90deg, var(--wdtPrimaryColor, var(--wdtDarkPrimaryColor)) 0%, 
                                                          var(--wdtSecondaryColor, var(--wdtDarkSecondaryColor)) 100%);
        color: var(--wdtAccentTxtColor, var(--wdtDarkAccentTxtColor)); 
    }

    /* Secondary */
    #back-to-top:hover { 
        background-color: transparent; 
        color: var(--wdtAccentTxtColor, var(--wdtDarkAccentTxtColor));  
    }


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

        body:not(.page-template-tpl-header-side-nav) .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; }

        body:not(.page-template-tpl-header-side-nav) .wdt_follow_us_icons ~ #back-to-top .back-to-top-title { display: block; font-size: 1rem; color: var(--wdtAccentTxtColor, var(--wdtDarkAccentTxtColor)); 
            position: relative; -webkit-transform: rotate(180deg); transform: rotate(180deg); white-space: nowrap; text-transform: capitalize; 
            cursor: pointer; -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); }
        body:not(.page-template-tpl-header-side-nav) .wdt_follow_us_icons ~ #back-to-top:hover .back-to-top-title { color: var(--wdtPrimaryColor, var(--wdtDarkPrimaryColor)); }

        body:not(.page-template-tpl-header-side-nav) .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(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); }

        body:not(.page-template-tpl-header-side-nav) .wdt_follow_us_icons ~ #back-to-top:after,
        body:not(.page-template-tpl-header-side-nav) .wdt_follow_us_icons ~ #back-to-top .back-to-top-icon { display: none; }
    }