.list-news {
  position: relative;
}
.list-news::after {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 46.25%, rgba(0, 0, 0, 0.25) 100%);
  display: block;
  width: calc(100% + 44px);
  height: 100%;
  position: absolute;
  bottom: 0;
  left: -22px;
  z-index: -1;
}

.news-grid.row {
  margin: 0 -22px;
}
.news-grid.row > * {
  padding: 0 22px;
}
.news-grid .item {
  margin-bottom: 118px;
}
.news-grid .item img {
  height: 525px;
}

.list-news .pagination-wrapper {
  margin-top: -45px;
}

.featured-news-grid {
  margin: 0 -15px;
}
.featured-news-grid > * {
  padding: 0 15px;
}
.featured-news-grid .featured-news-item {
  position: relative;
}
.featured-news-grid .featured-news-item .featured-news-image img {
  height: 721px;
  object-fit: cover;
  max-height: 100%;
}
.featured-news-grid .featured-news-item .featured-news-content {
  position: absolute;
  bottom: 37px;
  right: 37px;
  left: 0;
  background-color: rgba(217, 217, 217, 0.8);
  padding: 17px 68px 17px 37px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  transform: translateY(100px);
}
.featured-news-grid .featured-news-item .featured-news-content .featured-news-title {
  margin-top: 0;
  text-transform: none;
}
.featured-news-grid .featured-news-item .featured-news-content .featured-news-title a,
.featured-news-grid .featured-news-item .featured-news-content .featured-news-title .featured-news-location {
  color: #41403E;
}
.featured-news-grid .featured-news-item:hover .featured-news-content {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

@media (min-width: 768px) and (max-width: 880px) {
  .list-news .item a img {
    height: 350px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .featured-news-grid .featured-news-item .featured-news-image img {
    height: 500px;
  }
}
@media (max-width: 992px) {
  .featured-news-grid {
    margin: 0;
  }
  .featured-news-grid > * {
    padding: 0;
  }
  .featured-news-grid .featured-news-item .featured-news-image img {
    height: 500px;
  }
}
@media (max-width: 767px) {
  .list-news .item {
    margin-bottom: 30px;
  }
  .list-news .pagination-wrapper {
    margin-top: 10px;
    flex-wrap: wrap;
  }
}

/*# sourceMappingURL=news.css.map */