/* Homepage featured-post carousel */

#main > .featured-carousel {
	padding-bottom: 4rem;
}

.featured-carousel-track {
	position: relative;
	min-height: 31rem;
}

.featured-slide {
	display: flex;
	flex-direction: column;
	min-height: 31rem;
}

.featured-slide header.major {
	display: grid;
	grid-template-rows: 2.375rem 17.6rem 4.75rem;
	margin: 0;
}

.featured-slide header.major > .date,
.featured-slide header.major > h2,
.featured-slide header.major > p {
	margin: 0;
}

.featured-slide header.major > h2,
.featured-slide header.major > p {
	display: flex;
	align-items: center;
	justify-content: center;
}

.featured-slide .actions.special {
	margin: auto 0 0;
}

.featured-slide[hidden] {
	display: none;
}

.featured-carousel-controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	margin-top: 2rem;
}

.featured-carousel-control {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	padding: 0;
	border: solid 2px #212931;
	background: transparent;
	color: #212931;
	cursor: pointer;
}

.featured-carousel-control:hover,
.featured-carousel-control:focus-visible {
	border-color: #18bfef;
	color: #18bfef;
}

.featured-carousel-status {
	font-family: "Source Sans Pro", Helvetica, sans-serif;
	font-weight: 900;
	letter-spacing: 0.075em;
	margin: 0;
	text-transform: uppercase;
}

@media screen and (max-width: 736px) {

	#main > .featured-carousel {
		padding-bottom: 2rem;
	}

	.featured-carousel-track,
	.featured-slide {
		min-height: 29rem;
	}

	.featured-slide header.major {
		grid-template-rows: 2.375rem 15rem 7.125rem;
	}

}