/* CACHED GENERATED CSS */

/**
 * Font Imports
 */

/* No font imports in CMS */

:root {

    /**
     * Font/UI Scales
     */

    --zero-breakpoint: 0px;
    --phab-breakpoint: 400px;
    --tabp-breakpoint: 540px;
    --tabl-breakpoint: 800px;
    --note-breakpoint: 1152px;
    --desk-breakpoint: 1440px;
    --elas-breakpoint: 1920px;

    --sf-zero-font-size: 4.15vw;
    --sf-phab-font-size: 4vw;
    --sf-tabp-font-size: 1.4vw;
    --sf-tabl-font-size: 1.4vw;
    --sf-note-font-size: 1vw;
    --sf-desk-font-size: 1vw;
    --sf-elas-font-size: calc(var(--elas-breakpoint) * 0.01);

    --zero-elastic-width: 100%;
    --phab-elastic-width: var(--zero-elastic-width);
    --tabp-elastic-width: var(--phab-elastic-width);
    --tabl-elastic-width: var(--tabp-elastic-width);
    --note-elastic-width: var(--tabl-elastic-width);
    --desk-elastic-width: var(--note-elastic-width);
    --elas-elastic-width: var(--desk-elastic-width);
    --elastic-width: var(--zero-elastic-width);

    /**
     * Font Assignments
     */

    --font-family-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Calibri, Arial, sans-serif;
    --font-family-mono: -apple-system-mono, Menlo, Consolas, Monaco, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Courier, "Courier New", monospace;
    --font-family-forms: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Calibri, Arial, sans-serif;

    /**
     * Establish Base Font Styles
     */

    --font-size: 1rem;
    --line-height: 1.4;
    --font-weight: 400;
    --paragraph-spacing: 1.5rem;

    /**
     * Establish Anchor Styles
     */

    --anchor-font-weight: 500;
    --anchor-underline: underline;
    --anchor-hover-underline: underline;

    /**
     * Establish Button Styles
     */

    --button-font-weight: 500;

    /**
     * Establish Heading Styles
     */

    --h1-font-size: 3.5rem;
    --h1-line-height: 1.2;
    --h1-font-weight: 800;
    --h1-margin-top: 0rem;
    --h1-margin-top-first: 0rem;
    --h1-margin-bottom: 2rem;
    --h1-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Calibri, Arial, sans-serif;

    --h2-font-size: 1.9rem;
    --h2-line-height: 1.2;
    --h2-font-weight: 400;
    --h2-margin-top: 2rem;
    --h2-margin-top-first: 0rem;
    --h2-margin-bottom: 1.5rem;
    --h2-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Calibri, Arial, sans-serif;

    --h3-font-size: 1.5rem;
    --h3-line-height: 1.25;
    --h3-font-weight: 400;
    --h3-margin-top: 1.5rem;
    --h3-margin-top-first: 0rem;
    --h3-margin-bottom: 1rem;
    --h3-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Calibri, Arial, sans-serif;

    --h4-font-size: 1.25rem;
    --h4-line-height: 1.35;
    --h4-font-weight: 400;
    --h4-margin-top: 1.25rem;
    --h4-margin-top-first: 0rem;
    --h4-margin-bottom: 0.75rem;
    --h4-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Calibri, Arial, sans-serif;

    --h5-font-size: 1rem;
    --h5-line-height: 1.4;
    --h5-font-weight: 500;
    --h5-margin-top: 1rem;
    --h5-margin-top-first: 0rem;
    --h5-margin-bottom: 1rem;
    --h5-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Calibri, Arial, sans-serif;

    --h6-font-size: 1rem;
    --h6-line-height: 1.5;
    --h6-font-weight: 700;
    --h6-margin-top: 1.5rem;
    --h6-margin-top-first: 0rem;
    --h6-margin-bottom: 1rem;
    --h6-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Calibri, Arial, sans-serif;

}

/**
 * Establish Default Page Styles
 */

html, body {

    font-family: var(--font-family-body);
    font-weight: var(--font-weight); 
    line-height: 1;
}

body {

    font-size: var(--font-size);
}

html pre, html code {

    font-family: var(--font-family-mono);
}

[sf-form] [sf-metric] label, 
[sf-form] [sf-label] label, 
[sf-form] [sf-textbox] label, 
[sf-form] [sf-listbox] label, 
[sf-form] [sf-filebox] label, 
[sf-form] [sf-radios] label, 
[sf-form] [sf-checkboxes] label, 
[sf-form] [sf-validation-message], 
[sf-form] [sf-metric] > [sf-wrapper] > *, 
[sf-form] [sf-label] > [sf-wrapper] > *, 
[sf-form] [sf-textbox] > [sf-wrapper] input, 
[sf-form] [sf-textbox] > [sf-wrapper] textarea,
[sf-form] [sf-listbox] > [sf-wrapper] input, 
[sf-form] [sf-listbox] > [sf-wrapper] textarea,
[sf-form] [sf-filebox] > [sf-wrapper] input, 
[sf-form] [sf-filebox] > [sf-wrapper] textarea, 
[sf-form] [sf-listbox] > [sf-wrapper] select,
[sf-form] [sf-listbox] > [sf-wrapper] select option,
[sf-form] [sf-listbox] > [sf-wrapper] select optgroup,
[sf-form] [sf-toggle] label, 
[sf-form] [sf-toggle] [sf-toggle-label], 
[sf-form] [sf-toggle] [sf-checkbox-label]
[sf-form] [sf-checkbox] label, 
[sf-form] [sf-checkbox] [sf-toggle-label], 
[sf-form] [sf-checkbox] [sf-checkbox-label] {

    font-family: var(--font-family-forms);
}

html p {

    margin-bottom: var(--paragraph-spacing); 
}

html p:last-child {

    margin-bottom: 0;
}

html p, html a:not([role="button"]), li {

    line-height: var(--line-height);
}

html a:not([role="button"]) {

    font-weight: var(--anchor-font-weight);
    text-decoration: var(--anchor-underline);
}

html a:not([role="button"]):hover {

    text-decoration: var(--anchor-hover-underline);
}

html strong a:not([role="button"]) {

    font-weight: bold;
}

html h1 {

    --font-size: var(--h1-font-size);
    --line-height: var(--h1-line-height);
    --font-family-body: var(--h1-font-family);
    --anchor-font-weight: var(--h1-font-weight);

    font-family: var(--font-family-body);
    font-size: var(--font-size);
    line-height: var(--line-height);
    font-weight: var(--h1-font-weight);
    margin-top: var(--h1-margin-top);
    margin-bottom: var(--h1-margin-bottom);
}

html h1:first-child {

    margin-top: var(--h1-margin-top-first);
}

html h1:last-child {

    margin-bottom: 0;
}

html h2 {

    --font-size: var(--h2-font-size);
    --line-height: var(--h2-line-height);
    --font-family-body: var(--h2-font-family);
    --anchor-font-weight: var(--h2-font-weight);

    font-family: var(--font-family-body);
    font-size: var(--font-size);
    line-height: var(--line-height);
    font-weight: var(--h2-font-weight);
    margin-top: var(--h2-margin-top);
    margin-bottom: var(--h2-margin-bottom);
}

html h2:first-child {

    margin-top: var(--h2-margin-top-first);
}

html h2:last-child {

    margin-bottom: 0;
}

html h3 {

    --font-size: var(--h3-font-size);
    --line-height: var(--h3-line-height);
    --font-family-body: var(--h3-font-family);
    --anchor-font-weight: var(--h3-font-weight);

    font-family: var(--font-family-body);
    font-size: var(--font-size);
    line-height: var(--line-height);
    font-weight: var(--h3-font-weight);
    margin-top: var(--h3-margin-top);
    margin-bottom: var(--h3-margin-bottom);
}

html h3:first-child {

    margin-top: var(--h3-margin-top-first);
}

html h3:last-child {

    margin-bottom: 0;
}

html h4 {

    --font-size: var(--h4-font-size);
    --line-height: var(--h4-line-height);
    --font-family-body: var(--h4-font-family);
    --anchor-font-weight: var(--h4-font-weight);

    font-family: var(--font-family-body);
    font-size: var(--font-size);
    line-height: var(--line-height);
    font-weight: var(--h4-font-weight);
    margin-top: var(--h4-margin-top);
    margin-bottom: var(--h4-margin-bottom);
}

html h4:first-child {

    margin-top: var(--h4-margin-top-first);
}

html h4:last-child {

    margin-bottom: 0;
}

html h5 {

    --font-size: var(--h5-font-size);
    --line-height: var(--h5-line-height);
    --font-family-body: var(--h5-font-family);
    --anchor-font-weight: var(--h5-font-weight);

    font-family: var(--font-family-body);
    font-size: var(--font-size);
    line-height: var(--line-height);
    font-weight: var(--h5-font-weight);
    margin-top: var(--h5-margin-top);
    margin-bottom: var(--h5-margin-bottom);
}

html h5:first-child {

    margin-top: var(--h5-margin-top-first);
}

html h5:last-child {

    margin-bottom: 0;
}

html h6 {

    --font-size: var(--h6-font-size);
    --line-height: var(--h6-line-height);
    --font-family-body: var(--h6-font-family);
    --anchor-font-weight: var(--h6-font-weight);

    font-family: var(--font-family-body);
    font-size: var(--font-size);
    line-height: var(--line-height);
    font-weight: var(--h6-font-weight);
    margin-top: var(--h6-margin-top);
    margin-bottom: var(--h6-margin-bottom);
}

html h6:first-child {

    margin-top: var(--h6-margin-top-first);
}

html h6:last-child {

    margin-bottom: 0;
}