/* POSTS */

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

/* FILTER */ 

.POSTS .filter {
	position: sticky;
    top: var(--s9);
	margin: var(--ns2) 0 var(--s7);
	overflow: hidden;
}

.POSTS .filter ul {
	padding: 0;
	list-style: none;
	margin-top: var(--s1) !important;
}

.POSTS .search {
	position: relative;
	margin-bottom: var(--s4);
}

.POSTS .filter input[type="text"] {
	width: 67%;
    padding: var(--s3);
    border: 1px solid var(--slate-gray);
	font-size: 16rem;
	font-weight: 600;
    transition: box-shadow 0.25s;
	line-height: 1.3;
}

.POSTS .filter input[type="text"]::placeholder {
	color: var(--dark-blue-400);
	font-size: 16rem;
	font-weight: 600;
}

.POSTS .filter .search .b-button {
	padding: var(--s3) var(--s3) 15rem;
	margin-left: var(--ns2);
	position: absolute;
	right: 0;
	top: 0;
	line-height: 1.5;
}

.POSTS .filter .categories {
	padding: var(--s2) var(--s3);
	font-size: 16rem;
	color: var(--dark-blue-400);
	margin: var(--s1) 0 0;
	cursor: pointer;
	transition: all .25s;
	position: relative;
	z-index: 2;
}

.POSTS .filter .categories a {
	text-decoration: none;
}

.POSTS .filter .categories input {
	display: none;
}

.POSTS .filter .categories label {
	cursor: pointer;
	display: inline-block;
	width: 100%;
	height: 100%;
}

/* active */ 

.POSTS .filter .categories.alt-active, 
.POSTS .filter .categories:hover {
	background: var(--light-blue-300);
	font-weight: 600;
	color: var(--med-blue-400);
}

.POSTS .filter .categories.alt-active a,
.POSTS .filter .categories:hover a {
	color: var(--med-blue-400);
}

.POSTS .filter .categories:not(.view-all).alt-active::before {
	content: '';
	position: absolute;
	top: var(--s3);
	right: var(--s3);
	width: var(--s3);
	height: var(--s3);
	background: no-repeat center url(../../assets/images/ui-x-post.svg);
	z-index: -1;
}

.POSTS:not(.POSTS[data-variant="inpage"]) .posts .alm-item:not(:nth-child(1)) .post, 
.POSTS.alt-post-footer:not(.POSTS[data-variant="inpage"]) .posts .post {
	position: relative;
	border-bottom: 1px solid var(--slate-gray);
	height: 100%;
	padding-bottom: var(--s5);
}

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

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

.POSTS:not(.POSTS[data-variant="inpage"]) .posts .alm-item:not(:nth-child(1)) .post .b-button, 
.POSTS.alt-post-footer:not(.POSTS[data-variant="inpage"]) .posts .post .b-button {
	position: absolute;
	bottom: var(--s5);
	left: 0;
	color: var(--dark-blue-400);
	z-index: -1;
}

.POSTS .meta {
	margin-top: var(--ps);
}

.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);
	box-sizing: border-box;
	flex: 0 0 auto;
	width: 33.333333%;
	margin-bottom: var(--s7);
}

.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: left; 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 .posts .categories {
	display: inline-block;
	background: var(--light-blue-300);
	padding: var(--s3);
	font-size: 16rem;
	color: var(--dark-blue-400);
	text-transform: uppercase;
	font-weight: 600;
}

/* FIRST POST */ 

.POSTS:not([data-variant="inpage"], .alt-post-footer) .posts .alm-item:nth-child(1) {
	width: 100%;
	padding-bottom: var(--s5);
	margin: var(--ns2) 0 var(--ns3);
}

.POSTS:not([data-variant="inpage"], .alt-post-footer) .posts .alm-item:nth-child(1) .post {
	position: relative;
	border-bottom: none;
}

.POSTS:not([data-variant="inpage"], .alt-post-footer) .posts .alm-item:nth-child(1) .inner-wrapper {
	display: flex;
	flex-direction: column-reverse;
}

.POSTS:not([data-variant="inpage"], .alt-post-footer) .posts .alm-item:nth-child(1) .categories {
	display: none;
}

.POSTS:not([data-variant="inpage"], .alt-post-footer)  .posts .alm-item:nth-child(1) .post .content {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	margin-bottom: var(--s5);
	justify-content: space-between;
	gap: var(--col-1);
}

.POSTS:not([data-variant="inpage"], .alt-post-footer) .posts .alm-item:nth-child(1) .image .b-img {
	aspect-ratio: 16/9!important;
}

.POSTS:not([data-variant="inpage"], .alt-post-footer)  .posts .alm-item:nth-child(1) .post .content h5 {
	width: 50%;
	margin-top: 0;
}
.POSTS:not([data-variant="inpage"], .alt-post-footer)  .posts .alm-item:nth-child(1) .post .content p {
	width: 50%;
	margin-top: 0;
}

.POSTS:not([data-variant="inpage"], .alt-post-footer)  .posts .alm-item:nth-child(1) .post .content .b-button {
	position: absolute;
	bottom: var(--s8);
	left: 0;
	cursor: pointer;
	max-width: 100%;
	vertical-align: middle;
	display: inline-block;
	box-sizing: border-box;
	font-family: inherit;
	font-weight: 600;
	font-size: 16rem;
	line-height: 1.2;
	width: auto;
	padding: var(--s3);
	margin: 0;
	border: none;
	border-radius: 0;
	text-align: center;
	color: var(--white);
	background: var(--med-blue-400);
	appearance: none;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-appearance: none;
	-moz-appearance: none;
	transition: color 0.25s, background-color 0.25s, box-shadow 0.25s !important;
	overflow: visible;
	z-index: -1;
}

.POSTS:not([data-variant="inpage"], .alt-post-footer)  .posts .alm-item:nth-child(1) .post .content .b-button svg {
	display: none;
}

.POSTS:not([data-variant="inpage"], .alt-post-footer)  .posts .alm-item:nth-child(1) .post .content .b-button::before {
	content: '';
	position: absolute;
	width: 35rem;
	height: 100%;
	top: 0;
	right: -35rem;
	background: no-repeat center url(../../assets/images/ui-button-arrow.svg);
	z-index: -1;
}

.POSTS:not([data-variant="inpage"], .alt-post-footer)  .posts .alm-item:nth-child(1) .post .image {
	margin-bottom: var(--s10);
}

@media screen and (max-width: 960px) {
	.POSTS:not([data-variant="inpage"], .alt-post-footer)  .posts .alm-item:nth-child(1) .post .content {flex-direction: column; gap: var(--s3);}
	.POSTS:not([data-variant="inpage"], .alt-post-footer)  .posts .alm-item:nth-child(1) .post .content h5, .POSTS:not([data-variant="inpage"], .alt-post-footer)  .posts .alm-item:nth-child(1) .post .content p {width: 100%;}
	.POSTS:not([data-variant="inpage"], .alt-post-footer)  .posts .alm-item:nth-child(1) .post .image {margin-bottom: var(--s8);}
	.POSTS:not([data-variant="inpage"], .alt-post-footer) .posts .alm-item:nth-child(1) .post .content .b-button {bottom: var(--s3);}
}

/* IN PAGE */ 

.POSTS[data-variant="inpage"] .alm-item {
	margin-bottom: 0;
}

.POSTS[data-variant="inpage"] :is(.categories, p) {display: none;}
.POSTS[data-variant="inpage"] h5 {color: var(--dark-blue-400); margin-top: 0;}
.POSTS[data-variant="inpage"] .alm-item {width: 50%;padding: var(--s2);}
.POSTS[data-variant="inpage"] .post {position: relative; background: var(--white); height: 100%; overflow: hidden;}
.POSTS[data-variant="inpage"] .inner-wrapper {
	display: flex;
	align-items: stretch;
}

.POSTS[data-variant="inpage"] .alm-item .b-button,
.POSTS.alt-post-footer .alm-item .b-button {color: var(--dark-blue-400); margin-top: var(--s4);}

.POSTS[data-variant="inpage"] .alm-item .b-button svg:nth-child(1),
.POSTS.alt-post-footer .alm-item .b-button svg:nth-child(1) {
	color: var(--dark-blue-400);
}

.POSTS[data-variant="inpage"] .alm-item .b-button svg:nth-child(1),
.POSTS.alt-post-footer .alm-item .b-button svg:nth-child(1) {display: none;}

.POSTS[data-variant="inpage"] .content {padding: var(--s3) var(--s4);}
.POSTS[data-variant="inpage"] .image {margin-bottom: 0; width: 30%; flex: 0 0 auto; align-items: flex-start;}
.POSTS[data-variant="inpage"] .image .b-img {aspect-ratio: 16/15!important;}

@media screen and (min-width: 961px) {
	.POSTS .filter .b-column:last-child {width: auto; flex-grow: 1;}
}

@media screen and (max-width: 960px) {
	.POSTS .filter {margin: 0 0 var(--s5);}
	.POSTS .filter input[type="text"] {width: 90%;}
	.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[data-variant="inpage"] .alm-item {width: 100%;}
	.POSTS[data-variant="inpage"] .inner-wrapper {flex-direction: column;}
	.POSTS[data-variant="inpage"] .image {width: 100%;}
	.POSTS[data-variant="inpage"] .image .b-img {aspect-ratio: 16/9!important;}
}


/* HOVER */ 

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