/* ----------------------------------------------------------
   Footer Basics 
   ---------------------------------------------------------- */

footer .grid-child {
    display: block;
}

.footer {
    color: var(--headercolor);
    background-color: var(--cassiopeia-color-primary);
    /* background-image: none; */
    background-image: linear-gradient(0deg, var(--cassiopeia-color-primary) 0%, var(--body-bg) 100%); 
}

/* END Footer */

/* ----------------------------------------------------------
   Footer Shortcuts
   Small-print footer links.
   ---------------------------------------------------------- */

.footer-shortcuts {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

    width: 100%;
    max-width: var(--article-max-width);

    margin: 0 auto;
    padding: 0 var(--content-padding);

    gap: .5rem 1.5rem;

    box-sizing: border-box;
}

.footer-shortcuts > li {
    flex: 0 0 auto;
    width: auto;

    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-shortcuts a,
.footer-shortcuts .mod-menu__heading {
    display: inline-block;

    font-size: .9rem;
    font-weight: 400;

    white-space: nowrap;
}

/* END Footer Shortcuts */


/* ==========================================================
   ### SLIDESHOW ###
   Centred slideshow in bottom-a or footer.
   ========================================================== */

.footer .slideshowck {
    width: 100% !important;
    max-width: 1200px;
    margin: 20px auto !important;
}

/* ==================== SLIDESHOW END ======================= */

/* ==================== SLIDESHOW END ======================= */