@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-categories {
        margin-bottom: var(--gap);
    }

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

    .blog-post-read-more {

    }

    .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.2301db232920945cbae7.css.map*/