/*
    4 - Header and footer styling.
 */
.wp-block-navigation .wp-block-navigation-item__label {
    overflow-wrap: normal;
}

header {
    padding-bottom: 40px;

    @media (hover: hover) {
        a:hover {
            --color-text: var(--color-gray-medium);
        }
    }
}
.wp-block-navigation__responsive-container {
    --color-text: var(--color-white);
    --font-weight: 400;

    ul {
        padding: 40px 30px;
    }
}

footer {
    padding-top: 60px;

    a {
        --color-link-hover: var(--color-gray-medium);
        text-decoration: none;
    }
}