/*--------------------------------------------------------------
# AJAX Pagination
--------------------------------------------------------------*/

@keyframes evie-posts-loading-placeholder {

	0% {
		background-position: 100% 0;
	}

	100% {
		background-position: -100% 0;
	}
}

:root {
	--evie-loading-placholder-background: linear-gradient(to right, #f5f5f5 8%, #eaeaea 38%, #f5f5f5 54%);
}

body.has-scheme-dark {
	--evie-loading-placholder-background: linear-gradient(to right, #323232 8%, #363636 38%, #323232 54%);
}

.main-posts.is-loading .posts-list .entry {
	pointer-events: none;
}

.main-posts.is-loading .posts-list .entry .entry-media,
.main-posts.is-loading .posts-list .entry .entry-header,
.main-posts.is-loading .posts-list .entry .entry-summary,
.main-posts.is-loading .posts-list .entry .entry-buttons,
.main-posts.is-loading.posts-style-list .posts-list .entry .entry-footer {
	position: relative;
}

.main-posts.is-loading .posts-list .entry .entry-media::after,
.main-posts.is-loading .posts-list .entry .entry-header::after,
.main-posts.is-loading .posts-list .entry .entry-summary::after,
.main-posts.is-loading .posts-list .entry .entry-footer::after,
.main-posts.is-loading .posts-list .entry .entry-buttons::after {
	animation: evie-posts-loading-placeholder 1.25s linear forwards infinite;
	background: #f5f5f5;
	background: var(--evie-loading-placholder-background);
	background-size: 200% 100%;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 99;
}

.main-posts.is-loading .posts-list .entry .entry-header::after,
.main-posts.is-loading .posts-list .entry .entry-summary::after,
.main-posts.is-loading.posts-style-list .posts-list .entry .entry-footer::after,
.main-posts.is-loading .posts-list .entry .entry-buttons::after {
	border-radius: 0.5rem;
}

/* Posts Pagination */

.post-pagination.navigation.loadmore-pagination a::after,
.comments-section .navigation.loadmore-pagination a::after {
	display: none;
}

.post-pagination.navigation.loadmore-pagination .nav-links,
.comments-section .navigation.loadmore-pagination .nav-links {
	height: 8rem;
}

.navigation.loadmore-pagination.is-loading a {
	display: none;
}

.navigation.loadmore-pagination.is-loading .post-loader {
	display: block;
}

/* Comments Pagination */

.comments-section .navigation.loadmore-pagination .nav-links > div {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
}

.comments-section .navigation.loadmore-pagination.is-loading .nav-links > div::before {
	animation: evie-spin 1s infinite linear;
	border: 2px solid #a0a0a0;
	border-radius: 50%;
	border-top-color: #d4d4d4;
	content: "";
	display: inline-block;
	height: 3.5rem;
	outline: 1px solid transparent;
	position: relative;
	width: 3.5rem;
	vertical-align: middle;
}