article.node--type-news {
  .field--name-field-featured-image {
    img {
      width: 100%;
      height: auto;
      border-bottom: 3px solid var(--Brand-Secondary, #DD3A31);
    }
  }

  .news-item-content {
    max-width: 1440px;
    margin: 0 auto;
    
    @media (max-width: 1440px) {
      margin-inline: 3vw;
    }

    @media (max-width: 767px) {
      .heading-wrapper {
        flex-direction: column;
        margin-block: 40px !important;
      }

      .field--name-field-content {
        /* Reset floated images on narrow screens */
        .align-left, .align-right {
          float: none;
          margin-left: 0 !important;
          margin-right: 0 !important;
          margin-block: 40px;

          img {
            float: none;
            max-width: 100%;
            height: auto;
            display: inline-block;
          }
        }
      }
    }

    .heading-wrapper {
      margin-block: 80px 60px;
      padding-bottom: 20px;
      border-bottom: 3px solid var(--Brand-Secondary, #DD3A31);
      display: flex;
      justify-content: space-between;

      .field--name-field-heading {
        color: var(--Brand-Primary, #25408E);
        font-family: var(--font-serif);
        font-size: 40px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%; /* 48px */
        text-transform: capitalize;
        max-width: 1100px;
      }

      .tag-date-wrapper {
        display: inline-flex;
        gap: 27px;
        align-items: end;

        .field--name-field-tags .field__item {
          color: #A4A4A4;
          font-family: var(--font-serif);
          font-size: 18px;
          font-style: normal;
          font-weight: 600;
          line-height: 163%; /* 29.34px */

          &::before {
            content: url('../../images/icons/file-icon.svg');
            margin-right: 15px;
            height: 18px;
            width: 14px;
          }
        }

        .field--name-field-publish-date {
          .datetime {
            color: #A4A4A4;
            font-family: var(--font-serif);
            font-size: 18px;
            font-style: normal;
            font-weight: 600;
            line-height: 163%; /* 29.34px */
            white-space: nowrap;

            &::before {
              content: url('../../images/icons/calendar-icon.svg');
              margin-right: 15px;
              height: 16px;
              width: 14px;
            }
          }
        }
      }
    }

    .field--name-field-content {
      margin-bottom: 70px;

      .align-right:has(img) {
        margin-left: 15px;
      }

      .align-left:has(img) {
        margin-right: 15px;
      }

      img {
        border-radius: 8px;
      }
    }
  }
  
}