/** * Essence Parallax - estils de front-end. */ .ep-el { backface-visibility: hidden; -webkit-backface-visibility: hidden; } /* Evita la barra de scroll horitzontal quan hi ha desplacaments en X. */ html.ep-no-hscroll, html.ep-no-hscroll body { overflow-x: clip; } @supports not (overflow: clip) { html.ep-no-hscroll, html.ep-no-hscroll body { overflow-x: hidden; } } /* Amaga nomes els elements que han d'apareixer (mode "in") mentre el motor encara no ha aplicat els estils en linia. La classe ep-js la posa un script en linia al i el motor la treu a la primera passada; si el JS falla, un watchdog la treu igualment als 4 segons. */ html.ep-js [data-ep-mode="in"] { opacity: 0; } /* Respecte per prefers-reduced-motion quan l'opcio esta a "desactivar". */ html.ep-reduced .ep-el { transform: none !important; filter: none !important; opacity: 1 !important; } @media print { .ep-el { transform: none !important; filter: none !important; opacity: 1 !important; } } /* Correccions de maquetacio per a constructors. Nomes s'apliquen als contenidors que el motor ha marcat, es a dir els que contenen realment un element animat. */ .ep-unclip { overflow: visible !important; } .ep-el.ep-relative { position: relative; }