/*****
 * LINECO Base: Typography
 *
******/


@font-face {
    font-family: "Heebo";
    font-style: normal;
    font-weight: 200;
    font-display: block;
    src: url("fonts/Heebo/web/Heebo-ExtraLight.woff2") format("woff2"), url("fonts/Heebo/web/Heebo-ExtraLight.woff") format("woff");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Heebo";
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url("fonts/Heebo/web/Heebo-Light.woff2") format("woff2"), url("fonts/Heebo/web/Heebo-Light.woff") format("woff");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Heebo";
    font-style: normal;
    font-weight: 500;
    font-display: block;
    src: url("fonts/Heebo/web/Heebo-Medium.woff2") format("woff2"), url("fonts/Heebo/web/Heebo-Medium.woff") format("woff");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Heebo";
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url("fonts/Heebo/web/Heebo-Bold.woff2") format("woff2"), url("fonts/Heebo/web/Heebo-Bold.woff") format("woff");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Note: Google uses font-stretch for this font, so so do we. */
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: block;
    src: url("fonts/Open_Sans/web/OpenSans-Medium.woff2") format("woff2"), url("fonts/Open_Sans/web/OpenSans-Medium.woff") format("woff");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 300;
    font-stretch: 100%;
    font-display: block;
    src: url("fonts/Open_Sans/web/OpenSans-MediumItalic.woff2") format("woff2"), url("fonts/Open_Sans/web/OpenSans-MediumItalic.woff") format("woff");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: block;
    src: url("fonts/Open_Sans/web/OpenSans-Bold.woff2") format("woff2"), url("fonts/Open_Sans/web/OpenSans-Bold.woff") format("woff");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


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

/** Headings **/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-stack--heebo);
}

.site-main h1,
.site-main h2,
.site-main h3,
.site-main h4,
.site-main h5,
.site-main h6 {
    color: var(--neutral-800);
}


.text-unheavy {
    font-weight: normal;
}

/******
 * NOTE: 
 *      Add classes for those things that sould be Level 1, 2, etc. below. 
 *      Avoid using `.heading-level-1` directly, except as convenience.
 *      Do not use `.h1` or similar, which are already tag names. 
 */

.heading-level-1 {
    font-size: var(--font-size-900);
    font-weight: 500;
}

.page-title,
.heading-level-2 {
    font-size: var(--font-size-800);
    font-weight: 500;
}

.page-title {
    margin: 2rem 0 0.5rem;
}

@media print, screen and (max-width: 39.99875em) {

    .page-title {
        margin: 2rem 1rem 0.5rem;
    }
}

.back-breadcrumb:not(:empty) + .page-title,
.site-section-breadcrumb:not(:empty) + .page-title {
    margin-top: 1rem;
}

.heading-level-3 {
    font-size: var(--font-size-700);
    font-weight: 700;
}

.heading-level-4 {
    font-size: var(--font-size-600);
    font-weight: 700;
}

.toc-title,
.heading-level-5 {
    font-size: var(--font-size-500);
    font-weight: 700;
}

.heading-level-6 {
    font-size: var(--font-size-400);
    font-weight: 300;
}

.find-care .card-sidebar-title {
    color: var(--primary-cyan-700);
}

.site-header .nav {
    font-family: var(--font-stack--heebo);
}

.inline-heading-container {
    margin: 0 0 1rem;
}

.inline-heading,
.inline-heading-extra {
    display: inline;
}

.inline-heading,
.inline-heading-container::first-line {
    line-height: 1.75rem;
}

.data-grid-header {
    font-size: var(--font-size-300);
    font-weight: 500;
}

.help-text {
    font-size: var(--font-size-200);
}


/** Lists **/

ul.paragraphic > li,
ol.paragraphic > li {
    margin: 0 0 1rem;
}

.paragraphic > li > :last-child {
    margin-bottom: 0;
}


/** Links **/

a {
    color: var(--primary-cyan-700);
    text-decoration: none;
}

a:hover,
a:focus {
    color: var(--primary-cyan-600);
}

a:active {
    color: var(--primary-cyan-800);
}

a.read-more {
    white-space: nowrap;
}