/* ===================================================================
   COMPONENTS/SCROLL-TO-TOP.CSS
   Scroll to Top Button Styles
   =================================================================== */
/* ===== 122. SCROLL TO TOP BUTTON ===== */

/* ----- 122.1 Base Styles ----- */
html .scroll-to-top {
    transition: opacity 0.3s;
    background: #404040;
    border-radius: 4px 4px 0 0;
    bottom: 0;
    color: #FFF;
    display: block;
    height: 9px;
    opacity: 0;
    padding: 10px 10px 35px;
    position: fixed;
    right: 10px;
    text-align: center;
    text-decoration: none;
    min-width: 50px;
    z-index: 1040;
    font-size: 0.8em;
}

html .scroll-to-top:hover {
    opacity: 1;
}

html .scroll-to-top.visible {
    opacity: 0.75;
}

html .scroll-to-top span {
    display: inline-block;
    padding: 0 5px;
}

@media (max-width: 991px) {
    html .scroll-to-top.hidden-mobile {
        display: none;
    }
}

/* Small text utility */
small,
.small {
    font-size: 70%;
}