/**
 * St Michael's Custom — post meta
 * Styles for the [stm_meta] shortcode: the details strip on single Event and
 * News templates, sitting between the title and the content.
 *
 * Standalone: nothing here depends on styles.css or on the theme.
 */

.stm-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 40px;
	margin: 24px 0;
	padding: 20px 0;
	border-top: 1px solid #DDD0C4;
	border-bottom: 1px solid #DDD0C4;
}

.stm-meta__label {
	margin-bottom: 6px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #8A7070;
}

.stm-meta__value {
	font-size: 15px;
	line-height: 1.4;
	color: #2E1A18;
}

/* The date gets the display face, as the one fact people scan for. */
.stm-meta__item--date .stm-meta__value {
	font-family: "ivypresto-headline", Sans-serif, serif;
	font-size: 20px;
	line-height: 1.2;
	color: #6B0F36;
}

@media (max-width: 600px) {

	.stm-meta {
		gap: 16px 32px;
	}

	.stm-meta__item--date .stm-meta__value {
		font-size: 18px;
	}
}