/*
 * NPC Search Card Data frontend styles.
 * Scope: only the [npc_search_card] full-card shortcode output.
 */

.npc-scd-card,
.npc-scd-card * {
	box-sizing: border-box;
}

.npc-scd-card {
	width: 100%;
	height: 450px;
	min-height: 450px;
	max-height: 450px;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: #111111;
	overflow: hidden;
}

.npc-scd-card:hover,
.npc-scd-card:focus,
.npc-scd-card:visited {
	text-decoration: none;
	color: #111111;
}

.npc-scd-image-wrap {
	width: 100%;
	height: 250px;
	min-height: 250px;
	max-height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
}

.npc-scd-image-wrap img,
.npc-scd-image {
	width: 100%;
	height: 250px;
	max-width: 100%;
	max-height: 250px;
	object-fit: contain;
	object-position: center center;
	display: block;
}

.npc-scd-title {
	display: block;
	min-height: 38px;
	max-height: 38px;
	overflow: hidden;
	font-family: Georgia, serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2em;
	color: #E30613;
	text-decoration: none;
	margin-top: 10px;
}

.npc-scd-card:hover .npc-scd-title,
.npc-scd-card:focus .npc-scd-title,
.npc-scd-card:visited .npc-scd-title {
	color: #E30613;
	text-decoration: none;
}

.npc-scd-excerpt {
	display: block;
	min-height: 78px;
	max-height: 78px;
	overflow: hidden;
	font-family: Georgia, serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.5em;
	color: #111111;
	text-decoration: none;
	margin-top: 10px;
}

.npc-scd-title,
.npc-scd-excerpt {
	padding-left: 10px;
	padding-right: 10px;
}

.npc-scd-quick-specs,
.npc-scd-detailed-specs {
	display: block;
}

.npc-scd-card:hover .npc-scd-excerpt,
.npc-scd-card:focus .npc-scd-excerpt,
.npc-scd-card:visited .npc-scd-excerpt {
	color: #111111;
	text-decoration: none;
}

.npc-scd-view-details {
	display: block;
	font-family: Georgia, serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2em;
	color: #0066cc;
	text-align: right;
	text-decoration: none;
	margin-top: auto;
	padding-right: 16px;
	padding-bottom: 14px;
}

.npc-scd-view-details:hover,
.npc-scd-view-details:focus {
	color: #0066cc;
	text-decoration: underline;
}