/**
 *
 * News Listing styling
 *
 */

.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: 300px;
}
.card.news-listing .news-readmore-btn {
    max-width: 140px;
    padding: 15px 15px;
    color: white;
    line-height: 0;
    margin-top: 50px;
    background-color: black;
    border-radius: 10px;
    text-transform: uppercase;
    border: 0;
    min-height: 50px;
}
h5.card-title {
    color: black !important;
    font-size: 20px;
    font-family: 'Josefin Sans';
    text-transform: none !important;
}
.card.news-listing p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media only screen and (max-width: 1440px) {
    .card.news-listing {
        padding: 20px;
    }
    .card.news-listing .news-readmore-btn {
        padding: 0 15px !important;
    }
}
@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) {
    .listing-image {
      min-height: 200px;
    }
  .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: 0;
  }

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

}

@media only screen and (max-width: 768px) {
      .news, .section__theme .text {
        padding-top: 30px !important;
        padding-bottom: 0px !important;
    }

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

}