:root{--page-title-display:none;}/* Start custom CSS *//* Casova os Vzdelanie – scroll animacie (O mne) */
@media (prefers-reduced-motion: no-preference) {
@supports (animation-timeline: view()) {
@keyframes hnTlFill { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes hnTlDot { 0% { background-color: #F3C3B5; scale: .55; box-shadow: 0 0 0 1px #E3B0A3; } 70% { scale: 1.45; } 100% { background-color: #C27559; scale: 1; box-shadow: 0 0 0 6px rgba(194,117,89,.18); } }
@keyframes hnTlInL { from { opacity: 0; translate: -110px 30px; rotate: -3deg; scale: .9; } to { opacity: 1; translate: 0 0; rotate: 0deg; scale: 1; } }
@keyframes hnTlInR { from { opacity: 0; translate: 110px 30px; rotate: 3deg; scale: .9; } to { opacity: 1; translate: 0 0; rotate: 0deg; scale: 1; } }
@keyframes hnTlInUp { from { opacity: 0; translate: 0 70px; scale: .94; } to { opacity: 1; translate: 0 0; scale: 1; } }
@keyframes hnTlYear { from { opacity: 0; translate: 0 14px; letter-spacing: .25em; } to { opacity: 1; translate: 0 0; letter-spacing: normal; } }
.elementor-element-138c4323 { transform-origin: 50% 0%; animation: hnTlFill linear both; animation-timeline: view(); animation-range: cover 50vh cover calc(100% - 50vh); }
.om-tl-dot { animation: hnTlDot linear both; animation-timeline: view(); animation-range: cover calc(50vh - 70px) cover 50vh; }
.om-tl-row:nth-child(odd) .om-tl-card { animation: hnTlInL linear both; animation-timeline: view(); animation-range: entry 0% cover 38%; }
.om-tl-row:nth-child(even) .om-tl-card { animation: hnTlInR linear both; animation-timeline: view(); animation-range: entry 0% cover 38%; }
.om-tl-card .om-tl-year { animation: hnTlYear linear both; animation-timeline: view(); animation-range: entry 40% cover 40%; }
@media (max-width: 1024px) { .om-tl-row:nth-child(odd) .om-tl-card, .om-tl-row:nth-child(even) .om-tl-card { animation-name: hnTlInUp; } }
}
}/* End custom CSS */