/*
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::: Pattern Library styles
*/
:root {
  --color-corn: #ffed66;
  --color-turquoise: #55d6be;
  --color-independance: #3a506b;
  --color-space-cadet: #1c2541;
  --color-oxford-blue: #0b132b;
  --color-naples-yellow: #ffe66d;
  --color-celadon-blue: #247ba0;
  --color-indigo-dye: #284b63;
  --color-gsem: #405574;
}

html {
    background-color:#fff;
}
@media screen and (min-width:768px) {
    html {
        background-color:#fafafa;
    }
}
body {
    font-family:"helvetica neue", sans-serif;
    padding:1rem;
}
h1, h2, h3, h4, h5, h6 {
    
}
p {
    margin:0;
    margin-bottom:1.5em;
}
ul, ol {
    margin:0 0 0 2rem;
    padding:0;
}
@media screen and (min-width:768px) {
    ul, ol {
        margin:0;
    }
}
ol ul,
ul ol,
ul ul,
ol ol {
    margin-left:1rem;
}
ul ul li {
    list-style-type:circle;
}
ol ol li {
    list-style-type:lower-alpha;
}
dl, dt, dd {
    margin:0;
}
dl, dd {
    margin-bottom:1.5rem;
}
a {
    color:#4A90E2;
    text-decoration:none;
}
[role="banner"],
[role="main"],
[role="contentinfo"] {
    background-color:#fff;
    max-width:1024px;
    margin:0 auto;
}
@media screen and (min-width:768px) {
    [role="banner"],
    [role="main"],
    [role="contentinfo"] {
        padding-right:2rem;
        padding-left:2rem;
    }
}
[role="banner"] {
    background-color:inherit;
}
[role="banner"] a {
    color:var(--color-celadon-blue);
}
.logo {
    font-family: Montserrat;
}
.logo-regular {
    font-weight:400;
}
.logo-black {
    font-weight:900;
}
[role="main"] {
  padding-top:.25rem;
}
.c-panel__title {
    color:#7a7a7a;
    font-weight:400;
    margin:0;
    text-transform:uppercase;
}
.c-panel {
    border-bottom:1px solid #efefef;
    display:flex;
    flex-direction:column;
    margin-bottom:2rem;
    align-items:left;
    padding:1rem 0;
}
.c-panel__meta {
    color:#7a7a7a;
    height:auto;
    opacity:1;
    overflow-x:scroll;
    overflow-y:hidden;
    transition: opacity 1s ease-in-out, height .5s ease-in-out, width .5s ease-in-out;
}
.c-panel__meta ul {
    display:flex;
    font-size:0.8125rem;
    list-style:none;
    margin-bottom:1.5rem;
    margin-left:0;
}
.c-panel__meta li {
    margin-right:1rem;
    white-space:nowrap;
}
[data-meta="hide"] .c-panel__meta {
    height:0;
    opacity:0;
    width:0;
}
.c-panel__content {
    /* transition: opacity .5s ease-in-out, width .5s ease-in-out; */
}
@media screen and (min-width:768px) {
    .c-panel__content__multicol {
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
    }
    .u-3col > * {
        width:33%;
    }
}
/*--------------------------------------------------------*/
@media screen and (min-width:768px) {
    .c-panel {
        flex-direction:row;
        align-items:center;
    }
    [data-meta="show"] .c-panel__meta {
        width:25%;
        max-width:350px;
        display:flex;
        flex-direction:column;
        /* align-items:center; */
    }
    .c-panel__meta ul {
        flex-direction:column;
    }
    .c-panel__meta li strong {
        display:inline-block;
        font-weight:normal;
        width:9ch;
        text-align:right;
    }
    [data-meta="show"] .c-panel__content {
        width:75%;
    }
}
.c-panel__content p,
.c-panel__content li,
.c-panel__content dt,
.c-panel__content dd {
    max-width:65ch;
}
.c-panel__content h1,
.c-panel__content h2,
.c-panel__content h3,
.c-panel__content h4,
.c-panel__content h5,
.c-panel__content h6 { 
    font-family: Montserrat;
    margin:0;
}
.c-panel__content h1 { font-size: 36px; font-weight:700; margin-bottom:1.5rem; text-transform:uppercase; }
.c-panel__content h2 { font-size: 24px; font-weight:400; margin-bottom:1.5rem; text-transform:uppercase; }
.c-panel__content h3 { font-size: 18px; font-weight:700; margin-bottom:1.5rem; text-transform:none; }
.c-panel__content h4 { font-size: 14px; font-weight:400; margin-bottom:1rem; text-transform:uppercase; }
.c-panel__content h5 { font-size: 16px; font-weight:400; margin-bottom:1rem; text-transform:none; }
.c-panel__content h6 { font-size: 14px; font-weight:700; margin-bottom:.5rem; text-transform:none; }
.c-panel__content p { 
    font-family: Lato;
    font-size:1.125rem;
    font-weight:400;
    line-height:1.5;
    margin:0;
    margin-bottom:1.5rem;
}
.c-panel__content p.lead { 
    font-size:1.5rem;
}
.c-panel__content p.secondary { 
    font-size:1rem;
}
.c-panel__content p.tertiary { 
    font-size:0.875rem;
}
.c-panel__content blockquote {
    max-width:55ch;
    position:relative;
    quotes: "\201C""\201D""\2018""\2019";
}
.c-panel__content blockquote.u-quote {
    padding-left:4rem;
}
.c-panel__content blockquote.u-pull-right {
    text-align:right;
}
.c-panel__content blockquote.u-quote.u-pull-right {
    padding-right:4rem;
}
.c-panel__content blockquote.u-quote > p:before {
    content: open-quote;
    font-family:Lato;
    font-weight:700;
    line-height: 0.1em;
    font-size: 8rem;
    color:#ccc;
    top: 36px;
    left: -7.5px;
    position: absolute;
    opacity: .5;
}
.c-panel__content blockquote.u-quote.u-pull-right > p:before {
    content: close-quote;
    right: -7.5px;
}
.c-panel__content blockquote p {
}
.c-panel__content blockquote cite {
    font-family:Lato;
    font-size:1em;
    font-style:normal;
}
.c-panel__content blockquote cite:before {
    content:"— ";
}
.c-panel__content li { 
    font-family: Lato;
    font-size:1.125rem;
    font-weight:400;
    line-height:1.5;
    margin:0;
}
.c-panel__content dl {
    font-family: Lato;
    font-size:1.125rem;
    font-weight:400;
    line-height:1.5;
}
.c-panel__content dt {
    font-weight:700;
}