/* type-c */

/* Google Font Declaration
============================================================= */

/*

Open Sans
https://fonts.google.com/specimen/Open+Sans?selection.family=Open+Sans

Embed Code
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">

Usage
font-family: 'Open Sans', sans-serif;

Available Styles
400
400 italic
700
700 italic

*/

/* Additional Font Declaration
============================================================= */

/*

Charis
http://software.sil.org/charis/download/

Font Package Generated at Font Squirrel
https://www.fontsquirrel.com/tools/webfont-generator

Note
The official version of the web font, found on sil.org, was too large for realistic use.
A smaller version was generated off of the official .ttf version found on sil.org, greatly reducing the size.

Italic versions of both fonts are sitting in the assets directory if italic needs to be enabled.

*/

@font-face {
    font-family: 'Charis';
    src: url('/assets/fonts/charissil-r-webfont.woff2') format('woff2'),
    url('/assets/fonts/charissil-r-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}


@font-face {
    font-family: 'Charis';
    src: url('/assets/fonts/charissil-b-webfont.woff2') format('woff2'),
    url('/assets/fonts/charissil-b-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}


/* type-c Class
============================================================= */

/*

Type should generally be measured in 2/16th (1/8th) incremental changes.

2/16 = .125
4/16 = .25
6/16 = .375
8/16 = .5
10/16 = .625
12/16 = .75
14/16 = .875

--

Colors (Not comprehensive list)

Dark 1 - #242d39

Gray 1 - #6E7881
Gray 2 - #ececec
Gray 3 - #212121
Gray 4 - #caccd2

Teal 1 - #3F808A
Teal 2 - #00808b Web Accessible

Blue 1 - #005f86

See class list in site.css

---

Contrast
For more detailed information about contrast, points and pixels, see:
https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html


*/


/* Headings
---------------------------------------------------------------- */

.type-c h1,
.type-c *.h1 {
    font-family: "Charis", serif;
    font-style: normal;
    font-weight: 400;
    font-size: 3.5rem;
    line-height: 3.5rem;
    letter-spacing: -.0125rem;
    color: currentColor;
    text-transform: none;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin: 0 0 1rem 0;
}

/* Tablet @ 1024 */
@media screen and (max-width: 63.9375em) {
    .type-c h1,
    .type-c .h1 {

    }
}

/* Mobile @ 768 */
@media screen and (max-width: 47.9375em) {
    .type-c h1,
    .type-c .h1 {
        font-size: 2.375rem;
        line-height: 2.375rem;
    }
}

.type-c h2,
.type-c *.h2 {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.25rem;
    line-height: 2.5rem;
    letter-spacing: -.02rem;
    color: currentColor;
    text-transform: none;
    display: inline-block;
    width: 100%;
    margin: 0 0 1rem 0;
}

/* Tablet @ 1024 */
@media screen and (max-width: 63.9375em) {
    .type-c h2,
    .type-c .h2 {
        font-size: 2.125rem;
        line-height: 2.375rem;
    }
}

/* Mobile @ 768 */
@media screen and (max-width: 47.9375em) {
    .type-c h2,
    .type-c .h2 {
        font-size: 2rem;
        line-height: 2.25rem;
    }
}


.type-c h3,
.type-c *.h3 {
    font-family: "Charis", serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.75rem;
    line-height: 2.25rem;
    letter-spacing: 0;
    color: currentColor;
    text-transform: none;
    display: inline-block;
    width: 100%;
    margin: 0 0 .25rem 0;
}

/* Tablet @ 1024 */
@media screen and (max-width: 63.9375em) {
    .type-c h3,
    .type-c .h3 {
        font-size: 1.625rem;
        line-height: 2.125rem;
    }
}

/* Mobile @ 768 */
@media screen and (max-width: 47.9375em) {
    .type-c h3,
    .type-c .h3 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.type-c h4,
.type-c *.h4 {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1.625rem;
    letter-spacing: 0;
    color: #6E7881;
    text-transform: none;
    display: inline-block;
    width: 100%;
    margin: 0 0 .5rem 0;
}

.type-c h5,
.type-c *.h5 {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.375rem;
    letter-spacing: .125rem;
    color: currentColor;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    margin: 0 0 1rem 0;
}

/* H6 is not available */
.type-c h6,
.type-c *.h6 {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: .875rem;
    line-height: 1rem;
    letter-spacing: .125rem;
    color: currentColor;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    margin: 0 0 1rem 0;
}

/* Non-heading elements
---------------------------------------------------------------- */

.type-c p {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 2.125rem;
    letter-spacing: 0;
    color: currentColor;
    text-transform: none;
    display: inline-block;
    width: 100%;
    margin: 0 0 2rem 0;
}

.sidebar-content-block .type-c p {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.875rem;
    letter-spacing: 0;
    color: currentColor;
    text-transform: none;
    display: inline-block;
    width: 100%;
    margin: 0 0 2rem 0;
}

/* Mobile @ 768 */
@media screen and (max-width: 47.9375em) {
    .type-c p {
        font-size: 1rem;
        line-height: 1.875rem;
    }
}

.type-c p a {
    text-decoration: none;
    border-bottom: 1px solid currentColor;
}

.type-c strong,
.type-c b{
    font-weight: 700;
}

.type-c em,
.type-c i{
    font-style: italic;
}

.type-c del,
.type-c .strikethrough{
    text-decoration: line-through;
}

.type-c li {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.875rem;
    letter-spacing: 0;
    color: currentColor;
    text-transform: none;
    display: inline-block;
    width: 100%;
    /* margin: 0 0 .5rem 0; Disabled padded lists */
}

.type-c > ul {
    padding-left: 1.5rem;
    margin: 0 0 1.75rem 0;
}

.type-c ul li:before {
    content: '\2022';
    display: inline-block;
    width: 1.5rem;
    margin-left: -1.5rem;
}

.type-c ol {
    padding-left: 0;
    margin: 0 0 1.75rem 0;
    list-style-type: none;
    counter-reset: list;
}

.type-c ol li:before{
    content: counter(list) ".";
    margin-left: 1.5rem;
    margin-right: 1rem;
}

.type-c ol li {
    display: list-item;
    counter-increment: list;
}

.type-c li a {
    text-decoration: none;
    border-bottom: 1px solid currentColor;
}

.type-c hr {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 2rem 0 0 0;
    border: 0;
    margin: 0 0 2rem 0;
    overflow: visible;
}

.type-c hr:before {
    position: absolute;
    content: '';
    height: .0625rem;
    background-color: currentColor;
    width: 100%;
    top: 100%;
    left: 0;
}

.type-c hr:first-child{
    padding-top: 0;
}

.type-c h2 + hr,
.type-c .h2 + hr {
    padding-top: .25rem;
    margin-bottom: 2rem;
}

.type-c h3 + hr,
.type-c .h3 + hr {
    padding-top: 0;
    margin-bottom: 1rem;
}

.type-c p + hr {
    padding-top: 0;
}

.type-c code {
    font-family: monospace, sans-serif;
    font-size: 1rem;
    line-height: 2rem;
}

/* Miscellaneous Typography
---------------------------------------------------------------- */

.type-c h5.small,
.type-c .h5.small,
.type-c.small h5,
.type-c.small .h5 {
    margin-bottom: .375rem;
}

.type-c p.small,
.type-c.small p {
    font-size: 1rem;
    line-height: 1.375rem;
    margin-bottom: .75rem;
    color: #212121;
}

.type-c p.small a,
.type-c.small p a {
    color: #00808b;
    font-weight: 700;
    border-bottom: 1px solid currentColor;
}

.type-c p.small strong,
.type-c.small p strong{
    font-weight: 700;
    font-size: .875rem;
}

.type-c ul.small,
.type-c.small ul{
    padding-left: .75rem;
}

.type-c ul.small li,
.type-c.small ul li{
    font-family: "Charis", serif;
    font-size: 1rem;
    line-height: 1.375rem;
    color: #626D75;
    margin-bottom: .75rem;
}

.type-c ul.small li:before,
.type-c.small ul li:before{
    margin-left: -.75rem;
    width: .75rem;
}

.type-c.small hr,
.type-c hr.small {
    margin: .75rem 0;
}

.type-c p.featured,
.type-c.featured p {
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #626D75;
}

@media screen and (min-width: 48em) {
    .type-c p.featured,
    .type-c.featured p {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.type-c p.sidebar a,
.type-c.sidebar p a {
    font-weight: 700;
    border-bottom: 0 solid transparent;
}

.type-c blockquote {
    font-family: "Charis", serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.25rem;
    line-height: 2.875rem;
    letter-spacing: 0;
    color: currentColor;
    text-transform: none;
    display: inline-block;
    max-width: 100%;
    margin: 0 0 2.75rem 0;
    padding: 0 0 0 2.5rem;
    position: relative;
}

/* Mobile @ 768 */
@media screen and (max-width: 47.9375em) {
    .type-c blockquote {
        font-size: 1.75rem;
        line-height: 2.25rem;
    }
}

.type-c blockquote:before {
    content: "\201C";
    font-size: 4.25rem;
    font-weight: 700;
    line-height: 2.875rem;
    color: #626D75;
    position: absolute;
    left: 0;
    top: .5rem;
}

/* Mobile @ 768 */
@media screen and (max-width: 47.9375em) {
    .type-c blockquote:before {
        line-height: 2.25rem;
    }
}

.type-c blockquote:after {
    content: "\201D";
    font-size: 4.25rem;
    font-weight: 700;
    line-height: 2.875rem;
    color: #626D75;
    vertical-align: bottom;
    position: relative;
    top: .5rem;
    padding-left: .25rem;
}

/* Mobile @ 768 */
@media screen and (max-width: 47.9375em) {
    .type-c blockquote:after {
        line-height: 2.25rem;
    }
}


/* If an attribution class is found after a block quote, apply style, if not default back to p */
.type-c blockquote + p.attribution {
    font-size: 1rem;
    line-height: 1.375rem;
    margin-top: -2rem;
    margin-bottom: 2.75rem;
    padding-left: 2.5rem;
    font-style: italic;
    color: #6E7881;
}

.type-c blockquote + p.attribution:before{
    content: "\2014";
    margin-right: .25rem;
}

.type-c p.quote-no-quote,
.type-c.quote-no-quote p {
    font-family: "Charis", serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.25rem;
    line-height: 2.875rem;
    letter-spacing: 0;
    color: currentColor;
    text-transform: none;
    display: inline-block;
    max-width: 100%;
    position: relative;
}

/* Mobile @ 768 */
@media screen and (max-width: 47.9375em) {
    .type-c p.quote-no-quote,
    .type-c.quote-no-quote p {
        font-size: 1.75rem;
        line-height: 2.25rem;
    }
}

.type-c.overview-list ul,
.type-c ul.overview-list {
    padding-left: 0;
}

.type-c.overview-list ul li,
.type-c ul.overview-list li {
    font-weight: 700;
    padding-bottom: .5rem;
    margin-bottom: 1rem;
    border-bottom: .0625rem solid #caccd2;
    font-size: 1.25rem;
    line-height: 1.75rem;
}

@media screen and (min-width: 48em) {
    .type-c.overview-list ul li,
    .type-c ul.overview-list li {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.type-c.overview-list ul li:before,
.type-c ul.overview-list li:before {
    content: "";
    margin-left: 0;
    width: 0;
}

.type-c.overview-list ul li a,
.type-c ul.overview-list li a {
    text-decoration: none;
    border-bottom: 0 solid transparent;
}

.type-c.overview-list h2 + ul,
.type-c h2 + ul.overview-list {
    padding-top: .5rem;
}

.type-c .h-phone-number {
    white-space: nowrap;
}

/* Caption Text, shown below assets with inherit .5rem padding-top */
.type-c p.caption,
.type-c.caption p{
    font-size: 1rem;
    line-height: 1.375rem;
    margin-bottom: .75rem;
    padding-top: .5rem !important;
    color: #6E7881;
    font-style: italic;
}

/* Typography Colors
---------------------------------------------------------------- */

/*

The default selection for all type-c is "dark-type", it is an implied class and not actually defined
but for the purpose of notation it will be referred to as "dark type"

"dark-type" is for dark color type on a light background.
The lightest background color this can be placed on and still be WCAG AA compliant is #939393 | rgb(147,147,147)


"light-type" is for light color type on a dark background.
The lightest background color this can be placed on and still be WCAG AA compliant is #767676 | rgb(118,118,118)

*/

.type-c {
    color: #242d39;
}

.type-c.light-type{
    color: #ffffff;
}

.type-c h1,
.type-c .h1 {
    color: currentColor;
}

.type-c h2,
.type-c .h2{
    color: currentColor;
}

a.type-c h2,
a.type-c .h2,
a .type-c h2,
a .type-c .h2,
.type-c h2 a,
.type-c .h2 a,
.type-c a h2,
.type-c a .h2 {
    color: #00808b;
    font-weight: 700;
}

a:hover.type-c h2,
a:hover.type-c .h2,
a:hover .type-c h2,
a:hover .type-c .h2,
.type-c h2 a:hover,
.type-c .h2 a:hover,
.type-c a:hover h2,
.type-c a:hover .h2 {
    color: #007173;
}

.type-c h3,
.type-c .h3{
    color: #626D75;
}

a.type-c h3,
a.type-c .h3,
a .type-c h3,
a .type-c .h3,
.type-c h3 a,
.type-c .h3 a,
.type-c a h3,
.type-c a .h3 {
    color: #00808b;
    font-weight: 700;
}

a:hover.type-c h3,
a:hover.type-c .h3,
a:hover .type-c h3,
a:hover .type-c .h3,
.type-c h3 a:hover,
.type-c .h3 a:hover,
.type-c a:hover h3,
.type-c a:hover .h3 {
    color: #007173;
}

.type-c.light-type h3,
.type-c.light-type .h3{
    color: #ffffff;
}

a.type-c.light-type h3,
a.type-c.light-type .h3,
a .type-c.light-type h3,
a .type-c.light-type .h3,
.type-c.light-type h3 a,
.type-c.light-type .h3 a,
.type-c.light-type a h3,
.type-c.light-type a .h3 {
    color: #ffffff;
    font-weight: 700;
    text-decoration: underline;
}

a:hover.type-c.light-type h3,
a:hover.type-c.light-type .h3,
a:hover .type-c.light-type h3,
a:hover .type-c.light-type .h3,
.type-c.light-type h3 a:hover,
.type-c.light-type .h3 a:hover,
.type-c.light-type a:hover h3,
.type-c.light-type a:hover .h3 {
    color: #ececec;
}

.type-c h4,
.type-c .h4{
    color: #6d7983;
}

a.type-c h4,
a.type-c .h4,
a .type-c h4,
a .type-c .h4,
.type-c h4 a,
.type-c .h4 a,
.type-c a h4,
.type-c a .h4 {
    color: #00808b;
    font-weight: 700;
}

a:hover.type-c h4,
a:hover.type-c .h4,
a:hover .type-c h4,
a:hover .type-c .h4,
.type-c h4 a:hover,
.type-c .h4 a:hover,
.type-c a:hover h4,
.type-c a:hover .h4 {
    color: #007173;
}

.type-c h5,
.type-c .h5{
    color: #374960;
}

a.type-c h5,
a.type-c .h5,
a .type-c h5,
a .type-c .h5,
.type-c h5 a,
.type-c .h5 a,
.type-c a h5,
.type-c a .h5 {
    color: #00808b;
    font-weight: 700;
}

a:hover.type-c h5,
a:hover.type-c .h5,
a:hover .type-c h5,
a:hover .type-c .h5,
.type-c h5 a:hover,
.type-c .h5 a:hover,
.type-c a:hover h5,
.type-c a:hover .h5 {
    color: #007173;
}

/* H6 is not currently supported */

.type-c h6,
.type-c .h6{
    color: #374960;
}

a.type-c h6,
a.type-c .h6,
a .type-c h6,
a .type-c .h6,
.type-c h6 a,
.type-c .h6 a,
.type-c a h6,
.type-c a .h6 {
    color: #00808b;
    font-weight: 700;
}

a:hover.type-c h6,
a:hover.type-c .h6,
a:hover .type-c h6,
a:hover .type-c .h6,
.type-c h6 a:hover,
.type-c .h6 a:hover,
.type-c a:hover h6,
.type-c a:hover .h6 {
    color: #007173;
}

.type-c.light-type p.featured,
.type-c.light-type.featured p{
    color: #ffffff;
}

.type-c.light-type p.featured a,
.type-c.light-type.featured p a{
    color: #ffffff;
}

.type-c hr{
    color: #caccd2;
}

.type-c p a {
    color: #00808b;
}

.type-c p a:hover {
    color: #007173;
}

.type-c li a {
    color: #00808b;
}

.type-c li a:hover {
    color: #007173;
}

/* Benton Sans */
.bentonsansbold {
    font-family: "Benton Sans Bd" !important;
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}

.bentonsansregular {
    font-family: "Benton Sans Reg" !important;
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}

.bentonsansbolditalic {
    font-family: "Benton Sans Bd It" !important;
    font-display: swap;
    font-style: italic;
    font-weight: normal;
}

.bentonsansitalic {
    font-family: "Benton Sans It" !important;
    font-display: swap;
    font-style: italic;
    font-weight: normal;
}

.bentonsanslightitalic {
    font-family: "Benton Sans Lt It" !important;
    font-display: swap;
    font-style: italic;
    font-weight: normal;
}

.bentonsanslight {
    font-family: "Benton Sans Lt" !important;
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}