/************************************************************************
 * Promoted cards
 ***********************************************************************/

/* All of this makes the promoted view scale to a common height and stretch the
 * body field to make items with less text fit and keep the "read more" button
 * on the same level.
 */

.view-promoted .view-content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
}

/* ensure block type (one of these is a span) and match parent height */
.view-promoted .view-content > .views-row > .views-field,
.view-promoted .view-content > .views-row > .views-field > .field-content,
.view-promoted .view-content > .views-row > .views-field > .field-content > .node {
	display: block;
	height: 100%;
}

/************************************************************************
 * References
 ***********************************************************************/

.view-references.view-display-id-list .views-row {
	margin: 0 0 2rem 0;
}

.view-references .group-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	
	color: white;
	background-color: var(--color-grey);
}

.view-references .group-wrapper > * {
	margin: 0;
}