/*
====================================================
FULL WIDTH OVERRIDE
====================================================
*/

body.single-post .site.grid-container.container{
    width:100% !important;
    max-width:100% !important;

    padding-left:0 !important;
    padding-right:0 !important;

    margin-left:0 !important;
    margin-right:0 !important;
}

body.single-post .inside-site-info,
body.single-post .inside-header,
body.single-post .inside-navigation{
    max-width:1400px;

    margin:0 auto;
}

/*
====================================================
SITE CONTENT
====================================================
*/

body.single-post .site-content{
    width:100% !important;
    max-width:100% !important;

    margin:0 !important;
    padding:0 !important;
}

/*
====================================================
CONTENT AREA
====================================================
*/

body.single-post #primary{
    width:100% !important;
    max-width:100% !important;

    margin:0 !important;
    float:none !important;
}

body.single-post #main{
    width:100% !important;
    max-width:100% !important;
}

/*
====================================================
PAGE
====================================================
*/

.singlepost-page{
    width:100%;

    padding:
        48px
        24px
        100px;

    background:var(--bg-hero);
}

/*
====================================================
LAYOUT
====================================================
*/

.singlepost-layout{
    width:100%;

    max-width:1400px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        200px
        minmax(0, 860px)
        200px;

    justify-content:center;

    gap:40px;

    align-items:start;
}

/*
====================================================
MAIN
====================================================
*/

.singlepost-main{
    min-width:0;
    width:100%;
}

/*
====================================================
RESPONSIVE
====================================================
*/

@media(max-width:1400px){

    .singlepost-layout{

        grid-template-columns:
            minmax(0, 860px);

        justify-content:center;
    }

}

@media(max-width:768px){

    .singlepost-page{

        padding:
            32px
            16px
            80px;
    }

    .singlepost-layout{

        grid-template-columns:1fr;

        gap:24px;
    }

}