/*!
* Neon template
* Container elements
*/

/* Common styles */
@media all {

    .container {
    }

    .container .grid {
        display: grid;
        grid-template-columns: var(--def-page-grid);
    }
    
    .container .row {
        grid-column: 3 / -3;
        display: grid;
        gap: var(--gap-page-x);
        grid-template-columns: repeat(var(--container-cols), minmax(0, 1fr));
    }
    
    .container .column {
        display: grid;
    }

    .container .grid .grid {
        grid-template-columns: repeat(calc(var(--page-grid-columns) / var(--container-cols) - 1), minmax(0, 1fr) var(--gap-page-x)) var(--def-col);
    }

}

/* container-1-1 */
@media all {
    
    .container-1-1 .row {
        --container-cols: var(--container-1-1);
    }

}

/* container-1-1-1 */
@media all {
    
    .container-1-1-1 .row {
        --container-cols: var(--container-1-1-1);
    }

}