/* Modularized Most Viewed Card CSS Rules
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.card.card--popular-speech {
	grid-template-areas:
		"thumbnail head"
		"thumbnail ."
		"thumbnail byline";
	grid-template-columns: 0.9fr 7fr;
	grid-template-rows: max-content 1fr min-content;
	border-top: 0.5px solid #979797;
}

.card.card--popular-speech * * {
	z-index: 2;
}

.card.card--popular-speech:hover {
	color: var(--pgsp-theme-color);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.card__image-container.card__image-container--popular-speech {
	width: 95px;
	height: 113px;
	overflow: hidden;
}

.card__header.card__header--popular-speech {
	font-size: 1.125rem;
	margin: 0.75rem 0 0 0.75rem;
}

.card__bylines.card__bylines--popular-speech {
	background-color: #e5e5e5;
	font-size: 0.9375rem;
	padding: 0.4375rem 0.75rem;
	display: flex;
	flex-direction: column;
}

.card__byline-separator.card__byline-separator--popular-speech {
	display: none;
}

.card .card__views-tag {
	grid-area: views;
	justify-self: end;
	display: flex;
	align-items: center;
	padding: 0.25rem 0.75rem;
	background-color: var(--pgsp-theme-color);
	color: #fff;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.5px;
}

.card__media-links.card__media-links--popular-speech {
	display: none;
}

.card__downloads-container.card__downloads-container--popular-speech {
	overflow: hidden;
}


@media (min-width: 800px) {

	.card.card--popular-speech {
		grid-template-areas:
			"thumbnail ."
			"thumbnail head"
			"thumbnail byline"
			"thumbnail media-links"
			"thumbnail downloads"
			"thumbnail .";
		grid-template-columns: auto 1fr;
		grid-template-rows: 0.5fr min-content min-content min-content 0 1fr;
		grid-column-gap: 0.75rem;
		grid-row-gap: 0.375rem;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13);
		border: none;
	}

	.card__image-container.card__image-container--popular-speech {
		width: 175px;
		height: 200px;
		overflow: hidden;
	}

	.card__image-container.card__image-container--popular-speech img {
		height: unset;
	}

	.card__header.card__header--popular-speech {
		margin: 0;
		font-size: 1.125rem;
		padding-right: 1em;
	}

	.card__bylines.card__bylines--popular-speech {
		max-width: 100%;
		font-size: 0.9375rem;
		flex-direction: row;
		flex-wrap: wrap;
		white-space: nowrap;
		background: none;
		padding: 0 1em 0 0;
	}

	.card__byline-separator.card__byline-separator--popular-speech {
		display: inline-block;
	}

	.card__media-links.card__media-links--popular-speech {
		display: flex;
	}

	.card__downloads-container.card__downloads-container--popular-speech {
		overflow: visible;
	}

	.download-links__tail.download-links__tail--popular-speech {
		border-width: 0 8px 10px 8px;
		border-color: transparent transparent #ededed transparent;
		right: 15px;
		top: -8px;
	}

	.card__download-links.card__download-links--popular-speech {
		top: 2px;
	}

	.download-links__separator.download-links__separator--popular-speech {
		height: 22px;
		border-right: 1px solid #d3d2d2;
	}
}