/* POSTS */

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

.POSTS .filter {
	float: none;
	margin: 0 0 var(--s7);
	overflow: hidden;
}

.POSTS .filter .b-disabled {
	opacity: 1!important;
}

.POSTS .filter input {
	display: none;
}

.POSTS .filter .b-highlight {
	display: inline-block;
	padding: 4rem var(--s2);
	background: var(--light-teal-400);
	border-radius: var(--s4);
}

.POSTS .filter a {
	text-decoration: none;
	color: inherit;
	padding: 4rem var(--s2);
	background: transparent;
	border-radius: var(--s4);
	transition: background ease .25s;
}

.POSTS .filter a:hover {
	background: var(--light-teal-400);
}

.POSTS .filter label {
	padding: 4rem var(--s2);
	background: transparent;
	border-radius: var(--s4);
	transition: background ease .25s;
}

.POSTS .filter label:hover,
.POSTS .filter label.alt-active {
	background: var(--light-teal-400);
}

.POSTS .filter ul {
	padding: 0;
	list-style: none;
}

.POSTS .filter ul li {
	margin-bottom: var(--s4);
}

.POSTS .post {
	box-sizing: border-box;
	position: relative;
    background: var(--light-teal-400);
    padding: var(--s4) var(--s4) var(--s7);
    border-radius: var(--s3);
	height: 100%;
}

.POSTS .rounded-corner-top::before {
	content: '';
	background: var(--light-teal-400);
	width: 60rem;
	height: 25rem;
	border-bottom-right-radius: var(
	--s3);
	position: absolute;
	bottom: 43rem;
	right: 0px;
	z-index: 2;
}

.POSTS .rounded-corner-top::after {
	content: '';
	background: var(--pale-teal-400);
	width: 23rem;
	height: 30rem;
	border-radius: 0;
	position: absolute;
	right: -4px;
	bottom: 7%;
}


.POSTS .rounded-corner-bottom::before {
    content: '';
    background: var(--light-teal-400);
    width: 193rem;
    height: 56rem;
    border-bottom-right-radius: var(--s3);
    position: absolute;
    bottom: 0;
    left: 33rem;
    z-index: 2;
}

.POSTS .rounded-corner-bottom::after {
	content: '';
	background: var(--pale-teal-400);
	width: 56rem;
	height: 24rem;
	border-radius: 0;
	position: absolute;
	left: 50%;
	bottom: 0;
}
/* 
.POSTS[data-variant="default"] .rounded-corner-bottom::before {left: 66rem;}
.POSTS[data-variant="default"] .rounded-corner-bottom::after {left: 55%;} */

.b-section[data-background="mid-teal"] .POSTS .post {
	background: var(--pale-teal-400);
}

.b-section[data-background="mid-teal"] .POSTS .rounded-corner-top::before, 
.b-section[data-background="mid-teal"] .POSTS .rounded-corner-bottom::before {
	background: var(--pale-teal-400);
}

.b-section[data-background="mid-teal"] .POSTS .rounded-corner-top::after, 
.b-section[data-background="mid-teal"] .POSTS .rounded-corner-bottom::after,
.b-section[data-background="mid-teal"] .POSTS .read {
	background: var(--light-teal-400);
}

.b-container[data-padding="medium"] .POSTS .rounded-corner-top::before {bottom: 43rem;}
.b-container[data-padding="medium"] .POSTS .rounded-corner-bottom::before {
	width: 150rem;
}




.POSTS .image {
	margin-bottom: var(--s3);
}

.POSTS .image .b-img {
	border-radius: var(--s3);
	overflow: hidden;
}

.POSTS .industry {
	display: inline-block;
	background: var(--white);
	border-radius: var(--s4);
	font-size: 14rem;
	padding: 4rem var(--s1);
}

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

.POSTS h3 {
	margin-top: var(--s3);
	font-size: 20rem;
}

.POSTS h3 a {
	color: var(--black);
}

.POSTS .read {
	position: absolute;
	bottom: -6px;
	right: -10px;
	background: var(--pale-teal-400);
	padding: 8rem 24rem 10rem;
	border-top-left-radius: var(--s3);
}

.POSTS .pagination {
	margin: var(--s7) 0 0;
}

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

/* ajax load more */

.POSTS .alm-listing {
	display: flex;
	flex-wrap: wrap;
	margin: var(--ns3) var(--ns3) var(--ns6);
}

.POSTS .alm-item {
	padding: var(--s3) var(--s3) var(--s6);
	box-sizing: border-box;
	flex: 0 0 auto;
	width: 33.33333%;
}

.POSTS[data-variant="default"] .alm-item:first-child {
	width: 100%;
}

.POSTS[data-variant="default"] .alm-item:first-child .post {
	background: transparent;
	padding: 0;
}

.POSTS .post {
	transition: all .25s;
}

.POSTS .post:hover {
	transform: scale(1.02);
}

.POSTS .post:hover .b-button svg:nth-child(1) {
	transform: translate(65rem, 0);
}

.POSTS .post:hover .b-button svg:nth-child(2) {
	opacity: 1;
	transform: translate(0, 0);
}

.POSTS[data-variant="default"] .alm-item:first-child .rounded-corner-top,
.POSTS[data-variant="default"] .alm-item:first-child .rounded-corner-bottom,
.POSTS[data-variant="default"] .alm-item:first-child .read {
	display: none;
}

.POSTS .ajax-load-more-wrap[data-total-posts="0"] .alm-listing:empty::before {content: "No results found."; padding: 0 var(--s3);}
.POSTS .alm-btn-wrap {text-align: center; overflow: hidden;}
.POSTS .alm-load-more-btn {margin-top: var(--s7);}
.POSTS .alm-load-more-btn.done {display: none;}
.POSTS .posts.alt-hide-button .alm-load-more-btn.more {display: none;}

.POSTS[data-variant="inpage"] .b-column:first-child {display: none;}

@media screen and (min-width: 2001px) {
	.POSTS .alm-item {min-height: 500rem;}
	.POSTS.alt-news .rounded-corner-top::before {bottom: 9.5%;}
	.POSTS .rounded-corner-bottom::before {left: 10%;}
	.b-container[data-padding="medium"] .POSTS .rounded-corner-bottom::before {width: 155rem;}
}


@media screen and (min-width: 1201px) {
	.POSTS.alt-news .rounded-corner-top::before {bottom: 43rem;}
}

@media screen and (min-width: 961px) {
	.POSTS[data-variant="default"] .b-columns:first-child {flex-direction: row-reverse; gap: var(--s8);}
	.POSTS .filter .b-column:last-child {width: auto; flex-grow: 1;}
	.POSTS[data-variant="default"] .alm-item {width: 50%;}
}

@media screen and (max-width: 960px) {
	.POSTS h3 {font-size: 18rem;}
	.POSTS .filter {margin: 0 0 var(--s5);}
	.POSTS .image {margin-bottom: var(--s3);}
	.POSTS .alm-listing {margin: var(--ns1) var(--ns1) var(--ns4);}
	.POSTS .alm-item {width: 100%; padding: var(--s1) var(--s1) var(--s4);}
	.POSTS .alm-load-more-btn {margin-top: var(--s5);}
	.POSTS .rounded-corner-top::before {
		width: 23rem;
		height: 26rem;
		bottom: 40rem;
	}
	.POSTS .rounded-corner-top::after {
		width: 22rem;
		height: 30rem;
		right: -2px;
		bottom: 7%;
	}

	.POSTS .rounded-corner-bottom::before,
	.POSTS .rounded-corner-bottom::after {background: transparent; height: 0;}
	.b-container[data-padding="medium"] .POSTS .rounded-corner-top::before {bottom: 40rem;}
	.b-section[data-background="mid-teal"] .POSTS .rounded-corner-bottom::before {background: transparent;}

	.POSTS .read::before {
		content: "";
		background: var(--pale-teal-400);
		width: 40rem;
		height: 50rem;
		position: absolute;
		bottom: 1rem;
		left: -34rem;
		border-bottom-right-radius: var(--s3);
		transform: rotateY(45deg);
		z-index: 1;
	}
	
	.POSTS .read::after {
		content: "";
		background: var(--light-teal-400);
		width: 20rem;
		height: 50rem;
		left: -20rem;
		bottom: -1rem;
		position: absolute;
	}

	.b-container[data-padding="medium"] .POSTS .read::after {
		background: var(--pale-teal-400);
	}
	
	.b-container[data-padding="medium"] .POSTS .read::before {
		background: var(--light-teal-400);
	}
/* 
	.b-container[data-padding="medium"] .POSTS .read::before {left: 30rem;} */
	
}


/* FLICKITY */ 

.POSTS[data-variant="inpage"] .alm-listing.b-mobile-only {
	overflow: visible;
	display: block;
	margin-top: 0;
	margin-bottom: 0;
}

@media screen and (min-width: 961px) {
	.POSTS[data-variant="inpage"] .alm-listing.b-mobile-only {display: none;}
}

@media screen and (max-width: 960px) {
	.POSTS[data-variant="inpage"] .alm-listing.b-mobile-hidden {display: none!important;}
	.POSTS[data-variant="inpage"] .alm-listing.b-mobile-only {display: block;}
	.POSTS[data-variant="inpage"] .alm-item {width: 90%; height: 470rem;}
	.POSTS .read {bottom: -1px; padding: 14rem 24rem 0;}
}