.news-feature {
  padding: 4rem 0;
}
.news-feature h2 {
  margin-right: 1rem;
}
.news-feature a:not(.btn),
.news-feature a:not(.btn) .news-title {
  color: #0057b8;
  border-bottom-width: 0.125rem;
  border-color: #007fa3;
}
.news-feature a:not(.btn):hover,
.news-feature a:not(.btn):hover .news-title {
  border-color: #0057b8;
}
.news-feature a:not(.btn):active,
.news-feature a:not(.btn):active .news-title {
  border-color: transparent;
}
.news-feature .main-feature .news-item a .news-title {
  font-size: 20px;
}

/* Image and media color accent */
.news-feature .main-feature {
  padding-top: 16px;
  position: relative;
  padding-left: 20px;
  margin-left: -16px;
}
.news-feature .main-feature::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: calc(100vw * 0.5625 * .93);
  left: -20px;
  background: #fecb34;
  width: 93%;
}
.news-feature.decoration--dark_blue .main-feature::before,
.news-feature.decoration--dark_blue h2 {
  background: #0057b8;
}
.news-feature.decoration--green .main-feature::before,
.news-feature.decoration--green h2 {
  background: #2f8355;
}
.news-feature.decoration--gray .main-feature::before,
.news-feature.decoration--gray h2 {
  background: rgba(0, 0, 0, 0.05);
}
.news-feature.decoration--light_blue .main-feature::before,
.news-feature.decoration--light_blue h2 {
  background: #007fa3;
}
.news-feature.decoration--purple .main-feature::before,
.news-feature.decoration--purple h2 {
  background: #8066b7;
}
.news-feature.decoration--dark_blue .main-feature h2,
.news-feature.decoration--purple .main-feature h2,
.news-feature.decoration--light_blue .main-feature h2,
.news-feature.decoration--green .main-feature h2 {
  color: white;
}
@media screen and (min-width: 640px) {
  .news-feature .main-feature {
    padding-top: 30px;
    padding-left: 30px;
    margin-left: -30px;
  }
  .news-feature .main-feature::before {
    left: 0;
    height: 254px;
  }
}

@media screen and (min-width: 1024px) {
  .news-feature h2 {
    margin-right: 3rem;
  }
  .news-feature .main-feature .news-item a .news-title {
    font-size: 26px;
  }
  .news-feature .main-feature::before {
    height: 305px;
    width: 90%;
  }
}