/**
* Component: News Listing
* 
* Styles for the News Listing component.
*
* @package Point_Hope
*/

.post-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
}
.post-card {
	background-color: var(--color-white);
	border: 1px solid rgba(77, 77, 83, 0.15);
	display: flex;
	flex-direction: column;
	transition: var(--transition-base);
}
.post-card:hover {
	box-shadow: 0 0 8px 0 rgba(77, 77, 83, 0.20);
}
.post-card:hover .text-line-below-link::before {
	background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='205' height='6' viewBox='0 0 205 6' fill='none'%3E%3Cpath d='M0 1C11.3879 1 11.3879 5 22.7758 5C34.1637 5 34.1637 1 45.5425 1C56.9214 1 56.9304 5 68.3183 5C79.7062 5 79.7152 1 91.1031 1C102.491 1 102.491 5 113.879 5C125.267 5 125.267 1 136.655 1C148.043 1 148.043 5 159.43 5C170.818 5 170.818 1 182.215 1C193.612 1 193.603 5 205 5' stroke='%23005783' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E");
}
.post-card:hover .text-line-below-link::after {transform: translateY(-50%) translateX(15px);
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M5.84338 16L5.41927 15.5359L10.1788 8.88666H0V7.10761H10.1788L5.41927 0.4641L5.84338 0L16 7.7923V8.2077L5.84338 16Z" fill="%23005783"/></svg>');
}
.post-bg img {
	width:100%;
	object-fit:cover;
}
.post-grid {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 24px;
}
.post-card:first-child .card-image{
	display:block;
}
.post-card:first-child .card-image img {
	height:100%;
}
.post-card:first-child .card-content {
	padding:16px 24px 24px;;
}
.post-card:not(:first-child) .card-content {
	padding:24px 24px 36px;
}
.post-card:not(:first-child) .card-image {
	height: 268px;
}
.card-content {
	display: flex;
	flex-direction: column;
	height: 100%;
	gap: 8px;
}
.card-excerpt {
	display: -webkit-box;
	display: box;
	line-clamp: 4;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.post-card:first-child .card-excerpt {
	line-clamp: 15;
	-webkit-line-clamp: 15;
}
.post-card .card-image img {
	height: 268px;
	width:100%;
	object-fit:cover;
}
.post-card .card-image {
	display:none;
}
.post-card h3.h4 {
	margin-bottom:0;
}
/* Larger title for first featured post */
.post-card:first-child h3.h4 {
	font-size: 48px;
	font-weight: 400;
}
/* Lighter font weight for all other post titles */
.post-card:not(:first-child) h3.h4 {
	font-weight: 300;
}
.post-card h3 a,
.post-card h3 a:hover {
	color: var(--color-hunter);
	text-decoration:none;
}
.card-date {
	color: var(--color-hope);
	font-size: 16px;
	letter-spacing: 3.2px;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}
/* Hide dates on first 2 featured posts */
.post-card:first-child .card-date,
.post-card:nth-child(2) .card-date {
	display: none;
}
.read-more-wrap {
	margin-top:auto;
}
.load-more-posts-wrap .load-more-posts {
	margin-top:24px;
}
.load-more-posts {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 10px;
}
.load-more-posts.loading {
	padding-right: 40px;
}
.load-more-posts .btn-loader {
	width: 18px;
	height: 18px;
	border: 2px solid currentColor;
	border-top-color: transparent;
	border-radius: 50%;
	display: none;
	animation: spin 0.7s linear infinite;
	position: absolute;
	right: 10px;
	top: 17px;
}
.load-more-posts.loading .btn-loader {
	display: inline-block;
}

.load-more-posts.loading .btn-text {
	opacity: 0.6;
}
@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}
.latest-post-block .post-grid {
	margin-top: -40px;
}
h2.section-title {
	margin-bottom: 24px;
}
@media(min-width:993px) {
	.post-wrap {padding-top: 67px;}
	.post-grid {grid-template-columns: repeat(2, 1fr);gap: 40px;}
	.post-card:first-child .card-content {padding:48px 30px;}
	.post-card:not(:first-child) .card-content {padding: 30px 30px 40px;}
	.post-card:first-child {grid-column: span 2;flex-direction: row;}
	.post-card:first-child .card-content,
	.post-card:first-child .card-image {width:50%;box-sizing:border-box;}
	.load-more-posts-wrap .load-more-posts {margin-top:40px;}
	.card-date{font-size: 18px;letter-spacing: 0.9px;}
	.post-card .card-image {display:block;}
	h2.section-title {margin-bottom: -16px;}
	.latest-post-block .post-grid {margin-top: -65px;}
	.card-content {gap: 16px;}
}
@media(min-width:1200px) {
	.post-grid {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 992px) {
	.post-wrap.is-mobile-collapsed .post-card:nth-child(n+3) {display: none;}
	.post-card:first-child .card-image {height:468px;}
	.post-bg {top: 38px; }
	.post-card h3.h4 {font-size: 26px;line-height: normal;}
	.card-excerpt {font-size: 18px;line-height: normal;line-clamp: 3;-webkit-line-clamp: 3;}
	.post-card:first-child .card-excerpt {line-clamp: 5;-webkit-line-clamp: 5;}
	.load-more-posts-wrap .load-more-posts {font-size: 18px;min-width:348px;}
	.read-more-wrap {padding-top:38px;}
}
@media (max-width: 575px) {
	.post-card:first-child .card-image {height:268px;}
}