/**
 * COPYRIGHT 2024 BY ROBERT CURA. ALL RIGHTS RESERVED
 * AUTHOR: ROBERT CURA
 * INCEPTION: 2024MAR08
 * DESCRIPTION: Override typography for subtheme
 **/

/*************************************************************************** *
 *
 * TYPOGRAPHY OVERRIDES                    
 *
 *************************************************************************** */

.xrc-paragraph {
    --xrc-swap-para-text--font-size-max: 1.0rem;

    --xrc-swap-para-hdr1--font-size-max: 4.0rem;
    --xrc-swap-para-hdr2--font-size-max: 2.8rem;
    --xrc-swap-para-hdr3--font-size-max: 2.3rem;
    --xrc-swap-para-hdr4--font-size-max: 1.8rem;
    --xrc-swap-para-hdr5--font-size-max: 1.6rem;
    --xrc-swap-para-hdr6--font-size-max: 1.2rem;
}
.xrc-paragraph * {
    --xrc-swap-para-html-text--font-size  : clamp(14px, 2vw, 18px);
    --xrc-swap-para-body-text--font-size  : clamp(14px, 2vw, 18px);
    --xrc-swap-para-link-text--font-size  : clamp(14px, 2vw, 18px);
    --xrc-swap-para-list-text--font-size  : clamp(14px, 2vw, 18px);
    --xrc-swap-para-menu-text--font-size  : clamp(14px, 2vw, 18px);
}
/*************************************************************************** *
 *  DEFAULT OVERRIDE: xrc-para-ovrd--font-default                                                                         
 *************************************************************************** */

/*-------------------------------------------------------------------------- */
/*  FONT FAMILY                                                                          
/*-------------------------------------------------------------------------- */
:root,
.xrc-para-ovrd--font-default.xrc-paragraph *  {
    --xrc-swap-para-html-text--font-family: var(--xrc-font-sans--montserrat);
    --xrc-swap-para-body-text--font-family: var(--xrc-font-sans--montserrat);
    --xrc-swap-para-link-text--font-family: var(--xrc-font-sans--montserrat);
    --xrc-swap-para-list-text--font-family: var(--xrc-font-sans--montserrat);
    --xrc-swap-para-menu-text--font-family: var(--xrc-font-sans--montserrat);
    
    --xrc-swap-para-h1-text--font-family: var(--xrc-font-serif--playfairdisplay);
    --xrc-swap-para-h2-text--font-family: var(--xrc-font-serif--playfairdisplay);
    --xrc-swap-para-h3-text--font-family: var(--xrc-font-serif--playfairdisplay);
    --xrc-swap-para-h4-text--font-family: var(--xrc-font-serif--newsreader);
    --xrc-swap-para-h5-text--font-family: var(--xrc-font-serif--newsreader);
    --xrc-swap-para-h6-text--font-family: var(--xrc-font-serif--newsreader);

    --xrc-swap-para-h1-link--font-family: var(--xrc-font-serif--playfairdisplay);
    --xrc-swap-para-h2-link--font-family: var(--xrc-font-serif--playfairdisplay);
    --xrc-swap-para-h3-link--font-family: var(--xrc-font-serif--playfairdisplay);
    --xrc-swap-para-h4-link--font-family: var(--xrc-font-serif--newsreader);
    --xrc-swap-para-h5-link--font-family: var(--xrc-font-serif--newsreader);
    --xrc-swap-para-h6-link--font-family: var(--xrc-font-serif--newsreader);
}
/*-------------------------------------------------------------------------- */
/*  FONT SIZE                                                                          
/*-------------------------------------------------------------------------- */
:root,
.xrc-para-ovrd--font-default.xrc-paragraph * {
    
    --xrc-swap-para-h1-text--font-size    : clamp(1rem, 9vw, 1.8rem);
    --xrc-swap-para-h2-text--font-size    : clamp(1rem, 8vw, 1.4rem);
    --xrc-swap-para-h3-text--font-size    : clamp(1rem, 6vw, 1.3rem);
    --xrc-swap-para-h4-text--font-size    : clamp(1rem, 4vw, 1.2rem);
    --xrc-swap-para-h5-text--font-size    : clamp(1rem, 4vw, 1.1rem);
    --xrc-swap-para-h6-text--font-size    : clamp(1rem, 4vw, 1.1rem);
    
    --xrc-swap-para-h1-link--font-size    : clamp(1rem, 9vw, 1.8rem);
    --xrc-swap-para-h2-link--font-size    : clamp(1rem, 8vw, 1.4rem);
    --xrc-swap-para-h3-link--font-size    : clamp(1rem, 6vw, 1.3rem);
    --xrc-swap-para-h4-link--font-size    : clamp(1rem, 4vw, 1.2rem);
    --xrc-swap-para-h5-link--font-size    : clamp(1rem, 4vw, 1.1rem);
    --xrc-swap-para-h6-link--font-size    : clamp(1rem, 4vw, 1.1rem);

}
/*-------------------------------------------------------------------------- */
/*  FONT WEIGHT                                                                          
/*-------------------------------------------------------------------------- */
:root,
.xrc-para-ovrd--font-default.xrc-paragraph *
{
    --xrc-swap-para-html-text--font-weight: 300;
    --xrc-swap-para-body-text--font-weight: 300;
    --xrc-swap-para-link-text--font-weight: 300;
    --xrc-swap-para-list-text--font-weight: 300;
    --xrc-swap-para-menu-text--font-weight: 300;

    --xrc-swap-para-h1-text--font-weight: 300;
    --xrc-swap-para-h2-text--font-weight: 300;
    --xrc-swap-para-h3-text--font-weight: 300;
    --xrc-swap-para-h4-text--font-weight: 300;
    --xrc-swap-para-h5-text--font-weight: 300;
    --xrc-swap-para-h6-text--font-weight: 400;

    --xrc-swap-para-h1-link--font-weight: 300;
    --xrc-swap-para-h2-link--font-weight: 300;
    --xrc-swap-para-h3-link--font-weight: 300;
    --xrc-swap-para-h4-link--font-weight: 300;
    --xrc-swap-para-h5-link--font-weight: 300;
    --xrc-swap-para-h6-link--font-weight: 400;
}

.xrc-para-ovrd--font-sans-01.xrc-paragraph *  {
    --xrc-swap-para-html-text--font-family: var(--xrc-font-sans--montserrat);
    --xrc-swap-para-body-text--font-family: var(--xrc-font-sans--montserrat);
    --xrc-swap-para-link-text--font-family: var(--xrc-font-sans--montserrat);
    --xrc-swap-para-list-text--font-family: var(--xrc-font-sans--montserrat);
    --xrc-swap-para-menu-text--font-family: var(--xrc-font-sans--montserrat);
    
    --xrc-swap-para-h1-text--font-family: var(--xrc-font-sans--scandia-web);
    --xrc-swap-para-h2-text--font-family: var(--xrc-font-sans--scandia-web);
    --xrc-swap-para-h3-text--font-family: var(--xrc-font-sans--scandia-web);
    --xrc-swap-para-h4-text--font-family: var(--xrc-font-sans--scandia-web);
    --xrc-swap-para-h5-text--font-family: var(--xrc-font-sans--scandia-web);
    --xrc-swap-para-h6-text--font-family: var(--xrc-font-sans--scandia-web);
    
    --xrc-swap-para-h1-link--font-family: var(--xrc-font-sans--montserrat);
    --xrc-swap-para-h2-link--font-family: var(--xrc-font-sans--montserrat);
    --xrc-swap-para-h3-link--font-family: var(--xrc-font-sans--montserrat);
    --xrc-swap-para-h4-link--font-family: var(--xrc-font-sans--montserrat);
    --xrc-swap-para-h5-link--font-family: var(--xrc-font-sans--montserrat);
    --xrc-swap-para-h6-link--font-family: var(--xrc-font-sans--montserrat);

/*    --xrc-swap-para-h1-text--font-family: var(--xrc-font-sans--scandia-web);
    --xrc-swap-para-h2-text--font-family: var(--xrc-font-sans--scandia-web);
    --xrc-swap-para-h3-text--font-family: var(--xrc-font-sans--scandia-web);*/
}

.xrc-para-ovrd--font-mixd-01.xrc-paragraph *  {
    --xrc-swap-para-html-text--font-family: var(--xrc-font-serif--newsreader);
    --xrc-swap-para-body-text--font-family: var(--xrc-font-serif--newsreader);
    --xrc-swap-para-link-text--font-family: var(--xrc-font-serif--newsreader);
    --xrc-swap-para-list-text--font-family: var(--xrc-font-serif--newsreader);
    --xrc-swap-para-menu-text--font-family: var(--xrc-font-serif--newsreader);
    
    --xrc-swap-para-h1-text--font-family: var(--xrc-font-sans--montserrat);
    --xrc-swap-para-h2-text--font-family: var(--xrc-font-sans--montserrat);
    --xrc-swap-para-h3-text--font-family: var(--xrc-font-sans--montserrat);
    --xrc-swap-para-h4-text--font-family: var(--xrc-font-sans--montserrat);
    --xrc-swap-para-h5-text--font-family: var(--xrc-font-sans--montserrat);
    --xrc-swap-para-h6-text--font-family: var(--xrc-font-sans--montserrat);
    
    --xrc-swap-para-h1-link--font-family: var(--xrc-font-sans--montserrat);
    --xrc-swap-para-h2-link--font-family: var(--xrc-font-sans--montserrat);
    --xrc-swap-para-h3-link--font-family: var(--xrc-font-sans--montserrat);
    --xrc-swap-para-h4-link--font-family: var(--xrc-font-sans--montserrat);
    --xrc-swap-para-h5-link--font-family: var(--xrc-font-sans--montserrat);
    --xrc-swap-para-h6-link--font-family: var(--xrc-font-sans--montserrat);

/*    --xrc-swap-para-h1-text--font-family: var(--xrc-font-sans--scandia-web);
    --xrc-swap-para-h2-text--font-family: var(--xrc-font-sans--scandia-web);
    --xrc-swap-para-h3-text--font-family: var(--xrc-font-sans--scandia-web);*/
}

/*************************************************************************** *
 *
 * RESPONSIVE TYPOGRAPHY SECTION                    
 *
 *************************************************************************** */
/* XRC MOD: KNOWN AS SIZE: XSMALL: 500px */
@media(min-width:31.25rem) {
    .xrc-paragraph {
/*        --xrc-swap-para-text--font-size-max: 1.0rem;

        --xrc-swap-para-hdr1--font-size-max: 1.8rem;
        --xrc-swap-para-hdr2--font-size-max: 1.4rem;
        --xrc-swap-para-hdr3--font-size-max: 1.3rem;
        --xrc-swap-para-hdr4--font-size-max: 1.2rem;
        --xrc-swap-para-hdr5--font-size-max: 1.1rem;
        --xrc-swap-para-hdr6--font-size-max: 1.1rem;*/
    }
}

/* XRC MOD: KNOWN AS SIZE: SMALL: 700px */
@media(min-width:43.75rem) {
    .xrc-paragraph * {
        /*--xrc-swap-para-text--font-size-max: 1.0rem;*/

    --xrc-swap-para-h1-text--font-size    : clamp(1rem, 9vw, 3.0rem);
    --xrc-swap-para-h2-text--font-size    : clamp(1rem, 8vw, 2.4rem);
    --xrc-swap-para-h3-text--font-size    : clamp(1rem, 6vw, 2.0rem);
    --xrc-swap-para-h4-text--font-size    : clamp(1rem, 4vw, 1.4rem);
    --xrc-swap-para-h5-text--font-size    : clamp(1rem, 4vw, 1.3rem);
    --xrc-swap-para-h6-text--font-size    : clamp(1rem, 4vw, 1.2rem);
    
    --xrc-swap-para-h1-link--font-size    : clamp(1rem, 9vw, 3.0rem);
    --xrc-swap-para-h2-link--font-size    : clamp(1rem, 8vw, 2.4rem);
    --xrc-swap-para-h3-link--font-size    : clamp(1rem, 6vw, 2.0rem);
    --xrc-swap-para-h4-link--font-size    : clamp(1rem, 4vw, 1.4rem);
    --xrc-swap-para-h5-link--font-size    : clamp(1rem, 4vw, 1.3rem);
    --xrc-swap-para-h6-link--font-size    : clamp(1rem, 4vw, 1.2rem);
    
    }
}

/* XRC MOD: KNOWN AS SIZE: MEDIUM: 1000px */
@media(min-width:62.5rem) {
    .xrc-paragraph * {
        /*--xrc-swap-para-text--font-size-max: 1.2rem;*/
    --xrc-swap-para-h1-text--font-size    : clamp(1rem, 9vw, 3.5rem);
    --xrc-swap-para-h2-text--font-size    : clamp(1rem, 8vw, 2.6rem);
    --xrc-swap-para-h3-text--font-size    : clamp(1rem, 6vw, 2.2rem);
    --xrc-swap-para-h4-text--font-size    : clamp(1rem, 4vw, 1.6rem);
    --xrc-swap-para-h5-text--font-size    : clamp(1rem, 4vw, 1.4rem);
    --xrc-swap-para-h6-text--font-size    : clamp(1rem, 4vw, 1.3rem);
    
    --xrc-swap-para-h1-link--font-size    : clamp(1rem, 9vw, 3.5rem);
    --xrc-swap-para-h2-link--font-size    : clamp(1rem, 8vw, 2.6rem);
    --xrc-swap-para-h3-link--font-size    : clamp(1rem, 6vw, 2.2rem);
    --xrc-swap-para-h4-link--font-size    : clamp(1rem, 4vw, 1.6rem);
    --xrc-swap-para-h5-link--font-size    : clamp(1rem, 4vw, 1.4rem);
    --xrc-swap-para-h6-link--font-size    : clamp(1rem, 4vw, 1.3rem);
    }
}

/* XRC MOD: KNOWN AS SIZE: LARGE: 1200px */
@media(min-width:75rem) {
    .xrc-paragraph * {
        /*--xrc-swap-para-text--font-size-max: 1.2rem;*/
    --xrc-swap-para-h1-text--font-size    : clamp(1rem, 9vw, 4.0rem);
    --xrc-swap-para-h2-text--font-size    : clamp(1rem, 8vw, 2.8rem);
    --xrc-swap-para-h3-text--font-size    : clamp(1rem, 6vw, 2.3rem);
    --xrc-swap-para-h4-text--font-size    : clamp(1rem, 4vw, 1.8rem);
    --xrc-swap-para-h5-text--font-size    : clamp(1rem, 4vw, 1.6rem);
    --xrc-swap-para-h6-text--font-size    : clamp(1rem, 4vw, 1.2rem);
    
    --xrc-swap-para-h1-link--font-size    : clamp(1rem, 9vw, 4.0rem);
    --xrc-swap-para-h2-link--font-size    : clamp(1rem, 8vw, 2.8rem);
    --xrc-swap-para-h3-link--font-size    : clamp(1rem, 6vw, 2.3rem);
    --xrc-swap-para-h4-link--font-size    : clamp(1rem, 4vw, 1.8rem);
    --xrc-swap-para-h5-link--font-size    : clamp(1rem, 4vw, 1.6rem);
    --xrc-swap-para-h6-link--font-size    : clamp(1rem, 4vw, 1.2rem);
    }
}

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