.related-articles__up-next,
.related-articles__recommended {
  padding: 10px;
  text-transform: uppercase;
  font-size: $font-small;
}

//UP NEXT - LIST
.related-articles-up-next {
  padding: 0 0 25px;
  &__title {
    padding: 10px;
  }
  &__desc {
    padding: 0 10px;
  }
}


//RECOMMENDED - LIST
.related-articles-recommended {
    &__title {
      word-wrap: break-word;
    }
    &-list {
      list-style: none;
      padding: 0;
      margin: 0;
      &__item {
        margin: 0 0 20px;
        padding: 0;
        overflow: auto;
        clear: both;
      }
      &__content {
          padding: 0 10px;
      }
      &--hero {
        @include float-clear(none);
        padding: 0;
        width: 100%;
      }
      &--grid {
          &:nth-child(even) {
            @media screen and (min-width: 320px) {
              width: 45%;
              @include float-clear(right);
              padding: 0 10px 0 0;
            }
          }

          &:nth-child(odd) {
            @media screen and (min-width: 320px) {
              width: 46%;
              @include float-clear(left);
              padding: 0 0 0 10px;
            }
          }
      }
    }
}

.related-articles-recommended-list__item--grid {
  .related-articles-recommended-list__content {
    padding: 0;
  }
}
