/* Ported from home/news/news.component.scss and home/post (inline style).
   Deliberate change: the list item is a fixed-height cover box, because the imported images are
   small (400x104) and the old caption (padding-top 15%) overflowed them. */
.og-news-item { position: relative; min-height: 500px; overflow: hidden; }
.og-news .picsum-img-wrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.og-news .carousel-caption {
	width: 100%; height: 100%; position: absolute; top: 0; right: auto; bottom: auto; left: 0; z-index: 10;
	padding: 15% 15px 20px; color: #fff; text-align: center; background-color: #000000a3;
}
.og-news .carousel-caption p { color: #fff; font-weight: bold; }
.og-news ul.page-numbers { display: flex; list-style: none; padding-left: 0; margin: 1rem 0; }
.og-news ul.page-numbers li > * { display: block; padding: .5rem .75rem; margin-left: -1px; border: 1px solid #dee2e6; }
.og-news ul.page-numbers .current { background: #007bff; border-color: #007bff; color: #fff; }
.og-post-date { text-transform: uppercase; color: grey; }
.og-post .picsum-img-wrapper img { width: 100%; height: auto; }
@media only screen and (max-width: 768px) {
	.og-news .carousel-caption h2 { margin-top: 100px; }
}