﻿.card-story {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
	border:1px solid #eaeaea;
	padding:24px;
	justify-content:space-between;
	font-weight:400 !important;
	text-decoration:none !important;
}

	.card-story .card-image {
		height: var(--image-height, 236px);
		background-image: var(--image);
		background-size: cover;
		background-position: center center;
		margin-bottom: 24px;
		position:relative;
	}
		.card-story .card-image a {
			width:100%;
			height:100%;
			display:block;
		}

	.card-story .card-logo {
	    position: absolute;
		bottom: 16px;
		right: 32px;
		border-radius:.5rem;
		max-width:150px;
		max-height: 35px;
		padding: .3rem;
	}

	.card-story .card-logo.white-bg {
		background:#fff;
	}

	.card-story .card-title {
		font-size: 22px;
		line-height: 32px;
		font-family: 'Adelle';
	}

	.card-story .card-title a {
		font-weight:normal;
	}

	.card-label {
		font-size: 15px;
		border: 1px solid silver;
		display:inline-block;
		border-radius: 24px;
		padding: 8px 10px 6px 12px;
		line-height: 100%;
		margin-bottom:18px;
		font-weight: bold;
	}

	.card-story .card-subtitle {
		font-size: 14px;
		margin-bottom: 0.3rem;
	}

	.card-story .card-content {
		margin-bottom: 1rem;
	}

	.card-story .card-action {
		margin-bottom: 1rem;
	}

.card-story hr {
	border-top:1px solid #E6E6E6;
	padding:24px 0 0 0;
	margin:24px 0 0 0;
}

.card-tags ul {
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	gap:4px;
	align-items: center;
	flex-wrap: wrap;
}

	.card-tags ul li {
		font-size: 16px;
		margin-right:12px;
	}

		.card-tags ul li.has-logo {
			display:flex;
			gap:8px;
			align-items: center;
		}

		.card-tags ul li.has-logo img {
			height:32px;
		}

a.card-story .card-title {
	font-weight:400;
	text-decoration:none;
}