.mod_newslist {
  &.grid {
    position: relative;

    @include media-breakpoint-up(lg) {
      column-gap: 5rem;
      &:after {
        content: "";
        width: 10px;
        background-color: $body-bg;
        position: absolute;
        left: 50%;
        margin-left: -5px;
        top: -$basic-gutter;
        height: calc(100% + #{$basic-gutter} * 2);
      }
    }

    > *:first-child:not(div) {
      grid-column: auto/span 12;
      width: 100%;
      margin-bottom: 0px !important;
    }

    > div {
      margin: 0 0 1rem 0 !important;
      grid-column: auto/span 12;
      @include media-breakpoint-up(lg) {
        grid-column: auto/span 6;
      }
    }
  }
}

.mod_newslist {
  .layout_latest {
    @include content-box();

    &:not(.last) {
      margin-bottom: 2rem;
    }

    p.info {
      @include font-size(14px);
      color: var(--bs-primary);
      margin-bottom: 0.25rem;
    }

    h2 {
      color: var(--bs-primary);
      padding-bottom: 0.5rem;
      border-bottom: 1px solid var(--bs-primary);
      font-weight: $font-weight-normal;
      margin-bottom: 2.5rem;
      margin-top: 0px;

      &.with-url {
        &:hover {
          color: var(--bs-primary);
          border-bottom-color: var(--bs-primary);
        }
      }

      a {
        text-decoration: none;
      }
    }
  }

  .layout_short {
    h2 {
      @include font-size(18px);
      font-weight: $font-weight-bold;

      a {
        color: var(--bs-body-color);
        text-decoration: none;
      }
    }

    .ce_text {
      font-weight: $font-weight-light;
      @include font-size(16px);
    }

    .right-col-wrapper {
      display: flex;
      flex-flow: column wrap;
      height: 100%;

      p.info {
        color: var(--bs-primary);
      }

      p.more {
        margin: auto 0 0 0;
      }
    }
  }

  .layout_simple {
    padding: 1.5rem;
    position: relative;

    &:not(:last-child) {
      margin-bottom: 2rem;
    }

    &:nth-child(even) {
      background-color: $gray-100;
    }

    &:nth-child(odd) {
      background-color: var(--bs-gray-200);
    }

    .news--image-wrapper {
      min-height: rfs-value(40px);

      a,
      img {
        & + span.date {
          top: 3rem;
        }
      }

      span.date {
        position: absolute;
        background-color: var(--bs-primary);
        padding: 0.5rem 1rem 0.5rem 1.5rem;
        color: var(--bs-body-color-inverse);
        font-weight: $font-weight-light;
        top: 1.5rem;
        left: 0;
      }
    }

    .news--content-wrapper {
      display: flex;
      flex-flow: column wrap;

      h2 {
        color: var(--bs-primary);
        margin-bottom: 0px;
        padding-bottom: 0.5rem;
      }

      a {
        text-decoration: none;
      }

      .news--button {
        margin: auto 0 0 0;
      }
    }
  }
}

.mod_newsreader {
  .layout_full {
    h1 {
      margin-bottom: 0px;
    }

    .ce--subline {
    }

    & + p.back {
      a {
        //@extend .btn, .btn-primary;
      }
    }
  }
}