/* ============================================================
   LAYOUT: FOOTER
   Fixed footer that stays at bottom of viewport
   ============================================================ */

footer,
footer.footer {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    background-color: var(--ds-surface-secondary) !important;
    padding: 10px 0 5px !important;
    z-index: 1000 !important;
    line-height: normal !important;
    white-space: normal !important;
}

/* Body padding to prevent content from going under fixed footer */
body {
    padding-bottom: 80px !important;
}