section {
  &.news-items-grid {
    article {
      // layout
      margin: 0 10px 20px;
      position: relative;

      // styling
      background-color: white;

      &.news-item-image {
        &.single {
          h1 {
            display: none;
          }
        }

        h1 {
          // reset
          @include reset-normalize;

          // layout
          position: absolute;
          bottom: 20px;
          left: 20px;
          right: 75px;
          z-index: 1;
  
          // styling
          color: $news-item-image-heading-text;
        }
      }

      // &.news-item-image-text {
      //   background-color: $news-item-image-text-bg;

      //   h1 {
      //     color: $news-item-image-text-heading-text;
      //   }

      //   .text-container {
      //     position: relative;

      //     &:before {
      //       // layout
      //       content: "";
      //       position: absolute;
      //       left: 0;
      //       right: 0;
      //       top: -13px;
      //       margin: auto;

      //       // styling
      //       @include sprite($arrow-grey);
      //     }
      //   }
      // }

      &.news-item-image-text, &.news-item-text {
        .text-container {
          @include clearfix;
          padding: 20px;
        }
      }

      &.news-item-text {
        background-color: $news-item-text-bg;

        h1 {
          color: $news-item-text-heading-text;
        }

        p {
          color: $news-item-text-body-text;
        }
      }

      footer {
        @include clearfix;
      }

      h1 {
        // reset
        @include reset-normalize((
          margin: 0 0 10px
        )...);
      }

      .button {
        position: absolute;
        right: 2px;
        bottom: 2px;
      }
    }

    .articles {
      padding: 20px 0;
    }  
  }
}