/**
 * COPYRIGHT 2024 BY ROBERT CURA. ALL RIGHTS RESERVED
 * AUTHOR: ROBERT CURA
 * INCEPTION: 06FEB2024
 * DESCRIPTION: CSS file for XRCURATHEME00 aka CURA BASE THEME
 **/

/*************************************************************************** *
 *
 *                     
 *
 *************************************************************************** */

.xrc-container--page {
    /*--xrc-test: 200px auto auto 100px;*/
    display: grid;
    grid-template-areas:
        "page-container--header"
        "page-container--control"
        "page-container--main"
        "page-container--footer";
    grid-template-rows:
        var(--xrc-layout-page--height-header)
        var(--xrc-layout-page--height-control)
        var(--xrc-layout-page--height-main)
        var(--xrc-layout-page--height-footer);
    grid-template-columns: var(--xrc-layout-width--full);     /* XRC MOD: single column */
}
.xrc-container--header {
    grid-area: page-container--header;
}
.xrc-container--control {
    grid-area: page-container--control;
}
.xrc-container--main {
    grid-area: page-container--main;
}
.xrc-container--footer {
    grid-area: page-container--footer;
}
.xrc-container--main {
    display: grid;
    grid-template-areas:
        "content-above"
        "content-center"
        "content-below" ;
    grid-template-rows:
        var(--xrc-layout-content--height-above)
        var(--xrc-layout-content--height-center)
        var(--xrc-layout-content--height-below);
    grid-template-columns: var(--xrc-layout-width--full);
}
.xrc-content-above {
    grid-area: content-above;
}
.xrc-content-center {
    grid-area: content-center;
}
.xrc-content-below {
    grid-area: content-below;
}
.xrc-footer--main
{
    padding:            2rem;
}
#block-xrcuratheme00-page-title {
    width:              96%;
    margin:             auto;
}
/*************************************************************************** *
 *
 * CUSTOM CSS FOR SPECIAL PAGES                    
 * These have their classes/IDs inserted manually in-stream within the SOURCE
 * of the CONTENT
 *************************************************************************** */
/*-------------------------------------------------------------------------- */
/*  FOR TEXT THAT WILL GO INTO THE "BODY" FIELD, MAKE SURE THAT THE FOLLOWING
/*  CODE IS EMBEDDED IN THE TEXT: 
/*  <div class="xrc-custom xrc-doc--legal"> text here </div> 
/*  Sometimes the element above can get obliterated when editing the text.
/*-------------------------------------------------------------------------- */
.xrc-custom.xrc-doc--legal {
    width:              96%;
    margin:             auto;
}
   
/*************************************************************************** *
 *
 * THESE ARE THE DEFAULT BREAKPOINTS FOR THIS BASE THEME                    
 *
 *************************************************************************** */


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

    }
}

/* XRC MOD: KNOWN AS SIZE: SMALL: 700px */
@media(min-width:43.75rem) {
    #block-xrcuratheme00-page-title {
        /*width:              80%;*/
        width:              clamp(500px, 80%, 1200px); /* RC: SIZED THE SAME AS FORMS (XRC_FORM.CSS) */

    }
    .xrc-custom.xrc-doc--legal {
        width:              clamp(500px, 80%, 1200px); /* RC: SIZED THE SAME AS FORMS (XRC_FORM.CSS) */
    }
}

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

}

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

}

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

}


/* end of file */