/* ==========================================================================
   "Latest news" section — wraps the news_public_blocks_db view
   ========================================================================== */

.homepage-news {
  background-color: var(--mhpc-bg-muted);
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;

  .homepage-news__title {
    margin-bottom: 0rem;
  }

  .homepage-news__cta {
    padding-left: 0;
    margin-bottom: 2rem;
    color: var(--mhpc-primary);
    svg {
      fill: var(--mhpc-primary);
      width: 26px;
      height: 26px;
      position: relative;
      top: -1px;
      right: -8px;
    }
  }
  .homepage-news__cta:hover {
    opacity: 0.8;
  }

  article {
    border: 0px;
  }
}

.homepage-news__title {
  font-weight: 700;
  font-size: clamp(1.75rem, 3.5vw, 2.75rem);
  line-height: 1.1;
  color: var(--mhpc-text-heading-1);
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .homepage-news {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}