/**

 *

 * News Articles Listing Page CSS Styling

 *

 */



 .news {

  font-family: var(--font-nunito-sans);

}



.news a {

  cursor: pointer;

}



main section.news-listings {

  max-height: unset;

}



.module__listing--date {
    max-width: 130px;
    max-height: 120px;
    padding: 0 8px 10px;
}


.module__listing--date>h5 {

  margin-bottom: 0;

  padding-bottom: 10px;

  color: white !important;

  font: normal normal 50px var(--font-raleway);

  font-weight: 600;

  line-height: 30px;

}



.module__listing--date>h5 span {

  color: white;

  font: normal normal 18px var(--font-raleway);

  font-weight: 600;

  line-height: 33px;

}



.module__listing--featured-date {

  max-width: 80px;

  max-height: 80px;

  padding: 10px 15px 25px;

}



.module__listing--featured-date>h5 {

  margin-bottom: 0;

  color: #212121;

  font: normal normal 40px var(--font-raleway);

  line-height: 25px;

  font-weight: 600;

}



.module__listing--featured-date>h5 span {

  color: #212121;

  font: normal normal 14px var(--font-raleway);

  font-weight: 600;

  line-height: 17px;

}



.bg-yellow {

  background-color: #e62827;

}



.grey-border-1 {

  border: 1px solid #dfdfdf;

}



.flex-center {

  display: flex;

  flex-direction: column;

  align-self: center;

}



.card.news-listing {

  position: relative;

  max-height: unset !important;

  /*margin: 50px 1rem;*/

  padding: 0;

  border: 0;

  border-radius: 0;

}



.card.news-listing .card-body {

  margin-top: 10px;

  padding: 80px 30px 1rem;

}



.card.news-listing .card-body * {

  color: white;

  text-decoration: none;

}



.listing-btn-border {

  border: 1px solid #8a8a8a;

}


.news-readmore-btn {

  max-width: 280px;

  max-height: 50px;

  margin: 3rem 0 1.5rem;

  padding: 0 35px;

  border: 1px solid #212121;

}




.card.news-listing h5 {

  font-family: var(--font-raleway);

}



.card.news-listing h5,

.card.news-listing a {

  color: white ;

}



.card.news-listing p {

  color: #858585 !important;

}



.featured-link {

  color: #212121;

  line-height: 50px !important;

}



.news__featured-container {

  max-width: 1280px;

  width: 100%;

  margin-left: auto;

  margin-right: auto;

  padding-left: 15px;

  padding-right: 15px;

}



.news__featured-container .section__theme .text {

  padding-top: 100px;

  padding-bottom: 100px;

}



.news-listing-featured .text h2 {
  margin-top: 2.25rem;
  margin-left: 50px;
  color: #e62827;
  font-family: var(--font-raleway);
  font-size: 21px;
  font-weight: 600;
  line-height: 1.15;
}


.news-listing-featured .text p, .news-listing-featured .text a {
  font-size: 16px;
  line-height: 30px;
  font-weight: 300;
  color: #ffffff;
}



.news-listing-featured .text a:hover,

.news-listing-featured .text a:active,

.news-listing-featured .text a:focus {

  outline: 0;

  box-shadow: none;

  text-decoration: none;

  color: #858585;

}



.news-listing-featured .text>div {
  display: block;
  margin-left: calc(-80px - 15px);
  overflow: hidden;
  background-color: #051019;
}



.news-listing-featured .text>div>.row {

  padding-left: 15px;

}



.news-listing-featured .text>div p {

  padding-left: 60px;

  margin-top: 2.5rem;

  margin-bottom: 2.5rem;

}



.news-listing-featured .text>div .cta {

  margin-left: 120px;

}



.news-listing-featured .cta {

  border: 1px solid #9f9f9f !important;

}



.news-listing .card-body>.position-absolute {

  top: calc(-40px - 20px);

  left: 15px;

}

@media only screen and (max-width: 1440px) {
    .card.news-listing .news-readmore-btn {
        padding: 0 15px !important;
    }
}

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

  .news__featured-container {

    max-width: calc(100% - (2 * 15px));

  }



  .news-listing-featured .text>div {

    margin-left: calc(-80px - 27px);

  }



}



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

  .news__featured-container {

    max-width: 912px;

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

}



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

  .news__featured-container {

    max-width: 880px;

  }

}



@media only screen and (max-width: 768px) {
    .container.section__theme {
        margin: 20px !important;
    }

  .news__featured-container {

    max-width: 100%;

  }

}



@media only screen and (max-width: 576px) {
    .news-listings .container.section__theme {
        width: 100% !important;
    }
  .news__featured-container {

    max-width: 100%;

  }

}