/* Malli: @include icon($facebook)*/
.article-list-item {
  text-decoration: none;
  display: table;
  width: 100%;
  border-radius: 0.3125rem;
  background: #ffffff;
  margin-bottom: 0.5rem;
  transition: all 0.2s;
  border-top: 0rem solid #585858;
  border-bottom: 0rem solid #585858;
  border-left: 0rem solid #585858;
  border-right: 0rem solid #585858;
  box-shadow: 0 0 1.3125rem rgba(0, 0, 0, 0.15);
  min-height: 0.625rem;
  position: relative;
  z-index: 10; }
  .article-list-item:hover, .article-list-item:active, .article-list-item:focus {
    background-color: white;
    box-shadow: 0 0 1.3125rem rgba(0, 0, 0, 0.45);
    text-decoration: none;
    z-index: 9; }
  @media screen and (max-width: 47.9375em) {
    .article-list-item {
      display: block; } }
  .article-list-item .article-content {
    display: table-cell;
    vertical-align: middle;
    padding: 1.1875rem 1.875rem 1.4375rem 1.6875rem;
    width: 100%; }
    .article-list-item .article-content .article-meta {
      margin-bottom: 0.5625rem; }
    .article-list-item .article-content .article-title {
      margin-top: 0;
      margin-bottom: 0.625rem;
      color: #222222; }
      .article-list-item .article-content .article-title:last-child {
        margin-bottom: 0; }
    @media screen and (max-width: 47.9375em) {
      .article-list-item .article-content {
        display: block; } }
    .article-list-item .article-content .article-ingress {
      margin-top: 0;
      margin-bottom: 0;
      max-height: calc(3em * 1.56);
      color: #222222;
      font-family: 'Assistant', Arial, Helvetica, sans-serif;
      font-size: 1.25rem;
      line-height: 1.5;
      font-weight: 400;
      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: #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: 1.25rem 5.0625rem 1.25rem 5.0625rem;
    background-color: transparent;
    border-left: 0rem solid #585858;
    font-family: 'Assistant', Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #222222;
    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 screen and (max-width: 47.9375em) {
      .article-list-item .article-link {
        display: none; } }