@import url("https://use.typekit.net/efl8kfh.css");
@import url("reset.css");

/* LAYOUT
-------------------------------------------------------------------------------------------------- */

#wrapper { max-width: 1280px; margin: 0 auto; display: block; position: relative }

#main { width: 100%; padding-top: 120px }

#sidebar { padding: 60px 0; width: 100% }

@media (min-width: 1200px) {    
    #main { width:65%; float: left; box-sizing: border-box; padding: 132px 0; border-right: 2px solid #e8eef4 }
    #sidebar { width:35%; float: right; padding: 182px 80px 32px 80px; box-sizing: border-box; font-size: 1.7rem; color: #7798ba }
    #wrapper::after { clear: both; display: table; content: "" }
}




/* THEME
-------------------------------------------------------------------------------------------------- */

html { font-size: 62.5% /* 10px */ }

html, body { padding: 0; margin: 0; width: 100% }

body {
    font-family: "gamay", "Helvetica Neue", "Helvetica", sans-serif;
    font-feature-settings: "liga" 1, "lnum" 1;
    line-height: 1.6;
    font-size: 1.8em; /* 18px */
    font-weight: 300;
    font-style: normal;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
    overflow-y: scroll;
    color: #0c2138; /* 60% shade */
    background-color: #FFFFFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 767px) {
    body { font-size: 2em }
}

#top { display: block; width: 100% }

#svbset { display: block; color: #1D538C; text-indent: -9999px; width: 120px; height: 30px; background: url("../img/svbset.svg") center center no-repeat; background-size: cover }

#byline { display: block; margin-top: 24px; font-weight: 500 }

#wrapper:before { content: ""; width: 100%; display: block; height: 100px; background: url("../img/waves.svg") center bottom no-repeat; background-size: cover; position: absolute; top: 0; left: 0; right: 0; z-index: 2 }

.margins { margin: 0 30px }
@media (min-width: 767px) {
    .margins { margin: 0 60px }
}
@media (min-width: 1200px) {
    .margins { margin: 0 auto }
}

a:link, a:visited, a:active { text-decoration: underline; text-decoration-color: #6187af; color: inherit; transition: color 0.5s } 
a:hover { color: #1D538C }

h1, h2, h3 { font-weight: 500; line-height: 1.2 }

hr { width: 20rem; margin: 10rem auto 14rem auto; height: 16rem; display: block; border: none; content: ""; position: relative; background: url("../img/hr.svg") center center no-repeat; background-size: cover }

figure.bordered img, figure.bordered video, figure.bordered iframe { border: 2px solid #e8eef4 }
@media (min-width: 1200px) {
  figure.hero.bordered img, figure.hero.bordered video, figure.hero.bordered iframe { border-right: none }
}

.article-summary { padding: 3.2rem 0 }
.article-summary a:link, .article-summary a:visited, .article-summary a:active { position: relative; text-decoration: none; color: #143a62 }
.article-summary h1 { padding-bottom: 1.6rem }
.article-summary time, .article-header time { color: #7798ba; text-transform: uppercase; display: block; font-size: 1.6rem; padding-top: 1.6rem; letter-spacing: 1px; font-weight: 500 }

@media (min-width: 1024px) {
  .article-summary { padding: 4rem 0 }
}

.article-header { padding-bottom: 6.4rem }
.article-header time { margin-top: 1.2rem }

.article-full h1 { font-size: 3.6rem; color: #143a62 }

@media (min-width: 767px) {
    .article-full h1 { font-size: 7.2rem }
    .article-header { padding-bottom: 12.8rem; padding-top: 1rem }
    .article-header time { padding-left: 80px; margin-top: 2.8rem }
}

.article-body h2 { font-size: 3.2rem; padding-top: 4rem; padding-bottom: 4rem }
.article-body hr + h2 { padding-top: 4rem }

.article-body h3 { font-size: 2.4rem; padding-top: 4rem; padding-bottom: 4rem }
.article-body hr + h3 { padding-top: 4rem }

.article-body p, .article-body ul { padding-bottom: 4rem; }

.article-body strong { font-weight: 500 }

.article-body figure { display: block; padding-bottom: 4.8rem; padding-top: 1.6rem }
.article-summary figure { display: block; margin-bottom: 2rem; border-radius: 4px; overflow: hidden }
.article-body figure img { margin-left: auto; margin-right: auto; display: block; width: 100%; height: auto }
.article-body figure figcaption { text-align: right; font-size: 1.5rem; color: #4a75a3; padding-top: 0.8rem }

.article-body figure.hero figcaption { padding-right: 2rem }

.article-body ul li { display: list-item; list-style-position: outside; list-style-type: square; margin-left: 16px }
.article-body ul li p { padding-left: 0; padding-right: 0; padding-bottom: 0 }

.article-body blockquote { font-style: italic; font-weight: 400; border-left: 4px solid #a5bad1; padding-left: 2.4rem; margin-bottom: 40px; color: #1d538c }

.article-body blockquote cite { display: block; padding-top: 4px; font-style: normal;font-weight: 500 }
.article-body blockquote cite:before { content: "\2014"; font-weight: normal; padding-right: 8px }
.article-body blockquote .trim { color: #1d538c; font-style: normal; display: inline-block; padding-left: 8px; padding-right: 8px }

@media (min-width: 767px) {
  .textblock, .article-header h1, .article-body p, .article-body ul, .article-body h2, .article-body h3, .article-body figure:not(.hero) { padding-left: 80px; padding-right: 80px }
    
  .article-body blockquote { margin-left: 80px; margin-right: 80px }
  .article-body ul li { margin-left: 32px }

}

@media (min-width: 1200px) {
    #sidebar .textblock { padding-left: inherit; padding-right: inherit }
    .article-body ul li { margin-left: 64px }
}


#intermission { background-color: #e8eef4; display: block; margin-top: 16rem; margin-bottom: 20rem; padding-left: 24px; padding-right: 24px; padding-top: 16rem; padding-bottom: 16rem; position: relative }
#intermission:before, #intermission:after { margin: 0 auto; width: 20rem; height: 16rem; display: block; border: none; content: ""; position: absolute; background: url("https://assets.svbset.com/theme/hr.svg") center center no-repeat; background-size: cover }
#intermission:before { top: -8rem; left: 0; right: 0  }
#intermission:after { bottom: -8rem; left: 0; right: 0 }
#intermission h4 { font-weight: 500; font-size: 1.6rem; text-transform: uppercase; letter-spacing: 1px; display: block; text-align: center; margin-bottom: 2.4rem; }

@media (min-width: 1200px) {
  #intermission { border-radius: 8px 0 0 8px }
  #intermission h4 { font-size: 2rem; margin-bottom: 3.2rem; }
}

#sidebar em { font-style: normal; font-weight: 500 }

#sidebar a:link, #bottom a:active, #bottom a:visited {
    text-decoration-color: rgba(29,83,140,0.5)
}

#sidebar p + p { margin-top: 1.6rem }

body.article-view #main { padding-top: 156px }

footer { font-size: 1.6rem; color: #4a75a3; display: block; border-top: 2px solid #e8eef4; margin-top: 8rem; padding-top: 4rem }
footer p { margin-bottom: 0 }
footer em { font-style: normal; font-weight: 500 }
@media (min-width: 767px) {
  footer { padding-left: 80px }
}

      body {
        font-size: undefinedrem;
      }