/* =========================================================
   MODERNFLAT CUSTOM LAYOUT
   Wider frontend with proportional main/sidebar columns
   ========================================================= */


/* ---------------------------------------------------------
   GLOBAL CONTAINER WIDTH
   --------------------------------------------------------- */

.u-container,
.c-header__container {
    width: 95%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}


/* ---------------------------------------------------------
   DESKTOP MAIN + SIDEBAR PROPORTION
   --------------------------------------------------------- */

@media only screen and (min-width: 1024px) {

    .c-two-col-layout--row-at-lg {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }

    /* Main content: approximately 72% */
    .c-two-col-layout__main {
        flex: 0 1 calc(72% - 24px);
        width: calc(72% - 24px);
        min-width: 0;
        margin-right: 48px;
    }

    /* Sidebar: approximately 28% */
    .c-two-col-layout__side {
        flex: 0 0 calc(28% - 24px);
        width: calc(28% - 24px);
        min-width: 0;
    }

}