/* POSTS */

.POSTS::before,
.POSTS::after {
	content: "";
	display: block;
	overflow: hidden;
}

.POSTS .filter {
	float: none;
	margin: 0 0 40rem;
	overflow: hidden;
}

.POSTS .filter .b-button {
	width: 100%;
	line-height: 40rem;
	height: 40rem;
	padding: 0;
}
.POSTS .filter .filter-toggle {
	display: none;
}
.POSTS .filter label{
  font-size: 16px;
  letter-spacing: 0;
  line-height: 32px;
	margin-bottom: 1em;
}
.POSTS .filter select {
	border-radius: 10px;	
}
.POSTS .filter select:focus-visible {
	outline:none;
}
.POSTS .filter .resources-search{
	display: flex;
	align-items: flex-end;
}
.POSTS .filter .resources-search .search{
	width: 100%;
}

.POSTS .post {
	position: relative;
}
.POSTS .post.card {
	display: block;
	background-color: #F8F5F2;
	padding: 0;
	border-radius: 20px;
	height: 100%;
}
.POSTS .post.card .featured-image img,
.POSTS .post.card .image img {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.POSTS .post.card .content{
	padding: 0 20px 40px 20px;
	color: #000000;
}
.POSTS .post.card .content h4{
	margin: 0;
	padding-top: 40px;

}
.POSTS .post.card .content .taxonomies{
	position: absolute;
	margin: 0;
	transform: translateY(-50%);
	padding: 10px;
	border-radius: 5px;
	font-size: 14px;
	color: white;
	pointer-events: none;
	background: #183166;

}
.POSTS .post.card .content .taxonomies.blog,
.POSTS .post.card .content .taxonomies.guide {
	background: #183166;
}
.POSTS .post.card .content .taxonomies.case-study,
.POSTS .post.card .content .taxonomies.calculator{
	background: #E36751;
}
.POSTS .post.card .content .taxonomies.news,
.POSTS .post.card .content .taxonomies.webinar {
	background: #D9AC00;
}
.POSTS .post.card .content .taxonomies.video,
.POSTS .post.card .content .taxonomies.checklist {
	background: #4C9F9E;
}



.POSTS .content h4 a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.POSTS .content h4 a:hover {
	color: var(--orange);
}

.POSTS .taxonomies {
	position: relative;
	z-index: 1;
	font-size: 12rem;
	margin-top: 20px;
}

.POSTS .pagination {
	margin: 60rem 0 0;
}

.POSTS .screen-reader-text {
	display: none;
}

/* ajax load more */

.POSTS :is(.alm-listing, .alm-reveal) {
	display: flex;
	flex-wrap: wrap;
	margin: -20rem -20rem -40rem;
}

.POSTS .alm-item {
	padding: 20rem 20rem 40rem;
	box-sizing: border-box;
	flex: 0 0 auto;
	align-items: stretch;
	width: 33.333333%;
}

.POSTS .ajax-load-more-wrap[data-total-posts="0"] .alm-listing:empty::before {content: "No results found.";}
.POSTS .results + .posts .ajax-load-more-wrap[data-total-posts="0"] .alm-listing:empty::before {display: none;}

.POSTS .alm-reveal + .alm-reveal {padding-top: 40rem;}
.POSTS .alm-btn-wrap {text-align: center; overflow: hidden;}
.POSTS .alm-load-more-btn {margin-top: 60rem;}
.POSTS .alm-load-more-btn.done {display: none;}
.POSTS .posts.alt-hide-button .alm-load-more-btn.more {display: none;}

@media screen and (max-width: 960px) {
	.POSTS .filter .filter-toggle {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 12rem;
		width: 100%;
		height: 50rem;
		margin: 0 0 10rem;
		padding: 0 15rem;
		cursor: pointer;
	}
	.POSTS .filter .filter-toggle .icon {
		display: block;
		width: 15px;
		height: 8px;
		transition: transform 0.2s;
	}
	.POSTS .filter .filter-toggle .icon path {
		stroke: var(--orange);
	}
	.POSTS .filter .filter-toggle:hover .icon path {
		stroke: var(--white);
	}
	.POSTS .filter .filter-toggle[aria-expanded="true"] .icon {
		transform: rotate(180deg);
	}
	.POSTS .filter .b-columns {margin: -5rem;}
	.POSTS .filter .b-columns > .b-column {padding: 5rem;}
	.POSTS .filter .b-columns > .b-column:not(.resources-search) {display: none;}
	.POSTS .filter form.alt-filters-open .b-columns > .b-column:not(.resources-search) {display: block;}
	.POSTS :is(.alm-listing, .alm-reveal) {margin: -10rem -10rem -30rem;}
	.POSTS .alm-item {width: 100%; padding: 10rem 10rem 30rem;}
	.POSTS .alm-reveal + .alm-reveal {padding-top: 30rem;}
	.POSTS .alm-load-more-btn {margin-top: 40rem;}
}



.POSTS[data-style='card'] .post {
	background-color: var(--cream);
	border-radius: 20rem;
	overflow: hidden;
}

.POSTS[data-style='card'] .post .image { margin: 0; }

.POSTS[data-style='card'] .post .content {
	box-sizing: border-box;
	padding: 50rem;
	display: flex;
	flex-direction: column;
}

.POSTS[data-style='card'] .post .content h4 { margin: 0 0 30rem; }
.POSTS[data-style='card'] .post .content .b-button { margin-top: auto; width: fit-content; }


.POSTS[data-style='card'] .post:hover .b-button {
	color: var(--white);
	background: var(--light-orange);
	box-shadow: inset 0 0 0 2rem var(--light-orange);
}

.POSTS[data-style='card'] .post .taxonomies { display: none; }