#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;
border-radius: var(--wdtRadius_Full);
box-shadow: 0px 0px 4px var(--wdtAccentTxtColor);
-webkit-box-shadow: 0px 0px 4px 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;
}
.back-to-top-icon i:before { margin: 0; }
#back-to-top:hover .back-to-top-icon {
margin-top: -4px;
} #back-to-top:active,
#back-to-top:focus {
outline: none;
} .back-to-top-icon { display: none; }
#back-to-top:after,
#back-to-top:before{
content:"";
background-color:#FFF;
display:inline-block;
position:absolute;
right:14px;
left:auto;
top:12px;
margin:auto;
transform:skewX(42deg);
-moz-transform:skewX(42deg);
-webkit-transform:skewX(42deg);
width:1px;
height:13px;
transition: var(--wdtBaseTransition);
-webkit-transition: var(--wdtBaseTransition);
}
#back-to-top:before{
left:14px;
right:auto;
transform:skewX(-42deg);
-moz-transform:skewX(-42deg);
-webkit-transform:skewX(-42deg);
}
#back-to-top:hover:before{
transform:skewX(-35deg);
-moz-transform:skewX(-35deg);
-webkit-transform:skewX(-35deg);
left:15px;
}
#back-to-top:hover:after{
transform:skewX(35deg);
-moz-transform:skewX(35deg);
-webkit-transform:skewX(35deg);
right:15px;
}  #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;
}
}