/**
This file should always be loaded by the theme FIRST regardless of the chosen option (unlike cake stack vs BS stack for style.css)
**/


/********************************************************/
/* This was imported from cke-old-theme in an attempt to retrieve base CSS
/*		General
/*
/********************************************************/

body {
    
    --config-base				: 8;		/* [PX] Base unit = 1rem */
    --config-step				: 6;
    --config-cols				: 12;
    --config-width				: 1440;		/* [PX] Max with of content (exclude external margin) */
    --config-gap				: 3rem;
    --config-spacing			: 3rem;
    
    --grid-width : calc( var(--config-width, 1440) / var(--config-base, 24) * 1rem );
    --grid-gap : var(--config-gap);
    --grid-pad : calc( ( 100vw - calc( var(--grid-gap, 1rem) * 2 ) - var(--grid-width, 60rem) ) * 0.5 );
    --grid-col : var(--config-cols);
    
    --outer-grid		: [outer-start full-start] var(--grid-pad) [outer-end inner-start col-start] repeat(var(--grid-col, 12), 1fr [col-start col-end])                                 [outer-start inner-end col-end] var(--grid-pad) [outer-end full-end];
    --inner-grid		: [inner-start col-start] repeat(var(--grid-col, 12), 1fr [col-start col-end]) [inner-end col-end];
    
    display : flex;
    flex-direction : column;
    flex-wrap : nowrap;
    position: relative;
}

@media only screen and (max-width : 1464px) {
    body {
        --col : 1fr;
    }
}

body > main {
    flex-grow : 2;
}

.svg-masks {
    position: absolute;
    width: 0;
    height: 0;
}

[data-part="wrap"], .wrap {
    display : grid;
    column-gap : var(--grid-gap);
    grid-template-columns : var(--outer-grid);
}

[data-part="inner"], .inner {
    display: flex;
    grid-column : inner-start / inner-end;
    grid-row: auto;
    column-gap : var(--spacing);
}