/**
 *
 * News Listing styling
 *
 */

header {
  height: 100vh;
  max-height: 550px;
}

.news-listings.featured .card.news-listing h5.card-title,
.news-listings.featured .card.news-listing p,
.news-listings.featured .card.news-listing a {
  color: #858585 !important;
}

.listing-image {
  max-width: 100%;
  width: 100%;
  min-height: 50%;
}

@media only screen and (max-width: 1280px) {

  .news__featured-container {
    max-width: calc(93.75% - (2 * 15px));
  }

  .news-listing-featured .text>div {
    margin-left: calc(-80px - 27px);
  }

  .module__listing--featured-date {
    max-width: 70px;
    max-height: 70px;
    padding: 0 10px 15px;
  }

}

@media only screen and (max-width: 1280px) {

  .news__featured-container {
    max-width: 100%;
  }

}

@media only screen and (max-width: 1024px) {

  .news-listing-featured .text>div {
    margin-left: calc(-80px - 5px);
  }

  .card.news-listing .card-body {
    margin-top: 10px;
    padding: 70px 25px 1rem;
  }

  .news__featured-container .feature-title {
    max-height: 70px;
  }

  .news-listing-featured .text h2 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    margin-left: 25px;
    line-height: 1.5;
  }

  .news-listing-featured .text>div p {
    padding-left: 75px;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

}

@media only screen and (max-width: 992px) {

  .news-listings .card.news-listing {
    margin: 1rem;
  }

  .card-deck .card {
    flex: 0 0 50%;
    padding: 1.618rem 1rem;
  }

}

@media only screen and (max-width: 768px) {

  .news-listings .card.news-listing {
    margin: 1rem auto;
  }

  .card-deck .card {
    flex: 0 0 100%;
  }

}