/*******
	Breakpoints / Layout / Grid
********/
/*******
	Typography
********/
/* Font weight START */
/* Font weight END */
/*******
	Backgrounds
********/
/*********
	Elements
********/
/* Breakpoints START */
/* Breakpoints END */
/* Spacings START */
/* Spacings END */
/*@import "../base/typography";
*/
.news-carousel {
  position: relative;
  padding-top: 48px;
  padding-bottom: 48px;
}
@media (min-width: 1024px) {
  .news-carousel {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .news-carousel.reduce-padding {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
.news-carousel__static {
  gap: 20px;
}
.news-carousel::before {
  content: "";
  position: absolute;
  top: 50%;
  height: 50%;
  width: 100%;
  left: 0;
  background-color: #f7f7f7;
}
.news-carousel__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #111111;
}
@media (min-width: 1024px) {
  .news-carousel__header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.news-carousel__header-cta {
  margin-top: 20px;
  display: flex;
  align-items: center;
  font-family: "Inter", sans-serif;
  gap: 14px;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.03em;
}
.news-carousel__header-cta:after {
  content: "";
  width: 35px;
  height: 35px;
  background-image: url("/sitefiles/dist/images/icons/cta-chevron-right.svg");
  background-size: contain;
}
.news-carousel__header-cta:hover:after {
  background-image: url("/sitefiles/dist/images/icons/cta-chevron-right-active.svg");
}
@media (min-width: 1024px) {
  .news-carousel__header-cta {
    margin-top: 0;
  }
}
.news-carousel__carousel {
  margin-top: 32px;
  display: flex;
}
@media (min-width: 1024px) {
  .news-carousel__carousel {
    margin-top: 56px;
  }
}

.news-carousel-card {
  position: relative;
  aspect-ratio: 367/269;
  background-color: #fff;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #111111;
  background-image: url("/sitefiles/dist/images/news-carousel/news-card-background--white.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: color 300ms;
  box-shadow: 0px 4px 94px rgba(0, 33, 72, 0.1);
  width: 367px;
}
.news-carousel-card:hover {
  color: #fff;
}
.news-carousel-card:hover .news-carousel-card__hover-bg {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}
.news-carousel-card__hover-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  background-image: url("/sitefiles/dist/images/news-carousel/news-card-background--blue.svg");
  background-size: cover;
  opacity: 0;
  pointer-events: none;
  transform: scale(1.5) rotate(10deg);
  transition: opacity 300ms, transform 1200ms;
}
.news-carousel-card__ribbon {
  position: absolute;
  left: 7.0844686649%;
  top: -2.2222222222%;
  z-index: 1;
  width: 9.2643051771%;
  height: 18.5185185185%;
  background-image: url("/sitefiles/dist/images/icons/news-card-ribbon--blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
}
.news-carousel-card:hover .news-carousel-card__ribbon {
  background-image: url("/sitefiles/dist/images/icons/news-card-ribbon--white.svg");
}
.news-carousel-card__outer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}
.news-carousel-card__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  padding: 17px 22px;
  width: 100%;
}
@media (min-width: 1024px) {
  .news-carousel-card__inner {
    padding: 22px 26px;
  }
}
.news-carousel-card__type {
  width: 100%;
  padding-bottom: 18px;
}
.news-carousel-card__title {
  width: 100%;
  font-weight: 500;
  font-size: 20px;
}
@media (min-width: 1024px) {
  .news-carousel-card__title {
    font-size: 22px;
  }
}
.news-carousel-card__footer {
  width: 100%;
  padding-top: 34px;
  display: flex;
}
.news-carousel-card__file-type {
  flex: 1;
}
.news-carousel-card__cta {
  font-weight: 500;
  font-size: 16px;
  position: relative;
  display: flex;
  gap: 8px;
  align-items: center;
}
.news-carousel-card__cta:after {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("/sitefiles/dist/images/icons/news.svg");
  background-size: contain;
}
.news-carousel-card:hover .news-carousel-card__cta:after {
  background-image: url("/sitefiles/dist/images/icons/news--white.svg");
}