/*
 * Minimal helper CSS for inserted category headings only.
 * Posts themselves are rendered by the active theme's normal loop.
 *
 * v2.0:
 * Per-section padding can now be controlled in the plugin settings.
 */

.category-homepage-section-heading,
.chs-section-heading {
    clear: both;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 1.25rem;
    float: none !important;
}

.category-homepage-section-heading:not(:first-child),
.chs-section-heading:not(:first-child) {
    margin-top: 2rem;
}

.category-homepage-section-title {
    margin: 0;
}

/*
 * Make inserted headings behave as full-width rows inside grid/flex archive layouts.
 */
.bloghash-posts .category-homepage-section-heading,
.bloghash-posts .chs-section-heading,
.bloghash-blog .category-homepage-section-heading,
.bloghash-blog .chs-section-heading,
.bloghash-entries .category-homepage-section-heading,
.bloghash-entries .chs-section-heading,
.bloghash-row .category-homepage-section-heading,
.bloghash-row .chs-section-heading,
.bloghash-grid .category-homepage-section-heading,
.bloghash-grid .chs-section-heading,
.bloghash-masonry .category-homepage-section-heading,
.bloghash-masonry .chs-section-heading,
.site-main .category-homepage-section-heading,
.site-main .chs-section-heading {
    grid-column: 1 / -1;
    flex: 0 0 100%;
    max-width: 100%;
}

/*
 * Default BlogHash / Bootstrap-style gutter correction.
 * You can override this per section using the padding fields in settings.
 */
.bloghash-row > .category-homepage-section-heading,
.bloghash-row > .chs-section-heading,
.bloghash-posts > .category-homepage-section-heading,
.bloghash-posts > .chs-section-heading,
.bloghash-entries > .category-homepage-section-heading,
.bloghash-entries > .chs-section-heading,
.row > .category-homepage-section-heading,
.row > .chs-section-heading {
    padding-left: 15px;
    padding-right: 15px;
}