/* POSTS */

.POSTS::before,
.POSTS::after,
.TRAINING::before,
.TRAINING::after,
.EVENTS-WEBINARS::before,
.EVENTS-WEBINARS::after {
	content: "";
	display: block;
	overflow: hidden;
}

.POSTS .filter,
.TRAINING .filter,
.EVENTS-WEBINARS .filter {
	float: none;
	margin: 0 0 40rem;
	overflow: hidden;
}

.POSTS .filter .b-button,
.TRAINING .filter .b-button,
.EVENTS-WEBINARS .filter .b-button {
	width: 100%;
	line-height: 40rem;
	height: 40rem;
	padding: 0;
}



.POSTS .post,
.TRAINING .post,
.EVENTS-WEBINARS .post {
	position: relative;
}

.POSTS .post,
.TRAINING .post,
.EVENTS-WEBINARS .post {
	position: relative;
	border-radius: var(--border-radius-big);
	background: var(--light-blue);
	height: 100%;
	transition: 0.2s all;
}

.POSTS a,
.TRAINING a,
.EVENTS-WEBINARS a {
	color: var(--black);
	font-weight: 400;
	text-decoration: none;
}

.POSTS a:hover,
.TRAINING a:hover,
.EVENTS-WEBINARS a:hover {
	color: var(--black);
}

.POSTS a:hover .post,
.TRAINING a:hover .post,
.EVENTS-WEBINARS a:hover .post {
	background: var(--white);
	box-shadow: var(--box-shadow);
}

.b-section[data-bg="dark-blue"] .POSTS .post,
.b-section[data-bg="dark-blue"] .POSTS a:hover .post {background: var(--light-blue);}

.b-section[data-bg="dark-blue"] .TRAINING .post,
.b-section[data-bg="dark-blue"] .TRAINING a:hover .post {background: var(--light-blue);}

.b-section[data-bg="dark-blue"] .EVENTS-WEBINARS .post,
.b-section[data-bg="dark-blue"] .EVENTS-WEBINARS a:hover .post {background: var(--light-blue);}

.POSTS .post .b-img,
.POSTS .post .b-img-fallback,
.TRAINING .post .b-img,
.TRAINING .post .b-img-fallback,
.EVENTS-WEBINARS .post .b-img,
.EVENTS-WEBINARS .post .b-img-fallback {
	border-radius: var(--border-radius-big) 20rem 0 0;
}

.POSTS .post .content,
.TRAINING .post .content,
.EVENTS-WEBINARS .post .content {
	position: relative;
	padding: 30rem;
}

.POSTS .post .content .type,
.TRAINING .post .content .type,
.EVENTS-WEBINARS .post .content .type {
	font-size: 14rem;
	font-weight: 700;
	color: var(--white);
	min-width: 50rem;
	text-align: center;
	padding: 10rem 15rem;
	background: var(--bright-blue);
	border-radius: 4rem;
	position: absolute;
	top: -23rem;
	right: 30rem;
}

.POSTS .post .content .category,
.TRAINING .post .content .category,
.EVENTS-WEBINARS .post .content .category {
	margin: 0;
	color: var(--blue);
	font-weight: 800;
}

.POSTS .post .content .title,
.TRAINING .post .content .title,
.EVENTS-WEBINARS .post .content .title {
	font-family: 'Rubik', sans-serif;
	font-weight: 600;
	line-height: 1.4;
	margin: 10rem 0 0;
	color: var(--dark-blue);
}

.POSTS .post .content .excerpt,
.TRAINING .post .content .excerpt,
.EVENTS-WEBINARS .post .content .excerpt {
	margin: 20rem 0;
}

.EVENTS-WEBINARS .post .content .excerpt {margin-bottom: 50rem !important;}

.POSTS .post .info,
.TRAINING .post .info,
.EVENTS-WEBINARS .post .info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	bottom: 30rem;
	left: 55rem;
	right: 30rem;
}

.POSTS .post .info > *,
.TRAINING .post .info > *,
.EVENTS-WEBINARS .post .info > * {
	display: inline-block;
	font-size: 14rem;
	margin-top: 0;
	margin-bottom: 0;
	position: relative;
}

/*.POSTS .post .info .date,
.TRAINING .post .info .date,
.EVENTS-WEBINARS .post .info .date {left: 25rem;}*/

.POSTS .post .info p::before,
.TRAINING .post .info p::before,
.EVENTS-WEBINARS .post .info p::before {
	content: '';
	display: block;
	width: 20rem;
	height: 20rem;
	position: absolute;
	top: 2rem;
	left: -25rem;
	background-repeat: no-repeat;
	background-size: contain;
}

.POSTS .post .info .date::before,
.TRAINING .post .info .date::before,
.EVENTS-WEBINARS .post .info .date::before {background-image: url(/wp-content/themes/wp-parchment/assets/images/ui-calendar.svg);}

.POSTS .post .info .location::before,
.TRAINING .post .info .location::before,
.EVENTS-WEBINARS .post .info .location::before {background-image: url(/wp-content/themes/wp-parchment/assets/images/ui-pin.svg); left: -25rem;}

.POSTS .post .info .location.in-person::before,
.TRAINING .post .info .location.in-person::before,
.EVENTS-WEBINARS .post .info .location.in-person::before {background-image: url(/wp-content/themes/wp-parchment/assets/images/ui-pin.svg); left: -18rem;}

.POSTS .post .info .location.on-demand::before,
.TRAINING .post .info .location.on-demand::before,
.EVENTS-WEBINARS .post .info .location.on-demand::before {background-image: url(/wp-content/themes/wp-parchment/assets/images/ui-ondemand.svg);}

.POSTS .post .info .location.virtual::before,
.TRAINING .post .info .location.virtual::before,
.EVENTS-WEBINARS .post .info .location.virtual::before {background-image: url(/wp-content/themes/wp-parchment/assets/images/ui-virtual.svg); width: 25rem; height: 25rem; left: -30rem;}

.POSTS .pagination,
.TRAINING .pagination,
.EVENTS-WEBINARS .pagination {
	margin: 60rem 0 0;
}

.POSTS .screen-reader-text,
.TRAINING .screen-reader-text,
.EVENTS-WEBINARS .screen-reader-text {
	display: none;
}

@media screen and (max-width: 960px) {
	.POSTS .filter .b-columns,
	.TRAINING .filter .b-columns,
	.EVENTS-WEBINARS .filter .b-columns {margin: -5rem;}

	.POSTS .filter .b-columns > .b-column,
	.TRAINING .filter .b-columns > .b-column,
	.EVENTS-WEBINARS .filter .b-columns > .b-column {padding: 5rem;}

	.POSTS .post .content,
	.TRAINING .post .content,
	.EVENTS-WEBINARS .post .content {padding: 30rem 20rem;}
}



/* ajax load more */

.POSTS .alm-reveal,
.TRAINING .alm-reveal,
.EVENTS-WEBINARS .alm-reveal,
.POSTS .alm-listing,
.TRAINING .alm-listing,
.EVENTS-WEBINARS .alm-listing {
	display: flex;
	flex-wrap: wrap;
	margin: -20rem -20rem -40rem;
}

.POSTS .alm-item,
.TRAINING .alm-item,
.EVENTS-WEBINARS .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,
.TRAINING .ajax-load-more-wrap[data-total-posts="0"] .alm-listing:empty::before,
.EVENTS-WEBINARS .results + .posts .ajax-load-more-wrap[data-total-posts="0"] .alm-listing:empty::before {display: none;}

.POSTS .ajax-load-more-wrap[data-total-posts="0"] .alm-listing:empty::before,
.TRAINING .ajax-load-more-wrap[data-total-posts="0"] .alm-listing:empty::before,
.EVENTS-WEBINARS .results + .posts .ajax-load-more-wrap[data-total-posts="0"] .alm-listing:empty::before {display: none;}

.POSTS .alm-reveal + .alm-reveal,
.TRAINING .alm-reveal + .alm-reveal,
.EVENTS-WEBINARS .alm-reveal + .alm-reveal {padding-top: 40rem;}

.POSTS .alm-btn-wrap,
.TRAINING .alm-btn-wrap,
.EVENTS-WEBINARS .alm-btn-wrap {text-align: center; overflow: hidden;}

.POSTS .alm-load-more-btn,
.TRAINING .alm-load-more-btn,
.EVENTS-WEBINARS .alm-load-more-btn {margin-top: 60rem;}

.POSTS .alm-load-more-btn.done,
.TRAINING .alm-load-more-btn.done,
.EVENTS-WEBINARS .alm-load-more-btn.done {display: none; /*opacity: 0.5;*/}

@media screen and (max-width: 960px) {
	.POSTS .alm-reveal,
	.TRAINING .alm-reveal,
	.EVENTS-WEBINARS .alm-reveal {margin: -10rem -10rem -30rem;}

	.POSTS .alm-item,
	.TRAINING .alm-item,
	.EVENTS-WEBINARS .alm-item {width: 100%; padding: 10rem 10rem 30rem;}

	.POSTS .alm-reveal + .alm-reveal,
	.TRAINING .alm-reveal + .alm-reveal,
	.EVENTS-WEBINARS .alm-reveal + .alm-reveal {padding-top: 30rem;}

	.POSTS .alm-load-more-btn,
	.TRAINING .alm-load-more-btn,
	.EVENTS-WEBINARS .alm-load-more-btn {margin-top: 40rem;}

}



/* animation */

@media screen and (min-width: 961px) {
	.POSTS .posts .b-column:nth-child(3n + 2) {transition-delay: 0.4s;}
	.POSTS .posts .b-column:nth-child(3n + 3) {transition-delay: 0.6s;}
	.POSTS .posts .alm-item:nth-child(3n + 2) {transition-delay: 0.4s;}
	.POSTS .posts .alm-item:nth-child(3n + 3) {transition-delay: 0.6s;}

	.TRAINING .posts .b-column:nth-child(3n + 2) {transition-delay: 0.4s;}
	.TRAINING .posts .b-column:nth-child(3n + 3) {transition-delay: 0.6s;}
	.TRAINING .posts .alm-item:nth-child(3n + 2) {transition-delay: 0.4s;}
	.TRAINING .posts .alm-item:nth-child(3n + 3) {transition-delay: 0.6s;}

	.EVENTS-WEBINARS .posts .b-column:nth-child(3n + 2) {transition-delay: 0.4s;}
	.EVENTS-WEBINARS .posts .b-column:nth-child(3n + 3) {transition-delay: 0.6s;}
	.EVENTS-WEBINARS .posts .alm-item:nth-child(3n + 2) {transition-delay: 0.4s;}
	.EVENTS-WEBINARS .posts .alm-item:nth-child(3n + 3) {transition-delay: 0.6s;}
}