/*
* Used to style the featured hero section of the Katerina theme.
*/

/* > Featured media */
.featured-media {
	position: relative;
	height: 100vh;
	overflow: hidden;
	color: var(--wp--custom--color--featured--foreground);
	background-color: var(--wp--custom--color--featured--background);
}

.featured-media.has-overlay:before,
.featured-media.has-overlay:has(>.panorama360) .panorama360.type-equirectangular:before,
.featured-media.has-overlay:has(>.panorama360) .panorama360.type-flat .panorama-view:before {
	content: '';
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background: linear-gradient(0deg, var(--wp--custom--color--page-border) 0%, var(--wp--custom--color--page-border) 5%, rgba(0, 0, 0, .25) 40%, rgba(0, 0, 0, .2) 100%);
}

.featured-media.has-overlay:has(>.panorama360):before,
.featured-media.has-overlay .panorama360.type-equirectangular.is-fullscreen:before,
.featured-media.has-overlay .panorama360.type-flat.is-fullscreen .panorama-view:before {
	content: none;
}

.featured-media a:focus {
	outline-color: var(--wp--custom--color--featured--foreground);
}

/* >> Featured slider */
.featured-media .featured-slider,
.featured-media .panorama360.type-equirectangular,
.featured-media .panorama360.type-flat .panorama-view {
	position: relative;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity var(--wp--custom--duration--transition), visibility var(--wp--custom--duration--transition);
}

.no-js .featured-media .featured-slider,
.no-js .featured-media .panorama360.type-equirectangular,
.no-js .featured-media .panorama360.type-flat .panorama-view,
.featured-media-loaded .featured-media .featured-slider,
.featured-media .panorama360.type-equirectangular.panorama-init,
.featured-media .panorama360.type-flat .panorama-view-init {
	opacity: 1;
	visibility: visible;
}

.featured-media .featured-slider.type-image > img,
.featured-media .featured-slider.type-video > video,
.featured-media .featured-slider.type-video > iframe,
.featured-media .featured-slider.type-iframe > iframe,
.featured-media .featured-slider.type-displacement > .slide.is-active img,
.featured-media .featured-slider.type-displacement > canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	-o-object-fit: cover;
	object-fit: cover;
}

.featured-media .featured-slider.type-image > img,
.featured-media .featured-slider.type-video > video,
.featured-media .featured-slider.type-displacement > .slide.is-active img,
.featured-media .featured-slider.type-displacement > canvas {
	pointer-events: none;
}

.featured-media .featured-slider.type-displacement > .slide,
.featured-media .featured-slider.type-displacement.loaded:not(.error) > .slide.is-active,
.featured-media .featured-slider.type-displacement .slide-content,
.featured-media .featured-slider-controls {
	display: none;
}

.featured-media .featured-slider.type-displacement > .slide.is-active {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.featured-media .featured-slider-controls {
	position: absolute;
	z-index: 6;
	top: calc(var(--spacing--featured-generic-height) + var(--spacing--content-horizontal) + var(--spacing--admin--bar));
	right: calc(var(--spacing--content-horizontal) + var(--spacing--global));
	transition: top var(--wp--custom--duration--transition), right var(--wp--custom--duration--transition);
	--slider-controls-size: 50px;
	--slider-progress-size: 3px;
}

.no-page-border .featured-media .featured-slider-controls {
	right: var(--spacing--content-horizontal);
}

.featured-media-loaded .featured-media .featured-slider ~ .featured-slider-controls {
	display: block;
}

.featured-media .featured-slider-controls a {
	position: relative;
	float: left;
	width: var(--slider-controls-size);
	height: var(--slider-controls-size);
	text-align: center;
	background-color: var(--wp--preset--color--background);
	transition: all var(--wp--custom--duration--transition);
}

.featured-media .featured-slider-controls a:focus {
	outline: 0;
}

.featured-media .featured-slider-controls svg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	margin-left: -12px;
	fill: var(--wp--preset--color--foreground);
	transition: fill var(--wp--custom--duration--transition);
}

.featured-media .featured-slider-controls a:hover svg,
.featured-media .featured-slider-controls a:focus svg {
	fill: var(--wp--preset--color--faded);
}

.featured-media .featured-slider-controls .progress {
	position: absolute;
	bottom: 0;
	left: 0;
	height: var(--slider-progress-size);
	width: 0;
	z-index: 2;
	pointer-events: none;
	background-color: var(--wp--preset--color--secondary);
	transition: width 10ms;
}

@media (min-width: 576px) {
	.featured-media .featured-slider-controls {
		--slider-controls-size: 60px;
	}
}

@media (min-width: 768px) {
	.featured-media .featured-slider-controls {
		top: calc((var(--spacing--featured-generic-height) - var(--slider-controls-size)) / 2 + var(--spacing--admin--bar));
	}
}

@media (min-width: 992px) {
	.featured-media .featured-slider-controls {
		--slider-progress-size: 4px;
	}
}

@media (min-width: 992px) {
	.theme-parallax .featured-media.parallax-hover {
		--hoverX: 0;
		--hoverY: 0;
	}

	.theme-parallax .featured-media.parallax-hover .featured-slider {
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
		transform: scale(1.025) translate(calc( -1 * var(--hoverX) / var(--wp--custom--parallax--amount--big) * 1px), calc( -1 * var(--hoverY) / var(--wp--custom--parallax--amount--big) * 1px) );
		transition: transform var(--wp--custom--parallax--duration--short) var(--wp--custom--parallax--ease);
	}

	.theme-parallax .featured-media.parallax-hover .featured-slider.type-image > img,
	.theme-parallax .featured-media.parallax-hover .featured-slider.type-video > video,
	.theme-parallax .featured-media.parallax-hover .featured-slider.type-video > iframe,
	.theme-parallax .featured-media.parallax-hover .featured-slider.type-iframe > iframe,
	.theme-parallax .featured-media.parallax-hover .featured-slider.type-displacement > .slide.is-active img,
	.theme-parallax .featured-media.parallax-hover .featured-slider.type-displacement > canvas {
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
		transform: scale(1.05) translate( calc( -1 * var(--hoverX) / var(--wp--custom--parallax--amount--big) * 1px), calc( -1 * var(--hoverY) / var(--wp--custom--parallax--amount--big) * 1px) );
		transition: transform var(--wp--custom--parallax--duration--normal) var(--wp--custom--parallax--ease);
	}
}

/* >> Panorama viewer */
.featured-media .panorama360 {
	--panorama-controls-size: 40px;
	--panorama-controls-gap: 10px;
}

@media (min-width: 768px) {
	.featured-media .panorama360 {
		--panorama-controls-size: 60px;
	}
}

.featured-media .panorama360 .panorama-title,
.featured-media .panorama360 .panorama-fullscreen.custom,
.featured-media .panorama360 .panorama-zoom.custom,
.featured-media .panorama360 .panorama-controls.custom {
	z-index: 6;
	transition: all var(--wp--custom--duration--transition) ease;
}

.featured-media .panorama360 .panorama-title a,
.featured-media .panorama360 .panorama-fullscreen.custom a,
.featured-media .panorama360 .panorama-zoom.custom a,
.featured-media .panorama360 .panorama-controls.custom a {
	color: var(--wp--preset--color--foreground);
	background-color: var(--wp--preset--color--background);
	transition: all var(--wp--custom--duration--transition) ease;
}

.featured-media .panorama360 .panorama-title a:hover,
.featured-media .panorama360 .panorama-title a:focus,
.featured-media .panorama360 .panorama-fullscreen.custom a:hover,
.featured-media .panorama360 .panorama-zoom.custom a:hover,
.featured-media .panorama360 .panorama-controls.custom a:hover {
	color: var(--wp--preset--color--faded);
}


.featured-media .panorama360 .panorama-fullscreen.custom,
.featured-media .panorama360 .panorama-zoom.custom {
	top: calc(var(--spacing--featured-generic-height) + var(--spacing--content-horizontal) + var(--spacing--admin--bar));
}

.featured-media .panorama360 .panorama-title,
.featured-media .panorama360 .panorama-controls.custom {
	bottom: calc(var(--spacing--featured-nav-height) + var(--spacing--content-vertical));
}

.featured-media .panorama360.is-fullscreen .panorama-title,
.featured-media .panorama360.is-fullscreen .panorama-controls.custom {
	bottom: var(--panorama-controls-gap);
}

.featured-media .panorama360 .panorama-fullscreen.custom,
.featured-media .panorama360 .panorama-zoom.custom,
.featured-media .panorama360 .panorama-title {
	right: calc(var(--spacing--content-horizontal) + var(--spacing--global));
}

.featured-media .panorama360 .panorama-fullscreen.custom + .panorama-zoom.custom {
	right: calc(var(--spacing--content-horizontal) + var(--spacing--global) + var(--panorama-controls-size));
}

.no-page-border .featured-media .panorama360 .panorama-fullscreen.custom,
.no-page-border .featured-media .panorama360 .panorama-zoom.custom,
.no-page-border .featured-media .panorama360 .panorama-title {
	right: var(--spacing--content-horizontal);
}

.no-page-border .featured-media .panorama360 .panorama-fullscreen.custom + .panorama-zoom.custom {
	right: calc(var(--spacing--content-horizontal) + var(--panorama-controls-size));
}

.featured-media .panorama360.is-fullscreen .panorama-fullscreen.custom,
.featured-media .panorama360.is-fullscreen .panorama-zoom.custom,
.no-page-border .featured-media .panorama360.is-fullscreen .panorama-fullscreen.custom {
	top: var(--panorama-controls-gap);
}

.featured-media .panorama360.is-fullscreen .panorama-fullscreen.custom,
.featured-media .panorama360.is-fullscreen .panorama-zoom.custom,
.featured-media .panorama360.is-fullscreen .panorama-title,
.no-page-border .featured-media .panorama360.is-fullscreen .panorama-fullscreen.custom,
.no-page-border .featured-media .panorama360.is-fullscreen .panorama-zoom.custom,
.no-page-border .featured-media .panorama360.is-fullscreen .panorama-title,
.featured-media:has(>.social-navigation) .panorama360.is-fullscreen .panorama-title {
	right: var(--panorama-controls-gap);
}

.featured-media .panorama360.is-fullscreen .panorama-fullscreen.custom + .panorama-zoom.custom,
.no-page-border .featured-media .panorama360.is-fullscreen .panorama-fullscreen.custom + .panorama-zoom.custom {
	right: calc(var(--panorama-controls-size) + var(--panorama-controls-gap));
}

.featured-media .panorama360 .panorama-controls.custom {
	left: calc(var(--spacing--content-horizontal) + var(--spacing--global));
}

.no-page-border .featured-media .panorama360 .panorama-controls.custom {
	left: var(--spacing--content-horizontal);
}

.featured-media .panorama360.is-fullscreen .panorama-controls.custom,
.no-page-border .featured-media .panorama360.is-fullscreen .panorama-controls.custom {
	left: var(--panorama-controls-gap);
}

.featured-media .panorama360 .panorama-zoom.custom {
	width: calc(2 * var(--panorama-controls-size) + var(--panorama-controls-gap));
}

.featured-media .panorama360 .panorama-zoom.custom .panorama-zoom-in {
	margin-bottom: 0;
}

.featured-media .panorama360 .panorama-zoom.custom a {
	float: left;
}

.featured-media:has(>.social-navigation) .panorama360 .panorama-title {
	right: calc(var(--spacing--content-horizontal) + var(--spacing--global) + 50px);
}

.no-page-border .featured-media:has(>.social-navigation) .panorama360 .panorama-title {
	right: calc(var(--spacing--content-horizontal) + 50px);
}

.featured-media .panorama360 .panorama-title a {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.35;
	padding: 0.5rem 0.75rem;
}

.featured-media .panorama360 .panorama-title a,
.featured-media .panorama360 .panorama-title a:hover {
	opacity: 1;
}

.featured-media .panorama360 .panorama-fullscreen.custom a,
.featured-media .panorama360 .panorama-zoom.custom a,
.featured-media .panorama360 .panorama-controls.custom a {
	width: var(--panorama-controls-size);
	height: var(--panorama-controls-size);
	text-align: center;
	opacity: 1;
}

.featured-media .panorama360 .panorama-fullscreen.custom a,
.featured-media .panorama360 .panorama-zoom.custom a {
	position: relative;
}

.featured-media .panorama360 .panorama-fullscreen.custom svg,
.featured-media .panorama360 .panorama-zoom.custom svg,
.featured-media .panorama360 .panorama-controls.custom svg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	margin-left: -12px;
	fill: currentColor;
}

.featured-media .panorama360 .panorama-fullscreen.custom .icon-fullscreen,
.featured-media .panorama360.is-fullscreen .panorama-fullscreen.custom .icon-fullscreen-exit {
	display: block;
}

.featured-media .panorama360.is-fullscreen .panorama-fullscreen.custom .icon-fullscreen,
.featured-media .panorama360 .panorama-fullscreen.custom .icon-fullscreen-exit {
	display: none;
}

.featured-media .panorama360 .panorama-controls.custom {
	--panorama-controls-size: 40px;
}

.featured-media .panorama360 .panorama-view .panorama-controls.custom a {
	position: relative;
	margin-right: var(--panorama-controls-gap);
}

.featured-media .panorama360.type-equirectangular .panorama-controls.custom .panorama-controls-left,
.featured-media .panorama360.type-equirectangular .panorama-controls.custom .panorama-controls-right,
.featured-media .panorama360.type-equirectangular .panorama-controls.custom .panorama-controls-stop {
	bottom: var(--panorama-controls-size);
}

.featured-media .panorama360.type-equirectangular .panorama-controls.custom .panorama-controls-up,
.featured-media .panorama360.type-equirectangular .panorama-controls.custom .panorama-controls-down,
.featured-media .panorama360.type-equirectangular .panorama-controls.custom .panorama-controls-stop {
	left: var(--panorama-controls-size);
}

.featured-media .panorama360.type-equirectangular .panorama-controls.custom .panorama-controls-right {
	left: calc(2 * var(--panorama-controls-size));
}

.featured-media .panorama360.type-equirectangular .panorama-controls.custom .panorama-controls-up {
	bottom: calc(2 * var(--panorama-controls-size));
}

@media (min-width: 768px) {
	.featured-media .panorama360 .panorama-fullscreen.custom,
	.featured-media .panorama360 .panorama-zoom.custom {
		top: calc((var(--spacing--featured-generic-height) - var(--panorama-controls-size)) / 2 + var(--spacing--admin--bar));
	}
}

/* >> Featured text */
.featured-media .featured-text {
	position: absolute;
	z-index: 5;
	top: calc(var(--spacing--featured-generic-height) + var(--spacing--admin--bar));
	bottom: var(--spacing--featured-nav-height);
	left: 0;
	width: 80%;
	text-shadow: 1px 1px 2px var(--wp--custom--color--featured--text-shadow);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	max-width: var(--spacing--featured-text-width);
	transition: max-width var(--wp--custom--duration--transition);
}

.featured-media .featured-text .wrapper {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	flex: 0 0 auto;
	width: 100%;
	padding-left: var(--spacing--content-horizontal);
	padding-right: var(--spacing--content-horizontal);
	transition: padding var(--wp--custom--duration--transition);
}

.featured-media .featured-text .wrapper > * {
	color: inherit;
}

.page-border .featured-media .featured-text .wrapper > * {
	padding-left: var(--spacing--global);
	padding-right: var(--spacing--global);
	transition: padding var(--wp--custom--duration--transition);
}

@keyframes beginAnimRight {
	from { transform: translateX(0); opacity: 1; }
	to   { transform: translateX(calc(-2 *  var(--wp--custom--spacing--gap))); opacity: 0; }
}

@keyframes beginAnimLeft {
	from { transform: translateX(0); opacity: 1; }
	to   { transform: translateX(calc(2 *  var(--wp--custom--spacing--gap))); opacity: 0; }
}

@keyframes endAnimRight {
	from { transform: translateX(calc(2 *  var(--wp--custom--spacing--gap))); opacity: 0; }
	to   { transform: translateX(0); opacity: 1; }
}

@keyframes endAnimLeft {
	from { transform: translateX(calc(-2 *  var(--wp--custom--spacing--gap))); opacity: 0; }
	to   { transform: translateX(0); opacity: 1; }
}

.featured-media .featured-text .wrapper.begin-animating-right > * {
	animation: beginAnimRight var(--wp--custom--duration--animation--normal) ease-out 0s 1;
	animation-fill-mode: forwards;
}

.featured-media .featured-text .wrapper.begin-animating-left > * {
	animation: beginAnimLeft var(--wp--custom--duration--animation--normal) ease-out 0s 1;
	animation-fill-mode: forwards;
}

.featured-media .featured-text .wrapper.end-animating-right > * {
	opacity: 0;
	animation: endAnimRight var(--wp--custom--duration--animation--normal) ease-out 0s 1;
	animation-fill-mode: forwards;
}

.featured-media .featured-text .wrapper.end-animating-left > * {
	opacity: 0;
	animation: endAnimLeft var(--wp--custom--duration--animation--normal) ease-out 0s 1;
	animation-fill-mode: forwards;
}

.featured-media .featured-text .wrapper.begin-animating > :nth-child(2),
.featured-media .featured-text .wrapper.end-animating > :nth-child(2) {
	animation-delay: 75ms;
}

.featured-media .featured-text .wrapper.begin-animating > :nth-child(3),
.featured-media .featured-text .wrapper.end-animating > :nth-child(3) {
	animation-delay: 150ms;
}

.featured-media .featured-text .wrapper.begin-animating > :nth-child(4),
.featured-media .featured-text .wrapper.end-animating > :nth-child(4) {
	animation-delay: 225ms;
}

.featured-media .featured-text .wrapper > :last-child {
	margin-bottom: 0;
}

.featured-media .featured-text .underline {
	background-image: linear-gradient(to right,var(--wp--custom--color--featured--text-shadow) 0%,var(--wp--custom--color--featured--text-shadow) 100%), linear-gradient(to right,var(--wp--custom--color--featured--foreground) 0%,var(--wp--custom--color--featured--foreground) 100%);
	background-size: 100% 1px, 100% 4px;
	background-position: 0 100%, 0 100%;
}

.featured-media .featured-text .featured-category a {
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
}

.featured-media .featured-text .featured-category a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	bottom: 2px;
	width: 4px;
	background-color: var(--wp--preset--color--primary);
	transition: top var(--wp--custom--duration--transition), bottom var(--wp--custom--duration--transition);
}

.featured-media .featured-text .featured-category a:hover:before,
.featured-media .featured-text .featured-category a:focus:before {
	top: 0;
	bottom: 0;
}

@keyframes floating404{
	0%   { transform: translateY(0); }
	50%  { transform: translateY(-15px); }
	100% { transform: translateY(0); }
}

.error404 .featured-media .featured-text .featured-title em {
	position: relative;
	display: inline-block;
	font-style: normal;
	animation: floating404 calc(2 * var(--wp--custom--duration--animation--slow) ) infinite ease-in-out;
}

.error404.document-is-inactive .featured-media .featured-text .featured-title em {
	animation: none;
}

.error404 .featured-media .featured-text .featured-title em:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 100%;
	width: 40px;
	height: 79px;
	margin: 0 -20px -0.465em;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABPCAMAAACu0Xe9AAAAe1BMVEUAAAD7+/v7+/v7+/v7+/v7+/v8/Pz8/Pz8/Pz7+/v8/Pz////7+/v7+/v7+/v7+/v7+/v8/Pz7+/v7+/v7+/v8/Pz8/Pz8/Pz7+/v7+/v7+/v8/Pz8/Pz8/Pz8/Pz7+/v8/Pz7+/v8/Pz7+/v7+/v7+/v7+/v7+/v7+/voGAd5AAAAKHRSTlMA91Duy+N0Rx7zkgTomYi3em01DAiggkDY0MRWOy4hFxGmXN6xq2MqgzJcXQAAAclJREFUSMet09mW4jAMBNCSk5A9dDaafe+m/v8LJ0w4MBAn1sPc5zqyLVl4dzznfiaS+fmmxrjdSfgk7Q52h1z4rj3Awngc8EIMfNFGZviQWGMkC3e9OIkWJN9qGg6dagAtSYOnvcchOQNIfdKLnsE5bcQAuMXkHA8b2skWwNfr8HTJEcERaAJymeLuzFE/AEqSG9z5HBcCRyHX6Ow4wX889Qag4BTTP2cBYMkp134aKyDiJKlRsXPAhtPCPmhQOIIzhOwscHUEE5R9R1eOYI5536fMVbEWdgLErjuWvPMgjqAJeCeuitLyUTFwBNm7wKfKGjl7una6/WJPlQhYUcHv18xtBuAgdJIjOi2dctxFQgeJ8FdChwK92jHGoMaDca3NUz49vZdmxVF+g3/sM47IIrypYlrFFT5srUlvi4HKs+QqWNyywf12sIrWfOPvMSJdCF+SFOPCCx8uISY1s4ydoGzgkoY/LFJoGM6g8s0vqGzVFfXB8r/fMYdKxCV0AlZQKTiHyiHWNuiX8g2VhGKgkZ4oIRT2V/fh/Up4RQS3kxSN7s0bqKw96CylhsqcZ6iU9KFyjLmDSssFVELtN2tkBR1vDZ3A4NMftSXlWQjkdg8AAAAASUVORK5CYII=) no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI3OXB4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MCA3OSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggc3R5bGU9ImZpbGw6I2ZmZiIgZD0iTTE5LjM2IDQ5LjQ1Yy43NSAyLjYyLjIyIDUuMzIuMzggOCAuMjEgMy41OCAyLjQ2IDYuMzMgNS4yMSA4LjUyLjE3LS41Mi4zNS0xLjA0LjUyLTEuNTYtMi41MSAxLjA2LTYuNTUgMi44My02LjM0IDYuMTEuMTkgMi44MiAyLjQgNC44NSAxLjg4IDcuODYtLjIxIDEuMjIgMS41Ny40MyAxLjczLS40NS40LTIuMjUtLjM2LTQuMTctMS4yOC02LjE5LS4zNy0uODItLjc3LTEuNzMtLjQ5LTIuNjIuNS0xLjYxIDMuNDItMi41NCA0Ljc5LTMuMTMuNDktLjIxIDEuMDctMS4xMy41Mi0xLjU2LTIuODItMi4yNi00Ljc1LTQuODUtNC44Ni04LjQ5LS4wNy0yLjQ5LjM2LTQuOTItLjM1LTcuMzYtLjMxLTEuMTEtMS45NS4wMS0xLjcxLjg3ek0xOS45OSAwQzguOTYgMCAwIDExLjEgMCAyNC43OGMwIDEzLjY4IDE0LjkxIDI1Ljc4IDE5Ljk5IDI1Ljc4IDUuMDkgMCAyMC0xMi4wOSAyMC0yNS43OEMzOS45OSAxMS4xIDMxLjA0IDAgMTkuOTkgMHptNS4yNyA3LjUyIDMuNjktMS42MmMxMS4yOSAxMS42IDIuODIgMjAuNTEgMi44MiAyMC41MSAzLjg3LTEwLjgtNi41MS0xOC44OS02LjUxLTE4Ljg5eiIvPjwvc3ZnPg==),none;
}

.featured-media .featured-text .highlight:after {
	top: calc(1.75 * var(--wp--custom--spacing--gap));
	background-color: var(--wp--custom--color--overlay--normal--background);
	opacity: 0.5;
}

/* >> Generic text */
.featured-media .generic-information {
	position: absolute;
	z-index: 6;
	top: var(--spacing--admin--bar);
	left: 0;
	right: 0;
	max-width: 100%;
	padding: var(--spacing--content-vertical) var(--spacing--content-horizontal);
	display: flex;
	flex-wrap: wrap;
	font-size: var(--wp--preset--font-size--normal);
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--custom--color--primary-alt);
	transition: padding var(--wp--custom--duration--transition), right var(--wp--custom--duration--transition), max-width var(--wp--custom--duration--transition);
}

.page-border .featured-media .generic-information {
	padding-left: calc(var(--spacing--content-horizontal) + var(--spacing--global));
	padding-right: calc(var(--spacing--content-horizontal) + var(--spacing--global));
}

.featured-media .generic-information > div,
.featured-media .generic-information > p {
	box-sizing: border-box;
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	flex: 1 0 0%;
	padding-left: var(--spacing--global);
	padding-right: var(--spacing--global);
	transition: padding var(--wp--custom--duration--transition);
}

.featured-media .generic-information > div:first-child,
.featured-media .generic-information > p:first-child {
	padding-left: 0;
}

.featured-media .generic-information > div:last-child,
.featured-media .generic-information > p:last-child {
	padding-right: 0;
}

@media (min-width: 768px) {
	.featured-media .generic-information {
		right: 35%;
		max-width: 65%;
		font-size: 1rem;
	}
}

@media (min-width: 992px) {
	.featured-media .generic-information {
		max-width: var(--spacing--block--default-width);
	}

	.featured-media .generic-information > div,
	.featured-media .generic-information > p {
		padding-left: 25px;
		padding-right: 25px;
	}
}

.featured-media .generic-information p {
	margin-bottom: 0;
}

/* >> Social navigation */
.featured-media .social-navigation {
	position: absolute;
	z-index: 5;
	right: calc(var(--spacing--content-horizontal));
	bottom: calc(var(--spacing--featured-nav-height) + var(--spacing--content-vertical));
	transform: translateX(-40px) rotate(90deg);
	transform-origin: bottom right;
	transition: bottom var(--wp--custom--duration--transition), right var(--wp--custom--duration--transition);
}

.page-border .featured-media .social-navigation {
	right: calc(var(--spacing--global) + var(--spacing--content-horizontal));
}

.featured-media .social-navigation span.follow,
.featured-media .social-navigation ul {
	display: inline-block;
}

.featured-media .social-navigation ul {
	position: relative;
	top: -5px;
}

.featured-media .social-navigation span.follow {
	position: relative;
	top: -3px;
	padding-right: 40px;
	opacity: 0.7;
	text-shadow: 1px 1px 2px var(--wp--custom--color--featured--text-shadow);
}

.featured-media .social-navigation span.follow:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 5px;
	width: 20px;
	height: 2px;
	background-color: var(--wp--custom--color--featured--foreground);
}

@media (max-height: 520px) {
	.featured-media .social-navigation span.follow {
		display: none;
	}
}

@media (min-width: 992px) {
	.featured-media .social-navigation span.follow {
		padding-right: 65px;
	}

	.featured-media .social-navigation span.follow:after {
		right: 15px;
		width: 30px;
	}
}

.featured-media .social-navigation a {
	transition: transform var(--wp--custom--duration--transition);
}

.featured-media .social-navigation a:hover,
.featured-media .social-navigation a:focus {
	transform: rotate(-90deg);
}

.featured-media .social-navigation a svg {
	fill: var(--wp--custom--color--featured--foreground);
	transition: fill var(--wp--custom--duration--transition);
}

.featured-media .social-navigation a:hover svg,
.featured-media .social-navigation a:focus svg {
	fill: var(--wp--preset--color--primary);
}

/* >> Scroll to header */
.featured-media .scroll-to-header {
	position: absolute;
	z-index: 5;
	bottom: calc(var(--spacing--featured-nav-height) + var(--spacing--content-vertical));
	left: 50%;
	width: 34px;
	height: 46px;
	text-align: center;
	margin-left: -17px;
	opacity: 0.75;
	transition: bottom var(--wp--custom--duration--transition), opacity var(--wp--custom--duration--transition);
}

.featured-media .scroll-to-header:before,
.featured-media .scroll-to-header:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.featured-media .scroll-to-header:before {
	width: 24px;
	height: 36px;
	border: 2px solid var(--wp--custom--color--featured--foreground);
	border-radius: 18px;
}

@keyframes mouseWheelScroll {
	to {
		transform: translateY(4px) scaleY(1.5);
		opacity: 0.5;
	}
}

.featured-media .scroll-to-header:after {
	width: 4px;
	height: 6px;
	border-radius: 2px;
	top: -12px;
	background-color: var(--wp--custom--color--featured--foreground);
	animation: mouseWheelScroll var(--wp--custom--duration--animation--normal) infinite alternate;
}

.document-is-inactive .featured-media .scroll-to-header,
.document-is-inactive .featured-media .scroll-to-header:after,
.featured-media-hidden .featured-media .scroll-to-header,
.featured-media-hidden .featured-media .scroll-to-header:after {
	animation: none;
}

.featured-media .scroll-to-header:hover,
.featured-media .scroll-to-header:focus {
	opacity: 1;
}

/* >> Loading animations */
@keyframes loadingSpinner {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(359deg); }
}

.featured-media .loading-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 32px;
	margin-left: -16px;
	margin-top: -16px;
	text-align: center;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	animation: loadingAnimFadeIn 0.2s 0s 1 ease-in-out forwards;
	transition: opacity var(--wp--custom--duration--transition), visibility var(--wp--custom--duration--transition);
}

.featured-media .loading-spinner svg {
	display: inline-block;
	width: 24px;
	height: 24px;
	fill: var(--wp--preset--color--faded);
	animation: loadingSpinner var(--wp--custom--duration--animation--normal) infinite linear;
}

.featured-media-loaded .featured-media .loading-spinner {
	opacity: 0;
	visibility: hidden;
	animation: none;
}

.featured-media-loaded .featured-media .loading-spinner svg,
.document-is-inactive .featured-media .loading-spinner svg {
	animation: none;
}

@keyframes loadingAnimFadeIn {
	to {
		opacity: 1;
		visibility: visible;
	}
}

@keyframes loadingAnimFadeOut {
	to {
		opacity: 0;
		visibility: hidden;
	}
}

.page-animation .featured-media .generic-information,
.page-animation .featured-media .featured-text,
.page-animation .featured-media .scroll-to-header,
.page-animation .featured-media .social-navigation,
.page-animation .featured-media .panorama-controls,
.page-animation .featured-media .panorama-fullscreen,
.page-animation .featured-media .panorama-zoom,
.page-animation .featured-media .panorama-title {
	opacity: 0;
	visibility: hidden;
}

.no-js .page-animation .featured-media .generic-information,
.page-animation.featured-media-loaded .featured-media .generic-information,
.no-js .page-animation .featured-media .featured-text,
.page-animation.featured-media-loaded .featured-media .featured-text,
.no-js .page-animation .featured-media .scroll-to-header,
.page-animation.featured-media-loaded .featured-media .scroll-to-header,
.no-js .page-animation .featured-media .social-navigation,
.page-animation.featured-media-loaded .featured-media .social-navigation,
.no-js .page-animation .featured-media .featured-slider-controls,
.page-animation.featured-media-loaded .featured-media .featured-slider-controls,
.no-js .page-animation .featured-media .panorama-controls,
.page-animation.featured-media-loaded .featured-media .panorama-controls,
.no-js .page-animation .featured-media .panorama-fullscreen,
.page-animation.featured-media-loaded .featured-media .panorama-fullscreen,
.no-js .page-animation .featured-media .panorama-zoom,
.page-animation.featured-media-loaded .featured-media .panorama-zoom,
.no-js .page-animation .featured-media .panorama-title,
.page-animation.featured-media-loaded .featured-media .panorama-title {
	animation: loadingAnimFadeIn var(--wp--custom--duration--animation--fast) var(--wp--custom--duration--animation--normal) 1 ease-in-out;
	animation-fill-mode: forwards;
}

.no-js .page-animation.no-page-border .featured-media .generic-information,
.page-animation.no-page-border.featured-media-loaded .featured-media .generic-information,
.no-js .page-animation.no-page-border .featured-media .featured-text,
.page-animation.no-page-border.featured-media-loaded .featured-media .featured-text,
.no-js .page-animation.no-page-border .featured-media .scroll-to-header,
.page-animation.no-page-border.featured-media-loaded .featured-media .scroll-to-header,
.no-js .page-animation.no-page-border .featured-media .social-navigation,
.page-animation.no-page-border.featured-media-loaded .featured-media .social-navigation,
.no-js .page-animation.no-page-border .featured-media .featured-slider-controls,
.page-animation.no-page-border.featured-media-loaded .featured-media .featured-slider-controls,
.no-js .page-animation.no-page-border .featured-media .panorama-controls,
.page-animation.no-page-border.featured-media-loaded .featured-media .panorama-controls,
.no-js .page-animation.no-page-border .featured-media .panorama-fullscreen,
.page-animation.no-page-border.featured-media-loaded .featured-media .panorama-fullscreen,
.no-js .page-animation.no-page-border .featured-media .panorama-zoom,
.page-animation.no-page-border.featured-media-loaded .featured-media .panorama-zoom,
.no-js .page-animation.no-page-border .featured-media .panorama-title,
.page-animation.no-page-border.featured-media-loaded .featured-media .panorama-title {
	animation-delay: var(--wp--custom--duration--animation--fast);
}