:root {
	--els-journal-pattern-image: url("/plugins/themes/elkuatorscholar/assets/patterns/jins-pattern.png");
	--els-journal-pattern-opacity-xl: 0.24;
	--els-journal-pattern-opacity-lg: 0.19;
	--els-journal-pattern-opacity-md: 0.15;
	--els-journal-pattern-opacity-sm: 0.11;
}

body .els_hero {
	position: relative !important;
	overflow: hidden !important;
	isolation: isolate;
}

body .els_hero::before,
body .els_hero::after,
body .els_hero .els_pattern::before,
body .els_hero .els_pattern::after {
	content: "" !important;
	position: absolute !important;
	display: block !important;
	background-image: var(--els-journal-pattern-image) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
	border: 0 !important;
	box-shadow: none !important;
	pointer-events: none !important;
	will-change: transform, opacity, filter;
	mix-blend-mode: screen;
}

body .els_hero .els_pattern {
	position: absolute !important;
	inset: 0 !important;
	z-index: 1 !important;
	display: block !important;
	overflow: hidden !important;
	pointer-events: none !important;
	background: none !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
	animation: elsJournalPatternLayerBreath 16s ease-in-out infinite alternate !important;
}

body .els_hero::before {
	z-index: 1;
	top: 12px;
	left: 3%;
	width: 230px;
	height: 230px;
	opacity: var(--els-journal-pattern-opacity-xl);
	animation:
		elsJournalOrbitFloat1 22s ease-in-out infinite alternate,
		elsJournalSoftPulse 9s ease-in-out infinite alternate !important;
}

body .els_hero::after {
	z-index: 1;
	top: 28px;
	right: 9%;
	width: 172px;
	height: 172px;
	opacity: var(--els-journal-pattern-opacity-lg);
	animation:
		elsJournalOrbitFloat5 30s ease-in-out infinite alternate,
		elsJournalSoftPulse 10s ease-in-out infinite alternate !important;
}

body .els_hero .els_pattern::before {
	z-index: 1;
	top: 164px;
	left: 17%;
	width: 88px;
	height: 88px;
	opacity: var(--els-journal-pattern-opacity-md);
	animation:
		elsJournalOrbitFloat2 18s ease-in-out infinite alternate,
		elsJournalSoftPulse 7s ease-in-out infinite alternate-reverse !important;
}

body .els_hero .els_pattern::after {
	z-index: 1;
	top: 188px;
	right: 4%;
	width: 96px;
	height: 96px;
	opacity: var(--els-journal-pattern-opacity-sm);
	animation:
		elsJournalOrbitFloat6 24s ease-in-out infinite alternate,
		elsJournalSoftPulse 8s ease-in-out infinite alternate-reverse !important;
}

body .els_hero .els_hero_inner {
	position: relative !important;
	z-index: 3 !important;
}

@keyframes elsJournalPatternLayerBreath {
	0% {
		transform: translate3d(0, 0, 0) scale(1);
		opacity: 1;
	}

	50% {
		transform: translate3d(0, -7px, 0) scale(1.012);
		opacity: .96;
	}

	100% {
		transform: translate3d(0, 9px, 0) scale(1.018);
		opacity: 1;
	}
}

@keyframes elsJournalSoftPulse {
	0% {
		filter: drop-shadow(0 8px 18px rgba(255, 255, 255, .04));
	}

	50% {
		filter: drop-shadow(0 14px 30px rgba(255, 255, 255, .12));
	}

	100% {
		filter: drop-shadow(0 10px 22px rgba(255, 255, 255, .08));
	}
}

@keyframes elsJournalOrbitFloat1 {
	0% {
		transform: translate3d(0, -10px, 0) rotate(0deg) scale(1);
	}

	35% {
		transform: translate3d(28px, 8px, 0) rotate(4deg) scale(1.06);
	}

	70% {
		transform: translate3d(14px, 34px, 0) rotate(9deg) scale(1.12);
	}

	100% {
		transform: translate3d(46px, 22px, 0) rotate(13deg) scale(1.04);
	}
}

@keyframes elsJournalOrbitFloat2 {
	0% {
		transform: translate3d(8px, -8px, 0) rotate(0deg) scale(1);
	}

	35% {
		transform: translate3d(-16px, 16px, 0) rotate(-7deg) scale(1.15);
	}

	70% {
		transform: translate3d(4px, 28px, 0) rotate(-13deg) scale(1.04);
	}

	100% {
		transform: translate3d(-28px, 18px, 0) rotate(-18deg) scale(1.12);
	}
}

@keyframes elsJournalOrbitFloat5 {
	0% {
		transform: translate3d(0, -12px, 0) rotate(0deg) scale(1);
	}

	35% {
		transform: translate3d(-28px, 8px, 0) rotate(5deg) scale(1.08);
	}

	70% {
		transform: translate3d(-48px, 30px, 0) rotate(12deg) scale(1.14);
	}

	100% {
		transform: translate3d(-24px, 42px, 0) rotate(18deg) scale(1.06);
	}
}

@keyframes elsJournalOrbitFloat6 {
	0% {
		transform: translate3d(10px, -8px, 0) rotate(0deg) scale(1);
	}

	35% {
		transform: translate3d(-10px, 18px, 0) rotate(-8deg) scale(1.14);
	}

	70% {
		transform: translate3d(-30px, 32px, 0) rotate(-14deg) scale(1.05);
	}

	100% {
		transform: translate3d(-12px, 44px, 0) rotate(-21deg) scale(1.12);
	}
}

@media (max-width: 768px) {
	body .els_hero::before {
		left: -9%;
		width: 150px;
		height: 150px;
	}

	body .els_hero::after {
		right: -9%;
		width: 120px;
		height: 120px;
	}

	body .els_hero .els_pattern::before {
		left: 16%;
		width: 64px;
		height: 64px;
	}

	body .els_hero .els_pattern::after {
		right: 7%;
		width: 62px;
		height: 62px;
	}
}

@media (max-width: 520px) {
	body .els_hero::before,
	body .els_hero::after,
	body .els_hero .els_pattern::before,
	body .els_hero .els_pattern::after {
		opacity: 0.12;
	}

	body .els_hero .els_pattern::before {
		display: none !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body .els_hero,
	body .els_hero::before,
	body .els_hero::after,
	body .els_hero .els_pattern,
	body .els_hero .els_pattern::before,
	body .els_hero .els_pattern::after {
		animation: none !important;
	}
}