/* Recent news display */
#news-grid {display: grid; grid-template-columns: 150px auto; gap: 1rem;}
#news-grid #news-header {grid-column: 1 / -1; margin: 0;}
#news-grid a {text-decoration: none;}
.news-thumbnail {display: block; align-self: start;}
.news-thumbnail img {width: 100%;}
.news-thumbnail div {text-align: center; font-family: acumin-pro-semi-condensed, "Franklin Gothic", sans-serif; font-weight: bold;}
.news-thumbnail .thumbnail-month {color: #fff; background: #000; padding: 0.5rem 0; font-size: 1.2rem; text-transform: uppercase;}
.news-thumbnail .thumbnail-day {border: #000 1px solid; border-top: none; padding: 1rem 0; font-size: 1.6rem;}
.news-details h2 {margin: 0; text-decoration: none; color: #000;}
.news-details h2:hover {color: #666666;}
.news-details h3 {margin: 0 0 1rem 0; font-size: 1.2rem; font-weight: normal; color: #666666;}
.news-details .article-date::after {content: ' • ';}
#news-grid #nav-info {grid-column: 1 / 3; text-align: center; color: #666;}

/* Recent news styles for mobile */
@media only screen and (max-width: 767px) {
  #news-grid {grid-template-columns: auto;}
  .news-thumbnail img {height: 150px; object-fit: cover;}
  .news-details {margin-bottom: 1rem;}
}