/*!
* PT. IMAJIKU CIPTA MEDIA
* Copyright 2019-2021 IMAJIKU.
*/

.article-post-box {
	margin-bottom: 30px;
}
.card-related-box .card-title h3 {
	line-height: 24px;
}

/*card-news*/
[data-variant="article-1"] .card-avatar {
	display: none;
}
[data-variant="article-1"] .card-price {
	display: none;
}
[data-variant="article-1"] .card-list {
	display: none;
}
[data-variant="article-1"] .card-action,
[data-variant="article-2"] .card-action {
	display: none;
}
[data-variant="article-1"] .card-title h5,
[data-variant="article-2"] .card-title h5  {
	display: none;
}
[data-variant="article-1"] .card-desc i {
	display: none;
}
[data-variant="article-1"] .title-primary .btn,
[data-variant="article-2"] .title-primary .btn {
	display: none;
}
[data-variant="article-1"] .title-primary h5,
[data-variant="article-2"] .title-primary h5 {
	display: none;
}
[data-variant="article-1"] .title-primary p,
[data-variant="article-2"] .title-primary p {
	display: none;
}

/*article 1*/
[data-variant="article-1"] .card-related-box {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}

[data-variant="article-1"] .card-related-box .card-box {
	flex: 0 0 calc(31% - 5px);
	margin: 15px;
}
[data-variant="article-1"] .article-post-item {
	margin-bottom: 20px;
}

/*article 2*/
[data-variant="article-2"] .article-post-box {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
[data-variant="article-2"] .card-related-box {
	flex-direction: column;
	padding: 25px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0px 4px 20px rgb(94 94 94 / 14%);
	-webkit-box-shadow: 0px 4px 20px rgb(94 94 94 / 14%);
	-moz-box-shadow: 0px 4px 20px rgb(94 94 94 / 14%);
	margin-bottom: 20px;
}
[data-variant="article-2"] .article-post-related {
	width: 30%;
	padding-left: 15px;
}
[data-variant="article-2"] .article-post-item {
	width: 70%;
	padding-right: 15px;
}
[data-variant="article-2"] .card-box {
	margin-bottom: 15px;
}
[data-variant="article-2"] .card-title h3 a {
	font-size: 16px;
}
[data-variant="article-2"] .title-primary {
	margin-bottom: 20px;
}
[data-variant="article-2"] .title-primary h2 {
	font-size: 26px;
}