@charset "UTF-8";
/* colors */
/* #F5F2ED */
/* #F5F2ED */
/* #D8D4CE */
/* #D8D4C3 */
/* #E7E3DE */
/* #EEEBE5 */
/* #E1DDD7 */
/* #6a6a6a */
/* 615F61 */
/* #2B292B */
/* #2B292B */
/* 474647*/
/* B2B2B2 */
/* 252523 */
/* 868688 */
/* #00B7E4 */
/* #C29D52 */
/* #C29D52 */
/* E2CDAC */
/* D8D4CE */
/* 191919 */
/* site-wide fonts */
.clearfix, .container, .news-topper, #news-list .news-item {
  zoom: 1; }
  .clearfix:after, .container:after, .news-topper:after, #news-list .news-item:after {
    height: 0;
    clear: both;
    content: ".";
    display: block;
    line-height: 0;
    visibility: hidden; }

.flat-list {
  list-style: none;
  margin: 0;
  padding: 0; }

/* mixins and helpers */
/*
  media query support
*/
/*
  em to px conversion
*/
/*
  @font-face support
  requires all of {eot, woff, ttf, svg} exist
*/
/* desktop grid size */
.container {
  max-width: 97em;
  margin: 0 auto; }

.one, .two {
  float: left; }
  .one:last-of-type, .two:last-of-type {
    margin: 0; }

.one {
  width: 30em;
  margin-right: 3.5em; }

.two {
  width: 63.5em;
  margin-right: 3.5em; }

.three {
  width: 97em; }

/* master styles for 320 devices */
@media only screen and (min-width: 320px) and (max-width: 480px) {
  body {
    font-size: 50%; }

  .container {
    width: auto; }

  .one, .two, .three {
    width: auto;
    margin: 0 auto;
    float: none; }

  .ad-unit {
    border: 0; }

  .ad-container {
    float: none;
    width: 100%;
    background: #2b292b;
    padding: 0;
    border-bottom: 0; }
    .ad-container *:first-child {
      width: 33.33333em;
      margin: 0 auto; } }
.news.container {
  background: #f5f2ed;
  padding-top: 3.5em; }

.news-topper {
  width: 97em;
  margin-top: 3.6em;
  position: relative; }
  .news-topper .image-link {
    position: absolute;
    width: 63.5em;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    float: left; }
  .news-topper .info {
    width: 26.3em;
    float: right;
    background-color: #FFF;
    min-height: 31.8em;
    padding: 3.6em; }
    .news-topper .info .datetime {
      color: #c29d52;
      text-transform: uppercase;
      font-family: "TabletGothic-SemiBold";
      font-size: 1.1em;
      letter-spacing: .125em; }
      .news-topper .info .datetime.has-category:not(.elevated):not(.muted):after {
        content: '—'; }
      .news-topper .info .datetime.has-category.muted {
        color: #b2b2b2; }
        .news-topper .info .datetime.has-category.muted:before {
          content: '—'; }
    .news-topper .info a {
      color: #2b292b; }
      .news-topper .info a.elevated {
        color: #bf0448; }
      .news-topper .info a:hover {
        color: #00b7e4;
        text-decoration: none; }
    .news-topper .info h1 {
      font-family: "TabletGothic-ExtraBold";
      font-size: 2.7em;
      line-height: 1.2963em;
      margin: 1em 0; }
    .news-topper .info .abstract {
      font-size: 1.4em;
      font-family: "TabletGothic"; }
      .news-topper .info .abstract p:last-of-type {
        margin-bottom: 0; }

.category {
  font-family: "TabletGothic-SemiBold";
  font-size: 1.1em; }

.byline {
  font-font-family: "HarrietText";
  font-style: italic;
  font-size: 1.6em;
  margin-top: 1.6875em; }
  .byline a.author:hover {
    color: #00b7e4; }

#news-detail {
  margin-top: 3.6em; }

/* list page styles */
#news-list {
  margin-right: 3.5em;
  min-height: 1px; }
  #news-list .news-item {
    padding: 1.8em 0; }
    #news-list .news-item:first-of-type {
      padding-top: 0; }
    #news-list .news-item:last-of-type {
      border-bottom: 0;
      margin-bottom: 3.6em; }
    #news-list .news-item .lazy {
      width: 30em;
      height: 18.6em; }
    #news-list .news-item .image-link {
      display: block;
      width: 30em;
      height: 18.6em;
      background: url(../images/img-placeholder.png);
      float: left; }
    #news-list .news-item img {
      display: block; }
    #news-list .news-item .pic {
      display: block;
      width: 30em;
      height: 18.6em;
      background: cover; }
    #news-list .news-item .info {
      float: left;
      width: 26.3em;
      padding: 0 3.6em; }
      #news-list .news-item .info .meta {
        position: relative;
        margin: 0; }
        #news-list .news-item .info .meta .datetime {
          color: #c29d52;
          text-transform: uppercase;
          font-family: "TabletGothic-SemiBold";
          font-size: 1.1em;
          letter-spacing: .125em; }
          #news-list .news-item .info .meta .datetime.has-category:not(.elevated):not(.muted):after {
            content: '—'; }
          #news-list .news-item .info .meta .datetime.has-category.muted {
            color: #b2b2b2; }
            #news-list .news-item .info .meta .datetime.has-category.muted:before {
              content: '—'; }
        #news-list .news-item .info .meta .author {
          color: #2b292b; }
        #news-list .news-item .info .meta a.author:hover {
          color: #00b7e4;
          text-decoration: none; }
      #news-list .news-item .info .byline {
        font-size: 1.4em;
        margin-top: 0.64286em; }
      #news-list .news-item .info a {
        color: #2b292b; }
        #news-list .news-item .info a.category {
          font-size: 1.1em; }
        #news-list .news-item .info a.elevated {
          color: #bf0448; }
        #news-list .news-item .info a:hover {
          color: #00b7e4;
          text-decoration: none; }
        #news-list .news-item .info a h1 {
          font-size: 2em;
          font-family: "TabletGothic-ExtraBold";
          line-height: 1.15em;
          margin: 0.45em 0 0.45em 0; }
          #news-list .news-item .info a h1 i, #news-list .news-item .info a h1 em {
            font-family: "TabletGothic-ExtraBoldOblique";
            font-style: normal; }
      #news-list .news-item .info p .datetime {
        color: #6a6a6a; }
      #news-list .news-item .info p .author {
        display: inline-block;
        margin-right: 1em; }
      #news-list .news-item .info .abstract {
        font-family: "TabletGothic";
        font-size: 1.4em;
        line-height: 1.28571em; }
        #news-list .news-item .info .abstract p:last-of-type {
          margin: 0; }
  #news-list.with-topper li:first-of-type {
    border-top: solid 0px #2b292b;
    border-width: 2px 0 0 0;
    padding-top: 3.6em; }

/* detail page styles */
.detail #content .pic {
  margin-bottom: 4em; }
.detail #content .datetime {
  font-family: "TabletGothic-SemiBold";
  color: #c29d52;
  font-size: 1.1em; }
.detail #content .category {
  font-family: "TabletGothic-SemiBold"; }
  .detail #content .category.elevated {
    color: #bf0448; }
  .detail #content .category:hover {
    color: #00b7e4; }
.detail #content .txt-detail-header {
  font-family: "TabletGothic-ExtraBold";
  font-size: 4.2em;
  margin-bottom: 0.47619em; }
.detail #content .page-header {
  text-align: left; }
.detail #content .abstract {
  font-family: "TabletGothic";
  font-size: 1.6em;
  line-height: 1.5em;
  margin: 1.875em 0 1.25em 0; }
  .detail #content .abstract i, .detail #content .abstract em {
    font-family: "TabletGothic-Oblique";
    font-style: normal; }
.detail #content .author {
  font-family: "HarrietDisplay";
  font-weight: 600;
  font-style: italic;
  font-size: 2em;
  margin-bottom: 2.25em; }
  .detail #content .author a {
    color: #2b292b; }
  .detail #content .author a:hover {
    color: #00b7e4; }
.detail #content #copy {
  position: relative; }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .txt-detail-header {
    margin: .3em 0; }

  .news-topper {
    width: 100%; }
    .news-topper .image-link {
      display: block;
      width: auto;
      height: 300px;
      position: relative;
      float: none; }
    .news-topper img {
      width: 100%; }
    .news-topper .info {
      width: auto;
      float: none;
      margin-top: 0;
      min-height: inherit; }

  #news-list {
    margin: 0 2.22222em;
    margin-top: 2.22222em; }
    #news-list .news-item {
      padding: 0; }
      #news-list .news-item h1 {
        line-height: 1.16667em;
        font-size: 3.2em;
        font-family: "HarrietText";
        font-weight: 100; }
      #news-list .news-item .lazy {
        width: 100%;
        height: auto;
        min-height: 19.6em; }
      #news-list .news-item .image-link {
        width: 100%;
        min-width: 30em;
        height: auto;
        min-height: 19.6em; }
        #news-list .news-item .image-link img {
          width: 100%; }
      #news-list .news-item .info {
        padding: 0;
        width: auto; }
        #news-list .news-item .info .meta {
          margin-top: 0.9em; }
        #news-list .news-item .info .abstract {
          font-size: 1.5em; }
          #news-list .news-item .info .abstract p:last-of-type {
            margin: 0; }
      #news-list .news-item .byline {
        margin: 0.9em 0 1.8em 0; }

  #news-detail {
    margin-top: 0; }
    #news-detail #content-container {
      margin: 2.22222em 2.22222em 0 2.22222em; }
      #news-detail #content-container #content img {
        width: 100%; }

  .sticky {
    display: none; } }