/* =Blog Plugin
----------------------------------------------- */

#plugin_bloglinks__links {
	display: flex;
	margin-bottom: 24px;
}

.plugin_bloglinks__next{
	margin-left: auto;
}

.hfeed ~ .plugin_include_content {
    > h1:first-of-type,
    > #dw__toc + h1,
    > .section_highlight_wrapper:first-child > h1:first-of-type,
    > #dw__toc + .section_highlight_wrapper > h1:first-of-type,
    > h2:first-of-type,
    > #dw__toc + h2,
    > .section_highlight_wrapper:first-child > h2:first-of-type,
    > #dw__toc + .section_highlight_wrapper > h2:first-of-type,
    > div > h1:first-of-type,
    > div > #dw__toc + h1,
    > div > .section_highlight_wrapper:first-child > h1:first-of-type,
    > div > #dw__toc + .section_highlight_wrapper > h1:first-of-type,
    > div > h2:first-of-type,
    > div > #dw__toc + h2,
    > div > .section_highlight_wrapper:first-child > h2:first-of-type,
    > div > #dw__toc + .section_highlight_wrapper > h2:first-of-type {
        text-transform: uppercase;
        width: @ini_content_width;
        background: @ini_border;
        padding: 20px 40px;
        margin-left: -40px;
        margin-right: -40px;
        font-weight: bold;

        a {
            text-decoration: none;
            transition: all 0.5s ease;
        }
    }
    .inclmeta {
        margin-top: 16px;
        margin-bottom: 16px;
    }
}
.makeFullWidth {
    .hfeed ~ .plugin_include_content {
        > h1:first-of-type,
        > #dw__toc + h1,
        > .section_highlight_wrapper:first-child > h1:first-of-type,
        > #dw__toc + .section_highlight_wrapper > h1:first-of-type,
        > h2:first-of-type,
        > #dw__toc + h2,
        > .section_highlight_wrapper:first-child > h2:first-of-type,
        > #dw__toc + .section_highlight_wrapper > h2:first-of-type,
        > div > h1:first-of-type,
        > div > #dw__toc + h1,
        > div > .section_highlight_wrapper:first-child > h1:first-of-type,
        > div > #dw__toc + .section_highlight_wrapper > h1:first-of-type,
        > div > h2:first-of-type,
        > div > #dw__toc + h2,
        > div > .section_highlight_wrapper:first-child > h2:first-of-type,
        > div > #dw__toc + .section_highlight_wrapper > h2:first-of-type {
            width: ~"calc(100vw - 400px - @{ini_content_border})";
        }
    }
}

/* 960px > x */
@media only screen and (max-width: 959px) {
    .makeFullWidth {
        .hfeed ~ .plugin_include_content {
            > h1:first-of-type,
            > #dw__toc + h1,
            > .section_highlight_wrapper:first-child > h1:first-of-type,
            > #dw__toc + .section_highlight_wrapper > h1:first-of-type,
            > h2:first-of-type,
            > #dw__toc + h2,
            > .section_highlight_wrapper:first-child > h2:first-of-type,
            > #dw__toc + .section_highlight_wrapper > h2:first-of-type,
            > div > h1:first-of-type,
            > div > #dw__toc + h1,
            > div > .section_highlight_wrapper:first-child > h1:first-of-type,
            > div > #dw__toc + .section_highlight_wrapper > h1:first-of-type,
            > div > h2:first-of-type,
            > div > #dw__toc + h2,
            > div > .section_highlight_wrapper:first-child > h2:first-of-type,
            > div > #dw__toc + .section_highlight_wrapper > h2:first-of-type {
                width: @ini_content_width;
            }
        }
    }
    .makeFullWidth {
        .hfeed ~ .plugin_include_content {
            > h1:first-of-type,
            > #dw__toc + h1,
            > .section_highlight_wrapper:first-child > h1:first-of-type,
            > #dw__toc + .section_highlight_wrapper > h1:first-of-type,
            > h2:first-of-type,
            > #dw__toc + h2,
            > .section_highlight_wrapper:first-child > h2:first-of-type,
            > #dw__toc + .section_highlight_wrapper > h2:first-of-type,
            > div > h1:first-of-type,
            > div > #dw__toc + h1,
            > div > .section_highlight_wrapper:first-child > h1:first-of-type,
            > div > #dw__toc + .section_highlight_wrapper > h1:first-of-type,
            > div > h2:first-of-type,
            > div > #dw__toc + h2,
            > div > .section_highlight_wrapper:first-child > h2:first-of-type,
            > div > #dw__toc + .section_highlight_wrapper > h2:first-of-type {
                width: ~"calc(100vw - 40px - 100px)";
            }
        }
    }
}

/* 767px > x */
@media only screen and (max-width: 767px) {
    .makeFullWidth {
        .hfeed ~ .plugin_include_content {
            > h1:first-of-type,
            > #dw__toc + h1,
            > .section_highlight_wrapper:first-child > h1:first-of-type,
            > #dw__toc + .section_highlight_wrapper > h1:first-of-type,
            > h2:first-of-type,
            > #dw__toc + h2,
            > .section_highlight_wrapper:first-child > h2:first-of-type,
            > #dw__toc + .section_highlight_wrapper > h2:first-of-type,
            > div > h1:first-of-type,
            > div > #dw__toc + h1,
            > div > .section_highlight_wrapper:first-child > h1:first-of-type,
            > div > #dw__toc + .section_highlight_wrapper > h1:first-of-type,
            > div > h2:first-of-type,
            > div > #dw__toc + h2,
            > div > .section_highlight_wrapper:first-child > h2:first-of-type,
            > div > #dw__toc + .section_highlight_wrapper > h2:first-of-type {
                width: 100vw;
            }
        }
    }
}