#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: rgba(0, 0, 0, 0.09) 0px 3px 12px;
}
.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;
}
.back-to-top-icon i:before { margin: 0; }
#back-to-top:focus .back-to-top-icon,
#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: all .3s linear;
transition: all .3s linear;
}
#back-to-top:focus:after,
#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;
}  #back-to-top { background-color: var(--wdtPrimaryColor); } #back-to-top:hover { background-color: var(--wdtSecondaryColor); } @media only screen and (max-width: 1280px) {
.nav-is-visible #back-to-top {
opacity: 0;
}
}