
/* Horizontal Card Style Start */
.horizontal-promo-crd-arrow-link {
	display: flex;
	flex-wrap: wrap;
}

.horizontal-promo-crd-arrow-link .article-img {
	width: 33.33%;
	min-height: 250px !important;
	display: flex;
}

.horizontal-promo-crd-arrow-link .article-description {
	width: 66.66%;
	min-height: 192px !important;
	display: flex;
}

.horizontal-promo-crd-arrow-link .article-description-inner {
	border-top: 5px solid #0092CB;
}

.all-article-promo-card.horizontal-promo-crd-arrow-link .article-description-inner,
.all-article-promo-card.horizontal-promo-crd-arrow-link:hover .article-description-inner {
	background-color: transparent;
	background-image: none;
	margin: 0;
}

.bgLightBlue .article-description-inner {
	background-color: #E9F0F5 !important;
}

.article-date {
	position: absolute;
	bottom: 10px;
	left: 20px;
}

.horizontal-promo-crd-arrow-link h3.promo-arrow-title {
	position: relative;
	color: #0357AB !important;
	padding: 0 25px 0 0 !important;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 28px;
}

.promo-crd-arrow-link .promo-arrow-title .promo-crd__arrow-link,
.horizontal-promo-crd-arrow-link .promo-crd__arrow-link {
	margin: -8px 0 0 0 !important;
	padding: 0 !important;
	left: auto !important;
	right: 0px !important;
	top: 50% !important;
	bottom: auto !important;
	line-height: 1 !important;
	font-size: 16px !important;
	color: #0357AB !important;
}

.horizontal-promo-crd-arrow-link .promo-crd__arrow-link::after {
	position: static !important;
	color: #0357AB !important;
}

.horizontal-promo-crd-arrow-link .promo-arrow-desc {
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #c2d4e0 !important;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 107px;
}

/*.all-articles-section .layout--12 .column {
	padding-left: 12px;
	padding-right: 12px;
}*/

.all-articles-section .layout--4-8 {
	margin: 0 !important;
}

.horizontal-promo-crd-arrow-link .promo-arrow-title-link {
	position: static;
	font-size: 10px;
}

.horizontal-promo-crd-arrow-link .promo-arrow-title-link::after {
	display: none;
}

.horizontal-promo-crd-arrow-link .promo-arrow-title-link.mobile-view {
	display: block;
}

.sa-article-list .pagination {
	margin-top: 20px;
}

.horizontal-promo-crd-arrow-link .promo-arrow-title-link.mobile-view:focus,
.horizontal-promo-crd-arrow-link a.promo-crd__wrap-link.desktop-view:focus {
	outline: 2px solid #007CAD !important;
	outline-offset: -2px;
}

@media screen and (max-width:767.98px) {
	.all-article-promo-card.horizontal-promo-crd-arrow-link .article-img {
		margin-bottom: 5px !important;
		height: 252px;
	}

	.horizontal-promo-crd-arrow-link .article-description-inner {
		padding: 15px;
	}

	.horizontal-promo-crd-arrow-link .promo-arrow-title-link .promo-arrow-title {
		padding: 0 25px 0 0 !important;
	}

	.article-date {
		position: static;
	}

	.horizontal-promo-crd-arrow-link .article-img,
	.horizontal-promo-crd-arrow-link .article-description {
		width: 100%;
		padding: 0 !important;
		min-height: auto !important;
	}

	.sa-article-list .pagination {
		margin-top: 10px;
		margin-bottom: 10px;
	}
}
/* Horizontal Card Style End */
