@font-face {
    font-family: NexusSans;
    src: url("fonts/NexusSansWebPro.eot");
    src: url("fonts/NexusSansWebPro.eot?#iefix") format("embedded-opentype"), url("fonts/NexusSansWebPro.woff") format("woff"), url("fonts/NexusSansWebPro.ttf") format("truetype"), url("fonts/NexusSansWebPro.svg#NexusSansWebPro") format("svg");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: NexusSans;
    src: url("fonts/NexusSansWebPro-Italic.eot");
    src: url("fonts/NexusSansWebPro-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/NexusSansWebPro-Italic.woff") format("woff"), url("fonts/NexusSansWebPro-Italic.ttf") format("truetype"), url("fonts/NexusSansWebPro-Italic.svg#NexusSansWebPro-Italic") format("svg");
    font-style: italic;
    font-weight: normal;
}

@font-face {
    font-family: NexusSans;
    src: url("fonts/NexusSansWebPro-Bold.eot");
    src: url("fonts/NexusSansWebPro-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/NexusSansWebPro-Bold.woff") format("woff"), url("fonts/NexusSansWebPro-Bold.ttf") format("truetype"), url("fonts/NexusSansWebPro-Bold.svg#NexusSansWebPro-Bold") format("svg");
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: NexusSans;
    src: url("fonts/NexusSansWebPro-BoldItalic.eot");
    src: url("fonts/NexusSansWebPro-BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/NexusSansWebPro-BoldItalic.woff") format("woff"), url("fonts/NexusSansWebPro-BoldItalic.ttf") format("truetype"), url("fonts/NexusSansWebPro-BoldItalic.svg#NexusSansWebPro-BoldItalic") format("svg");
    font-style: italic;
    font-weight: 700;
}

@font-face {
    font-family: NexusSerif;
    src: url("fonts/NexusSerifWebPro.eot");
    src: url("fonts/NexusSerifWebPro.eot?#iefix") format("embedded-opentype"), url("fonts/NexusSerifWebPro.woff") format("woff"), url("fonts/NexusSerifWebPro.ttf") format("truetype"), url("fonts/NexusSerifWebPro.svg#NexusSerifWebPro") format("svg");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: NexusSerif;
    src: url("fonts/NexusSerifWebPro-Italic.eot");
    src: url("fonts/NexusSerifWebPro-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/NexusSerifWebPro-Italic.woff") format("woff"), url("fonts/NexusSerifWebPro-Italic.ttf") format("truetype"), url("fonts/NexusSerifWebPro-Italic.svg#NexusSerifWebPro-Italic") format("svg");
    font-style: italic;
    font-weight: normal;
}

@font-face {
    font-family: NexusSerif;
    src: url("fonts/NexusSerifWebPro-Bold.eot");
    src: url("fonts/NexusSerifWebPro-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/NexusSerifWebPro-Bold.woff") format("woff"), url("fonts/NexusSerifWebPro-Bold.ttf") format("truetype"), url("fonts/NexusSerifWebPro-Bold.svg#NexusSerifWebPro-Bold") format("svg");
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: NexusSerif;
    src: url("fonts/NexusSerifWebPro-Bold.eot");
    src: url("fonts/NexusSerifWebPro-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/NexusSerifWebPro-Bold.woff") format("woff"), url("fonts/NexusSerifWebPro-Bold.ttf") format("truetype"), url("fonts/NexusSerifWebPro-Bold.svg#NexusSerifWebPro-Bold") format("svg");
    font-style: italic;
    font-weight: 700;
}

.els-sans {
    font-family: "NexusSans", Arial, sans-serif;
}

.els-serif {
    font-family: "NexusSerif", Georgia, serif;
}

.typography-old-style-settings, body, h1, h2, h3, h4, p, a, button {
    -moz-font-feature-settings: "onum" 1, "kern" 1, "liga" 1;
    -moz-font-feature-settings: "onum=1, kern=1, liga=1";
    -ms-font-feature-settings: "onum" 1, "kern" 1, "liga" 1;
    -o-font-feature-settings: "onum" 1, "kern" 1, "liga" 1;
    -webkit-font-feature-settings: "onum" 1, "kern" 1, "liga" 1;
    font-feature-settings: "onum" 1, "kern" 1, "liga" 1;
    /*
        Enable this for font-smoothing
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
    */
    font-weight: 400;
}

body {
    font-family: "NexusSans", Arial, sans-serif;
}

h1 {
    font-size: 2.625rem;
    line-height: 3.5rem;
    margin-bottom: 8px;
    color: #505050;
    font-weight: normal;
}

@media (max-width: 37.5rem) {
    h1 {
        font-size: 1.75rem;
        line-height: 2.25rem;
        margin-bottom: 1rem;
    }
}

h2 {
    font-size: 1.875rem;
    line-height: 2.5rem;
    margin-bottom: 1rem;
    color: #505050;
    font-weight: normal;
    display: block;
    clear: both;
}

@media (max-width: 37.5rem) {
    h2 {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 1rem;
    }
}

h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 0.875rem;
    color: #505050;
    font-weight: normal;
}

@media (max-width: 37.5rem) {
    h3 {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

h4 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-bottom: 0.5rem;
    color: #505050;
    font-weight: normal;
}

@media (max-width: 37.5rem) {
    h4 {
        font-size: 1.125rem;
        line-height: 1.625rem;
    }
}

.els-small-body, caption {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #505050;
    display: block;
    max-width: 680px;
    width: 100%;
    display: block;
    margin-bottom: 0.5rem;
    clear: both;
}

@media (max-width: 37.5rem) {
    .els-small-body, caption {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.els-body {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-bottom: 1rem;
    max-width: 680px;
    color: #505050;
}

@media (max-width: 37.5rem) {
    .els-body {
        font-size: 1.125rem;
        line-height: 1.625rem;
    }
}

@media (min-width: 70rem) {
    .els-body {
        margin-bottom: 1.75rem;
    }
}

p {
    font-size: 1rem;
    line-height: 1.75rem;
    margin-bottom: 1rem;
    max-width: 680px;
    width: 100%;
    display: block;
    clear: both;
    color: #505050;
}

@media (max-width: 37.5rem) {
    p {
        font-size: 1.125rem;
        line-height: 1.625rem;
    }
}

@media (min-width: 70rem) {
    p {
        margin-bottom: 1.75rem;
    }
}

p.els-intro {
    font-size: 1.5rem;
    line-height: 2rem;
}

@media (max-width: 37.5rem) {
    p.els-intro {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

p.els-display {
    font-size: 2.25rem;
    line-height: 3rem;
    color: #007398;
}

@media (max-width: 37.5rem) {
    p.els-display {
        font-size: 1.625rem;
        line-height: 2.125rem;
    }
}

p.els-meta, figcaption {
    font-size: 0.875rem;
    line-height: 1.375rem;
}

@media (max-width: 37.5rem) {
    p.els-meta, figcaption {
        font-size: 0.875rem;
        line-height: 1.375rem;
    }
}

mark {
    background-color: rgba(233, 113, 28, 0.2);
    font-weight: normal;
    font-weight: inherit;
    font-style: inherit;
}
