/*
=====================================================
 EF22 FRAMEWORK
 FOOTER.CSS
 Version 2.0
=====================================================
*/

/* ==========================================
   FOOTER AREA
========================================== */

.footer-area {

    position: relative;

    width: 100%;

}

/* ==========================================
   NAVIGATION INDICATOR PARKZONE
========================================== */

.navigation-indicator-park-zone {

    position: relative;

    width: 100%;
    height: 120px;

}

/* ==========================================
   FOOTER CONTAINER
========================================== */

.footer-container {

    position: relative;

    width: 100%;

}

/* ==========================================
   FOOTER
========================================== */

.footer {

    width: 100%;

    padding:
        var(--space-lg)
        var(--space-md);

    border-top:
        1px solid
        var(--color-white-12);

    text-align: center;

    color: var(--color-text-muted);

    font-size: var(--font-size-sm);

    line-height: 1.8;

}

/* ==========================================
   LINKS
========================================== */

.footer-links {

    display: flex;

    justify-content: center;
    align-items: center;

    flex-wrap: wrap;

    gap: var(--space-lg);

    margin-bottom: var(--space-md);

}

.footer-links a {

    color: inherit;

    text-decoration: none;

    transition:
        opacity var(--transition-fast);

}

.footer-links a:hover {

    opacity: .7;

}

/* ==========================================
   COPYRIGHT
========================================== */

.footer-copyright {

    color: inherit;

}