//
// _footer.scss
//

app-footer {
  margin-top: auto!important
}

.footer {
    margin-top: auto;
    display: flex;
    align-items: center;
    padding: calc($grid-gutter-width * .5);
    color: var(--#{$prefix}emphasis-color);
    transition: margin-left .25s ease-in-out;
    background-color: $card-bg;
    border-top: 1px solid $card-border-color;
    margin: auto calc($grid-gutter-width * -0.5) 0;

    @include media-breakpoint-up(xxl) {
        margin: auto -50px 0;
    }
}
