// --------------------- //
// blog / news
//

// special first news blog
.top-blog-box {
  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
    .teaser-tile {
      .teaser-image {
        margin-right: 20px;
      }
      .teaser-text {
        flex-basis: calc(50% - 20px);
        flex-grow: initial;
        padding: 0;
      }
    }
  }
}

.top-blog {
  & > .row {
    display: flex;
    @media (max-width: @screen-xs-max) {
      display: block;
    }
  }
}

.col.top-blog-image {
  padding-right: 0;
  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
    overflow: hidden;
    img {
      height: 100%; // needs row.d-flex
      position: relative;
      top: 20px;
      object-fit: cover;
    }
  }
  @media (max-width: @screen-xs-max) {
    padding-left: 0;
  }
}