/**
 * Mini Hubs additions. Base card/grid styles are shared with the homepage
 * featured block in functions.php.
 */

.minihub {
	clear: both;
	margin: 2.5em 0;
}

.minihubs-grid .minihubs-item--hero {
	grid-column: 1 / -1;
}

.minihubs-grid .minihubs-item--hero a {
	position: relative;
}

.minihubs-grid .minihubs-item--hero h2 {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	color: #fff;
	font-size: 22px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4), transparent);
}

.minihubs-grid .minihubs-item--hero a:hover h2 {
	color: #fff;
}

.minihubs-more {
	margin-top: 0;
	text-align: right;
}

@media (max-width: 768px) {
	.minihubs-grid .minihubs-item--hero {
		grid-column: auto;
	}

	.minihubs-grid .minihubs-item--hero a {
		position: static;
	}

	.minihubs-grid .minihubs-item--hero h2 {
		position: static;
		padding: 16px;
		color: #333;
		font-size: 16px;
		background: none;
	}

	.minihubs-grid .minihubs-item--hero a:hover h2 {
		color: #0066cc;
	}
}