/**
 * Archives
 */

.archive .main header:after,
.blog .main header .tagline:after {
    display: block;
    background-color: var(--light-grayscale-400-border);
    content: '';
    height: 1px;
    margin: 0.75em auto 1.5em;
    width: 100%;
}

.blog-categories {
    margin-left: auto;
    margin-right: auto;
}

.blog-categories span:first-child {
    display: block;
    margin-bottom: calc(var(--gutter) / 2);
}

.blog-categories .link-divider {
    color: var(--light-grayscale-400-border);
}

.blog-categories .link-divider:last-child {
    display: none;
}

.loopy {
    background: var(--light-color-background-bg-blue);
    margin: 4rem auto;
    width: var(--wide-width);
}

.loopy .text {
    padding: var(--gutter);
}

.loopy .image {
    display: none;
    font-size: 0;
}

.loopy .image a:hover {
    opacity: 0.9;
}

.loopy .entry-title {
    font-size: 2.2em;
    margin-bottom: 0.35em;
}

.loopy .entry-title a {
    text-decoration: none;
}

.loopy .post-info {
    font-size: 0.9em;
    margin-bottom: var(--gutter);
}

.loopy .post-info::before {
    display: none;
}

.loopy .post-info span {
    display: inline;
}

.loopy .post-date {
    font-size: 1em;
}

@media screen and (min-width: 48em) {
    .loopy {
        display: grid;
        grid-template-columns: 1fr 1.1fr;
    }
    .loopy .text {
        font-size: 0.9em;
        order: 2;
    }
    .loopy .image {
        display: block;
        order: 1;
    }
}

.icon.flipped::before {
    transform: rotate(90deg);
}

.post-type-archive-local_page .main>header {
    max-width: var(--narrow-width);
}