/*
    4 - Header and footer styling.
 */

header .header-logo svg {
    height: 50px;
}

@media all and (min-width: 782px) {
    header .header-logo svg {
        height: 60px;
    }
}

header .wp-block-columns > .wp-block-column {
    align-content: center;
}

header .wp-block-navigation__responsive-container {
    background: var(--color-alpha) !important;
}

header .wp-block-navigation__responsive-container-open svg {
    color: var(--color-alpha);
    height: 2em;
    width: 2em;
}
header .wp-block-navigation__responsive-container-close svg {
    color: var(--white);
    height: 2em;
    width: 2em;
}
header .wp-block-navigation__responsive-container-close {
    height: auto;
    margin: 1em 2em;
}
header .wp-block-navigation__responsive-container-close:hover svg {
    color: var(--color-alpha);
}
header .wp-block-navigation__responsive-container-content {
    align-items: center !important;
    color: var(--white);
    padding-top: 30% !important;
}
header .wp-block-navigation__responsive-container-content ul {
    align-items: center !important; /* justin */
    --navigation-layout-justification-setting: center;
    --navigation-layout-align: center !important;
}
header .wp-block-navigation__responsive-container-content ul a span {
    color: var(--white);
    font-size: 2.5em;
}

@media all and (min-width: 782px) {
    header .wp-block-navigation__responsive-container-content {
        padding-top: 10% !important;
    }
}

footer .footer-contact > .wp-block-columns > .wp-block-column:first-child {
    border-bottom: 2px dashed var(--black);
    margin-bottom: 1em;
    padding-bottom: 1em;
}

@media all and (min-width: 782px) {
    footer .footer-contact > .wp-block-columns {
        gap: 0;
    }
    footer .footer-contact > .wp-block-columns > .wp-block-column:first-child {
        border-bottom: none;
        border-right: 2px dashed var(--black);
        margin-bottom: 0;
        margin-right: 4em;
        padding-botton: 0;
        padding-right: 4em;
    }
    footer .wp-block-group:nth-child(2) > .wp-block-columns {
        gap: 100px;
    }
}

footer svg {
    max-width: 100%;
    height: auto;
}
footer ul.wp-block-navigation {
    gap: 0.25em;
}
footer ul.wp-block-navigation a span {
    color: var(--white);
}