/*
 * Keep the document visible when JavaScript is unavailable, then opt into a
 * short initial fade only while the small head script is active.
 */
body #content,
body .site-header,
body .site-footer,
body .search-big__trigger,
body .search-big__close,
body .back-to-top,
body .paging-navigation,
.grid-wrapper .post {
	opacity: 1;
}

body .site-header,
body .site-footer,
body .search-big__trigger,
body .search-big__close,
body .back-to-top,
body .paging-navigation,
.grid-wrapper .post {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

html.huntt-reveal-pending body:not(.show) #content,
html.huntt-reveal-pending body:not(.show) .site-header,
html.huntt-reveal-pending body:not(.show) .site-footer,
html.huntt-reveal-pending body:not(.show) .search-big__trigger,
html.huntt-reveal-pending body:not(.show) .search-big__close,
html.huntt-reveal-pending body:not(.show) .back-to-top,
html.huntt-reveal-pending body:not(.show) .paging-navigation {
	opacity: 0;
}

/*
 * Hide only the poster's visual link until that image has loaded and decoded.
 * Keeping the figure itself untransformed preserves the theme's original
 * hover and click stacking order.
 */
html.huntt-poster-reveal .grid-wrapper article .featured-image {
	position: relative;
}

html.huntt-poster-reveal .grid-wrapper article .featured-image > a,
html.huntt-poster-reveal .grid-wrapper article .featured-image > img {
	-webkit-transition: -webkit-transform .45s cubic-bezier(.25, .46, .45, .94), opacity .45s cubic-bezier(.25, .46, .45, .94);
	-moz-transition: -moz-transform .45s cubic-bezier(.25, .46, .45, .94), opacity .45s cubic-bezier(.25, .46, .45, .94);
	-ms-transition: -ms-transform .45s cubic-bezier(.25, .46, .45, .94), opacity .45s cubic-bezier(.25, .46, .45, .94);
	-o-transition: -o-transform .45s cubic-bezier(.25, .46, .45, .94), opacity .45s cubic-bezier(.25, .46, .45, .94);
	transition: transform .45s cubic-bezier(.25, .46, .45, .94), opacity .45s cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-delay: var(--poster-reveal-delay, 0ms);
	-moz-transition-delay: var(--poster-reveal-delay, 0ms);
	-ms-transition-delay: var(--poster-reveal-delay, 0ms);
	-o-transition-delay: var(--poster-reveal-delay, 0ms);
	transition-delay: var(--poster-reveal-delay, 0ms);
}

html.huntt-poster-reveal .grid-wrapper article:not(.poster-reveal-ready) .featured-image > a,
html.huntt-poster-reveal .grid-wrapper article:not(.poster-reveal-ready) .featured-image > img {
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translate3d(0, 50px, 0);
	-moz-transform: translate3d(0, 50px, 0);
	-ms-transform: translate3d(0, 50px, 0);
	-o-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
}

html.huntt-poster-reveal .grid-wrapper article.poster-reveal-ready .featured-image > a,
html.huntt-poster-reveal .grid-wrapper article.poster-reveal-ready .featured-image > img {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

html.huntt-poster-reveal .grid-wrapper .format-image:not(.poster-reveal-ready) .entry-excerpt {
	pointer-events: none;
	visibility: hidden;
}

/* Reserve the complete poster tile with a subtle wash while it is pending. */
html.huntt-poster-reveal .grid-wrapper article:not(.poster-reveal-ready) .featured-image:before {
	background: linear-gradient(
		145deg,
		#e1e1e1 0%,
		#eeeeee 48%,
		#e5e5e5 100%
	);
	bottom: 0;
	box-sizing: border-box;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
}

@media (prefers-reduced-motion: reduce) {
	body #content,
	body .site-header,
	body .site-footer,
	body .search-big__trigger,
	body .search-big__close,
	body .back-to-top,
	body .paging-navigation,
	.grid-wrapper .post,
	html.huntt-poster-reveal .grid-wrapper article .featured-image > a,
	html.huntt-poster-reveal .grid-wrapper article .featured-image > img {
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-ms-transition: none !important;
		-o-transition: none !important;
		transition: none !important;
	}

	html.huntt-reveal-pending body:not(.show) #content,
	html.huntt-reveal-pending body:not(.show) .site-header,
	html.huntt-reveal-pending body:not(.show) .site-footer,
	html.huntt-reveal-pending body:not(.show) .search-big__trigger,
	html.huntt-reveal-pending body:not(.show) .search-big__close,
	html.huntt-reveal-pending body:not(.show) .back-to-top,
	html.huntt-reveal-pending body:not(.show) .paging-navigation {
		opacity: 1;
	}
}