/** * CINEMORE by AD MAX — globális egyedi stílusok. */ .hirek { background: radial-gradient(42% 50% at 6% 10%, rgba(20, 201, 141, 0.08), transparent 60%), rgb(238, 246, 242); } .heroalatti { background: radial-gradient(46% 55% at 92% 12%, rgba(176, 86, 138, 0.09), transparent 62%), radial-gradient(40% 50% at 4% 96%, rgba(20, 201, 141, 0.09), transparent 60%), rgb(238, 246, 242); } .tenyek { background: radial-gradient(40% 48% at 92% 10%, rgba(176, 86, 138, 0.09), transparent 60%), radial-gradient(38% 46% at 6% 92%, rgba(20, 201, 141, 0.1), transparent 60%), rgb(233, 245, 239); } .hirlevel { background: linear-gradient(150deg, rgb(13, 33, 25), rgb(7, 19, 14)); box-shadow: 0 34px 70px rgba(7, 19, 14, .14); border: 1px solid #e0efe73b; } .copyright { font-family: "Space Grotesk", sans-serif; font-size: 12px; color: rgb(159, 182, 174); } .copyright p { margin: 0; } .szovegezes strong { color: #0a8f63; font-weight: 700; } /** * CINEMORE — globális betűtípus: Poppins mindenhol. * Minden cinemore- osztályú elem és leszármazottja (input, textarea, gomb, címek, stb.). * A sablon tölti be a fontot (ld. memória: Google Fontokat nem a plugin tölti). */ [class*="cinemore-"], [class*="cinemore-"] * { font-family: "Poppins", Sans-serif; } /** * Reveal — FOUC-prevenció a .cm-reveal elemekhez. * Csak akkor rejtőznek el, ha a megkapta a 'cm-reveal-ready' osztályt * (modul.php wp_head, nem reduced-motion esetén, festés előtt). A reveal.js * (vanilla IntersectionObserver) .is-visible-t tesz az elemre, amikor beér a * viewportba — a CSS transition animálja (opacity 0→1, y 30px→0, 0.7s). * JS kikapcsolása / reduced-motion / nincs IO esetén nem rejtőzik → látható. */ html.cm-reveal-ready .cm-reveal { opacity: 0; transform: translateY( 30px ); transition: opacity .7s ease, transform .7s ease; will-change: opacity, transform; } /** * Fade-up — referencia-sablonnal megegyező betöltési / scroll fade. * Ugyanaz a FOUC-védelem, mint a .cm-reveal-nél: csak a 'cm-reveal-ready' * html-osztály mellett rejtőzik (pre-paint, nem reduced-motion). A reveal.js * (vanilla IntersectionObserver) .is-visible-t tesz rá, amikor beér a * viewportba — a CSS transition animálja (opacity 0→1, y 42px→0, 0.9s). * * Használat: adj 'cm-fade-up' osztályt az elemnek (Elementor → CSS Classes). * Stagger: 'delay-1' … 'delay-6' (transition-delay, 120 ms lépés). */ html.cm-reveal-ready .cm-fade-up { opacity: 0; transform: translateY( 42px ); transition: opacity .9s ease, transform .9s ease; will-change: opacity, transform; } /* Beérés a viewportba → látható (a reveal.js adja rá az .is-visible-t). */ html.cm-reveal-ready .cm-reveal.is-visible, html.cm-reveal-ready .cm-fade-up.is-visible { opacity: 1; transform: none; } /* Stagger késleltetés: delay-1 … delay-6 (120 ms lépés). */ html.cm-reveal-ready .delay-1 { transition-delay: .12s; } html.cm-reveal-ready .delay-2 { transition-delay: .24s; } html.cm-reveal-ready .delay-3 { transition-delay: .36s; } html.cm-reveal-ready .delay-4 { transition-delay: .48s; } html.cm-reveal-ready .delay-5 { transition-delay: .60s; } html.cm-reveal-ready .delay-6 { transition-delay: .72s; } @media (prefers-reduced-motion: reduce) { html.cm-reveal-ready .cm-reveal, html.cm-reveal-ready .cm-fade-up { opacity: 1; transform: none; transition: none; } } .kapcsolat { position: relative; overflow: visible; } .kapcsolat::before { content: ""; position: absolute; top: 6%; left: 76%; width: 640px; height: 640px; border-radius: 50%; background: radial-gradient(44% 42%, rgba(230, 176, 206, 0.5), rgba(230, 176, 206, 0.16) 55%, transparent 72%); filter: blur(24px); pointer-events: none; transform: translateY(0px); z-index: -1; } /* * Főoldali hero: a popcorn flipbook (post 8, konténer 4682345) mobilon * 0 magasra esett össze (flex-körkörös méretezés) + overflow:hidden levágta * a slidert — desktopon a widget -105px-es margó-trükkje tartja életben. * A flex-start + 100% szélesség visszaadja a természetes magasságot. */ @media (max-width: 767px) { .elementor-element-4682345 { overflow: visible !important; max-width: 100% !important; align-items: flex-start !important; } .elementor-element-4682345 > .elementor-widget { width: 100% !important; } } /* * Mobil: a hero (c03dea9) flex-gyerekei ne kényszerítsék a konténert a * viewportnál szélesebbre (a hosszú uppercase cím min-contentja nyomta szét * 460px-re) — enélkül a flipbook éltől-élig breakoutja túlcsordulna. */ @media (max-width: 767px) { .elementor-element-c03dea9 > .e-con, .elementor-element-c03dea9 > .elementor-widget { min-width: 0; } .elementor-element-c03dea9 .cinemore-cim { overflow-wrap: break-word; } }