article.blog {
  margin-bottom: 1.5rem;

  img {
    margin: 0 0 1.5rem;

    @media (width >= 600px) {
      float: right;
      margin: 0 0 1.5rem 1.5rem;
    }
  }

  .field--name-body {
    /* adjustments to main content width */
    max-width: 100% !important;
    margin: 0;
    padding: 0 !important;
  }

  .field--name-field-blog-tags {
    background-color: var(--ems-lt-grey);
    padding: .75em;

    .field__label {
      &::after {
        content: ":";
      }
    }

    .field__items {
      display: flex;
    }

    .field__item {
      &::before {
        content: ' ';
        white-space: pre;
      }

      &::after {
        content: " |";
      }

      &:last-child {
        &::after {
          content: "";
        }
      }
    }
  }

  .field--name-field-blog-date {
    margin-bottom: 1.5rem;
  }
}

article.blog.teaser {
  margin-bottom: 2.5rem;

  h2 {
    margin: .5rem 0 0;
    font-size: 1.75rem;
    line-height: 2rem;

    a {
      text-decoration: none;
      color: var(--il-blue);
    }
  }
}