/*--------------------------------------------------------------
# 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: 50%;
}

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

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

.partial-content.is-loading .has-content-placeholder .entry .entry-media,
.partial-content.is-loading .has-content-placeholder .entry .entry-header,
.partial-content.is-loading .has-content-placeholder .entry .entry-summary {
	position: relative;
}

.partial-content.is-loading .has-content-placeholder .entry .entry-media::after,
.partial-content.is-loading .has-content-placeholder .entry .entry-header::after,
.partial-content.is-loading .has-content-placeholder .entry .entry-summary::after,
.partial-content.is-loading .has-content-placeholder .entry .entry-footer::after {
	animation: tripp-xt-posts-loading-placeholder 1.25s linear forwards infinite;
	background: rgb(var(--tripp-color-surface-rgb)) var(--tripp-xt-loading-placholder-background);
	background-size: 200% 100%;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 20;
}

.partial-content.is-loading .has-content-placeholder .entry .entry-header::after,
.partial-content.is-loading .has-content-placeholder .entry .entry-summary::after,
.partial-content.is-loading .has-content-placeholder .entry .entry-footer::after,
.partial-content.is-loading .has-content-placeholder .entry .entry-buttons::after {
	border-radius: 0.5rem;
}

#content-footer {
	position: absolute;
	visibility: hidden;
}

/* 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(--tripp-color-on-surface-rgb), 0.1);
}