:where(.site-footer) {
    background-color: var(--color-brand-corporate-blue);
    color: var(--color-primary-white);

    :where(.footer-wrap) {
        display: grid;
        grid-template-columns: 1.25fr 1fr;
        margin-top: var(--size-medium);

        & > * {
            grid-row: 1;
        }
    }

    :where(.footer-left) {
        padding: 5rem 0;
        grid-column: 1 / -1;
        width: 100%;

    }

    :where(.footer-nav) {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    :where(.footer-nav > *) {
        grid-column: 1;
    }

    :where(.footer-nav > ul) {
        padding-inline-start: 0;
        list-style: none;
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 4rem;
        column-gap: 2rem;

        > .menu-item-has-children > a {
            font-weight: 700;
        }
    }

    :where(.sub-menu) {
        padding: 0;
        list-style: none;
    }

    :where(.footer-nav a) {
        color: var(--color-primary-white);
        text-decoration: none;

        &:hover {
            text-decoration: underline;
        }
    }
}

.site-footer :where(.footer-right) {
    background-image: var(--footerImage);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    grid-column: 2;
    grid-row: 1;
}

.site-footer :where(.footer-bottom) {
    background: var(--color-brand-light-grey);
    color: var(--color-brand-corporate-blue);
    padding: 3rem 5rem;
}

.site-footer :where(.footer-copyright) {
    align-content: center;
    line-height: 1.2;

    :where(.sub-footer-menu) {
        &, & > * {
            display: inline;
            margin: 0;
            padding: 0;
        }

        & > li {
            &::before {
                content: " / ";
            }
        }

        & a {
            color: inherit;
            text-decoration: none;

            &:hover {
                text-decoration: underline;
            }

        }
    }
}

.site-footer :where(.footer-bottom-wrapper) {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 2rem;

    :where(.inland-logo-no-text) {
        line-height: 1;
    }

    :where(.footer-logo-and-address) {
        display: flex;
        flex-flow: row wrap;
        column-gap: 2rem;
        row-gap: 0.5rem;
        align-items: center;
        justify-content: flex-end;

        & .address {
            display: flex;
            align-items: center;
            gap: 2rem;
            line-height: 1.2;
        }
    }
}

@media screen and (max-width: 1550px) {
    .site-footer :where(.footer-wrap) {
        margin-left: 4rem;
    }
}

@media screen and (max-width: 1080px) {
    .site-footer {
        :where(.inland-logo-no-text) {
            display: none;
        }
    }

}


@media screen and (max-width: 680px) {
    .site-footer {

        :where(.footer-wrap) {
            display: flex;
            flex-flow: column;
            margin-left: 0;
            :where(.footer-nav) {
                display: block;

                & > ul {
                    grid-template-columns: auto;
                    padding-left: 4rem;
                }
            }

            :where(.footer-right) {
                min-height: 25rem;
            }

        }

        :where(.footer-bottom-wrapper) {
            grid-template-columns: auto;

            :where(.footer-logo-and-address) {
                justify-content: flex-start;
            }
        }

        :where(.footer-bottom) {
            padding-inline: 4rem;
        }

        :where(.footer-copyright) {
            order: 2;

        }

        :where(.footer-social) {
            padding-left: 4rem;
        }

    }
}