/* Malli: @include icon($facebook)*/
.article-list-item {
  text-decoration: none !important;
  display: table;
  width: 100%;
  border-radius: 0rem;
  background: transparent;
  margin-bottom: 0rem;
  transition: all 0.2s;
  border-top: 0rem solid #c3cdd8;
  border-bottom: 0.0625rem solid #c3cdd8;
  border-left: 0rem solid #c3cdd8;
  border-right: 0rem solid #c3cdd8;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0);
  min-height: 7.5rem;
  position: relative;
  z-index: 10; }
  .article-list-item:hover, .article-list-item:active, .article-list-item:focus {
    background-color: rgba(6, 6, 6, 0);
    box-shadow: 0 0 0.9375rem rgba(0, 0, 0, 0);
    text-decoration: none !important;
    z-index: 9; }
    .article-list-item:hover .article-image .article-image-container, .article-list-item:active .article-image .article-image-container, .article-list-item:focus .article-image .article-image-container {
      transform: scale(1.08); }
  .article-list-item .article-image {
    min-width: 10.625rem;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative; }
    .article-list-item .article-image .article-image-wrapper {
      overflow: hidden;
      background-color: #efefef;
      position: absolute;
      top: calc(0rem * -1);
      bottom: calc(0.0625rem * -1);
      height: calc(100% + 0rem + 0.0625rem);
      width: calc(100% + 0rem);
      left: calc(0rem * -1); }
      .article-list-item .article-image .article-image-wrapper .article-image-container {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        transition: transform 1.3s; }
        .article-list-item .article-image .article-image-wrapper .article-image-container.image-placeholder:before {
          font-size: 3.125rem; }
    @media screen and (max-width: 47.9375em) {
      .article-list-item .article-image {
        min-width: 7.5rem; } }
  @media screen and (max-width: 31.1875em) {
    .article-list-item .article-image {
      display: none; } }
  .article-list-item .article-content {
    display: table-cell;
    vertical-align: middle;
    padding: 0rem 2.375rem 1.25rem 2.375rem;
    width: 100%; }
    .article-list-item .article-content .article-meta {
      margin-bottom: 0.375rem; }
      .article-list-item .article-content .article-meta:last-child {
        margin-bottom: 0; }
    .article-list-item .article-content .article-title {
      margin-top: 0;
      margin-bottom: 0.375rem;
      color: #363d49; }
      .article-list-item .article-content .article-title:last-child {
        margin-bottom: 0; }
    .article-list-item .article-content .article-ingress {
      margin-top: 0;
      margin-bottom: 0;
      max-height: calc(8em * 1.38);
      color: #294465;
      font-family: 'Barlow', Arial, Helvetica, sans-serif;
      font-size: 1rem;
      line-height: 1.38;
      font-weight: 500;
      font-style: normal;
      letter-spacing: 0rem;
      text-transform: initial; }
      .article-list-item .article-content .article-ingress :first-child {
        margin-top: 0; }
      .article-list-item .article-content .article-ingress :last-child {
        margin-bottom: 0; }
      .article-list-item .article-content .article-ingress.editor-content {
        text-align: initial; }
        .article-list-item .article-content .article-ingress.editor-content p, .article-list-item .article-content .article-ingress.editor-content h2, .article-list-item .article-content .article-ingress.editor-content .h2, .article-list-item .article-content .article-ingress.editor-content .h2-alt, .article-list-item .article-content .article-ingress.editor-content h3, .article-list-item .article-content .article-ingress.editor-content .h3, .article-list-item .article-content .article-ingress.editor-content .h3-alt, .article-list-item .article-content .article-ingress.editor-content h4, .article-list-item .article-content .article-ingress.editor-content .h4, .article-list-item .article-content .article-ingress.editor-content h5, .article-list-item .article-content .article-ingress.editor-content .h5, .article-list-item .article-content .article-ingress.editor-content h6, .article-list-item .article-content .article-ingress.editor-content .h6, .article-list-item .article-content .article-ingress.editor-content a, .article-list-item .article-content .article-ingress.editor-content blockquote, .article-list-item .article-content .article-ingress.editor-content .content-ingress, .article-list-item .article-content .article-ingress.editor-content .ingress, .article-list-item .article-content .article-ingress.editor-content li {
          color: #294465; }
          .article-list-item .article-content .article-ingress.editor-content p:hover, .article-list-item .article-content .article-ingress.editor-content h2:hover, .article-list-item .article-content .article-ingress.editor-content .h2:hover, .article-list-item .article-content .article-ingress.editor-content .h2-alt:hover, .article-list-item .article-content .article-ingress.editor-content h3:hover, .article-list-item .article-content .article-ingress.editor-content .h3:hover, .article-list-item .article-content .article-ingress.editor-content .h3-alt:hover, .article-list-item .article-content .article-ingress.editor-content h4:hover, .article-list-item .article-content .article-ingress.editor-content .h4:hover, .article-list-item .article-content .article-ingress.editor-content h5:hover, .article-list-item .article-content .article-ingress.editor-content .h5:hover, .article-list-item .article-content .article-ingress.editor-content h6:hover, .article-list-item .article-content .article-ingress.editor-content .h6:hover, .article-list-item .article-content .article-ingress.editor-content a:hover, .article-list-item .article-content .article-ingress.editor-content blockquote:hover, .article-list-item .article-content .article-ingress.editor-content .content-ingress:hover, .article-list-item .article-content .article-ingress.editor-content .ingress:hover, .article-list-item .article-content .article-ingress.editor-content li:hover, .article-list-item .article-content .article-ingress.editor-content p:active, .article-list-item .article-content .article-ingress.editor-content h2:active, .article-list-item .article-content .article-ingress.editor-content .h2:active, .article-list-item .article-content .article-ingress.editor-content .h2-alt:active, .article-list-item .article-content .article-ingress.editor-content h3:active, .article-list-item .article-content .article-ingress.editor-content .h3:active, .article-list-item .article-content .article-ingress.editor-content .h3-alt:active, .article-list-item .article-content .article-ingress.editor-content h4:active, .article-list-item .article-content .article-ingress.editor-content .h4:active, .article-list-item .article-content .article-ingress.editor-content h5:active, .article-list-item .article-content .article-ingress.editor-content .h5:active, .article-list-item .article-content .article-ingress.editor-content h6:active, .article-list-item .article-content .article-ingress.editor-content .h6:active, .article-list-item .article-content .article-ingress.editor-content a:active, .article-list-item .article-content .article-ingress.editor-content blockquote:active, .article-list-item .article-content .article-ingress.editor-content .content-ingress:active, .article-list-item .article-content .article-ingress.editor-content .ingress:active, .article-list-item .article-content .article-ingress.editor-content li:active, .article-list-item .article-content .article-ingress.editor-content p:focus, .article-list-item .article-content .article-ingress.editor-content h2:focus, .article-list-item .article-content .article-ingress.editor-content .h2:focus, .article-list-item .article-content .article-ingress.editor-content .h2-alt:focus, .article-list-item .article-content .article-ingress.editor-content h3:focus, .article-list-item .article-content .article-ingress.editor-content .h3:focus, .article-list-item .article-content .article-ingress.editor-content .h3-alt:focus, .article-list-item .article-content .article-ingress.editor-content h4:focus, .article-list-item .article-content .article-ingress.editor-content .h4:focus, .article-list-item .article-content .article-ingress.editor-content h5:focus, .article-list-item .article-content .article-ingress.editor-content .h5:focus, .article-list-item .article-content .article-ingress.editor-content h6:focus, .article-list-item .article-content .article-ingress.editor-content .h6:focus, .article-list-item .article-content .article-ingress.editor-content a:focus, .article-list-item .article-content .article-ingress.editor-content blockquote:focus, .article-list-item .article-content .article-ingress.editor-content .content-ingress:focus, .article-list-item .article-content .article-ingress.editor-content .ingress:focus, .article-list-item .article-content .article-ingress.editor-content li:focus {
            color: #294465; }
        .article-list-item .article-content .article-ingress.editor-content a {
          text-decoration: underline; }
          .article-list-item .article-content .article-ingress.editor-content a:hover, .article-list-item .article-content .article-ingress.editor-content a:active, .article-list-item .article-content .article-ingress.editor-content a:focus {
            text-decoration: underline; }
        .article-list-item .article-content .article-ingress.editor-content li:before {
          color: #294465;
          border-color: #294465; }
      .article-list-item .article-content .article-ingress.editor-content blockquote:before {
        background-color: #294465; }
  .article-list-item .article-link {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding: 1.25rem 0rem 1rem 0rem;
    background-color: transparent;
    border-left: 0.0625rem solid #f4f5f5;
    font-family: 'Barlow Condensed', "Times New Roman", Times, serif;
    font-size: 1.1875rem;
    line-height: 1.38;
    color: #666f7d;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0.011875rem;
    text-transform: uppercase;
    transition: all 0.2s; }
    .article-list-item .article-link:hover, .article-list-item .article-link:active, .article-list-item .article-link:focus {
      background-color: transparent;
      color: #e62000; }
    .article-list-item .article-link .card-link-text, .article-list-item .article-link .card-link-button {
      margin: 0;
      white-space: nowrap; }
    @media screen and (max-width: 47.9375em) {
      .article-list-item .article-link {
        display: none; } }