/**
 * Level Custom Functionality - front-end styles.
 *
 * Values copied from the OxyExtras components as they were configured in
 * the Oxygen "Posts" template (#-reading-time-16-130, #-adjacent-posts-24-130),
 * so the replacements look the same. Fonts and heading colours are not set
 * here: they come from the site's global Oxygen styles (body text, h5).
 */

/* ---------- Reading Time: [level_reading_time] ---------- */

.level-reading-time {
	color: #ffffff;
	font-size: 15px;
	font-style: italic;
}

/* ---------- Adjacent Posts: [level_adjacent_posts] ---------- */

.level-adjacent-posts {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	padding-top: 20px;
	border-top: 0.4px solid rgba(255, 255, 255, 0.57);
}

/* Each link takes half the width; Previous left, Next right. */
.level-adjacent-posts__link {
	display: flex;
	align-items: stretch;
	width: 50%;
	color: inherit;
	text-decoration: none;
}

.level-adjacent-posts__link--prev {
	text-align: left;
}

/* margin-left: auto keeps Next on the right even when it is the only link (oldest post). */
.level-adjacent-posts__link--next {
	justify-content: flex-end;
	margin-left: auto;
	text-align: right;
}

.level-adjacent-posts__content {
	display: flex;
	flex-direction: column;
}

.level-adjacent-posts__link--prev .level-adjacent-posts__content {
	align-items: flex-start;
}

.level-adjacent-posts__link--next .level-adjacent-posts__content {
	align-items: flex-end;
}

.level-adjacent-posts__label {
	color: #ffffff;
}

.level-adjacent-posts__title {
	margin: 0;
}

.level-adjacent-posts__icon {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-left: 10px;
	padding-right: 10px;
	color: #ffffff;
	font-size: 14px;
}

.level-adjacent-posts__icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}