/*--------------------------------------------------------------
# Single Page
--------------------------------------------------------------*/

.partial-content.is-loading .page-header .has-content-placeholder {
	border-radius: 0.5rem;
	overflow: hidden;
	position: relative;
}

.partial-content.is-loading .page-header .archive-image.has-content-placeholder {
	border-radius: 30%;
}

.partial-content.is-loading .page-header .has-content-placeholder::before {
	background: rgb(var(--momelo-color-background-rgb));
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 98;
}

.partial-content.is-loading .page-header .has-content-placeholder::after {
	animation: momelo-xt-posts-loading-placeholder 1.25s linear forwards infinite;
	background: var(--momelo-xt-loading-placholder-background);
	background-size: 200% 100%;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 99;
}

.partial-content.is-loading .has-content-placeholder .entry {
	pointer-events: none;
	position: relative;
}

.partial-content.is-loading .has-content-placeholder .entry::before {
	background: rgb(var(--momelo-color-background-rgb));
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 98;
}

.partial-content.is-loading .has-content-placeholder .entry::after {
	animation: momelo-xt-posts-loading-placeholder 1.25s linear forwards infinite;
	background: #f5f5f5;
	background: var(--momelo-xt-loading-placholder-background);
	background-size: 200% 100%;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 99;
}

/* Comments */

.comment-list .comment {
	transition: opacity 0.5s ease-in-out 0.15s;
}

.comment-list .comment.new-comment-hidden {
	opacity: 0;
}

.comment-list .comment .comment-header,
.comment-list .comment .comment-content {
	transition: background-color 0.3s ease-in-out;
}

.comment-list .comment.new-comment-active .comment-header,
.comment-list .comment.new-comment-active .comment-content {
	background-color: rgba(var(--momelo-color-on-surface-rgb), 0.1);
}