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

    #back-to-top {
        position: fixed;
        display: none;
        text-decoration: none;
        bottom: 20px;
        right: 20px;
        overflow: hidden;
        width: 40px;
        height:40px;
        border: none;
        text-indent: 100%;
        z-index: 9;
        text-indent: -9999px;
        box-shadow: 0px 0px 3px var(--wdtAccentTxtColor);
        transition: var(--wdtBaseTransition);
    }
    #back-to-top .back-to-top-icon::after{background-color: var(--wdtHeadAltColor);
    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%);
    transition: var(--wdtBaseTransition);
}
    #back-to-top:hover .back-to-top-icon:after {
    margin-top: 2px;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
 #back-to-top .back-to-top-icon::before{    
    content: '';
    height: 10px;
    width: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: var(--wdtAccentTxtColor);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -5px;
    margin: auto;
    rotate: -45deg; transition: var(--wdtBaseTransition);}
#back-to-top:hover .back-to-top-icon::before{ border-color: var(--wdtHeadAltColor);   bottom: 0px;}


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


    /* Primary */
    #back-to-top { background-color: var(--wdtPrimaryColor); }

    /* Secondary */
    #back-to-top:hover,
    #back-to-top:focus { background-color: var(--wdtAccentTxtColor); }
    #back-to-top:hover .back-to-top-icon,
    #back-to-top:focus .back-to-top-icon{color: var(--wdtPrimaryColor);}


/*--------------------------------------------------------------
    Responsive
--------------------------------------------------------------*/

    @media only screen and (max-width: 1280px) {

        .nav-is-visible #back-to-top {
            opacity: 0;
        }
    }