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

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

}
/*-------------------------------------------------------------------------- */
/*  WRAPPER CONFIGURATIONS                                                                          
/*-------------------------------------------------------------------------- */
.xrc-page-header--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;
}
/** PAGE REGIONS CURRENTLY NOT USED. MAY CHANGE LATER **/
.xrc-page-control--wrapper,
.xrc-page-admin-bar--wrapper,
.xrc-page-navigation--wrapper
{
    display:            none;
}


header.xrc-page-header--wrapper {
/*    padding-left: 5vw;
    padding-top: 1rem;*/
    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                                                                          
 *************************************************************************** */
/*-------------------------------------------------------------------------- */
/*  BODY CONTENT CUSTOMIZATIONS                                                                          
/*-------------------------------------------------------------------------- */
.xrc-field.xrc-field--body {
    margin:             0 2rem 0 40%;
    width:              calc(50vw);
}
/*-------------------------------------------------------------------------- */
/*  PARAGRAPH CUSTOMIZATIONS                                                                          
/*-------------------------------------------------------------------------- */

/*.xrc-paragraph.xrc-x03--paragraph,      
.xrc-paragraph-width--half {
    margin: 0 auto;
    width: clamp(800px, 50vw, 1200px);
    width: var(--xrc-dflt-width--full);
}*/
/*.xrc-paragraph.paragraph--type--xrc-para-image-01 {
    margin: 0 auto;
    width: var(--xrc-dflt-width--full);
    padding: 0 1rem;
}*/
/*-------------------------------------------------------------------------- */
/*  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;*/
}
/*-------------------------------------------------------------------------- */
/*  MODULES. ABSTRACT THESE LATER                                                                          
/*-------------------------------------------------------------------------- */
/*.ept-paragraph-tiles p {
    font-family: 'scandia-web';
    font-size: clamp(16px, 24px, 2rem);
    color: #cbc1b6;
}*/
/*.ept-paragraph-tiles p:hover {
    color: #060641;
}*/
/** This is meant to center the tile IMG in its box **/
/*.paragraph--type--ept-tiles-item .xrc-field--field_media_image img  {
    margin: 0 auto;
}*/
/*-------------------------------------------------------------------------- */
/*  SUPERFISH                                                                          
/*-------------------------------------------------------------------------- */
/** SUPERFISH OVERRIDE **/
.sf-accordion-toggle,
ul#superfish-main,
ul.sf-menu.sf-member-navigation li
{
    float: right;
    color: #887e6e;     /* XRC MOD: main text for menu */
}

ul.menu.sf-menu li a {
    color: #cbc1b6;
}
ul.menu.sf-menu li a:hover {
    color: indigo;     /* XRC MOD: #060641; */
}

/*************************************************************************** *
 *
 * 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;
}
}

/* 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) {
    :root {

    }
}