/**
 * COPYRIGHT 2024 BY ROBERT CURA. ALL RIGHTS RESERVED
 * AUTHOR: ROBERT CURA
 * INCEPTION: 2024mar13
 * DESCRIPTION: Typography additional custom configuration for X03
 **/


/*************************************************************************** *
 *
 *  XRCURATHEME01X03 TYPOGRAPHY CUSTOMIZATIONS                    
 *
 *************************************************************************** */
.xrc-page-header--wrapper,
.xrc-page-navigation--wrapper,
.xrc-page-control--wrapper,
.xrc-page-admin-bar--wrapper,
.xrc-page-main--wrapper
{
    font-family: 'scandia-web', sans-serif;
}
/*-------------------------------------------------------------------------- */
/*  BRANDING CUSTOMIZATIONS                                                                          
/*-------------------------------------------------------------------------- */
h2.xrc-field--title  {
    /*font-family: var(--xrc-font-sans--scandia-web);*/
    font-size: clamp(14px, 10vw, 2.7rem);
    font-weight: var(--xrc-dflt-font-weight--text);
    /*color: #060641;*/
    /*color: var(--xrc-color-spec--text-main);*/
    color: var(--xrc-color-head--text-main);
}

.xrc-branding-page-shell--wrapper h3  {
    /*font-family: var(--xrc-font-sans--scandia-web);*/
    font-weight: var(--xrc-dflt-font-weight--bold);
    font-size: clamp(2rem, 10vh, 10vh);
    color: var(--xrc-color-main--bkgd-tone);    /* XRC MOD:  #dadada*/
}

/*************************************************************************** *
 *
 *  RESPONSIVE DESIGN CUSTOMIZATONS                                                                          
 *
 *************************************************************************** */

.xrc-branding-page-shell--wrapper h3  {
    font-size: clamp(21px, 5rem, 5rem);
}
@media(max-width: 75rem) {
    .xrc-page-main--wrapper {
        background-color: transparent;
    }
    .xrc-page-header--wrapper {
        background-color: transparent;
    }
}
/* 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) {
    :root {

    }
}

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

    }
    .xrc-branding-page-shell--wrapper h3  {
        background-color: transparent;
        font-size: clamp(2rem, 10vh, 10vh);
    }
}

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

    }
    .xrc-branding-page-shell--wrapper {
    }
}

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

    }
}