/**
 * COPYRIGHT 2024 BY ROBERT CURA. ALL RIGHTS RESERVED
 * AUTHOR: ROBERT CURA
 * INCEPTION: 2024FEB26
 * DESCRIPTION: LAYOUT EXCHANGE
 **/

/*************************************************************************** *
 *
 * BASIC ASSIGNMENT OF LAYOUT VALUES. THE VARIABLES ARE SET BE THE USER
 * OR THE THEME
 *
 *************************************************************************** */
:root {
    --xrc-width--full: 100%;
    --xrc-height--full: 100%;
}

:root  {
    --xrc-page--max-width: var(--xrc-swap-page--max-width);
    --xrc-region--max-width: var(--xrc-swap-region--max-width);
}

:root {
    /*-------------------------------------------------------------------------- */
    /*  minimum height of region wrappers                                                                          
    /*-------------------------------------------------------------------------- */
    --xrc-page-header--min-height: var(--xrc-swap-page-header--min-height);
    --xrc-page-navigation--min-height: var(--xrc-swap-page-navigation--min-height);
    --xrc-page-control--min-height: var(--xrc-swap-page-control--min-height);
    --xrc-page-admin-bar--min-height: var(--xrc-swap-page-admin-bar--min-height);
    --xrc-page-main--min-height: var(--xrc-swap-page-main--min-height);
    --xrc-page-footer--min-height: var(--xrc-swap-page-footer--min-height);
    
    /*-------------------------------------------------------------------------- */
    /*  maximum height of region wrappers                                                                          
    /*-------------------------------------------------------------------------- */
    --xrc-page-header--max-height: var(--xrc-swap-page-header--max-height);
    --xrc-page-navigation--max-height: var(--xrc-swap-page-navigation--max-height);
    --xrc-page-control--max-height: var(--xrc-swap-page-control--max-height);
    --xrc-page-admin-bar--max-height: var(--xrc-swap-page-admin-bar--max-height);
    --xrc-page-main--max-height: var(--xrc-swap-page-main--max-height);
    --xrc-page-footer--max-height: var(--xrc-swap-page-footer--max-height);
    
}
/*************************************************************************** *
 *
 * RESPONSIVE LAYOUT                    
 *
 *************************************************************************** */

:root {


}

/* XRC MOD: KNOWN AS SIZE: XSMALL */
@media(min-width:31.25rem) {
    :root{
    }
}

/* XRC MOD: KNOWN AS SIZE: SMALL */
@media(min-width:43.75rem) {
    :root {
    }
}

/* XRC MOD: KNOWN AS SIZE: MEDIUM */
@media(min-width:62.5rem) {
    :root {
    }
}

/* XRC MOD: KNOWN AS SIZE: LARGE */
@media(min-width:75rem) {
    :root {
    }
}

/* XRC MOD: KNOWN AS SIZE: XLARGE */
@media(min-width:90rem) {
    :root {
    }
}