@import "_functions";
@import "_mixins";
@import "_variables";

.block.block-lb-listing-articles {
  margin: 40px 0;

  @include media-breakpoint-up('md') {
    margin: 80px 0 70px;
  }

  h2 {
    font-size: 50px;
    font-family: var(--ylb-font-family-cachet, Verdana), sans-serif;
    margin-bottom: 20px;

    @include media-breakpoint-down('lg') {
      font-size: 35px;
      margin-bottom: 14px;
    }
  }

  .lb-articles-listing {
    header {
      display: none;
    }

    .node--lb.node--type-article-lb.node--view-mode-teaser {
      border-radius: 8px;
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
      padding: 0 20px 20px;
      height: 100%;
      overflow: hidden;

      & > div {
        display: flex;
        flex-direction: column;

        .field-header-image {
          order: -1;
          width: calc(100% + 40px);
          margin: 0 -20px 20px;

          img {
            border-radius: 0;
          }
        }
      }
      // An author's name.
      span > span > a {
        font-size: 18px;
      }

      .changed {
        color: var(--ylb-color-dark-grey-1, darkgray);
        font-size: 16px;
        font-family: var(--ylb-font-family-verdana, Verdana), sans-serif;
        line-height: 20px;
        margin: 15px 0;
        padding-top: 0;

        .field-published-date {
          margin: 0;
          text-transform: none;
          font-size: 18px;
          font-weight: 400;
        }
      }

      .wrapper-field-tags {
        gap: 15px;
        margin-bottom: 15px;

        .field-tags {
          font-size: 14px;
          background: unset;
          font-weight: 400;
        }
      }

      h3 {
        margin-bottom: 20px;
        margin-top: 0;
        line-height: 32px;

        a {
          color: var(--wsPartnerColor, black);
          font-family: var(--ylb-font-family-cachet, Verdana), sans-serif;
          font-weight: 500;
          font-size: 30px;
          line-height: 32px;
        }
      }
    }

    .pager .pager__item {
      display: none;
    }
  }
}
