@layer pages {
    .page-blog-post {
        .page-heading {
            color: var(--color-indigo);
        }
    }
}

@layer blog {
    .blog-post-item {
        display: grid;
        grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
        gap: var(--gap);
        margin-bottom: var(--double-gap);

        @media (max-width: 800px) {
            grid-template-columns: 1fr;
        }
    }

    .blog-post {
        max-width: 800px;
    }

    .blog-post-title {
        font-family: "Montserrat", sans-serif;
        font-size: var(--font-size-3);
        font-weight: 600;
        margin-bottom: var(--gap);
    }

    .blog-post-created-at {
        margin-bottom: var(--half-gap);
    }

    .blog-post-categories {
        margin-bottom: var(--gap);
    }

    .blog-post-excerpt {
        margin-bottom: var(--gap);
    }

    .blog-post-read-more {
    }

    .blog-post-author {
    }

    .pagination {
        list-style: none;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        font-size: 24px;
        gap: var(--half-gap);

        span {
            color: var(--color-primary);
        }

        .active {
            color: var(--color-primary);
        }
    }
}


/*# sourceMappingURL=infosite-page-blog.a662a4573d64341928fa.css.map*/