/* archive Grid */
.custom-posts-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	column-gap: 8px;
	row-gap: 30px;
}

.custom-post-grid-item {
	width: 100%;
	margin-bottom: 20px;
}

.custom-post-inner {
	display: block;
}

.custom-post-inner img {
	max-width: 100%;
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-radius: 6px;
}

h2.custom-post-title, h2.blogTitle {
	text-align: left;
	color:#0C2340;
	font-family: "Work Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	/* 130% */
	letter-spacing: -1px;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

a.custom-post-button, a.latestArticleButton {
	color: var(--Interactive-Primary-Interactive-Default, #0057B8);
	font-family: "Work Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 16px */
	letter-spacing: -0.5px;
	text-decoration-line: underline;
	margin: 24px 0;
	display: block;
}

.custom-post-button svg, .latestArticleButton svg {
	position: absolute;
	margin-left: 5px;
	margin-top: 2px;
}

a.custom-post-button-img{
	display: flex;
    height: 200px;
    align-items: center;
    justify-content: center;
}

.custom-post-button-img img{
    width: auto;
    height: auto;
    max-height: 200px;
}

.custom-date-text {
	color: var(--neutral-border-states-dark-gray-neutral-8, #63666A);
	/* Body/Body */
	font-family: "Work Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	/* 150% */
	letter-spacing: -0.5px;
}

.custom-post-categories {
	margin-top: 8px;
	text-align: left;
	color: #003C71;
	list-style: none;
	padding: 0;
}

.custom-post-categories span {
	background: var(--Primary-Accent-Border-States-Light-Blue, #A4DBE8);
	border-radius: 2px;
	padding: 0 6px;
	display: inline-block;
}

.custom-post-categories li,
.custom-category-text>a {
	text-align: left;
	color: #003C71;
	/* Primary Font/Body XSmall */
	font-family: "work sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	/* 133.333% */
}

.custom-category-text>a {
	padding: 2px 0;
}

@media (min-width: 768px) {
	.custom-post-grid-item {
		width: calc(50% - 10px);
		/* 2 columns for tablet */
	}
}

@media (min-width: 992px) {
	.custom-post-grid-item {
		width: calc(33.333% - 10px);
		/* 3 columns for desktop */
	}
}