#footer {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: $footer-height;
    color: #a2a2a2;
    padding-top: 35px;
    padding-bottom: 15px;

    .f-menu {
        display: block;
        width: 100%;
        @include list-inline();
        margin-top: 8px;

        & > li > a {
            color: #a2a2a2;

            &:hover {
                color: #777;
            }
        }
    }
}

@media (min-width: $screen-md-max) {
    body.sw-toggled {
        #footer {
            padding-left: $sidebar-left-width;
        }
    }
}