/* SCSS Framework boilerplate from Ristretto: https://github.com/kylelarkin/ristretto */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

body, select, input, textarea {
  color: #333; }

::-moz-selection {
  background: #ccc;
  color: #000;
  text-shadow: none; }

::selection {
  background: #ccc;
  color: #000;
  text-shadow: none; }

a:link {
  -webkit-tap-highlight-color: #ccc; }

ins {
  background-color: #ccc;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ccc;
  color: #000;
  font-style: italic;
  font-weight: bold; }

.article-preview {
  margin-bottom: 3rem; }
  .article-preview .article-preview-thumbnail {
    display: block;
    max-height: 330px;
    height: 330px;
    overflow: hidden;
    margin: 0 0 1.5rem 0; }
    .article-preview .article-preview-thumbnail img {
      object-fit: cover;
      height: 100%; }
  @media only screen and (min-width: 620px) {
    .article-preview.horizontal {
      display: flex; }
      .article-preview.horizontal.image-right {
        flex-direction: row-reverse; }
        .article-preview.horizontal.image-right .article-preview-thumbnail {
          margin: 0 0 0 1.5rem; } }
  .article-preview.horizontal .article-preview-thumbnail {
    display: block;
    max-height: 330px;
    height: 330px;
    overflow: hidden;
    margin: 0 0 1.5rem 0; }
    @media only screen and (min-width: 620px) {
      .article-preview.horizontal .article-preview-thumbnail {
        flex-shrink: 0;
        max-width: 40%;
        margin: 0 1.5rem 0 0;
        height: 100%;
        object-fit: cover;
        object-position: center; } }
  .article-preview.large .article-preview-title {
    font-size: 2.625rem;
    line-height: 1;
    margin-bottom: 1rem; }
  .article-preview.large .excerpt {
    font-size: 1.1875rem; }
  .article-preview .article-preview-label {
    color: #979797;
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    font-size: 0.9375rem;
    letter-spacing: 3px;
    line-height: 1.25;
    margin: 0 0 .5rem 0;
    text-transform: uppercase; }
  .article-preview .article-preview-title {
    font-family: "freight-display-pro", "Times New Roman", Times, serif;
    font-size: 1.875rem;
    line-height: 1.25;
    margin-bottom: .5rem;
    margin-top: 0; }
  .article-preview .byline {
    color: #979797;
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    font-size: 0.9375rem;
    letter-spacing: 3px;
    line-height: 1.25;
    margin: .5rem 0 1rem 0;
    text-transform: uppercase; }
    .article-preview .byline a {
      background: none;
      color: #3CAA8B;
      text-shadow: none;
      transition: all .2s ease-out; }
      .article-preview .byline a:hover {
        background-image: linear-gradient(to bottom, #C8E2DB 100%, #C8E2DB);
        background-position: 0 1.15em;
        background-repeat: repeat;
        background-size: 1rem 1rem;
        padding: .25rem 0; }
  .article-preview .excerpt {
    color: #444;
    font-family: "freight-text-pro", "Times New Roman", Times, serif;
    font-size: 1.0625rem;
    letter-spacing: 1px;
    line-height: 1.4; }
    .article-preview .excerpt p {
      color: #444;
      font-size: 1.0625rem; }
    .article-preview .excerpt a {
      color: #ccc; }
    .article-preview .excerpt a.read-more {
      background: none !important;
      color: #3CAA8B !important;
      display: block;
      font-family: "proxima-nova", Helvetica, Arial, sans-serif;
      font-size: 0.9375rem;
      letter-spacing: 2px;
      margin-top: 1.5rem;
      text-decoration: none;
      text-transform: uppercase; }
      .article-preview .excerpt a.read-more svg {
        margin-left: .5rem; }