/* Malli: @include icon($facebook)*/
.article-list-item {
  text-decoration: none !important;
  display: table;
  width: 100%;
  border-radius: 0rem;
  background: transparent;
  margin-bottom: 1.25rem;
  transition: all 0.2s;
  border-top: 0rem solid #0057bf;
  border-bottom: 0.1875rem solid #0057bf;
  border-left: 0rem solid #0057bf;
  border-right: 0rem solid #0057bf;
  box-shadow: none;
  min-height: 0rem;
  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: none;
    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: #f6f5f3;
      position: absolute;
      top: calc(0rem * -1);
      bottom: calc(0.1875rem * -1);
      height: calc(100% + 0rem + 0.1875rem);
      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 print, screen and (max-width: 47.99875em) {
        .article-list-item .article-image {
          min-width: 7.5rem; } }
    @media print, screen and (max-width: 31.24875em) {
      .article-list-item .article-image {
        display: none; } }
  .article-list-item .article-content {
    display: table-cell;
    vertical-align: middle;
    padding: 0rem 0rem 1.25rem 0rem;
    width: 100%; }
    .article-list-item .article-content .article-meta {
      margin-bottom: 0rem; }
      .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: #222222; }
      .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;
      color: #222222;
      font-family: Archivo, Arial, Helvetica, sans-serif;
      font-size: 1.03125rem;
      line-height: 1.3;
      font-weight: 400;
      font-style: normal;
      letter-spacing: 0.00625rem;
      text-transform: initial; }
      .article-list-item .article-content .article-ingress:not(.editor-content) {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 2;
        height: fit-content; }
      .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: #222222; }
          .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: #222222; }
        .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: #222222;
          border-color: #222222; }
      .article-list-item .article-content .article-ingress.editor-content blockquote:before {
        background-color: #222222; }
  .article-list-item .article-link {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding: 0rem 0rem 0rem 0rem;
    background-color: transparent;
    border-left: 0rem solid #ffcf00;
    font-family: Archivo, Arial, Helvetica, sans-serif;
    font-size: 0rem;
    line-height: 1.56;
    color: transparent;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0rem;
    text-transform: initial;
    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: #222222; }
    .article-list-item .article-link .card-link-text, .article-list-item .article-link .card-link-button {
      margin: 0;
      white-space: nowrap; }
    @media print, screen and (max-width: 47.99875em) {
      .article-list-item .article-link {
        display: none; } }