.card-article {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
}

	.card-article .card-image {
		height: 297px;
		background-image: var(--image);
		background-size: cover;
		background-position: center center;
		order: 1;
		margin-bottom: 1rem;
	}
		.card-article .card-image a {
			width:100%;
			height:100%;
			display:block;
		}

		.card-article .card-tag {
			position: absolute;
			top: 1rem;
			left: 1rem;
			font-size: 12px;
			font-weight: 700;
			letter-spacing: 2px;
			text-transform: uppercase;
			padding: 0.5em 1.5em 0.2em 1.5em;
			background-color: var(--accent-color);
			color: white;
		}

	.card-article .card-title {
		order: 3;
		font-size: 22px;
		line-height: 32px;
		font-family: 'Adelle';
		margin-bottom: 1rem;
	}

	.card-article .card-title a {
		font-weight:normal;
	}

	.card-article .card-subtitle {
		order: 2;
		font-size: 14px;
		margin-bottom: 0.3rem;
	}

	.card-article .card-content {
		order: 4;
		margin-bottom: 1rem;
	}

	.card-article .card-action {
		order: 5;
		margin-bottom: 1rem;
	}