/* Components, continued: news, boxes, publications, list styles. Part of the RUB Chair theme. */

/* News teaser */
.rub-news-item {
	border-bottom: 1px solid var(--rub-light);
	padding-bottom: var(--wp--preset--spacing--30);
}

.rub-news-item:last-child {
	border-bottom: 0;
}

.rub-news-item__date {
	/* accent-dark, not --rub-accent: Hellblau only reaches 2.2:1 on white. */
	color: var(--rub-accent-text);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
}

.rub-news-item__title a {
	text-decoration: none;
}

.rub-news-item__title a:hover {
	text-decoration: underline;
}

/* Card without a picture: a RUB Blau tile of the same size with an interface
   icon (inc/card-placeholder.php). */
.rub-card__placeholder {
	align-items: center;
	aspect-ratio: 16 / 9;
	background-color: var(--rub-blue);
	color: var(--rub-light);
	display: flex;
	justify-content: center;
	margin: 0;
	width: 100%;
}

.rub-card__placeholder .rub-card__icon {
	height: 4rem;
	stroke-width: 1.5;
	width: 4rem;
}

/* The picture on top of a news post or project (often a screenshot or plot on
   white): RUB corners and a fine frame, so it stands out from the page. */
.rub-content > .wp-block-post-featured-image img {
	border: 1px solid var(--rub-frame);
	border-radius: var(--rub-radius);
	box-sizing: border-box;
}

/* The same on every card's picture (news, projects): the frame round its top,
   so a picture with a white edge – a screenshot, a plot – does not run into
   the page; on photos it is hardly seen. */
.rub-card__image img {
	border: 1px solid var(--rub-frame);
	border-bottom: 0;
	border-radius: var(--rub-radius) var(--rub-radius) 0 0;
	box-sizing: border-box;
}

/* Position under the name on profile pages (templates/single-rub_person.html). */
.rub-person-role {
	color: var(--rub-accent-text);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 600;
}

.rub-person-role:empty {
	display: none;
}

.is-style-rub-box > :first-child {
	margin-top: 0;
}

/* Publication entry */
.rub-publication {
	border-left: 3px solid var(--rub-light);
	padding-left: var(--wp--preset--spacing--20);
}

.rub-publication__meta {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
}

/* Block style "No bullets" (core/list). */
.is-style-rub-unstyled {
	list-style: none;
	padding-left: 0;
}

.is-style-rub-unstyled li {
	margin-bottom: 0.35rem;
}

/* Block style "Columns" (core/list): long lists of names in newspaper
   columns, one column on phones. */
.is-style-rub-columns {
	column-gap: var(--wp--preset--spacing--40);
	columns: 3 14rem;
	list-style: none;
	padding-left: 0;
}

.is-style-rub-columns li {
	break-inside: avoid;
	margin-bottom: 0.3rem;
}