/* == NEWS PAGE ONLY == */

.hero { background-image: url('../img/hero/hero-news.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover;}
@media (min-width: 1200px) {.hero { min-height: 60vh; }}

.hero .overlay { z-index:1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 95%);  }

.latest-news {margin-top:-150px; }
@media (min-width: 768px) { .latest-news {margin-top:-250px;} }

.latest-news h2 {font-size:1.8rem; text-transform: none; letter-spacing: normal;}
.latest-news img {max-height: 300px; width: auto; position: relative;}

.latest-news.details {margin-top:-50vh;}

.card .img-wrapper {overflow: hidden; height:200px;}
.card .img-wrapper img {transition: 0.6s ease; }
.card .img-wrapper img:hover {transform: scale(1.2); transition: 0.6s ease; }

.news-list .date {font-size: 0.8rem; font-weight: 500;}
.news-list .card-title {font-weight: 600; color:var(--pureflo-blue)}

    /* SINGLE LISTING */

.news-details-hero {background:rgba(0, 0, 0, 0.3); padding:1.5rem; border-radius: 1rem;}
.news-details-hero h1 {text-shadow: 0 0 3px #333333; font-size:1.8rem; font-weight: 500;}
.news-details-hero .eyebrow { font-weight: 600; font-size: 1rem; font-family: "Montserrat", "helvetica-neue-lt-pro", sans-serif; letter-spacing: normal;}
.news-details {font-size:1.1rem;}