/*Card - Article*/
.layout--content .card-article
{
	margin-bottom:120px;
}
.card-article a
{
	display:inline-block;
	width:100%;
	height:100%;
	text-decoration:none;
}
.card-article .image-wrap
{
	position:relative;
}
.card-article .image-wrap img
{
	display:block;
	height:234px !important;
	object-fit:cover;
}
.card-article .image-wrap .no-image
{
	width:100%;
	height:233px;
	background-color:var(--basic-100);
}
.card-article .image-wrap .date
{
	display:inline-block;
	color:var(--basic-600);
	font-size:1.2rem;
	letter-spacing:0.08rem;
	background-color:var(--basic-0);
	padding:4px 16px;
	position:absolute;
	bottom:16px;
	left:0;
}
.card-article .content
{
	padding:24px;
}
.card-article .content .title
{
	color:var(--basic-900);
	font-size:2rem;
	margin-bottom:16px;
}
.card-article .content .subtitle
{
	color:var(--basic-900);
	margin-bottom:0;
}
.card-article .content .read-more
{
	display:flex;
	justify-content:flex-end;
	color:var(--basic-900);
	margin-top:16px;
	transition:all var(--transition-fast);
}
@media (hover:hover)
{
	.card-article a:hover .content .read-more
	{
		transform:translateX(4px);
		transition:all var(--transition-fast);
	}
}
@media all and (max-width:575px)
{
	.card-article .content
	{
		padding-inline:8px;
	}
}