/**
 * COPYRIGHT 2024 BY ROBERT CURA. ALL RIGHTS RESERVED
 * AUTHOR: ROBERT CURA
 * INCEPTION: 2024MAR12
 * DESCRIPTION: Page layout for XRCURATHEME01X06
 **/

/*************************************************************************** *
 *
 *  LITERAL VALUES FOR PROPERTIES (IE NOT ABSTRACTED INTO A VARIABLE)                    
 *
 *************************************************************************** */
:root {

}
/*-------------------------------------------------------------------------- */
/*  WRAPPER CONFIGURATIONS                                                                          
/*-------------------------------------------------------------------------- */

.xrc-page-main--wrapper
/*.xrc-page-content--wrapper,
.xrc-page-content-top--wrapper,
.xrc-page-content-center--wrapper,
.xrc-page-content-bottom-wrapper,
.xrc-page-footer--wrapper,
.xrc-page-footer-top--wrapper,
.xrc-page-footer-center--wrapper,
.xrc-page-footer-bottom--wrapper*/
{
    display:            flex;
    flex-flow:          column;
    flex-wrap:          nowrap;
    justify-content:    center;
}
/** PAGE REGIONS CURRENTLY NOT USED. MAY CHANGE LATER **/

/*.xrc-page-navigation--wrapper,*/
.xrc-page-control--wrapper,
.xrc-page-admin-bar--wrapper
{
    display:            none;
}

/*
header.xrc-page-header--wrapper
.xrc-x06-block--branding-box-banner
{
        padding-left: 5vw;
        padding-top: 1rem;
    background-color:   #e1e1e2;
    position:           fixed;
    position:           sticky;
    top:                0rem;
    z-index:            2;
}*/
/** BRANDING LOGOTYPE VERTICAL **/


h2.xrc-field--title {
    padding-left:       calc((var(--xrc-para--margin) - 100vw) / 2);
    padding-top:        1rem;
}

/*************************************************************************** *
 *
 * SPECIALIZED CUSTOMIZATIONS                                                                          
 *
 *************************************************************************** */
/*************************************************************************** *
 * SPECIAL HEADER/MASTHEAD/BANNER CUSTOMIZATIONS
 *************************************************************************** */
.xrc-page-header--wrapper {
    --xrc-grid-template--areas-header:
        "xban xban xban"
        "xmnu xmnu xmnu"
        "xtx1 xtx1 xtx1"
        "xtx2 xtx2 xtx2"
}
/** Set up Header as GRID **/
.xrc-page-header--wrapper {
    display:                grid;
    grid-template-columns:  1fr 1fr 1fr;
    grid-template-rows:     auto auto auto auto;
    grid-template-areas:    var(--xrc-grid-template--areas-header);
    column-gap:             1.0rem;
    row-gap:                1.5rem;
    
    /** DEFINE VARIABLES USED WITH THIS SELECTOR **/
    --xrc-cust-x06--height: 7rem;
    /*
    align-items:
    justify-items:
    
    grid-auto-columns:
    grid-auto-rows:
    grid-auto-flow:
    */
}
/** PAGE MASTHEAD CONFIGURATION **/
.xrc-page-header--wrapper .xrc-page-header--masthead.xrc-grid--item  {
    /*background-color:   #000000;*/
    /*color:              #3399ff;*/
    color:              #f1f1f1;
    /*grid-area:          xban;*/      
    /*height:             var(--xrc-cust-x06--height);*/
    /*opacity:            0.5;*/
/*    position:           sticky;
    top:                0rem;*/
    z-index:            100;
    /*
    align-self:
    justify-self:
    */
}
.xrc-page-header--wrapper .xrc-page-header--masthead-bkgd.xrc-grid--item {
    background-color:   #000000;
    opacity:            0.4;
    width:              100%;
    z-index:            15;
}
    
.xrc-page-header--wrapper .xrc-page-header--masthead.xrc-grid--item,
.xrc-page-header--wrapper .xrc-page-header--masthead-bkgd.xrc-grid--item {
    display:            block;
    grid-area:          xban;
    height:             var(--xrc-cust-x06--height);
    position:           sticky;
    top:                0;
}
.xrc-page-header--wrapper .xrc-page-header--masthead-site-name   {
    text-align:         center;
}
.xrc-page-header--wrapper .xrc-page-header--masthead.xrc-grid--item:hover {
    background-color:   #000000;
    color:              #ff9138;
    /*color:              #3399ff;*/
    opacity:            1;
}
.xrc-page-header--wrapper .xrc-x06--region-branding.xrc-grid--item {
    grid-area:          xban-start / xban-start / xtx2-end / xtx2-end;
    z-index:            10;
}
/*-------------------------------------------------------------------------- */
/*  BRANDING BLOCK                                                                          
/*-------------------------------------------------------------------------- */
header .xrc-x06--region-branding h2 {
    padding-top:        10rem;
    padding-bottom:     4rem;
    padding-left:       4rem;
}
header .xrc-x06--region-branding .xrc-field--body {
    padding-left:       4rem;
}
/*-------------------------------------------------------------------------- */
/*  NAVIGATION BLOCK                                                                          
/*-------------------------------------------------------------------------- */
header .xrc-x06--region-branding #block-xrcuratheme01x06-mainnavigation {
    opacity:            1.0;
}
ul#superfish-main.sf-menu a {
    color:              #ffffff;
    /*color: var(--xrc-swap-color-para--text-main);*/
}
/*************************************************************************** *
 *  BODY CONTENT CUSTOMIZATIONS                                                                          
 *************************************************************************** */
.xrc-page-content--wrapper .xrc-field--body {
    margin:             0 2rem 0 2rem;
    width:              calc(100vw);
}

.xrc-page-ovrd--layout-blog .xrc-field--body {
    margin:             0 2rem 0 2rem;
    width:              90vw;
}

/*-------------------------------------------------------------------------- */
/*  PARAGRAPH CUSTOMIZATIONS                                                                          
/*-------------------------------------------------------------------------- */

/*-------------------------------------------------------------------------- */
/*  TEMPORARY UNTIL WE GET THE X02 THEME GOING                                                                          
/*-------------------------------------------------------------------------- */
.xrc-region h1,
.xrc-region h2,
.xrc-region h3,
.xrc-region h4,
.xrc-region h5,
.xrc-region h6 {
    /*    font-family: 'scandia-web', sans-serif;
        color: #cbc1b6;*/
}

/*-------------------------------------------------------------------------- */
/*  COOKIE CUSTOMIZATIONS (LAYOUT)                                                                          
/*-------------------------------------------------------------------------- */
#cookies-docs {
    padding:            2rem;
}

/*************************************************************************** *
 *
 * THESE ARE THE DEFAULT BREAKPOINTS FOR THIS BASE THEME                    
 *
 *************************************************************************** */

@media(max-width: 75rem) {

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

}

/* XRC MOD: KNOWN AS SIZE: SMALL: 700px */
@media(min-width:43.75rem) {
    /*.xrc-page-header--wrapper,*/
    .xrc-page-control--wrapper,
    .xrc-page-admin-bar--wrapper,
    .xrc-page-navigation--wrapper,
    .xrc-page-main--wrapper
    /*.xrc-page-content--wrapper,*/
    /*.xrc-page-content-top--wrapper,*/
    /*.xrc-page-content-center--wrapper,*/
    /*.xrc-page-content-bottom-wrapper,*/
    /*    .xrc-page-footer--wrapper,
    .xrc-page-footer-top--wrapper,
    .xrc-page-footer-center--wrapper,
    .xrc-page-footer-bottom--wrapper*/
    {
        display:            flex;
        flex-flow:          column;
        flex-wrap:          nowrap;
        justify-content:    center;
    }
    
    #cookies-docs {
        padding-top:        5%;
        padding-bottom:     10%;
        padding-left:       10%;
        padding-right:      10%;
    }
}

/* XRC MOD: KNOWN AS SIZE: MEDIUM: 1000px */
@media(min-width:62.5rem) {
    .xrc-page-content--wrapper .xrc-field--body {
        margin:             0 2rem 0 40%;
        padding:            5rem 10% 7rem 10%;
        width:              calc(50vw);
    }
    .xrc-page-ovrd--layout-blog .xrc-field.xrc-field--body
    /*.xrc-page-ovrd--layout-blog .xrc-field.xrc-field--body h2*/
    {
        display:            flex;
        align-items:        end;
        margin:             0 4rem 0 40%;
        text-align:         left;
    }
}

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

}

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

    }
}