.site-404 {
    width: 100%;
    background-color: var(--color-off-white);
    padding: 2rem 0 1.5rem 0;
    margin-bottom: 4em;
}

.title-404 {
    color: var(--color-primary-main);
}

.inner-404 .widget {
    border-top: 1px solid var(--color-primary-main);
    margin-top: 1em;
    padding-top: 1.5em;
}

.inner-404 .widget-title {
    display: block;
    font-family: var(--font-heading);
    color: var(--color-primary-main);
    font-size: 1.375rem;
    margin-bottom: 1rem;
}

@media screen and (min-width: 70em) {
    .inner-404 .widget-area {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
    }

    .inner-404 .widget-area > .widget {
        flex-grow: 1;
        margin-right: 4em;
    }

    .inner-404 .widget-area > .widget:last-child {
        margin-right: 0;
    }

    .archive.archive-empty .site-404 {
        margin-left: calc((100% - 100vw) / 2);
        margin-right: calc((100% - 100vw) / 2);
        padding-left: calc(((-100% + 100vw) / 2) - var(--wpb-gutter-width));
        padding-right: calc(((-100% + 100vw) / 2) - var(--wpb-gutter-width));
        box-sizing: content-box;
    }
}