/**
 * COPYRIGHT 2024 BY ROBERT CURA. ALL RIGHTS RESERVED
 * AUTHOR: ROBERT CURA
 * INCEPTION: 2024MAR18
 * DESCRIPTION: GRID LAYOUT HANDLING
 **/
.xrc-grid--ept > .ept-container,  /* RC: IF EPT MODULE PARAGRAPH. SEE XRCURATHEME01.THEME paragraph hook. */
.xrc-grid {
    display                 : var(--xrc-grid-template--display);
}
.xrc-grid--ept > .ept-container,  /* RC: IF EPT MODULE PARAGRAPH. SEE XRCURATHEME01.THEME paragraph hook. */
.xrc-grid--container {
    /** GRID TABLE DEFINITION **/
    grid-template-columns   : var(--xrc-grid-template--columns);
    grid-template-rows      : var(--xrc-grid-template--rows);
    grid-template-areas     : var(--xrc-grid-template--areas);
    /** GAP DEFINITION **/
    column-gap              : var(--xrc-grid-template--column-gap);
    row-gap                 : var(--xrc-grid-template--row-gap);
    /** PLACEMENT **/
    align-items             : var(--xrc-grid-template--align-items);
    justify-items           : var(--xrc-grid-template--justify-items);
    /** SIZING **/
    align-content           : var(--xrc-grid-template--align-content);
    justify-content         : var(--xrc-grid-template--justify-content);
    /** AUTO EXPANSION OF THE GRID **/
    grid-auto-columns       : var(--xrc-grid-template--auto-columns);
    grid-auto-rows          : var(--xrc-grid-template--auto-rows);
    grid-auto-flow          : column;
}
.xrc-grid.xrc-grid--container {
    /*width: 60vw;*/
}
.xrc-grid--ept > .ept-container .xrc-grid--item, 
.xrc-grid--ept > .ept-container > h2, 
.xrc-grid > .xrc-grid--item {
    /** SELF-LOCATION OF THE CHILD **/
    grid-area           : var(--xrc-grid-item--area);
/*    grid-column-start   : var(--xrc-grid-item--column-left);
    grid-column-end     : var(--xrc-grid-item--column-right);
    grid-row-start      : var(--xrc-grid-item--row-top);
    grid-row-end        : var(--xrc-grid-item--row-bottom);*/
    /** SELF ALIGNMENT OF THE CHILD WITHIN THE PLACEMENT AREA **/
    align-self          : var(--xrc-grid-item--align-self);
    justify-self        : var(--xrc-grid-item--justify-self);
    
    /** OVERLAP HIERARCHY **/
    z-index             : var(--xrc-grid-item--z-index);
}