.article-header > .title, .text-body > h1, .article-card > .content > .header > .title, .event-feature > .overlay > .title, .text-body > h2, .text-body > h3, .event-feature > .overlay > .info, .row-nav > .item, .row-nav .menu-item {
  font-family: "Oswald", "Helvetica Neue", sans-serif;
  letter-spacing: -.017em;
  font-weight: 200; }

.article-card > .content, .text-body, .article-header > .meta {
  font-family: "Libre Caslon Text", "Adobe Caslon", serif;
  letter-spacing: -.017em; }

html {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.8); }
  @media (max-width: 740px) {
    html {
      font-size: 16px; } }

.article-card > .content, .text-body {
  font-size: 1rem;
  line-height: 1.51rem; }

.article-header > .title, .text-body > h1, .article-card > .content > .header > .title, .event-feature > .overlay > .title, .text-body > h2, .text-body > h3 {
  font-weight: bold; }

.article-header > .title, .text-body > h1 {
  font-size: 1.777rem;
  line-height: 1.4; }

.article-card > .content > .header > .title, .event-feature > .overlay > .title, .text-body > h2 {
  font-size: 1.333rem;
  line-height: 1.5; }

.text-body > h3 {
  font-size: 1.1rem;
  line-height: 1.5; }

.article-card > .content > .header > .title > a, .event-feature > .overlay a, .row-nav > .item > a, .row-nav > .menu-item > a, .text-body a {
  color: unset;
  text-decoration: none; }

.article-card > .content > .header > .title > a:visited, .event-feature > .overlay a:visited, .row-nav > .item > a:visited, .row-nav > .menu-item > a:visited, .text-body a:visited {
  color: unset; }

sub, sup {
  font-size: 0.6em;
  line-height: 0; }

body {
  margin: 0;
  background-color: white; }

.wrapper {
  max-width: 960px;
  margin: 1.51rem auto; }

main {
  max-width: 100%;
  margin: 0 auto; }

img.alignright {
  float: right;
  margin: 0 0 1em 1em; }

img.alignleft {
  float: left;
  margin: 0 1em 1em 0; }

img.aligncenter {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto; }

a img.alignright {
  float: right;
  margin: 0 0 1em 1em; }

a img.alignleft {
  float: left;
  margin: 0 1em 1em 0; }

a img.aligncenter {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.article-header > .title {
  text-align: center;
  margin: 0 0 0.755rem 0; }

.article-header > .meta {
  font-size: 0.8rem;
  text-align: center;
  margin: 0 0 1.51rem 0;
  color: rgba(0, 0, 0, 0.5); }

@media (max-width: 740px) {
  .article-header {
    box-sizing: border-box;
    padding: 0 0.755rem; } }

.article-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0 0 0 0;
  border-bottom: 5px solid rgba(0, 0, 0, 0.8); }
  .article-card > .thumbnail {
    flex-basis: 150px;
    flex-shrink: 0; }
  .article-card > .content {
    flex-grow: 1;
    padding: 0 1.51rem 1.51rem 1.51rem;
    background-color: white; }
  .article-card > .content > .body > p {
    margin: 0; }
  .article-card > .content > .header > .title {
    margin: 1.00667rem 0 0.755rem 0; }
  .article-card > .content > .header > .title > a {
    background-image: linear-gradient(to bottom, #b1ace3 50%, transparent 50%);
    background-repeat: repeat-x;
    background-size: 2px 0.4em;
    background-position: 0 1.1em; }
  @media (min-width: 740px) {
    .article-card {
      flex-direction: row; }
      .article-card:nth-child(2n+1) {
        flex-direction: row-reverse; }
      .article-card > .content > .header > .title {
        margin-top: 0; }
      .article-card > .thumbnail > .image {
        width: auto !important;
        height: 100% !important; } }

.block-list.-margin > .item {
  margin-bottom: 1.51rem; }

.block-list.-w720 {
  max-width: 720px;
  margin: 0 auto; }

@media (min-width: 740px) {
  .block-list.-alternateX > .item:nth-child(2n+0) {
    transform: translateX(-10px); }
  .block-list.-alternateX > .item:nth-child(2n+1) {
    transform: translateX(10px); } }

.event-feature {
  position: relative; }
  .event-feature > .image {
    display: block;
    width: 100%;
    height: auto;
    background-color: pink; }
  .event-feature > .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.65) 0, transparent 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: rgba(255, 255, 255, 0.9);
    text-align: center; }
  .event-feature > .overlay > .title {
    margin: 0; }
  .event-feature > .overlay > .info {
    margin: 0;
    font-size: 0.8rem;
    text-align: center; }

.full-article > .header {
  width: 100%;
  max-width: 720px;
  margin: 0 auto 1.51rem auto; }
  .full-article > .header.-wide {
    max-width: 840px; }

.full-article > .body {
  margin: 0 auto;
  width: 720px; }

@media (max-width: 740px) {
  .full-article > .body {
    box-sizing: border-box;
    padding: 0 0.755rem;
    width: 100%; } }

.image-thumbnail, .article-card > .thumbnail {
  overflow: hidden;
  position: relative; }
  .image-thumbnail > .image, .article-card > .thumbnail > .image {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .image-thumbnail.-vertical > .image, .article-card > .-vertical.thumbnail > .image {
    width: auto;
    height: 100%; }
  .image-thumbnail.-horizontal > .image, .article-card > .thumbnail > .image {
    width: 100%;
    height: auto; }

.row-nav {
  list-style-type: none;
  min-height: 3.02rem;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; }
  .row-nav.-margin {
    margin: 1.51rem 0; }
  .row-nav > .item, .row-nav .menu-item {
    display: block;
    padding: 0 1.51rem;
    line-height: 1.51rem;
    text-align: center; }
  .row-nav > .item > a, .row-nav > .menu-item > a {
    background-image: linear-gradient(to bottom, #b1ace3 50%, transparent 50%);
    background-repeat: repeat-x;
    background-size: 2px 0.4em;
    background-position: 0 1.1em; }

.text-body > p, .text-body blockquote {
  margin-top: 0;
  margin-bottom: 0.755rem; }

.text-body > h1, .text-body h2, .text-body h3, .text-body h4, .text-body h5, .text-body h6 {
  margin-top: 1.51rem;
  margin-bottom: 0.755rem; }

.text-body > p > iframe {
  display: block;
  width: 70%;
  max-width: 100%;
  margin: 0.755rem auto; }

.text-body a {
  word-wrap: break-word;
  background-image: linear-gradient(to bottom, #b1ace3 50%, transparent 50%);
  background-repeat: repeat-x;
  background-size: 2px 0.4em;
  background-position: 0 0.95em; }

.top-banner {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto 1.51rem auto; }