/* You can type here any CSS code that will be loaded both on your admin and front-end pages. Let us help you by giving a few exmaple CSS classes: */ /* Front-end sliders & preview */ .ls-container { /* The slider itself */ } .ls-slide { } .ls-slide a:hover { color: blue; text-decoration: underline; } .ls-slide #yourID { } .ls-slide .yourClass { } /* Side color of 3D objects */ .ls-3d-box div { background: #777; } /* === Hero video cover (Lattuga) — loaded in , applies before slider build === */ .ls-container .ls-slide .ls-video-layer{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;transform:none!important;margin:0!important;} .ls-container .ls-slide .ls-video-layer video{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;} @media (max-width:767px){.ls-container,.ls-container .ls-inner,.ls-container .ls-slide{height:60vh!important;min-height:400px!important;max-height:640px!important;}} /* === Header logo orizzontale (Lattuga) === */ img.ga-header-logo{max-height:64px!important;height:auto!important;width:auto!important;}