/**
 * ==================================================
 * Hub Items Grid
 * ==================================================
 *
 * Reusable Hub child-item cards.
 */


/* ==================================================
   Section
   ================================================== */

.hub-items-section {
	margin-bottom: 30px;
}


/* ==================================================
   Card
   ================================================== */

.hub-item-card {
	display: flex;
	flex-direction: column;

	height: 100%;

	background: var(--lyrics71-color-background);
	border: 1px solid var(--lyrics71-color-border);
	border-radius: 6px;

	overflow: hidden;

	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);

	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease,
		border-color 0.2s ease;
}

.hub-item-card:hover {
	transform: translateY(-3px);

	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}


/* ==================================================
   Image
   ================================================== */

.hub-item-card__image {
	display: block;

	overflow: hidden;

	background: #f5f5f5;
}

.hub-item-card__image img {
	display: block;

	width: 100%;
	height: 220px;

	object-fit: cover;

	transition: transform 0.3s ease;
}

.hub-item-card:hover .hub-item-card__image img {
	transform: scale(1.03);
}


/* ==================================================
   Body
   ================================================== */

.hub-item-card__body {
	display: flex;
	flex-direction: column;
	flex-grow: 1;

	padding: 18px;
}


/* ==================================================
   Title
   ================================================== */

.hub-item-card__title {
	margin: 0 0 8px;

	font-size: 20px;
	line-height: 1.4;
	font-weight: 600;
}

.hub-item-card__title a {
	color: var(--lyrics71-color-text);
	text-decoration: none;
}

.hub-item-card__title a:hover {
	color: var(--page-accent, var(--lyrics71-color-primary));
}


/* ==================================================
   Meta
   ================================================== */

.hub-item-card__meta {
	margin-bottom: 10px;

	font-size: 14px;
	line-height: 1.5;

	color: var(--lyrics71-color-muted);
}

.hub-item-card__meta i {
	margin-right: 5px;

	color: var(--page-accent, var(--lyrics71-color-primary));
}


/* ==================================================
   Description
   ================================================== */

.hub-item-card__description {
	margin-bottom: 12px;

	font-size: 14px;
	line-height: 1.7;

	color: var(--lyrics71-color-muted);
}

.hub-item-card__description p {
	margin-bottom: 6px;
}

.hub-item-card__description p:last-child {
	margin-bottom: 0;
}


/* ==================================================
   Link
   ================================================== */

.hub-item-card__link {
	margin-top: auto;

	font-size: 14px;
	font-weight: 600;

	color: var(--page-accent, var(--lyrics71-color-primary));

	text-decoration: none;
}

.hub-item-card__link:hover {
	color: var(--page-accent, var(--lyrics71-color-primary));
	text-decoration: underline;
}


/* ==================================================
   Responsive
   ================================================== */

@media (max-width: 767.98px) {

	.hub-item-card__image img {
		height: 200px;
	}

	.hub-item-card__body {
		padding: 15px;
	}

	.hub-item-card__title {
		font-size: 18px;
	}

}