@font-face {
    font-family: "Stack Sans Headline";
    src: url(./_assets/font/StackSansHeadline-Bold.eot);
    src: url(./_assets/font/StackSansHeadline-Bold.eot?#iefix) format("embedded-opentype"),
    url(./_assets/font/StackSansHeadline-Bold.woff2) format("woff2"),
    url(./_assets/font/StackSansHeadline-Bold.woff) format("woff"),
    url(./_assets/font/StackSansHeadline-Bold.ttf) format("truetype"),

    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Stack Sans Headline";
    src: url(./_assets/font/StackSansHeadline-ExtraLight.eot);
    src: url(./_assets/font/StackSansHeadline-ExtraLight.eot?#iefix) format("embedded-opentype"),
    url(./_assets/font/StackSansHeadline-ExtraLight.woff2) format("woff2"),
    url(./_assets/font/StackSansHeadline-ExtraLight.woff) format("woff"),
    url(./_assets/font/StackSansHeadline-ExtraLight.ttf) format("truetype"),

    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Stack Sans Headline";
    src: url(./_assets/font/StackSansHeadline-Light.eot);
    src: url(./_assets/font/StackSansHeadline-Light.eot?#iefix) format("embedded-opentype"),
    url(./_assets/font/StackSansHeadline-Light.woff2) format("woff2"),
    url(./_assets/font/StackSansHeadline-Light.woff) format("woff"),
    url(./_assets/font/StackSansHeadline-Light.ttf) format("truetype"),

    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Stack Sans Headline";
    src: url(./_assets/font/StackSansHeadline-Medium.eot);
    src: url(./_assets/font/StackSansHeadline-Medium.eot?#iefix) format("embedded-opentype"),
    url(./_assets/font/StackSansHeadline-Medium.woff2) format("woff2"),
    url(./_assets/font/StackSansHeadline-Medium.woff) format("woff"),
    url(./_assets/font/StackSansHeadline-Medium.ttf) format("truetype"),

    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Stack Sans Headline";
    src: url(./_assets/font/StackSansHeadline-Regular.eot);
    src: url(./_assets/font/StackSansHeadline-Regular.eot?#iefix) format("embedded-opentype"),
    url(./_assets/font/StackSansHeadline-Regular.woff2) format("woff2"),
    url(./_assets/font/StackSansHeadline-Regular.woff) format("woff"),
    url(./_assets/font/StackSansHeadline-Regular.ttf) format("truetype"),

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Stack Sans Headline";
    src: url(./_assets/font/StackSansHeadline-SemiBold.eot);
    src: url(./_assets/font/StackSansHeadline-SemiBold.eot?#iefix) format("embedded-opentype"),
    url(./_assets/font/StackSansHeadline-SemiBold.woff2) format("woff2"),
    url(./_assets/font/StackSansHeadline-SemiBold.woff) format("woff"),
    url(./_assets/font/StackSansHeadline-SemiBold.ttf) format("truetype"),

    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Sunlight Display";
    src: url("./_assets/font/SunlightDisplay.eot");
    src: url("./_assets/font/SunlightDisplay.eot?#iefix") format("embedded-opentype"),
    url(./_assets/font/SunlightDisplay.woff2) format("woff2"),
    url(./_assets/font/SunlightDisplay.woff) format("woff"),
    url(./_assets/font/SunlightDisplay.ttf) format("truetype"),
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}




html, button, input, select, textarea {
    font-family: sans-serif
}

    code, kbd, pre, samp {
        font-family: monospace, serif;
        _font-family: "courier new", monospace;
        font-size: 1em
    }

    .fancybox-infobar__body {
        display: inline-block;
        width: 70px;
        line-height: 44px;
        font-size: 13px;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        text-align: center;

        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;

        -webkit-font-smoothing: subpixel-antialiased
    }

    .fancybox-content {
        display: inline-block;
        position: relative;
        margin: 44px auto;
        padding: 0;
        border: 0;
        width: 80%;
        height: calc(100% - 88px);
        vertical-align: middle;
        line-height: normal;
        text-align: left;
        white-space: normal;
        outline: none;
        font-size: 16px;
        font-family: Arial, sans-serif;
        box-sizing: border-box;

        -webkit-overflow-scrolling: touch
    }

    .fancybox-caption {
        padding: 30px 0;
        border-top: 1px solid rgba(255, 255, 255, .4);
        font-size: 14px;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;

        line-height: 20px;
        -webkit-text-size-adjust: none
    }

    html {
        height: 100%;
        font-family: "Stack Sans Headline", sans-serif;
        font-style: normal;
        font-size: 10px;
        line-height: 1.5
    }

    h1, h2, h3, h4, h5, h6 {
        line-height: 1.1;
        font-family: Verlag, Helvetica, Arial, sans-serif
    }

    code {
        font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace
    }

    button.btn--clear {
        margin: 0;
        border: none;
        background: none;

        padding: 0;
        line-height: 1;
        -webkit-appearance: none;
        -moz-appearance: none;
        display: inline;
        font-family: inherit;
        border-radius: 0
    }

    .ginput_container select.gfield_select {
        width: 100%;
        display: block;
        font-family: "Stack Sans Headline", sans-serif;
        line-height: 1;

        padding: 15px 25px 15px 15px;
        max-width: 100%;
        box-sizing: border-box;
        border: 1px solid #c4c4c4;
        box-shadow: none;
        border-radius: 0;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;

        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%230a5280%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: right .7em top 50%;
        background-size: .65em auto
    }

    .hustle-ui.hustle-popup .hustle-layout .hustle-title {
        font-family: Verlag, Helvetica, Arial, sans-serif !important;
        font-weight: 700 !important;

    }

    @font-face {
        font-family: Verlag;
        font-weight: 400;
        font-style: normal;
        src: url("./_assets/font/Verlag-Book.otf") format("opentype");
        font-display: swap
    }

    @font-face {
        font-family: Verlag;
        font-weight: 400;
        font-style: italic;
        src: url("./_assets/font/Verlag-BookItalic.otf") format("opentype");
        font-display: swap
    }

    @font-face {
        font-family: Verlag;
        font-weight: 700;
        font-style: normal;
        src: url("./_assets/font/Verlag-Bold.otf") format("opentype");
        font-display: swap
    }

    @font-face {
        font-family: Verlag;
        font-weight: 700;
        font-style: italic;
        src: url("./_assets/font/Verlag-BoldItalic.otf") format("opentype");
        font-display: swap
    }

    @font-face {
        font-family: Verlag;
        font-weight: 900;
        font-style: normal;
        src: url("./_assets/font/Verlag-Black.otf") format("opentype");
        font-display: swap
    }

    @font-face {
        font-family: Verlag;
        font-weight: 900;
        font-style: italic;
        src: url("./_assets/font/Verlag-BlackItalic.otf") format("opentype");
        font-display: swap
    }

    .site-font--light {
        font-family: "Stack Sans Headline", sans-serif;
        font-weight: 300
    }

    .site-font--regular, .text-col__main-text .citation-text, #archive-header__desc, #archive-header__title .archive-header__subtitle, body {
        font-family: "Stack Sans Headline", sans-serif;
        font-weight: 400
    }

    .site-font--semibold {
        font-family: "Stack Sans Headline", sans-serif;
        font-weight: 500
    }

    .site-font--bold, .plan-info__list-label, .plan-card__content p, ul#masthead-nav__list li, #pagination__list span.next, #pagination__list span.prev, #pagination__list a.next, #pagination__list a.prev, #pagination__list span.current, #pagination__list a.current, .site-text--body h1, .acknowledgements__column h1, .gform_heading .gform_description h1, .site-text--body h2, .acknowledgements__column h2, .gform_heading .gform_description h2, .site-text--body h3, .acknowledgements__column h3, .gform_heading .gform_description h3, .site-text--body h4, .acknowledgements__column h4, .gform_heading .gform_description h4, .site-text--body h5, .acknowledgements__column h5, .gform_heading .gform_description h5, .site-text--body h6, .acknowledgements__column h6, .gform_heading .gform_description h6, h1, h2, h3, h4, h5, h6, .validation_error {
        font-family: "Stack Sans Headline", sans-serif;
        font-weight: 700
    }

    .site-font--black, #overview-content__footer a#overview-content__cat-link, .text-col__main-text .citation-name, ul#front-page-button-grid__list li.front-page-button-grid__item a, .sidebar__title, .related-plans__title, .post-content__title, .plan-card__footer a, .plan-card__title, picture.fitted-image .fitted-image__caption, .btn--std, .gform_footer input[type=submit], a:link.btn--std, a:visited.btn--std, button.btn--std {
        font-family: "Sunlight Display", serif;
        font-weight: 300;
    }

    input[type=search].sidebar-search__input {
        width: 100%;
        box-sizing: border-box;
        padding: 15px 10px;
        border: none;
        font-family: "Stack Sans Headline", sans-serif;
        font-style: italic;
        font-size: 1.8rem;
        line-height: 1;
        border-radius: 0;

        text-align: left
    }

    ::-webkit-input-placeholder {

        margin: 0;
        padding: 0;
        font-family: "Stack Sans Headline", sans-serif;
        font-style: italic;
        font-size: 1.8rem;
        line-height: normal;
        line-height: 1;
        opacity: 1;
        text-align: left
    }

    :-moz-placeholder {

        margin: 0;
        padding: 0;
        font-family: "Stack Sans Headline", sans-serif;
        font-style: italic;
        font-size: 1.8rem;
        line-height: normal;
        line-height: 1;
        opacity: 1;
        text-align: left
    }

    ::-moz-placeholder {

        margin: 0;
        padding: 0;
        font-family: "Stack Sans Headline", sans-serif;
        font-style: italic;
        font-size: 1.8rem;
        line-height: normal;
        line-height: 1;
        opacity: 1;
        text-align: left
    }

    :-ms-input-placeholder {

        font-family: "Stack Sans Headline", sans-serif;
        font-style: italic;
        font-size: 1.8rem;
        line-height: normal;
        line-height: 1;
        opacity: 1;
        text-align: left
    }

h1, h2, h3 {
    font-family: "Sunlight Display", serif;
    font-weight:300;
}
