/* this file applies the fonts to all typography across front end and back-end WP block editor */

:root{
    /* set font stacks just once, which can vary from headings to body */
    --font-stack-headings: 'Source Sans 3', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    --font-stack-body: 'Source Sans 3', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.font-heading{
    font-family: var(--font-stack-headings) !important;
}
.font-body{
    font-family: var(--font-stack-body) !important;
}



html{
    font-family: var(--font-stack-body);
}





/* ----------------- HEADINGS ----------------- */


h1, h2, h3, h4, h5, h6,
.eic-heading-xl,
.eic-heading-l,
.eic-heading-m,
.eic-heading-s,
.eic-heading-xs,
.eic-heading-xxs{
    font-family: var(--font-stack-headings);
    font-weight: 700;
    line-height: 1.5;
    
}

h1,
.eic-heading-xl{
    font-size: 2.5rem;
    margin-block: 2.5rem;
    line-height: 0.958;
    letter-spacing: -0.01em;
    
}
h2,
.eic-heading-l{
    font-size: 2.2rem; 
    line-height: 1.127;
    margin: 0;
}
h3,
.eic-heading-m{
    font-size: 1.8rem;
    margin-block: 1.8rem;
}
h4,
.eic-heading-s{
    font-size: 1.5rem;
    margin-block: 1.5rem;
}
h5,
.eic-heading-xs{
    font-size: 1.33rem;
    margin-block: 1.5rem;
}
h6,
.eic-heading-xxs{
    font-size: 1.2rem;
    margin-block: 1.5rem;
}

p, ul, ol{
    line-height: 1.273;
    font-size: 1.25rem;
}

.eic-page-content ul > li,
.eic-page-content ol > li{
    margin-block: 1rem;
}

a {
    color: unset;
}


.eic-ch-max-width {
    max-width: 12ch;
}


/* for large paragraphs at start of top level pages */
.eic-leading-paragraph{
    font-size: 1.75rem;
    font-weight: 700;
}

/* for shrinking the width of groups in wp editor */
.eic-width-restrict{
    max-width: 44rem;
}