/* ========================================
            Footer {MOBILE}
                [START]
========================================= */
.page__footer {
    margin-top: 100px;
    height: unset;
    max-height: none;
}

.footer__ontop {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    align-items: center;
    justify-content: space-evenly;
    border-top: 1px solid rgba(100, 100, 100, 20%);
    border-bottom: 1px solid rgba(100, 100, 100, 20%);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
}

.footer-ontop__link {
    font-size: 14px;
    color: var(--soft-text-color);
}

.footer-ontop__logo {
    width: 100%;
    max-width: 350px;
    max-height: 100%;
}

.l-footer__inner {
    width: 90%;
    height: 100%;
    margin: 50px auto;
}

.footer__inner {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: normal;
    gap: 50px;
}

/* Set global footer text color & font-size */
.footer__title {
    font-size: 24px;
    color: var(--footer-text-color);
}

.footer__inner p,
.footer__inner a,
.footer__inner td,
.copyright__text {
    color: var(--footer-text-color) !important;
    font-size: var(--footer-text-font-size)
}

.footer__inner div.openings-hours,
.footer__inner table {
    width: 100%;
}

.footer-column__middle {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.footer-column__middle-2 {
    display: flex;
    flex-direction: column;
    row-gap: 7px;
}

.footer-column__middle-2 a::after {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: inherit;
    padding-left: 7px;
}

.footer-column__middle-2 a:hover {
    color: var(--theme-color) !important;
    text-decoration: underline;
}

.footer__social-buttons {
    display: flex;
    gap: 10px;
}

.footer__social-buttons .social-button__icon {
    margin: auto;
}


/* Copyright */
.footer__copyright {
    width: 100%;
    background-color: var(--footer-copyright-bg-color);
}

.copyright__text {
    width: 80%;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    border-top: 1px solid rgba(103, 103, 103, 30%);
}
/* ========================================
            Footer {MOBILE}
                [END]
========================================= */