/* * DESKTOP.PHP * One CSS to rule them all! * Tema: Superfast WP * A sito pubblicato deve contenere i codici di tutti i CSS nella cartella /desktop/. * Aggiornato il: 07-06-2022 * * Carica i CSS per la versione desktop del sito * */ /* @import url("desktop-topheader-css.php"); */ /* @import url("desktop-header-css.php"); */ /* @import url("desktop-menu-mega-css.php"); */ /* @import url("desktop-content-css.php"); */ /* @import url("desktop-pagetitle-css.php"); */ /* @import url("desktop-footer-css.php"); */ /* @import url("desktop-archive-css.php"); */ /* @import url("desktop-search.php"); */ /* @import url("desktop-woo-shop-css.php"); */ /* @import url("desktop-woo-archive-css.php"); */ /* @import url("desktop-woo-product-css.php"); */ /* @import url("desktop-woo-cart-css.php"); */ /* @import url("desktop-woocommerce-css.php"); */ /* @import url("desktop-header-menu-pagetitle-css.php"); */ /* @import url("desktop-gutenberg.php"); */ /* @import url("desktop-top-text-slider-css.php"); */ /* @import url("desktop-hook-css.php"); */ /* @import url("desktop-cpt-css.php"); */ /* @import url("desktop-stile-css.php"); */ /* @import url("desktop-aos-css.php"); */ /* @import url("desktop-gtn-layers.php"); */ /* @import url("../../moduli/slider/desktop/desktop-slider.css"); */ /* ALTRO CODICE GENERICO PER LA VERSIONE DESKTOP */ :root { --fsH1: 34px; --fsH2: 30px; --fsH3: 26px; --fsH4: 22px; --fsH5: 19px; --fsH6: 16px; --fsH7: 14px; } /**************************/ /* CORREZIONI MEDIA QUERY */ /**************************/ @media (max-width: 1259px) { #desktop-header, #desktop-menumega, #desktop-main, #desktop-footer, desktop-subfooter { margin-left: 30px !important; margin-right: 30px !important; } } #desktop-main #desktop-content .entry-content p { line-height: 170%; text-align: justify; text-justify: inter-word; } /************/ /* ONSCROLL */ /************/ /* .header-onscroll { position: fixed !important; z-index: 999999 !important; width: 1170px !important; } /* era width: 1170px */ /**********/ /* AUTORE */ /**********/ #desktop-autore-box { padding: 30px; border: 1px var(--colbrd2) solid; overflow: auto; margin-top: 40px; } #desktop-autore-box h4 { color: var(--col2); font-size: 26px; margin-top: 0px !important; margin-bottom: 30px; padding-bottom: 20px; text-align: center; border-bottom: 1px var(--colbrd2) solid; } #desktop-autore-box .autore-foto { display: inline-block; max-width: 25%; float: left; } #desktop-autore-box .autore-foto img { max-width: 100%; max-height: 100%; } #desktop-autore-box .autore-dati { display: inline-block; max-width: 65%; float: right; } #desktop-autore-box .autore-dati .autore-nome { margin: 0px !important; padding-top: 0px; padding-bottom: 20px; } #desktop-autore-box .autore-dati .autore-nome a span { color: var(--col1); font-size: 22px; } #desktop-autore-box .autore-dati .autore-bio {} /***********************/ /* FORM CERCA NEL SITO */ /***********************/ .formcerca {} .formcerca form {} .formcerca .campotesto { margin-right: 10px; font-size: 16px; } .formcerca .pulsante {} /******************/ /* HEADER-WRAPPER */ /******************/ #header-wrapper { z-index: 999; width: 100%; overflow: visible; } /******************/ /* CLIP PATH TEST */ /******************/ /* https://bennettfeely.com/clippy/ */ .page-id-424 #desktop-outer-pagetitle { clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%); } .clippath-02 { clip-path: polygon(0 13%, 100% 0, 100% 85%, 0% 100%); } .clippath-03 { clip-path: polygon(100% 0, 100% 75%, 50% 100%, 0 75%, 0 0); } .clippath-04 { clip-path: polygon(50% 0, 100% 25%, 100% 100%, 0 100%, 0 25%); } /************************/ /* INIZIO CSS RIPORTATI */ /************************/ /* File desktop-aos-css.php */ /* * / MODULI / AOS / AOS.CSS * Tema: Superfast WP * Inizialmente caricato da header.php. A sito pubblicato deve essere riportato in style.css. * Aggiornato il: 10-11-2021 * */ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /* * DESKTOP-ARCHIVE-CSS.PHP * Tema: Superfast WP * A sito pubblicato deve essere riportato in style.css * Aggiornato il: 07-06-2022 * */ /* La parte grafica di questo codice è nei file desktop-stile-0x.css */ /* GRID: box post stessa altezza riga per riga */ .desktop .pagina-categoria .archive-box-cont, .desktop .estratto-post { display: grid; } .desktop .pagina-categoria .archive-box-cont article, .desktop .estratto-post .archive-box-cont article { width: 100% !important; } /* Box con grid */ .desktop .pagina-categoria .archive-box-cont, .desktop .estratto-post { grid-template-columns: repeat(4, 1fr); grid-auto-rows: auto; grid-column-gap: 20px; grid-row-gap: 20px; } .desktop-outer-archive h1 { text-align: center; } .desktop-outer-archive .archive-excerpt, .desktop .estratto-post article { display: inline-block; vertical-align: top; } .desktop-outer-archive .archive-excerpt img, .desktop .estratto-post img { max-width: 100%; height: auto; } /* Autore e data */ .desktop-outer-archive .archive-excerpt .autore-data, .desktop .estratto-post .autore-data { text-align: center; } .desktop-outer-archive .archive-excerpt .autore-data span, .desktop .estratto-post .autore-data span { text-align: center; } .desktop-outer-archive .archive-excerpt .autore-data .data, .desktop .estratto-post .autore-data .data { } .desktop-outer-archive .archive-excerpt .autore-data .autore, .desktop .estratto-post .autore-data .autore { } /* * DESKTOP-CONTENT-CSS.PHP * Tema: Superfast WP * A sito pubblicato deve essere riportato in desktop.css * Aggiornato il: 24-02-2022 * */ /***********************************/ /* DESKTOP MAIN + CONTENT + COLUMN */ /***********************************/ #desktop-outer-main { padding-top: 30px !important; padding-bottom: 30px !important; background: white; } /* Non serve: viene usata la variabile automatica che genera le classi w_normale o w_intera */ /* #desktop-outer-main #desktop-main { max-width: 1200px; } */ #desktop-main #content { background: white !important; } #desktop-main #desktop-sidebar { background: transparent; padding: 0px !important; border: 0px #DDDDDD solidpx; } /* Attenzione: nelle due righe qui sotto non inserire margin altrimenti non funziona il layout narrow50 con allineamento al centro */ #desktop-main #desktop-content { display: inline-block; float: left; } #desktop-main #desktop-sidebar { display: inline-block; float: right; } #desktop-main #desktop-content.column{ } #desktop-main #desktop-sidebar.column { } /* Regolo gli spazi sopra e sotto i titoli */ #desktop-main #desktop-content .primoh1 { margin-top: 0px; margin-bottom: 0px; } /* Niente spazio a inizio #content */ #desktop-main #desktop-sidebar h4 { margin-top: 0px; } /* Niente spazio a inizio #desktop-sidebar */ #desktop-main #desktop-content h1, #desktop-main #desktop-content h2, #desktop-main #desktop-content h3, #desktop-main #desktop-content h4, #desktop-main #desktop-content h5, #desktop-main #desktop-content h6 { margin-top: 30px; } /* Spazio sopra tutti i titoli */ #desktop-main #desktop-content .immagine-evidenza img { width: 100% !important; height: auto !important; } #desktop-main #desktop-sidebar h3 { font-size: 28px; margin-top: 0px; } /*************/ /* POSTED ON */ /*************/ #desktop-main #desktop-content .posted_on { margin-bottom: 10px; } #desktop-main #desktop-content .posted_on * { font-size: 14px; } #desktop-main #desktop-content .posted_on .posted-on { margin-right: 5px; } #desktop-main #desktop-content .posted_on .posted-on .updated { display: none; } .pubblicatodail { background: #DDDDDD; padding: 5px 10px 5px 10px; border-radius: 3px; margin-bottom: 10px; display: inline-block; color: black; } .pubblicatodail * { font-size: 14px !important; } .pubblicatodail a { color: var(--col1); } .pubblicatodail a:hover { color: var(--col2); } .pubblicatodail .data { text-transform: lowercase; } .pubblicatodail .da, .pubblicatodail .nome { text-transform: capitalize; } /***********************************/ /* NAV LINKS (PROSSIMO/PRECEDENTE) */ /***********************************/ .nav-links a span { font-size: 14px; } .nav-previous { width: 45%; float: left; } .nav-next { width: 45%; float: right; } .nav-previous, .nav-next { background: #EEEEEE; padding: 10px; margin-top: 20px; margin-bottom: 30px; min-height: 60px; } /*****************/ /* AUTORE E DATA */ /*****************/ .desktop-outer-archive .archive-excerpt .autore-data, .desktop .estratto-post .autore-data { margin-bottom: 10px; } .desktop-outer-archive .archive-excerpt .autore-data span, .desktop .estratto-post .autore-data span { font-size: 13px !important; color: black; } /*************/ /* TRACCIATO */ /*************/ /* #desktop-outer-main { background: url(/grafica/tracciato-01.png); } */ /************/ /* COMMENTI */ /************/ #comments #respond h3#reply-title.comment-reply-title { margin-top: 0px; font-size: 26px; } #comments #respond p.comment-notes, #comments #respond p.comment-notes span { font-size: 12px; } /* * DESKTOP-CPT1-CSS.PHP * Tema: Superfast WP * A sito pubblicato deve essere riportato in desktop.css * Aggiornato il: 07-06-2022 * */ /* Indicazione categoria */ .desktop-outer-archive .archive-excerpt .cpt1-categoria { font-size: 14px; margin-bottom: 10px; color: black; font-size: bold; text-align: center; } /* Lista termini tassonomia */ .desktop-outer-archive .cpt1-termini-tassonomia { color: white; background: #123764; padding: 5px 10px 5px 10px; margin: 0px 10px 10px 0px; border-radius: 3px; display: inline-block; } .desktop-outer-archive .cont-cpt1-termini-tassonomia { background: #EEEEEE; padding: 20px 30px 10px 30px; border-radius: 3px; text-align: center; margin-bottom: 30px; } .desktop-outer-archive .cont-cpt1-termini-tassonomia span { display: block; text-align: center; margin-bottom: 10px; text-transform: uppercase; } /* * DESKTOP-CPT2.CSS * Tema: Superfast WP * A sito pubblicato deve essere riportato in desktop.css * Aggiornato il: 07-06-2022 * */ /* Indicazione categoria */ .desktop-outer-archive .archive-excerpt .cpt2-categoria { font-size: 14px; margin-bottom: 10px; color: black; font-size: bold; text-align: center; } /* Lista termini tassonomia */ .desktop-outer-archive .cpt2-termini-tassonomia { color: white; background: #2573D2; padding: 5px 10px 5px 10px; margin: 0px 10px 10px 0px; border-radius: 3px; display: inline-block; } .desktop-outer-archive .cont-cpt2-termini-tassonomia { background: #EEEEEE; padding: 20px 30px 10px 30px; border-radius: 3px; text-align: center; margin-bottom: 30px; } .desktop-outer-archive .cont-cpt2-termini-tassonomia span { display: block; text-align: center; margin-bottom: 10px; text-transform: uppercase; } /* * DESKTOP-FOOTER-CSS.PHP * Tema: Superfast WP * A sito pubblicato deve essere riportato in desktop.css * Aggiornato il: 07-06-2022 * */ #desktop-outer-footer { background: #EEEEEE; margin: 0; padding: 30px 0px 30px 0px; border-top: 1px #CCCCCC solid; } #desktop-outer-footer #desktop-footer { padding: 0px; margin: 0px auto 0px auto; display: flex; } #desktop-outer-footer #desktop-footer .column { padding: 0px; display: inline-block; } #desktop-outer-footer #desktop-footer .column { padding: 0px; } #desktop-outer-footer #desktop-footer .column p { font-size: 16px; color: #333333; text-align: left; margin: 0px; line-height: 150%; } #desktop-outer-footer #desktop-footer .column p a { font-size: 16px; color: #333333; } #desktop-outer-footer #desktop-footer .column p a:hover { color: #123764; } /* * DESKTOP-SUBFOOTER.CSS * Tema: Superfast WP * A sito pubblicato deve essere riportato in desktop.css * Aggiornato il: 07-06-2022 * */ #desktop-outer-subfooter { background: #222222; padding: 20px; border-top: 0 #CCCCCC solidpx; } #desktop-subfooter { padding: 0px; margin: 0px auto 0px auto; display: flex; } #desktop-subfooter .column { padding: 0px; display: inline-block; } #desktop-subfooter .column p { font-size: 16px; color: #DDDDDD; padding: 0px; margin: 0px; } #desktop-subfooter .column p a { font-size: 16px; color: #DDDDDD; } #desktop-subfooter .column p a:hover { color: #123764; } /* * DESKTOP-GTN-LAYERS-CSS.PHP * Tema: Superfast WP * A sito pubblicato deve essere riportato in desktop.css * Aggiornato il: 30-03-2022 * * Vedi pagina Superfast: https://www.super-fast.it/gutenberg-layers/ * * Classi per gli elementi Gutenberg * In COLUMNS -> .gtn-layers-cont * In HTML -> .boxtesto .boxtesto-largo .boxtesto-est-TL (e simili) */ .gtn-layers-cont { position: relative; } .gtn-layers-cont .boxtesto { position: absolute; z-index: 9; background: var(--grigiochiarissimo) !important; padding: 50px; } /* * ------------------------ * BOXTESTO: TITOLI E TESTI * ------------------------ */ .gtn-layers-cont .lay-pretitolo { font-size: 16px !important; color: #666666; font-weight: bold; padding-bottom: 30px; text-transform: uppercase !important; } .gtn-layers-cont .lay-titolo { font-size: 34px !important; color: #2573D2 !important; font-family: !important; margin-top: 0px !important; padding-bottom: 20px !important; margin-bottom: 0px; font-weight: bold !important; } .gtn-layers-cont .lay-sottotitolo { font-family: !important; color: #666666; font-size: 22px; padding-bottom: 90px; } .gtn-layers-cont .lay-firma { font-size: 16px !important; color: #333333; } .gtn-layers-cont .lay-firma a { color: #333333; } .gtn-layers-cont span { display: block; } /* * ------------------- * BOXTESTO: LARGHEZZE * ------------------- */ .gtn-layers-cont .boxtesto-largo { width: 600px !important; } .gtn-layers-cont .boxtesto-stretto { width: 400px !important; } /* * --------------------------- * BOXTESTO ESTERNO: POSIZIONI * --------------------------- */ .gtn-layers-cont .boxtesto-est-TL { top: 50px; left: 100px; } .gtn-layers-cont .boxtesto-est-BL { bottom: 50px; left: 100px; } .gtn-layers-cont .boxtesto-est-BR { bottom: 50px; right: 100px; } .gtn-layers-cont .boxtesto-est-TR { top: 50px; right: 100px; } /* * --------------------------- * BOXTESTO INTERNO: POSIZIONI * --------------------------- */ .gtn-layers-cont .boxtesto-int-TL { top: -50px; left: 50px; } .gtn-layers-cont .boxtesto-int-TR { top: -50px; right: 50px; } .gtn-layers-cont .boxtesto-int-BL { bottom: -50px; left: 50px; } .gtn-layers-cont .boxtesto-int-BR { bottom: -50px; right: 50px; } .gtn-layers-cont .boxtesto-int-TC { top: -50px; left: 0; right: 0; margin-left: auto; margin-right: auto; } .gtn-layers-cont .boxtesto-int-BC { bottom: -50px; left: 0; right: 0; margin-left: auto; margin-right: auto; } /* * DESKTOP-GUTENBERG-CSS.PHP * Tema: Superfast WP * A sito pubblicato deve essere riportato in desktop.css * Aggiornato il: 07-06-2022 * */ /******************************************/ /* INIZIO CSS PER GUTENBERG CUSTOM BLOCKS */ /******************************************/ .gtn-ttl-01 { font-size: 48px !important; font-weight: normal !important; margin: 30px auto 20px auto !important; padding: 0px auto 0px auto; color: var(--col1); background: transparent; text-align: center !important; text-transform: uppercase; } .gtn-ttl-02 { font-size: 20px !important; font-weight: bold !important; margin: 30px auto 20px auto !important; padding: 0px auto 0px auto; color: #999999; background: transparent; text-align: center !important; text-transform: uppercase; } .gtn-ttl-03 { font-size: 32px !important; font-weight: bold !important; margin: 30px auto 20px auto !important; padding: 0px auto 0px auto; color: black; background: transparent; text-align: center !important; text-transform: uppercase; } .gtn-ttl-04 { font-size: 24px !important; font-weight: bold !important; margin: 30px auto 20px auto !important; padding: 10px 0px 10px 0px; color: var(--col1); background: #EEEEEE; text-align: center !important; text-transform: uppercase; border: 1px #CCCCCC solid; } /******************************************/ /* INIZIO CSS PER GUTENBERG CUSTOM BLOCKS */ /******************************************/ /*****************************************/ /* BOX SOVRAPPOSTI (su elemento Colonne) */ /*****************************************/ .gtn-boxsovrapposti-01 {} .gtn-boxsovrapposti-01 .col-foto {} .gtn-boxsovrapposti-01 .col-testo { background: yellow; x-index: 999999; padding: 30px !important; } /****************************************/ /* INTESTAZIONE 1 (su elemento Colonna) */ /****************************************/ /* Colonna 100% */ .gtn-intestazione-01 { width: 100%; background: #EEEEEE; text-align: center; } /* Paragrafi individuali */ .gtn-intestazione-01 .pretitolo { font-size: 16px !important; font-weight: bold !important; color: var(--col2) !important; text-align: center !important; margin-top: 40px !important; } .gtn-intestazione-01 .titolo { font-size: 36px !important; color: var(--col1) !important; text-transform: uppercase !important; text-align: center !important; margin-top: 30px !important; margin-bottom: 0px !important; } .gtn-intestazione-01 .sottotitolo { font-size: 24px; color: #666666; text-align: center !important; margin-top: 10px !important; margin-bottom: 0px !important; } .gtn-intestazione-01 .firma { font-style: italic; font-size: 16px; text-align: center !important; color: black; margin-top: 10px !important; padding-bottom: 10px !important; } /***************************************/ /* SEPARATORE (su elemento Separatore) */ /***************************************/ .gtn-separatore-01 { border-top: 1px var(--colbor) solid !important; margin-top: 60px !important; margin-bottom: 60px !important; color: transparent !important; } /*******************************/ /* TITOLO (su elemento Hx o P) */ /*******************************/ .gtn-titolo-01 { font-size: 48px !important; font-weight: normal !important; margin: 30px auto 20px auto !important; padding: 0px auto 0px auto; color: var(--col1); background: transparent; text-align: center !important; text-transform: uppercase; } .gtn-titolo-02 { font-size: 20px !important; font-weight: bold !important; margin: 30px auto 20px auto !important; padding: 0px auto 0px auto; color: #999999; background: transparent; text-align: center !important; text-transform: uppercase; } .gtn-titolo-03 { font-size: 32px !important; font-weight: bold !important; margin: 30px auto 20px auto !important; padding: 0px auto 0px auto; color: black; background: transparent; text-align: center !important; text-transform: uppercase; } .gtn-titolo-04 { font-size: 24px !important; font-weight: bold !important; margin: 30px auto 20px auto !important; padding: 10px 0px 10px 0px; color: var(--col1); background: #EEEEEE; text-align: center !important; text-transform: uppercase; border: 1px #CCCCCC solid; } /**************/ /* CORREZIONI */ /**************/ .has-text-align-center { text-align: center !important; } /* Evita che le foto siano stretchate in verticale */ .wp-block-image img { width: 100% !important; height: auto !important; } /* Evita lo spazio intorno alle foto nell'elemento immagine */ .wp-block-image { margin: 0px; } /*************/ /* COPERTINA */ /*************/ .copertina-titolo { font-size: 34px !important; font-weight: bold; } .copertina-sottotitolo { font-size: 27px !important; } /* Centra la classe "pulsante" */ .copertina .wp-block-cover__inner-container { text-align: center !important; } .copertina .has-text-align-center.pulsante { display: inline-block !important; } .copertina .wp-block-cover__inner-container p { padding-left: 30px !important; padding-right: 30px !important; } .home .copertina-titolo, .motori-copertina .copertina-titolo, .motori-copertina .copertina-sottotitolo { color: white !important; } .copertina .pulsante-bianco { background: var(--col1) !important; } .copertina .pulsante-bianco:hover { background: var(--col2) !important; } .copertina .pulsante-bianco a { color: white !important; } .copertina .pulsante-bianco a:hover { color: white !important; } /********************/ /* CONTENITORE FORM */ /********************/ .gtn-cont-form { padding: 30px; background: #EEEEEE; } /* ULTIMI ARTICOLI - NEWS */ .cont-home-news img { width: 100% !important; height: auto !important; } .cont-home-news a { font-size: 22px !important; line-height: 140% !important; } .cont-home-news .wp-block-latest-posts__post-excerpt { line-height: 160% !important; } /* GUTENBERG LIGHTBOX */ /*! * Inizio codice JS per plugin "gallery-block-lightbox" (codice del file baguetteBox.min.css). Riportato anche su mobile.css. * baguetteBox.js * @author feimosi * @version 1.11.1 * @url https://github.com/feimosi/baguetteBox.js */#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}} /* Fine codice JS per plugin "gallery-block-lightbox" (codice del file baguetteBox.min.css) */ /* * DESKTOP-HEADER-CSS.PHP * Tema: Superfast WP * A sito pubblicato deve essere riportato in desktop.css * Aggiornato il: 07-06-2022 * * 1) Contenitore con altezza definita * 2) Subcontenitore con allineamento verticale * 3) Immagini nei
  • con vertical-align: middle * */ /* Una parte della grafica del pulsante di questo codice è nei file desktop-stile-0x.css */ #desktop-outer-header { width: 100%; padding-top: 10px; padding-bottom: 10px; } /* Altezza di fascia e icone */ #desktop-header { height: 70px; } #desktop-header .col-sx ul li img, #desktop-header .col-sx ul li svg, #desktop-header .col-dx ul li img, #desktop-header .col-dx ul li svg { height: 30px; } /* Colore differenziato icone social */ /* #desktop-header .col-dx ul li .icona-facebook path { fill: #666666 !important; } #desktop-header .col-dx ul li .icona-instagram path { fill: #666666 !important; } /* #desktop-header .col-1 img, #desktop-header .col-1 svg, #desktop-header .col-2 img, #desktop-header .col-2 svg, #desktop-header .col-4 img, #desktop-header .col-4 svg, #desktop-header .col-5 img, #desktop-header .col-5 svg { height: 30px; } /* Allineamento verticale */ #desktop-header .col-sx, #desktop-header .col-dx { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative; } #desktop-header .col-sx ul li img, #desktop-header .col-sx ul li svg, #desktop-header .col-dx ul li img, #desktop-header .col-dx ul li svg { vertical-align: middle; } #desktop-header .col img, #desktop-header .col svg { vertical-align: middle !important; } #desktop-header .col-sx { float: left; } #desktop-header .col-dx { float: right; } #desktop-header ul { margin: 0px; padding: 0px; } #desktop-header li { display: inline-block; } #desktop-header .col-sx li {margin-right: 10px; } #desktop-header .col-sx li span { font-size: 14px; margin-left: 0px; color: ; text-decoration: none; text-transform: uppercase; } #desktop-header .col-dx li {margin-left: 30px; } #desktop-header .col-dx li span { font-size: 14px; margin-right: 0px; color: ; text-decoration: none; text-transform: uppercase; } /* Bandierine */ #desktop-header .bandierine img { margin-left: 0px; margin-top: -3px; width: auto; width: 30px; height: 20px; } /********/ /* LOGO */ /********/ #logo_svg { height: 70px; } /************/ /* PULSANTI */ /************/ #desktop-header .hm-pulsante { display: inline-block !important; cursor: pointer; border: 0; } /***********/ /* COLONNE */ /***********/ #desktop-header .col { display: inline-block; } #desktop-header .col-1, #desktop-header .col-2 { width: 15%; } #desktop-header .col-1, #desktop-header .col-2 { text-align: left; } #desktop-header .col-3 { width: 40%; } #desktop-header .col-3 { text-align: center; } #desktop-header .col-3 .fusion-logo { float: none; } #desktop-header .col-4, #desktop-header .col-5 { width: 15%; } #desktop-header .col-4, #desktop-header .col-5 { text-align: right; } /************/ /* HEADER 5 */ /************/ /* Serve su SF-HTML. Togliere su SF-WP */ /* Forzo larghezza testata a quella dell'elemento contenitore */ /* #desktop-header.desktop-header-5 { max-width: 1200px; margin: 0px auto 0px auto; } */ /* Altezza icone */ #desktop-header.desktop-header-5 .col-1 svg, #desktop-header.desktop-header-5 .col-2 svg, #desktop-header.desktop-header-5 .col-4 svg, #desktop-header.desktop-header-5 .col-5 svg { height: 25px; } /* Allineamento verticale */ #desktop-header.desktop-header-5 { vertical-align: middle; display: flex; align-items: center; } /* Metto in linea le cinque colonne della testata */ #desktop-header.desktop-header-5 .col { display: inline-block; } /* Allineo a SX, CTR e DX il contenuto delle colonne */ #desktop-header.desktop-header-5 .col-1, #desktop-header.desktop-header-5 .col-2 { width: 15%; text-align: left; } #desktop-header.desktop-header-5 .col-3 { width: 40%; text-align: center; } #desktop-header.desktop-header-5 .col-4, #desktop-header.desktop-header-5 .col-5 { width: 15%; text-align: right; } #desktop-header.desktop-header-5 .col { padding: 0px; } #desktop-header.desktop-header-5 .fusion-logo { float: none; } /* Senza questo non si allinea al centro e segue l'allineamento di Avada */ /************/ /* HEADER 7 */ /************/ /* Serve su SF-HTML. Togliere su SF-WP */ /* Forzo larghezza testata a quella dell'elemento contenitore */ /* #desktop-header.desktop-header-7 { max-width: 1200px; margin: 0px auto 0px auto; } */ /* Allineamento verticale */ #desktop-header.desktop-header-7 { vertical-align: middle; display: flex; align-items: center; } /* Metto in linea le cinque colonne della testata */ #desktop-header.desktop-header-7 .col { display: inline-block; } /* Allineo a SX, CTR e DX il contenuto delle colonne */ #desktop-header.desktop-header-7 .col-1 { width: 25%; text-align: left; } #desktop-header.desktop-header-7 .col-2 { width: 5%; text-align: left; } #desktop-header.desktop-header-7 .col-3 { width: 40%; text-align: center; } #desktop-header.desktop-header-7 .col-4 { width: 5%; text-align: right; } #desktop-header.desktop-header-7 .col-5 { width: 25%; text-align: right; } #desktop-header.desktop-header-7 .col { padding: 0px; } #desktop-header.desktop-header-7 .fusion-logo { float: none; } /* Senza questo non si allinea al centro e segue l'allineamento di Avada */ /************/ /* HEADER 8 */ /************/ /* E' uguale a Header 7, solo che le colonne 1 e 5 sono più larghe per fare spazio alla casella di ricerca */ /* Allineamento verticale */ #desktop-header.desktop-header-8 { vertical-align: middle; display: flex; align-items: center; } /* Metto in linea le cinque colonne della testata */ #desktop-header.desktop-header-8 .col { display: inline-block; } /* Allineo a SX, CTR e DX il contenuto delle colonne */ #desktop-header.desktop-header-8 .col-1 { width: 29%; text-align: left; } #desktop-header.desktop-header-8 .col-2 { width: 1%; text-align: left; } #desktop-header.desktop-header-8 .col-3 { width: 40%; text-align: center; } #desktop-header.desktop-header-8 .col-4 { width: 1%; text-align: right; } #desktop-header.desktop-header-8 .col-5 { width: 29%; text-align: right; } #desktop-header.desktop-header-8 .col { padding: 0px; } #desktop-header.desktop-header-8 .fusion-logo { float: none; } /* Senza questo non si allinea al centro e segue l'allineamento di Avada */ /************/ /* HEADER 9 */ /************/ /* Forzo larghezza testata a quella dell'elemento contenitore */ /* #desktop-header.desktop-header-5 { max-width: 1200px; margin: 0px auto 0px auto; } */ /* Altezza icone */ #desktop-header.desktop-header-9 .col-1 svg, #desktop-header.desktop-header-9 .col-2 svg, #desktop-header.desktop-header-9 .col-4 svg, #desktop-header.desktop-header-9 .col-5 svg { height: 30px; } /* Allineamento verticale */ #desktop-header.desktop-header-9 { vertical-align: middle; display: flex; align-items: center; } /* Metto in linea le cinque colonne della testata */ #desktop-header.desktop-header-9 .col { display: inline-block; } /* Allineo a SX, CTR e DX il contenuto delle colonne */ #desktop-header.desktop-header-9 .col-1 { width: 40%; text-align: left; } #desktop-header.desktop-header-9 .col-3 { width: 20%; text-align: center; } #desktop-header.desktop-header-9 .col-5 { width: 40%; text-align: right; } #desktop-header.desktop-header-9 .col { padding: 0px; } /* * DESKTOP-HEADER-MENU-PAGETITLE-CSS.PHP * Tema: Superfast WP * A sito pubblicato deve essere riportato in desktop.css * Aggiornato il: 07-06-2022 * */ /******************/ /* TESTATA SOLIDA */ /******************/ /* Topheader -> Sfondo e bordo */ .tst-ntr.testata-trasparente-no #desktop-outer-topheader { background: #EEEEEE; border-bottom: 1px transparent solid; } /* Topheader -> Link */ .tst-ntr.testata-trasparente-no #desktop-topheader .col-sx li span { margin-left: 0px; color: black; } .tst-ntr.testata-trasparente-no #desktop-topheader .col-dx li span { margin-right: 0px; color: black; } .tst-ntr.testata-trasparente-no #desktop-topheader .col-sx li span:hover, .tst-ntr.testata-trasparente-no #desktop-topheader .col-dx li span:hover { color: #123764; } /* Topheader -> Icone */ .tst-ntr.testata-trasparente-no #desktop-topheader .icona-svg { fill: #2573D2; } /* Header -> Logo SVG */ .tst-ntr.testata-trasparente-no #desktop-header svg#logo_svg { fill: black; } /* Header -> Sfondo e bordo */ .tst-ntr.testata-trasparente-no #desktop-outer-header { background: white; border-bottom: 1px transparent solid; } /* Header -> Link */ .tst-ntr.testata-trasparente-no #desktop-header .col-sx li span { margin-left: 0px; color: black; } .tst-ntr.testata-trasparente-no #desktop-header .col-dx li span { margin-right: 0px; color: black; } .tst-ntr.testata-trasparente-no #desktop-header .col-sx li span:hover, .tst-ntr.testata-trasparente-no #desktop-header .col-dx li span:hover { color: #123764; } /* Header -> Icone */ .tst-ntr.testata-trasparente-no #desktop-header .icona-svg { fill: black; } /* Header -> Pulsanti */ .tst-ntr.testata-trasparente-no #desktop-header .pulsante { color: white; background: #123764; } .tst-ntr.testata-trasparente-no #desktop-header .pulsante:hover { color: white; background: #2573D2; } /* Megamenu -> Sfondo e bordo */ .tst-ntr.testata-trasparente-no #desktop-menumega { background: white; border-bottom: 1px #DDDDDD solid; } /* Megamenu -> Link e icone */ .tst-ntr.testata-trasparente-no #desktop-menumega .menulinkesterno span { color: black; } .tst-ntr.testata-trasparente-no #desktop-menumega .menulinkesterno span:hover { color: #123764; } .tst-ntr.testata-trasparente-no #desktop-menumega nav ul li .icona-svg path { fill: #2573D2; } /* Megamenu -> Link e icone evidenziate */ .tst-ntr.testata-trasparente-no #desktop-menumega .menulinkesterno.hlt span { color: white; background: #2573D2; } .tst-ntr.testata-trasparente-no #desktop-menumega .menulinkesterno.hlt span:hover { color: white; background: #123764; } .tst-ntr.testata-trasparente-no #desktop-menumega nav ul li.hlt .icona-svg path { fill: white; } /****************************/ /* TESTATA POCO TRASPARENTE */ /****************************/ /* Topheader: sfondo e bordo */ .tst-str.testata-trasparente-poco #desktop-outer-topheader { background: rgba(255, 255, 255, 0.8); border-bottom: none; } /* Topheader: link */ .tst-str.testata-trasparente-poco #desktop-topheader .col-sx li span { margin-left: 0px; color: black; } .tst-str.testata-trasparente-poco #desktop-topheader .col-dx li span { margin-right: 0px; color: black; } .tst-str.testata-trasparente-poco #desktop-topheader .col-sx li span:hover, .tst-str.testata-trasparente-poco #desktop-topheader .col-dx li span:hover { color: #123764; } /* Topheader: icone */ .tst-str.testata-trasparente-poco #desktop-topheader .icona-svg { fill: black; } /* Header: logo svg */ .tst-str.testata-trasparente-poco #desktop-header svg#logo_svg { fill: black; } /* Header: sfondo e bordo */ .tst-str.testata-trasparente-poco #desktop-outer-header { background: rgba(255, 255, 255, 0.8); border-bottom: none; } /* Header -> Link */ .tst-str.testata-trasparente-poco #desktop-header .col-sx li span { margin-left: 0px; color: black; } .tst-str.testata-trasparente-poco #desktop-header .col-dx li span { margin-right: 0px; color: black; } .tst-str.testata-trasparente-poco #desktop-header .col-sx li span:hover, .tst-str.testata-trasparente-poco #desktop-header .col-dx li span:hover { color: #123764; } /* Header -> Icone */ .tst-str.testata-trasparente-poco #desktop-header .icona-svg { fill: black; } /* Header: pulsanti */ .tst-str.testata-trasparente-poco #desktop-header .pulsante { color: white; background: #123764; } .tst-str.testata-trasparente-poco #desktop-header .pulsante:hover { color: white; background: #2573D2; } /* Megamenu: sfondo e bordo */ .tst-str.testata-trasparente-poco #desktop-menumega { background: rgba(255, 255, 255, 0.8); border-bottom: none; } /* Megamenu: link e icone */ .tst-str.testata-trasparente-poco #desktop-menumega .menulinkesterno span { color: black; } .tst-str.testata-trasparente-poco #desktop-menumega .menulinkesterno span:hover { color: #123764; } .tst-str.testata-trasparente-poco #desktop-menumega nav ul li .icona-svg path { fill: #2573D2; } /* Megamenu: link e icone evidenziate */ .tst-str.testata-trasparente-poco #desktop-menumega .menulinkesterno.hlt span { color: white; background: #2573D2; } .tst-str.testata-trasparente-poco #desktop-menumega .menulinkesterno.hlt span:hover { color: white; background: #123764; } .tst-str.testata-trasparente-poco #desktop-menumega nav ul li.hlt .icona-svg path { fill: white; } /*****************************/ /* TESTATA MOLTO TRASPARENTE */ /*****************************/ /* Topheader: sfondo e bordo */ .tst-str.testata-trasparente-molto #desktop-outer-topheader { background: rgba(255, 255, 255, 0.5); border-bottom: none; } /* Topheader: link */ .tst-str.testata-trasparente-molto #desktop-topheader .col-sx li span { margin-left: 0px; color: black; } .tst-str.testata-trasparente-molto #desktop-topheader .col-dx li span { margin-right: 0px; color: black; } .tst-str.testata-trasparente-molto #desktop-topheader .col-sx li span:hover, .tst-str.testata-trasparente-molto #desktop-topheader .col-dx li span:hover { color: red; } /* Topheader: icone */ .tst-str.testata-trasparente-molto #desktop-topheader .icona-svg { fill: black; } /* Header: logo svg */ .tst-str.testata-trasparente-molto #desktop-header svg#logo_svg { fill: black; } /* Header: sfondo e bordo */ .tst-str.testata-trasparente-molto #desktop-outer-header { background: rgba(255, 255, 255, 0.5); border-bottom: none; } /* Header -> Link */ .tst-str.testata-trasparente-molto #desktop-header .col-sx li span { margin-left: 0px; color: black; } .tst-str.testata-trasparente-molto #desktop-header .col-dx li span { margin-right: 0px; color: black; } .tst-str.testata-trasparente-molto #desktop-header .col-sx li span:hover, .tst-str.testata-trasparente-molto #desktop-header .col-dx li span:hover { color: #123764; } /* Header -> Icone */ .tst-str.testata-trasparente-molto #desktop-header .icona-svg { fill: black; } /* Header: pulsanti */ .tst-str.testata-trasparente-molto #desktop-header .pulsante { color: white; background: #2573D2; } .tst-str.testata-trasparente-molto #desktop-header .pulsante:hover { color: white; background: #123764; } /* Megamenu: sfondo e bordo */ .tst-str.testata-trasparente-molto #desktop-menumega { background: rgba(255, 255, 255, 0.5); border-bottom: none; } /* Megamenu: link e icone */ .tst-str.testata-trasparente-molto #desktop-menumega .menulinkesterno span { color: black; } .tst-str.testata-trasparente-molto #desktop-menumega .menulinkesterno span:hover { color: #123764; } .tst-str.testata-trasparente-molto #desktop-menumega nav ul li .icona-svg path { fill: #2573D2; } /* Megamenu: link e icone evidenziate */ .tst-str.testata-trasparente-molto #desktop-menumega .menulinkesterno.hlt span { color: white; background: #2573D2; } .tst-str.testata-trasparente-molto #desktop-menumega .menulinkesterno.hlt span:hover { color: white; background: #123764; } .tst-str.testata-trasparente-molto #desktop-menumega nav ul li.hlt .icona-svg path { fill: white; } /***********************/ /* TESTATA TRASPARENTE */ /***********************/ /* Topheader: sfondo e bordo */ .testata-trasparente-si #desktop-outer-topheader { background: transparent; border-bottom: none; } /* Topheader: link */ .tst-tr.testata-trasparente-si #desktop-topheader .col-sx li span { margin-left: 0px; color: black; } .tst-tr.testata-trasparente-si #desktop-topheader .col-dx li span { margin-right: 0px; color: black; } .tst-tr.testata-trasparente-si #desktop-topheader .col-sx li span:hover, .tst-tr.testata-trasparente-si #desktop-topheader .col-dx li span:hover { color: ; } /* Topheader: icone */ .testata-trasparente-si #desktop-topheader .icona-svg { fill: black; } /* Header: logo svg */ .testata-trasparente-si #desktop-header svg#logo_svg { fill: ; } /* Header: sfondo e bordo */ .testata-trasparente-si #desktop-outer-header { background: transparent; border-bottom: none; } /* Header -> Icone */ .tst-tr.testata-trasparente-si #desktop-header .icona-svg { fill: black; } /* Header -> Link */ .tst-tr.testata-trasparente-si #desktop-header .col-sx li span { margin-left: 0px; color: black; } .tst-tr.testata-trasparente-si #desktop-header .col-dx li span { margin-right: 0px; color: black; } .tst-tr.testata-trasparente-si #desktop-header .col-sx li span:hover, .tst-tr.testata-trasparente-si #desktop-header .col-dx li span:hover { color: #123764; } /* Header: pulsanti */ .tst-tr.testata-trasparente-si #desktop-header .pulsante { color: white; background: #2573D2; } .tst-tr.testata-trasparente-si #desktop-header .pulsante:hover { color: white; background: #123764; } /* Megamenu: sfondo e bordo */ .tst-tr.testata-trasparente-si #desktop-menumega { background: transparent; border-bottom: none; } /* Megamenu: link e icone */ .tst-tr.testata-trasparente-si #desktop-menumega .menulinkesterno span { color: black; } .tst-tr.testata-trasparente-si #desktop-menumega .menulinkesterno span:hover { color: #123764; } .tst-tr.testata-trasparente-si #desktop-menumega nav ul li .icona-svg path { fill: #2573D2; } /* Megamenu: link e icone evidenziate */ .tst-tr.testata-trasparente-molto #desktop-menumega .menulinkesterno.hlt span { color: white; background: #2573D2; } .tst-tr.testata-trasparente-molto #desktop-menumega .menulinkesterno.hlt span:hover { color: white; background: #123764; } .tst-tr.testata-trasparente-molto #desktop-menumega nav ul li.hlt .icona-svg path { fill: white; } /***********************************/ /* TESTATA TRASPARENTE + VELO NERO */ /***********************************/ /* Topheader: link */ .tst-tr.pagetitle-velo-nero #desktop-topheader .col-sx li span { margin-left: 0px; color: white; } .tst-tr.pagetitle-velo-nero #desktop-topheader .col-dx li span { margin-right: 0px; color: white; } .tst-tr.pagetitle-velo-nero #desktop-topheader .col-sx li span:hover, .tst-tr.pagetitle-velo-nero #desktop-topheader .col-dx li span:hover { color: #123764; } /* Topheader: icone */ .tst-tr.pagetitle-velo-nero #desktop-topheader .icona-svg { fill: white; } /* Header: logo svg */ .tst-tr.pagetitle-velo-nero #desktop-header svg#logo_svg { fill: white; } /* Header: icone */ .tst-tr.pagetitle-velo-nero #desktop-header .icona-svg { fill: white; } /* Header: pulsanti */ .tst-tr.pagetitle-velo-nero #desktop-header .pulsante { color: black; background: white; } .tst-tr.pagetitle-velo-nero #desktop-header .pulsante:hover { color: white; background: #123764; } /* Megamenu: link e icone */ .tst-tr.pagetitle-velo-nero #desktop-menumega .menulinkesterno span { color: white; } .tst-tr.pagetitle-velo-nero #desktop-menumega .menulinkesterno span:hover { color: #123764; } .tst-tr.pagetitle-velo-nero #desktop-menumega nav ul li .icona-svg path { fill: white; } /* Megamenu: link e icone evidenziate */ .tst-tr.pagetitle-velo-nero #desktop-menumega .menulinkesterno.hlt span { color: black; background: white; } .tst-tr.pagetitle-velo-nero #desktop-menumega .menulinkesterno.hlt span:hover { color: white; background: #123764; } .tst-tr.pagetitle-velo-nero #desktop-menumega nav ul li.hlt .icona-svg path { fill: black; } /*************************************/ /* TESTATA TRASPARENTE + VELO BIANCO */ /*************************************/ /* Topheader: link */ .tst-tr.pagetitle-velo-bianco #desktop-topheader .col-sx li span { margin-left: 0px; color: black; } .tst-tr.pagetitle-velo-bianco #desktop-topheader .col-dx li span { margin-right: 0px; color: black; } .tst-tr.pagetitle-velo-bianco #desktop-topheader .col-sx li span:hover, .tst-tr.pagetitle-velo-bianco #desktop-topheader .col-dx li span:hover { color: #123764; } /* Topheader: icone */ .tst-tr.pagetitle-velo-bianco #desktop-topheader .icona-svg { fill: black; } /* Header: logo svg */ .tst-tr.pagetitle-velo-bianco #desktop-header svg#logo_svg { fill: black; } /* Header: icone */ .tst-tr.pagetitle-velo-bianco #desktop-header .icona-svg { fill: black; } /* Header: pulsanti */ .tst-tr.pagetitle-velo-bianco #desktop-header .pulsante { color: white; background: black; } .tst-tr.pagetitle-velo-bianco #desktop-header .pulsante:hover { color: white; background: #123764; } /* Megamenu: link e icone */ .tst-tr.pagetitle-velo-bianco #desktop-menumega .menulinkesterno span { color: black; } .tst-tr.pagetitle-velo-bianco #desktop-menumega .menulinkesterno span:hover { color: #123764; } .tst-tr.pagetitle-velo-bianco #desktop-menumega nav ul li .icona-svg path { fill: black; } /* Megamenu: link e icone evidenziate */ .tst-tr.pagetitle-velo-bianco #desktop-menumega .menulinkesterno.hlt span { color: white; background: black; } .tst-tr.pagetitle-velo-bianco #desktop-menumega .menulinkesterno.hlt span:hover { color: black; background: #123764; } .tst-tr.pagetitle-velo-bianco #desktop-menumega nav ul li.hlt .icona-svg path { fill: white; } /***************************************/ /* TESTATA TRASPARENTE + VELO COLORE 1 */ /***************************************/ /* Topheader: link */ .tst-tr.pagetitle-velo-col1 #desktop-topheader .col-sx li span { margin-left: 0px; color: white; } .tst-tr.pagetitle-velo-col1 #desktop-topheader .col-dx li span { margin-right: 0px; color: white; } .tst-tr.pagetitle-velo-col1 #desktop-topheader .col-sx li span:hover, .tst-tr.pagetitle-velo-col1 #desktop-topheader .col-dx li span:hover { color: #123764; } /* Topheader: icone */ .tst-tr.pagetitle-velo-col1 #desktop-topheader .icona-svg { fill: white; } /* Header: logo svg */ .tst-tr.pagetitle-velo-col1 #desktop-header svg#logo_svg { fill: white; } /* Header: icone */ .tst-tr.pagetitle-velo-col1 #desktop-header .icona-svg { fill: white; } /* Header: pulsanti */ .tst-tr.pagetitle-velo-col1 #desktop-header .pulsante { color: black; background: white; } .tst-tr.pagetitle-velo-col1 #desktop-header .pulsante:hover { color: white; background: #123764; } /* Megamenu: link e icone */ .tst-tr.pagetitle-velo-col1 #desktop-menumega .menulinkesterno span { color: white; } .tst-tr.pagetitle-velo-col1 #desktop-menumega .menulinkesterno span:hover { color: #123764; } .tst-tr.pagetitle-velo-col1 #desktop-menumega nav ul li .icona-svg path { fill: white; } /* Megamenu: link e icone evidenziate */ .tst-tr.pagetitle-velo-col1 #desktop-menumega .menulinkesterno.hlt span { color: black; background: white; } .tst-tr.pagetitle-velo-col1 #desktop-menumega .menulinkesterno.hlt span:hover { color: white; background: #123764; } .tst-tr.pagetitle-velo-col1 #desktop-menumega nav ul li.hlt .icona-svg path { fill: black; } /***************************************/ /* TESTATA TRASPARENTE + VELO COLORE 2 */ /***************************************/ /* Topheader: link */ .tst-tr.pagetitle-velo-col2 #desktop-topheader .col-sx li span { margin-left: 0px; color: white; } .tst-tr.pagetitle-velo-col2 #desktop-topheader .col-dx li span { margin-right: 0px; color: white; } .tst-tr.pagetitle-velo-col2 #desktop-topheader .col-sx li span:hover, .tst-tr.pagetitle-velo-col2 #desktop-topheader .col-dx li span:hover { color: black; } /* Topheader: icone */ .tst-tr.pagetitle-velo-col2 #desktop-topheader .icona-svg { fill: white; } /* Header: logo svg */ .tst-tr.pagetitle-velo-col2 #desktop-header svg#logo_svg { fill: white; } /* Header: icone */ .tst-tr.pagetitle-velo-col2 #desktop-header .icona-svg { fill: white; } /* Header: pulsanti */ .tst-tr.pagetitle-velo-col2 #desktop-header .pulsante { color: black; background: white; } .tst-tr.pagetitle-velo-col2 #desktop-header .pulsante:hover { color: white; background: #123764; } /* Megamenu: link e icone */ .tst-tr.pagetitle-velo-col2 #desktop-menumega .menulinkesterno span { color: white; } .tst-tr.pagetitle-velo-col2 #desktop-menumega .menulinkesterno span:hover { color: black; } .tst-tr.pagetitle-velo-col2 #desktop-menumega nav ul li .icona-svg path { fill: white; } /* Megamenu: link e icone evidenziate */ .tst-tr.pagetitle-velo-col2 #desktop-menumega .menulinkesterno.hlt span { color: black; background: white; } .tst-tr.pagetitle-velo-col2 #desktop-menumega .menulinkesterno.hlt span:hover { color: white; background: #123764; } .tst-tr.pagetitle-velo-col2 #desktop-menumega nav ul li.hlt .icona-svg path { fill: black; } /*****************************************************/ /* PAGETITLE (sistemato con nuove classi 28-12-2021) */ /*****************************************************/ #desktop-outer-pagetitle.velo-trasparente #desktop-pagetitle .sezione { color: #123764; } #desktop-outer-pagetitle.velo-trasparente #desktop-pagetitle .titolo { color: #2573D2; } #desktop-outer-pagetitle.velo-trasparente #desktop-pagetitle .sottotitolo { color: black; } #desktop-outer-pagetitle.velo-trasparente #desktop-pagetitle a.pulsante { color: white; background: #123764; } #desktop-outer-pagetitle.velo-trasparente #desktop-pagetitle a.pulsante:hover { color: white; background: #2573D2; } #desktop-outer-pagetitle.velo-trasparente #desktop-pagetitle .breadcrumbs { color: black; } #desktop-outer-pagetitle.velo-trasparente #desktop-pagetitle .breadcrumbs a { color: black; } #desktop-outer-pagetitle.velo-trasparente #desktop-pagetitle .breadcrumbs a:hover { color: #123764; } #desktop-outer-pagetitle.velo-nero #desktop-pagetitle .sezione { color: white; } #desktop-outer-pagetitle.velo-nero #desktop-pagetitle .titolo { color: white; } #desktop-outer-pagetitle.velo-nero #desktop-pagetitle .sottotitolo { color: white; } #desktop-outer-pagetitle.velo-nero #desktop-pagetitle a.pulsante { color: black; background: white; } #desktop-outer-pagetitle.velo-nero #desktop-pagetitle a.pulsante:hover { color: white; background: #123764; } #desktop-outer-pagetitle.velo-nero #desktop-pagetitle .breadcrumbs { color: white; } #desktop-outer-pagetitle.velo-nero #desktop-pagetitle .breadcrumbs a { color: white; } #desktop-outer-pagetitle.velo-nero #desktop-pagetitle .breadcrumbs a:hover { color: var(--col2); } #desktop-outer-pagetitle.velo-bianco #desktop-pagetitle .sezione { color: black; } #desktop-outer-pagetitle.velo-bianco #desktop-pagetitle .titolo { color: var(--col1); } #desktop-outer-pagetitle.velo-bianco #desktop-pagetitle .sottotitolo { color: black; } #desktop-outer-pagetitle.velo-bianco #desktop-pagetitle a.pulsante { color: white; background: #123764; } #desktop-outer-pagetitle.velo-bianco #desktop-pagetitle a.pulsante:hover { color: white; background: #2573D2; } #desktop-outer-pagetitle.velo-bianco #desktop-pagetitle .breadcrumbs { color: black; } #desktop-outer-pagetitle.velo-bianco #desktop-pagetitle .breadcrumbs a { color: black; } #desktop-outer-pagetitle.velo-bianco #desktop-pagetitle .breadcrumbs a:hover { color: #123764; } #desktop-outer-pagetitle.velo-col1 #desktop-pagetitle .sezione { color: white; } #desktop-outer-pagetitle.velo-col1 #desktop-pagetitle .titolo { color: white; } #desktop-outer-pagetitle.velo-col1 #desktop-pagetitle .sottotitolo { color: white; } #desktop-outer-pagetitle.velo-col1 #desktop-pagetitle a.pulsante { color: white; background: #123764; } #desktop-outer-pagetitle.velo-col1 #desktop-pagetitle a.pulsante:hover { color: white; background: #2573D2; } #desktop-outer-pagetitle.velo-col1 #desktop-pagetitle .breadcrumbs { color: white; } #desktop-outer-pagetitle.velo-col1 #desktop-pagetitle .breadcrumbs a { color: white; } #desktop-outer-pagetitle.velo-col1 #desktop-pagetitle .breadcrumbs a:hover { color: black; } #desktop-outer-pagetitle.velo-col2 #desktop-pagetitle .sezione { color: white; } #desktop-outer-pagetitle.velo-col2 #desktop-pagetitle .titolo { color: white; } #desktop-outer-pagetitle.velo-col2 #desktop-pagetitle .sottotitolo { color: white; } #desktop-outer-pagetitle.velo-col2 #desktop-pagetitle a.pulsante { color: white; background: #123764; } #desktop-outer-pagetitle.velo-col2 #desktop-pagetitle a.pulsante:hover { color: white; background: #2573D2; } #desktop-outer-pagetitle.velo-col2 #desktop-pagetitle .breadcrumbs { color: white; } #desktop-outer-pagetitle.velo-col2 #desktop-pagetitle .breadcrumbs a { color: white; } #desktop-outer-pagetitle.velo-col2 #desktop-pagetitle .breadcrumbs a:hover { color: black; } #desktop-pagetitle.spaziosopra_no { margin-top: 0px !important; } #desktop-pagetitle.spaziosopra_basso { margin-top: 40px !important; padding-bottom: 110px !important; } #desktop-pagetitle.spaziosopra_medio { margin-top: 80px !important; padding-bottom: 70px !important; } #desktop-pagetitle.spaziosopra_alto { margin-top: 120px !important; padding-bottom: 30px !important; } #desktop-pagetitle.spaziosopra_moltoalto { margin-top: 160px !important; padding-bottom: 0px !important; } #desktop-pagetitle.spaziosopra_altissimo { margin-top: 200px !important; padding-bottom: 0px !important; } /***********************/ /* ICONE SOCIAL HEADER */ /***********************/ .tst-ntr #desktop-header #icona-facebook, .tst-ntr #desktop-header #icona-instagram, .tst-ntr #desktop-header #icona-youtube, .tst-ntr #desktop-header #icona-twitter, .tst-ntr #desktop-header #icona-linkedin { fill: black; } .tst-tr.pagetitle-velo-trasparente #desktop-header #icona-facebook, .tst-tr.pagetitle-velo-trasparente #desktop-header #icona-instagram, .tst-tr.pagetitle-velo-trasparente #desktop-header #icona-youtube, .tst-tr.pagetitle-velo-trasparente #desktop-header #icona-twitter, .tst-tr.pagetitle-velo-trasparente #desktop-header #icona-linkedin { fill: black; } .tst-tr.pagetitle-velo-nero #desktop-header #icona-facebook, .tst-tr.pagetitle-velo-nero #desktop-header #icona-instagram, .tst-tr.pagetitle-velo-nero #desktop-header #icona-youtube, .tst-tr.pagetitle-velo-nero #desktop-header #icona-twitter, .tst-tr.pagetitle-velo-nero #desktop-header #icona-linkedin { fill: white; } .tst-tr.pagetitle-velo-bianco #desktop-header #icona-facebook, .tst-tr.pagetitle-velo-bianco #desktop-header #icona-instagram, .tst-tr.pagetitle-velo-bianco #desktop-header #icona-youtube, .tst-tr.pagetitle-velo-bianco #desktop-header #icona-twitter, .tst-tr.pagetitle-velo-bianco #desktop-header #icona-linkedin { fill: black; } .tst-tr.pagetitle-velo-col1 #desktop-header #icona-facebook, .tst-tr.pagetitle-velo-col1 #desktop-header #icona-instagram, .tst-tr.pagetitle-velo-col1 #desktop-header #icona-youtube, .tst-tr.pagetitle-velo-col1 #desktop-header #icona-twitter, .tst-tr.pagetitle-velo-col1 #desktop-header #icona-linkedin { fill: white; } .tst-tr.pagetitle-velo-col2 #desktop-header #icona-facebook, .tst-tr.pagetitle-velo-col2 #desktop-header #icona-instagram, .tst-tr.pagetitle-velo-col2 #desktop-header #icona-youtube, .tst-tr.pagetitle-velo-col2 #desktop-header #icona-twitter, .tst-tr.pagetitle-velo-col2 #desktop-header #icona-linkedin { fill: white; } /* * DESKTOP-HOOK-CSS.PHP * Tema: Superfast WP * A sito pubblicato deve essere riportato in desktop.css * Aggiornato il: 07-06-2022 * */ /* HOOK SOPRA CONTENUTO */ #desktop-outer-hook-sopra-contenuto { width: 100%; background: transparent; padding: 10px; } .desktop-hook-sopra-contenuto { width: 1200px; margin: 0px auto 60px auto; display: table; } .desktop-hook-sopra-contenuto div { display: table-cell; text-align: center !important; padding: 15px 10px 15px 10px; vertical-align: middle; } .desktop-hook-sopra-contenuto .sx { background: #EEEEEE; width: 31.5% !important; border-left: 20px #2573D2 solid; } .desktop-hook-sopra-contenuto .ctr { background: #EEEEEE; width: 31.5% !important; border-left: 20px #666666 solid; } .desktop-hook-sopra-contenuto .dx { background: #EEEEEE; width: 31.5% !important; border-left: 20px #123764 solid; } .desktop-hook-sopra-contenuto .ctr-sx, .desktop-hook-sopra-contenuto .ctr-dx { background: transparent; width: 3% !important; } .desktop-hook-sopra-contenuto span.titolo { color: black; font-size: 22px; display: block; } .desktop-hook-sopra-contenuto span.sottotitolo { color: black; font-size: 16px; display: block; } /* * DESKTOP-MENU-MEGA-CSS.PHP * Tema: Superfast WP * A sito pubblicato deve essere riportato in desktop.css * Aggiornato il: 07-06-2022 * */ /* Da: https://www.cssscript.com/demo/creating-a-simple-mega-menu-with-pure-html-css/ Vedere qui: https://www.jqueryscript.net/blog/best-mega-menu.html https://codepen.io/arjunamgain/pen/YXBeLJ https://www.jqueryscript.net/demo/Creating-An-Accessible-Mega-Menu-with-jQuery-CSS3/ https://www.jqueryscript.net/demo/Responsive-Cross-platform-jQuery-Mega-Menu-Plugin-megamenu-js/ https://www.jqueryscript.net/demo/Simple-jQuery-Drop-Down-Mega-Menu-Plugin-Mega-Menu/ https://www.cssscript.com/demo/creating-a-simple-mega-menu-with-pure-html-css/ https://codyhouse.co/demo/mega-site-navigation/index.html#0 (molto buono) */ /**********************/ /* SETTAGGI VARIABILI */ /**********************/ /* Menu -> Font family */ #desktop-menumega .nav { font-family: 'Roboto', sans-serif; } /* Fascia -> Sfondo */ #desktop-menumega.outer-menu { width: 100%; } /* Fascia -> font size */ #desktop-menumega .menulinkesterno a span { font-size: 18px; font-weight: normal !important; } /* Fascia -> Link evidenziati*/ #desktop-menumega .menulinkesterno.hlt span { padding: 5px 10px 5px 10px; border-radius: 3px; } /* Fascia -> Icone altezza */ #desktop-menumega ul li img, #desktop-menumega ul li svg { height: 20px; } /* Fascia -> Link maiuscolo/minuscolo */ #desktop-menumega nav .nav > li > a { text-transform: uppercase; } /* Megatendina -> Titolo normale */ #desktop-menumega h3 { color: #2573D2; font-size: 20px; text-transform: uppercase; } /* Megatendina -> Titolo con classe "evidenziato" */ #desktop-menumega h3.evidenziato { color: white; background: #2573D2 !important; } /* Tendina e megatendina -> Sfondo e bordi */ #desktop-menumega nav ul li .megamenu, #desktop-menumega nav ul li .tendina { background: #EEEEEE; border-bottom: 1px #666666 solid; } /* Tendina e megatendina -> Link */ #desktop-menumega .megamenu .nav-column a, #desktop-menumega .tendina .nav-column a { font-size: 16px; color: black !important; text-transform: uppercase; display: block; line-height: 2.2; } /* Megatendina -> Link hover */ #desktop-menumega .megamenu .nav-column a:hover, #desktop-menumega .tendina .nav-column a:hover { color: white !important; } #desktop-menumega .megamenu li:hover, #desktop-menumega .tendina li:hover { background: #123764 !important; } /* Tendina -> larghezza */ #desktop-menumega .tendina .nav-column { width: 360px !important; } /* Tendina / megatendina -> Padding colonne */ #desktop-menumega .megamenu .nav-column, #desktop-menumega .tendina .nav-column { float: left; padding: 30px !important; } /* Tendina: Link sottolineati */ #desktop-menumega .megamenu li, #desktop-menumega .tendina li { border-bottom: 1px #999999 dashed !important; } /* Tendina / megatendina -> Animazione link */ #desktop-menumega .megamenu .nav-column a:hover, #desktop-menumega .tendina .nav-column a:hover { padding-left: 20px; margin-left: -20px; } /******************/ /* SETTAGGI FISSI */ /******************/ /* Fascia esterna -> Aspetto */ #desktop-menumega.outer-menu { padding: 0px; } /* Font in generale */ #desktop-menumega .nav { -webkit-font-smoothing: antialiased; } /* Megatendina -> Titoli */ #desktop-menumega h3 { line-height: 1.15; margin: 1.25em 0 .75em; } /* Se si aggiunge la classe "evidenziato"... */ #desktop-menumega h3.evidenziato { padding: 5px 15px 5px 15px; border-radius: 3px; } /* Megatendina -> Link */ #desktop-menumega .megamenu .nav-column a:hover, #desktop-menumega .tendina .nav-column a:hover { padding-left: 10px !important; } #desktop-menumega.outer-menu { overflow: visible !important; } #desktop-menumega.outer-menu nav ul { margin: 0px; padding: 0px; } /* Allinea a SX il primo pulsante e a dx l'ultimo */ #desktop-menumega.outer-menu nav ul li:first-child a { padding-left: 0px !important; } #desktop-menumega.outer-menu nav ul li:last-child a { padding-right: 0px !important; } /* Permette allineamento verticale centrato con col-sx e col-dx allineate ai margini .outer-menu-2 nav { display: flex; align-items: center; height: 100%; justify-content: space-between; } */ #desktop-menumega.menu-wrapper { margin-top: 0px; max-width: 9999px; } /* Allinea al centro i link esterni Non serve in Superfast WP. Vedere in Superfast HTML. .menu-wrapper ul { display: flex !important; justify-content: center !important; } .menu-wrapper ul ul { display: initial !important; } */ #desktop-menumega nav { background: transparent; width: 100%; /* max-width: 1200px; */ margin: 0px auto 0px auto !important; font-size: 0px; letter-spacing: 0px; word-spacing: 0px; /* Toglie extra spazio sotto */ } #desktop-menumega .bordo-sinistro-grigio { border-left: 1px #DDDDDD solid; } #desktop-menumega .bordo-destro-grigio { border-right: 1px #DDDDDD solid; } /**************/ /* NAVIGATION */ /**************/ #desktop-menumega .nav, #desktop-menumega .nav a, #desktop-menumega .nav li, #desktop-menumega .nav ul { border: none; margin: 0 !important; padding: 0 !important; } #desktop-menumega .nav li { list-style: none; } /* Menu container */ #desktop-menumega .nav { cursor: default; display: inline-block; position: relative; z-index: 500; } /* Menu list */ #desktop-menumega .nav > li { float: left; } /* Menu links */ #desktop-menumega nav .nav > li > a { border-right: 0px; display: block; line-height: 3.5; padding: 0px 15px 0px 15px !important; position: relative; transition: all .3s ease; z-index: 510; letter-spacing: 0px; } #desktop-menumega .nav > li > a:focus, #desktop-menumega .nav > li:hover > a { background: trasparent; } #desktop-menumega .nav > li:first-child > a { border-left: none; border-radius: 3px 0 0 3px; } #desktop-menumega nav .primo a { padding-left: 0px !important; } #desktop-menumega nav .ultimo a { padding-right: 0px !important; } /* Tendina megamenu */ #desktop-menumega .megamenu { width: 100% !important; left: 0px !important; } /* Tendina classica e megamenu */ #desktop-menumega nav ul li .megamenu, #desktop-menumega nav ul li .tendina { opacity: 0; position: absolute; transition: all .3s ease .15s; visibility: hidden; } #desktop-menumega li:hover > .megamenu, #desktop-menumega li:hover > .tendina { opacity: 1; overflow: visible; visibility: visible; } /*************/ /* CONTENUTO */ /*************/ /* Larghezza colonne tendina da impostare a mano */ #desktop-menumega .megamenu .nav-column-1_5 { width: 19.6%; } #desktop-menumega .megamenu .nav-column-1_4 { width: 24.5%; } #desktop-menumega .megamenu .nav-column-1_3 { width: 33%; } #desktop-menumega .megamenu .nav-column-2_3 { width: 66%; } #desktop-menumega .megamenu .nav-column-1_2 { width: 49.5%; } /* SVG E IMG */ #desktop-menumega ul li img, #desktop-menumega ul li svg { vertical-align: middle; margin-left: 0px; margin-top: -3px; } #desktop-menumega .icona-home, #desktop-menumega .hlt .icona-svg { margin-left: -15px !important; } /***********************************************/ /* MENU + MENUSHOP A COMPARSA SU CLIC (MENU 3) */ /***********************************************/ /* ANCORA DA GESTIRE */ .menushop { display: none; } .menushop-onscroll { top: 64px !important; position: fixed !important; z-index: 999999 !important; } .menushop { background: var(--col2) !important; } .menushop a span { color: white !important; } /* Hover su
  • */ .menushop ul li a span { display: block !important; } .menushop ul li a span:hover, .menushop ul li a span:focus { color: yellow !important; } #desktop-menumega .aprimenushop { cursor: pointer !important; } /************/ /* ONSCROLL */ /************/ .menu-onscroll { background: white !important; top: 0px !important; position: fixed !important; z-index: 999999 !important; width: 100% !important; border-bottom: 1px #DDDDDD solid; } .menu-onscroll nav li a span { color: black !important; } .menu-onscroll nav li a span:hover { color: #123764 !important; } .menu-onscroll nav ul li .icona-svg path { fill: #2573D2 !important; } .menu-onscroll nav li.hlt a span { color: white !important; background: #2573D2 !important; } .menu-onscroll nav li.hlt a span:hover { background: #123764 !important; } .menu-onscroll nav ul li.hlt .icona-svg path { fill: white !important; } /* * DESKTOP-PAGETITLE-CSS.PHP * Tema: Superfast WP * A sito pubblicato deve essere riportato in desktop.css * Aggiornato il: 24-02-2022 * */ #desktop-outer-pagetitle {padding: 30px; border-bottom: 0px #999999 solid; background-repeat: no-repeat; } #desktop-outer-pagetitle #desktop-pagetitle .column { padding: 0px; } #desktop-pagetitle { overflow: auto; display: flex; margin: 0px auto 0px auto; } #desktop-pagetitle .sezione { font-size: 16px; padding-top: 10px; padding-bottom: 10px; margin: 0px; font-weight: bold; letter-spacing: 1px; display: block; } #desktop-pagetitle .titolo { font-size: 34px; padding-top: 10px; padding-bottom: 10px; margin: 0px; } #desktop-pagetitle .sottotitolo { color: black; font-size: 22px; margin: 0px; padding-top: 10px; padding-bottom: 10px; font-weight: normal; } #desktop-pagetitle .cont-pulsanti { padding-top: 20px; padding-bottom: 20px; } #desktop-pagetitle .breadcrumbs { color: #666666; font-size: 14px; padding-top: 10px; padding-bottom: 10px; } #desktop-pagetitle .breadcrumbs a { color: #666666; } #desktop-pagetitle .breadcrumbs a:hover { color: #123764; } /* PAGETITLE VARIE ALTEZZE */ .tst-ntr #desktop-pagetitle { padding-top: 40px !important; padding-bottom: 40px !important; } .tst-tr #desktop-pagetitle, .tst-str #desktop-pagetitle { padding-top: 240px !important; padding-bottom: 100px !important; } .tst-ntr #desktop-pagetitle.h_basso { padding-top: 0px !important; padding-bottom: 0px !important; } .tst-tr #desktop-pagetitle.h_basso { padding-top: 220px !important; padding-bottom: 40px !important; } .tst-ntr #desktop-pagetitle.h_alto { padding-top: 120px !important; padding-bottom: 120px !important; } .tst-tr #desktop-pagetitle.h_alto { padding-top: 300px !important; padding-bottom: 160px !important; } .tst-ntr #desktop-pagetitle.h_moltoalto { padding-top: 220px !important; padding-bottom: 220px !important; } .tst-tr #desktop-pagetitle.h_moltoalto { padding-top: 340px !important; padding-bottom: 300px !important; } .tst-ntr #desktop-pagetitle.h_altissimo { padding-top: 360px !important; padding-bottom: 360px !important; } .tst-tr #desktop-pagetitle.h_altissimo { padding-top: 400px !important; padding-bottom: 500px !important; } /****************************************/ /* TITOLO PAGINA BASE WORDPRESS DESKTOP */ /****************************************/ .desktop-titolopagina .breadcrumbs { color: #666666; font-size: 14px; padding-bottom: 30px; margin: 0px; } .desktop-titolopagina .breadcrumbs a { color: #666666; } .desktop-titolopagina .breadcrumbs a:hover { color: #123764; } .desktop-titolopagina .sezione { color: #123764; font-size: 16px; padding-bottom: 20px !important; margin: 0px; display: block; font-weight: bold; letter-spacing: 1px; } .desktop-titolopagina h1 { font-size: 34px; color: #2573D2; padding-bottom: 20px !important; margin: 0px; } .desktop-titolopagina h2.sottotitolo { font-size: 22px; color: #666666; padding-bottom: 20px !important; margin: 0px !important; font-weight: normal; } .desktop-titolopagina .cont-pulsanti { padding-top: 15px; padding-bottom: 40px; margin: 0px; width: 100%; display: block; float: left; } /* Testata trasparente: spingo in basso il pagetitle */ #desktop-outer-pagetitle .margin-top-testata-trasparente { margin-top: 150px !important; } /* * DESKTOP-STILE-01.CSS * Tema: Superfast WP * A sito pubblicato deve essere riportato in desktop.css * Aggiornato il: 18-02-2022 * */ /***********************/ /* BOX POST E PRODOTTI */ /***********************/ /* CONTENITORE DI TUTTI I BOX */ .archive .archive-box-cont, .tax-product_tag .wc-archive-box-cont, .estratto-post, .archive ul.products, .single-product .up-sells ul.products, .woocommerce-cart .woocommerce .cross-sells, .estratto-prodotti, .vista-prodotti { margin-bottom: 30px; } /* TITOLI - Font size / weight */ .single h1, .archive h1, .tax-product_tag h1, .single-product h1.product_title { font-size: 34px; font-weight: normal; } /* TITOLI - Color */ .archive h1, .tax-product_tag h1, .single-product h1.product_title, .archive h3.entry-title a, .archive #primary ul.products h2.woocommerce-loop-product__title, .single-product .up-sells ul.products li h2.woocommerce-loop-product__title, .woocommerce-cart .cross-sells ul.products li.product h2.woocommerce-loop-product__title, .estratto-post h3.entry-title a, .estratto-prodotti ul li.product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title, .vista-prodotti ul li.product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title, .woocommerce-page .pagina-negozio h2.woocommerce-loop-category__title, .single-product #reviews #respond span#reply-title { color: #2573D2; } /* TITOLI HOVER - Color */ .archive h3.entry-title a:hover, .archive #primary ul.products h2.woocommerce-loop-product__title:hover, .single-product .up-sells ul.products li h2.woocommerce-loop-product__title:hover, .woocommerce-cart .cross-sells ul.products li.product h2.woocommerce-loop-product__title:hover, .estratto-post h3.entry-title a:hover, .estratto-prodotti ul li.product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title:hover, .vista-prodotti ul li.product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title:hover { color: #123764; } /* TITOLETTI WOOCOMMERCE - Color */ .woocommerce-page h2, .woocommerce-page h3, .woocommerce-page h4, .woocommerce-page h5, .woocommerce-page h6 { color: #555555; font-weight: normal; } /* TITOLO ARCHIVIO - Margin */ .archive h1 { margin-top: 10px; margin-bottom: 40px; } /* TITOLO VISTA PRODOTTI - Margin */ .vistaprodotti h1 { text-align: center; margin-top: 10px !important; margin-bottom: 40px !important; } /* TITOLO BOX - Font size / weight */ .archive h3.entry-title, .archive #primary ul.products h2.woocommerce-loop-product__title, .single-product .up-sells ul.products li h2.woocommerce-loop-product__title, .woocommerce-cart .cross-sells ul.products li.product h2.woocommerce-loop-product__title, .estratto-post h3.entry-title, .estratto-prodotti ul li.product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title, .vista-prodotti ul li.product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title, .pagina-negozio ul.products li.product-category h2 { font-size: 19px !important; font-weight: normal !important; text-transform: none; } /* TITOLO BOX - Allineamento */ .archive h3.entry-title, .estratto-post h3.entry-title { text-align: left; } .archive #primary ul.products h2.woocommerce-loop-product__title, .single-product .up-sells ul.products li h2.woocommerce-loop-product__title, .woocommerce-cart .cross-sells ul.products li.product h2.woocommerce-loop-product__title, .estratto-prodotti ul li.product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title, .vista-prodotti ul li.product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title { text-align: center; } /* TITOLO BOX - Margin */ .archive h3.entry-title a, .archive #primary ul.products h2.woocommerce-loop-product__title, .single-product .up-sells ul.products li h2.woocommerce-loop-product__title, .woocommerce-cart .cross-sells ul.products li.product h2.woocommerce-loop-product__title, .estratto-post h3.entry-title, .estratto-prodotti ul li.product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title, .vista-prodotti ul li.product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title { margin-top: 5px !important; margin-bottom: 5px; } /* SOTTOTITOLO BOX */ .archive .pagina-categoria .prodotto-sottotitolo, .estratto-prodotti .prodotto-sottotitolo, .vista-prodotti .prodotto-sottotitolo, .single-product .up-sells .prodotto-sottotitolo, .woocommerce-cart .cross-sells .prodotto-sottotitolo { font-size: 14px; font-weight: normal; color: black; margin-bottom: 15px; text-align: center; } /* BOX - Bordo e sfondo */ .archive .archive-excerpt, .estratto-post article, .archive ul.products li.product, .single-product .up-sells ul.products li.product, .woocommerce-cart .cross-sells ul.products li.product, .estratto-prodotti ul.products li.product, .vista-prodotti ul.products li.product { border: 0px #DDDDDD solid; background: transparent; } /* BOX - Spazi */ .archive .archive-excerpt, .estratto-post article, .archive ul.products li.product, .single-product .up-sells ul.products li, .woocommerce-cart .cross-sells ul.products li, .estratto-prodotti ul.products li.product, .vista-prodotti ul.products li.product { padding: 0px 0px 20px 0px !important; margin-bottom: 0px; } .pagina-negozio ul.products li.product-category h2 { margin-top: 5px !important; margin-bottom: 5px !important; padding: 0px !important; } /* FOTO - Bordo */ .archive .archive-excerpt img, .estratto-post article img, .archive ul.products li.product img, .page .immagine-evidenza .post-thumbnail img, .single-product .up-sells ul.products li img, .single .immagine-evidenza .post-thumbnail img, .woocommerce-cart .cross-sells ul.products li img, .woocommerce div.product .wp-post-image, .estratto-prodotti ul.products li.product img, .vista-prodotti ul.products li.product img { border: 1px #DDDDDD solid; } /***************************/ /* SHOP - TITOLO CATEGORIA */ /***************************/ .desktop .pagina-negozio ul.products li.product-category h2 { font-size: 19px; font-weight: 400 !important; color: #2573D2; text-align: center; text-transform: none; } .desktop .pagina-negozio ul.products li.product-category h2:hover { color: #123764; } /************/ /* PULSANTI */ /************/ /* Stile pulsanti generico */ .pulsante { font-size: 16px; background: #2573D2; color: white; padding: 10px 20px 10px 20px; display: inline-block; cursor: pointer; border: 0px red solid; border-radius: 3px; text-transform: uppercase; } .pulsante:hover { background: #123764; color: white; } .pul-01 { background: #2573D2 !important; color: white !important; font-weight: normal !important; } .pul-01:hover {background: #123764 !important; color: white; } .pul-02 { background: #123764 !important; color: white !important; font-weight: normal !important; } .pul-02:hover {background: #2573D2 !important; color: white !important; } .pul-M { font-size: 16px !important; padding: 10px 20px 10px 20px !important; border-radius: 3px !important; } .pul-S { font-size: 14.08px !important; padding: 5px 10px 5px 10px !important; border-radius: 3px !important; } .pul-01 span, .pul-02 span { color: white !important; } /* Fine */ /****************/ /* PULSANTI BOX */ /****************/ /* PULSANTE - Dimensioni */ .archive article.archive-excerpt .pulsante, .estratto-post article.archive-excerpt .pulsante, .pagina-categoria ul.products li .pulsante, .estratto-prodotti ul.products li .pulsante, .vista-prodotti ul.products li .pulsante, .single-product .up-sells ul.products li .pulsante, .woocommerce-cart .cross-sells ul.products li.pulsante { font-size: 16px; cursor: pointer; border-width: 0px; border-color: transparent; border-radius: 3px; text-transform: uppercase; } /* PULSANTE - Allineamento */ .archive article.archive-excerpt .cont-pulsante, .estratto-post article.archive-excerpt .cont-pulsante, .pagina-categoria ul.products li, .estratto-prodotti ul.products li, .vista-prodotti ul.products li, .single-product .up-sells ul.products li, .woocommerce-cart .cross-sells ul.products li { text-align: center; } /* PULSANTE - Colore */ .archive article.archive-excerpt .cont-pulsante .pulsante, .estratto-post article.archive-excerpt .cont-pulsante .pulsante, .pagina-categoria ul.products li .pulsante, .estratto-prodotti ul.products li .pulsante, .vista-prodotti ul.products li .pulsante, .single-product .up-sells ul.products li .pulsante, .woocommerce-cart .cross-sells ul.products li .pulsante { background: #2573D2 !important; color: white !important; } /* PULSANTE - Colore:hover */ .archive article.archive-excerpt .cont-pulsante .pulsante:hover, .estratto-post article.archive-excerpt .cont-pulsante .pulsante:hover, .pagina-categoria ul.products li .pulsante:hover, .estratto-prodotti ul.products li .pulsante:hover, .vista-prodotti ul.products li .pulsante:hover, .single-product .up-sells ul.products li .pulsante:hover, .woocommerce-cart .cross-sells ul.products li .pulsante:hover { background: #123764 !important; color: white !important; } /*********************/ /* PULSANTI CARRELLO */ /*********************/ /* Applicare le classi "pulsante" e "pul-01" perché con l'Ajax di "Applica coupon" i pulsanti tornano di colore viola WOO */ /* Procedi con l'ordine */ .woocommerce-cart .wc-proceed-to-checkout a { background: #2573D2 !important; font-weight: normal; text-transform: uppercase; color: white; } .woocommerce-cart .wc-proceed-to-checkout a:hover { background: #123764 !important; } /* Applica sconto e Aggiorna carrello */ .woocommerce-cart .shop_table .actions button { background: #2573D2 !important; font-weight: normal; text-transform: uppercase; color: white !important; } .woocommerce-cart .shop_table .actions button:hover { background: #123764 !important; } /* Pulsante "Effettua ordine" */ .woocommerce-checkout .woocommerce-checkout-payment button#place_order { background: #2573D2; font-weight: normal; text-transform: uppercase; } /**********/ /* PREZZI */ /**********/ /* Regole generali */ .tax-product_cat ul.products li.product .price *, .tax-product_tag ul.products li.product .price *, .single-product .summary .price *, .single-product .summary .woocommerce-variation-price *, .single-product .summary .woocommerce-Price-currencySymbol, .estratto-prodotti ul.products li.product .price *, .vista-prodotti ul.products li.product .price *, .single-product .related .products .price *, .single-product .up-sells ul.products li.product .price *, .woocommerce-cart .cross-sells ul.products li.product .price * { color: black !important; opacity: 1 !important; font-weight: normal !important; } /* Differenzio dimensione testo tra archivio, prodotto e correlati */ .tax-product_cat ul.products li.product .price *, .tax-product_tag ul.products li.product .price *, .estratto-prodotti ul.products li.product .price *, .vista-prodotti ul.products li.product .price * { font-size: 18px !important; text-decoration: none !important; } .single-product .summary .price *, .single-product .summary .woocommerce-variation-price *, .single-product .summary .woocommerce-Price-currencySymbol { font-size: 23.4px !important; } .single-product .related .products .price *, .woocommerce-cart .cross-sells ul.products li.product .price * { font-size: 16.2px !important; } /* Prezzo scontato (testo bianco su sfondo verde) */ .tax-product_cat ul.products li.product ins .woocommerce-Price-amount bdi, .tax-product_cat ul.products li.product ins bdi .woocommerce-Price-currencySymbol, .tax-product_tag ul.products li.product ins .woocommerce-Price-amount bdi, .tax-product_tag ul.products li.product ins bdi .woocommerce-Price-currencySymbol, .estratto-prodotti ul.products li.product ins .woocommerce-Price-amount bdi, .estratto-prodotti ul.products li.product ins .woocommerce-Price-amount bdi .woocommerce-Price-currencySymbol, .vista-prodotti ul.products li.product ins .woocommerce-Price-amount bdi, .vista-prodotti ul.products li.product ins .woocommerce-Price-amount bdi .woocommerce-Price-currencySymbol, .single-product .summary .price ins .woocommerce-Price-amount bdi, .single-product .summary .price ins .woocommerce-Price-amount .woocommerce-Price-currencySymbol, .single-product .related .products .price ins .woocommerce-Price-amount bdi, .single-product .related .products .price ins .woocommerce-Price-amount .woocommerce-Price-currencySymbol, .single-product .up-sells .products .price ins .woocommerce-Price-amount bdi, .single-product .up-sells .products .price ins .woocommerce-Price-amount .woocommerce-Price-currencySymbol, .woocommerce-cart .cross-sells .products .price ins .woocommerce-Price-amount bdi, .woocommerce-cart .cross-sells .products .price ins .woocommerce-Price-amount .woocommerce-Price-currencySymbol { color: #FFFFFF !important; background: #339900 !important; border-radius: 3px; font-weight: normal !important; } /* Prezzo scontato: sfondo */ .tax-product_cat ul.products li.product ins bdi, .tax-product_tag ul.products li.product ins bdi, .estratto-prodotti ul.products li.product ins bdi, .vista-prodotti ul.products li.product ins bdi, .single-product .summary .price ins .woocommerce-Price-amount bdi, .single-product .related .products .price ins .woocommerce-Price-amount bdi, .single-product .up-sells .products .price ins .woocommerce-Price-amount bdi, .woocommerce-cart .cross-sells .products .price ins .woocommerce-Price-amount bdi { padding: 3px 10px 3px 8px; margin-left: 5px; } /* Prezzo scontato: rimuovo sottolineatura */ .tax-product_cat ul.products li.product ins, .tax-product_tag ul.products li.product ins, .single-product .summary .price ins, .single-product .related .products .price *, .single-product .up-sells .products .price *, .woocommerce-cart .cross-sells ul.products li.product .price * { text-decoration: none !important; } /* Prezzo barrato */ .estratto-prodotti ul.products li.product .price del bdi, .vista-prodotti ul.products li.product .price del bdi, .tax-product_cat ul.products li.product .price del bdi, .tax-product_tag ul.products li.product .price del bdi, .single-product .summary .price del bdi, .single-product .summary .price del .woocommerce-Price-amount bdi, .single-product .summary .price del .woocommerce-Price-amount bdi .woocommerce-Price-currencySymbol, .single-product .up-sells .products .price del .woocommerce-Price-amount bdi, .woocommerce-cart .cross-sells .products .price del .woocommerce-Price-amount bdi { text-decoration: line-through !important; text-decoration-color: black !important; } /* Prezzo su richiesta */ .tax-product_cat ul.products li .archivio-nascondi-prezzo, .tax-product_tag ul.products li .archivio-nascondi-prezzo, .estratto-prodotti ul.products li .archivio-nascondi-prezzo, .vista-prodotti ul.products li .archivio-nascondi-prezzo { color: black; margin-bottom: 20px; font-size: 18px; text-transform: uppercase; } .single-product .up-sells li.product .archivio-nascondi-prezzo, .woocommerce-cart .cross-sells li.product .archivio-nascondi-prezzo { color: black; margin-bottom: 20px; font-size: 16px; text-transform: uppercase; } /* Spazio verticale tra prezzo e pulsante */ .pagina-categoria ul.products li .price, .estratto-prodotti ul.products li .price, .vista-prodotti ul.products li .price, .single-product .up-sells li.product .price, .woocommerce-cart .cross-sells .products .price { margin-bottom: 15px !important; } /* Spazio verticale tra prezzo su richiesta e pulsante */ .pagina-categoria ul.products li .archivio-nascondi-prezzo, .estratto-prodotti ul.products li .archivio-nascondi-prezzo, .vista-prodotti ul.products li .archivio-nascondi-prezzo, .single-product .up-sells li.product .archivio-nascondi-prezzo, .woocommerce-cart .cross-sells li.product .archivio-nascondi-prezzo { margin-bottom: 10px; } /*********/ /* BADGE */ /*********/ /* "Offerta" */ .woocommerce ul.products span.onsale, .archive.woocommerce span.onsale, .single-product .up-sells li.product span.onsale, .single-product .related.products li.product span.onsale { background: #339900; border-radius: 3px !important; padding: 4px 8px 4px 8px !important; top: 10px !important; right: 10px !important; font-size: 14px; font-weight: normal; } .single-product.woocommerce div.product .onsale { background: #339900; border-radius: 3px !important; padding: 10px !important; top: 10px !important; left: 10px; font-size: 16px; font-weight: normal; } /* "Nuovo" e "Spedizione gratis" */ .nuovo-spedgratis-archive { background: #FF6600; color: white; font-size: 14px; top: 10px !important; left: 10px !important; padding: 4px 8px 4px 8px; border-radius: 3px; margin-top: -7px; margin-left: -7px; } .nuovo-spedgratis-product { background: #FF6600; color: white; font-size: 16px; padding: 4px 8px 4px 8px; border-radius: 3px; margin: 5px 0px 15px 0px; } /* * DESKTOP-TOP-TEXT-SLIDER.CSS * Tema: Superfast WP * A sito pubblicato deve essere riportato in desktop.css * Aggiornato il: 07-06-2022 * * Nel CSS della versione mobile va aggiunto questo codice: *#mobile-outer-header { top: 20px; } * /* #mobile-outer-main { margin-top: 100px; } * *#top-text-slider-wrapper { position: fixed !important; top: 0px !important; } * */ #top-text-slider-wrapper { width: 100%; font-family: arial, sans-serif; font-size: 12px; color: white; font-weight: normal; text-transform: uppercase; display: block; align-items: center; justify-content: center; background: #2573D2; z-index: 99999; } .top-text-slider{ height: 20px; padding-left:10px; padding-right:10px; overflow: hidden; } /* L'altezza qui ... */ .top-text-slider div { color: white; height: 20px; margin-bottom: 20px; padding: 3px 15px; text-align: center; box-sizing: border-box; } /* ... va riportata qui ... */ #top-text-slider-wrapper .text-1 { animation: slide 15s linear infinite; } #top-text-slider-wrapper .text-1, #top-text-slider-wrapper .text-2, #top-text-slider-wrapper .text-3, #top-text-slider-wrapper .text-4 { background: transparent; } @keyframes slide { /* ... e qui va raddoppiata a ogni step. * Si devono fare gli step per le singole slides * e inserire dopo di essi uno step ulteriore col 5% in più * per creare una piccola pausa */ /* Codice per 3 slides */ /* 0% {margin-top:-120px;} 5% {margin-top:-80px;} 33% {margin-top:-80px;} 38% {margin-top:-40px;} 66% {margin-top:-40px;} 71% {margin-top:0px;} 100% {margin-top:0px;} */ /* Codice per 4 slides */ 0% {margin-top:-160px;} 5% {margin-top:-120px;} 25% {margin-top:-120px;} 30% {margin-top:-80px;} 50% {margin-top:-80px;} 55% {margin-top:-40px;} 75% {margin-top:-40px;} 80% {margin-top:0px;} 100% {margin-top:0px;} } /* * DESKTOP-TOPHEADER.CSS * Tema: Superfast WP * A sito pubblicato deve essere riportato in desktop.css * Aggiornato il: 07-06-2022 * *1) Contenitore con altezza definita * 2) Subcontenitore con allineamento verticale / 3) Immagini nei
  • con vertical-align: middle * */ #desktop-outer-topheader { padding-top: 5px; padding-bottom: 5px; } /* Serve su SF-HTML. Togliere su SF-WP */ /* #desktop-topheader.larghezza { width: 1200px; } */ /* Altezza di fascia e icone */ #desktop-topheader { height: 30px; } #desktop-topheader .col-sx ul li img, #desktop-topheader .col-sx ul li svg, #desktop-topheader .col-dx ul li img, #desktop-topheader .col-dx ul li svg { height: 20px; } /* Allineamento verticale */ #desktop-topheader .col-sx, #desktop-topheader .col-dx { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative; } #desktop-topheader .col-sx ul li img, #desktop-topheader .col-sx ul li svg, #desktop-topheader .col-dx ul li img, #desktop-topheader .col-dx ul li svg { vertical-align: middle; } #desktop-topheader .col-sx { float: left; } #desktop-topheader .col-dx { float: right; } #desktop-topheader ul { margin: 0px; padding: 0px; } #desktop-topheader li { display: inline-block; } #desktop-topheader .icona-svg { display: inline-block; } /* Colori e dimensioni icone SX */ #desktop-topheader .col-sx li {margin-right: 10px; } #desktop-topheader .col-sx li span { font-size: 14px; margin-left: 0px; text-decoration: none; text-transform: none; } /* Colori e dimensioni icone DX */ #desktop-topheader .col-dx li {margin-left: 30px; } #desktop-topheader .col-dx li span { font-size: 14px; margin-right: 0px; text-decoration: none; text-transform: uppercase; } /* Bandierine */ #desktop-topheader .bandierine img { margin-left: 0px; margin-top: -3px; width: auto; width: 27px !important; height: 18px !important; } .bandierine-wpml { margin-left: 0px !important; } .bandierine-wpml .wpml-ls-item-it { margin-left: 20px !important; } .bandierine-wpml .wpml-ls-item-en { margin-left: 0px !important; } /* * DESKTOP-WOOCOMMERCE.CSS * Tema: Superfast WP * A sito pubblicato deve essere riportato in desktop.css * Aggiornato il: 07-06-2022 * */ .woocommerce-account .woocommerce-form-login { width: 50% !important; margin: 0 auto 0 auto !important; } /* Il tuo carrello è vuoto */ .woocommerce-cart p.return-to-shop { text-align: center; } .woocommerce-cart p.cart-empty.woocommerce-info { text-align: center; } /* * DESKTOP-WOO-PRODUCT.CSS * Tema: Superfast WP * A sito pubblicato deve essere riportato in desktop.css * Aggiornato il: 28-02-2022 * */ /* Breadcrumbs */ .single-product #sf_breadcrumbs, .single-product #sf_breadcrumbs a { font-size: 14; color: #666666 !important; } .single-product #sf_breadcrumbs a:hover { color: #123764 !important; } .single-product #sf_breadcrumbs { margin-bottom: 30px; } /* Titolo: font size */ .single-product h1 { font-size: 28px !important; text-transform: uppercase !important;; } /* Sottotitolo */ .single-product .prodotto-sottotitolo { font-size: 22; color: #666666 ; padding: ; } /* Prodotto semplice: prezzo e quantità */ .single-product .product-type-simple h1 { margin-bottom: px !important; } /* Titolo<->Resto */ .single-product .product-type-simple .summary p.price { margin-top: 0px; margin-bottom: 20px; } /* Prezzo<->Qta */ .single-product .product-type-simple .summary .cart .quantity .qty { color: black; font-size: 16px; } /* Numero quantità */ /* Prodotto semplice: pulsante carrello */ .single-product .product-type-simple .summary .cart .single_add_to_cart_button { margin-top: 25px; margin-bottom: 25px; } /* Quantità<->Carrello e Carrello<->Testi */ /* Prodotto variabile: prezzo e quantità */ .single-product .product-type-variable h1 { margin-bottom: 25px !important; } /* Titolo<->Resto */ .single-product .product-type-variable .summary .cart .quantity .qty { color: black; font-size: 16px; } /* Numero quantità */ .single-product .product-type-variable .summary .variations select { color: black; font-size: 16px; } /* Testo tendina */ .single-product .product-type-variable .summary .woocommerce-variation-price { margin-top: 0px; margin-bottom: 0px; } /* Prezzo<->Qta */ /* Prodotto variabile: pulsante carrello */ .single-product .product-type-variable .summary .cart .single_add_to_cart_button { margin-top: 25px; margin-bottom: 10px; } /* Quantità<->Carrello e Carrello<->Testi */ /* Prodotto variabile: tendina, prezzo e pulsante */ .single-product #sf_prodotto-variabile-tendinavariazioni-prezzovariabile-e-pulsante {} .single-product #sf_prodotto-variabile-tendinavariazioni-prezzovariabile-e-pulsante .attributi { display: block; } .single-product #sf_prodotto-variabile-tendinavariazioni-prezzovariabile-e-pulsante .attributi .label { display: inline !important; margin-right: 10px; } .single-product #sf_prodotto-variabile-tendinavariazioni-prezzovariabile-e-pulsante .attributi .value { display: inline !important; } /* Larghezza tendina */ .woocommerce div.product form.cart .variations select { min-width: 50px !important; margin-right: 0 !important; } /* Prodotto variabile: allineo in orizzontale la scritta (aggiunta) Quantità e il selettore della quantità */ .woocommerce div.product.product-type-variable form.cart div.quantity { float: none !important; display: inline !important; } /* Prodotto semplice: allineo in orizzontale la scritta (aggiunta) Quantità e il selettore della quantità */ .woocommerce div.product.product-type-simple form.cart div.quantity { float: none !important; display: inline !important; } /* Pulsante metti nel carrello (ha anche la classe "pulsante", seguita da "prodotto-pulsante-mettinelcarrello" se vogliamo fare override sullo stile del pulsante nomrale */ .woocommerce div.product .prodotto-pulsante-mettinelcarrello { } /* Foto prodotto */ .woocommerce div.product .wp-post-image { border: 1px #CCCCCC solid; } /* Badge "In offerta" */ .single-product.woocommerce div.product .onsale { line-height: 1 !important; min-height: auto !important; } /* Badge "Nuovo prodotto | Spedizione gratis" */ .nuovo-spedgratis-product { display: table !important; } /* Badge "Nuovo prodotto" */ .badge-nuovo-prodotto-woo-single { position: absolute; z-index: 99 !important; } /* Post meta */ .single-product .prodotto-postmeta {} .single-product .prodotto-postmeta h3 { margin-bottom: 0px !important; } .single-product .prodotto-postmeta .prodotto-postmeta-titolo { font-size: 19px; } .single-product .prodotto-postmeta .prodotto-postmeta-testo { margin-top: 5px; } .single-product .prodotto-postmeta .prodotto-postmeta-titolo-proprieta {} .single-product .prodotto-postmeta .prodotto-postmeta-titolo-componenti {} .single-product .prodotto-postmeta .prodotto-postmeta-titolo-indicazioniuso {} .single-product .prodotto-postmeta .prodotto-postmeta-titolo-disponibilita {} .single-product .prodotto-postmeta .prodotto-postmeta-titolo-ricetta {} /* Descrizione breve WooCommerce */ .single-product #desktop-main .product .summary .woocommerce-product-details__short-description p { margin-bottom: 20px; } /* Ricetta associata */ .single-product .prodotto-ricetta-box { padding: 0px 20px 20px 20px; border: 1px var(--colbrd) solid; } .single-product .prodotto-ricetta-box .prodotto-postmeta-titolo-ricetta { color: var(--col2); } /* Nascondi prezzo e pulsante "Metti nel carrello" */ .single-product .prodotto-nascondi-prezzo-pulsante { background: #DDDDDD; color: black; padding: 10px; display: inline-block !important; margin-bottom: 20px; border-left: 10px var(--col1) solid; } /**********************/ /* PRODOTTI CORRELATI */ /**********************/ .single-product #desktop-main .related { display: block; width: 100%; float: left; } .single-product #desktop-main .related h2:first-child, .single-product #desktop-main .up-sells h2:first-child { font-size: 22px; color: #2573D2; background: !important; text-align: center; padding: 15px; } .single-product #desktop-main .related img { border: 1px #DDDDDD solid; } /********************/ /* ADD TO CART AJAX */ /********************/ .single-product a.added_to_cart.wc-forward { background: #339900; border-radius: 20px; padding: 10px 20px 10px 20px; color: white; } .single-product a.added_to_cart.wc-forward:hover { background: var(--col1); } /* * DESKTOP-WOO-SHOP.CSS * Tema: Superfast WP * A sito pubblicato deve essere riportato in desktop.css * Aggiornato il: 09-03-2022 * */ /* GRID: box categorie stessa altezza riga per riga */ .desktop .wc-shop-box-cont ul.products { display: grid; margin-bottom: 30px; grid-template-columns: repeat(4, 1fr); grid-auto-rows: auto; grid-column-gap: 20px; grid-row-gap: 20px; } .desktop .wc-shop-box-cont ul.products li.product { margin-bottom: 0px; width: 100% !important; } /* Rimuove il primo spazio vuoto */ .desktop .pagina-negozio ul.products::before { content: none !important; } /* * DESKTOP-WOO-CART.CSS * Tema: Superfast WP * A sito pubblicato deve essere riportato in desktop.css * Aggiornato il: 28-02-2022 * */ .woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__cart-item { font-weight: normal; } .woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__cart-item .product-name a { color: black; } .woocommerce-cart .woocommerce .woocommerce-cart-form .woocommerce-cart-form__cart-item .product-name a:hover { color: #123764; } .woocommerce-cart .woocommerce .woocommerce-cart-form .coupon {} .woocommerce-cart .woocommerce .woocommerce-cart-form .coupon .input-text { width: 150px; vertical-align: middle; margin-top: 13px !important; color: black !important; font-weight: bold; } .woocommerce-cart .woocommerce-message a { margin-bottom: 0px !important; margin-right: 20px; } /* Allinea il campo Codice sconto al pulsante Applica sconto */ .woocommerce-cart #coupon_code { margin-top: 5px !important; margin-right: 10px !important; } /* * DESKTOP-WOO-ARCHIVE.CSS * Tema: Superfast WP * A sito pubblicato deve essere riportato in desktop.css * Aggiornato il: 28-02-2022 * * La parte grafica di questo codice è nei file desktop-stile-0x.css * */ /* GRID: box prodotti stessa altezza riga per riga */ .desktop .pagina-categoria ul.products, .desktop .estratto-prodotti ul.products { display: grid; } .desktop .pagina-categoria ul.products li.product, .desktop .estratto-prodotti li.product { width: 100% !important; } /* Rimuove il primo spazio vuoto */ .desktop .pagina-categoria ul.products::before, .desktop .estratto-prodotti ul.products::before { content: none !important; } /* Box con grid */ .desktop .pagina-categoria ul.products { grid-template-columns: repeat(4, 1fr); grid-auto-rows: auto; grid-column-gap: 20px; grid-row-gap: 20px; } .desktop .estratto-prodotti ul.products { grid-template-columns: repeat(6, 1fr); grid-auto-rows: auto; grid-column-gap: 20px; grid-row-gap: 20px; } /* Dobbiamo diversificare tra i primi tre box e il quarto, che deve essere senza margine a destra */ .woocommerce.estratto-prodotti ul.products li.product { margin-right: 20px; } .woocommerce.estratto-prodotti ul.products li.product:nth-child(4) { margin-right: 0px !important; } .woocommerce.estratto-prodotti ul.products li.product { width: calc(25% - 20)px; } .woocommerce.estratto-prodotti ul.products li.product:nth-child(4) { width: calc(25%); } /* Badge "In offerta" */ .woocommerce ul.products span.onsale, .archive.woocommerce span.onsale { line-height: 1 !important; min-height: auto !important; } /* Badge "Nuovo prodotto | Spedizione gratis" */ .nuovo-spedgratis-archive { position: absolute; } /* * DESKTOP-SLIDER.CSS * Tema: Superfast WP * Aggiornato il: 09-04-2022 * (jumpdesktopslider) * */ * { box-sizing: border-box; } html, body { box-sizing: border-box; margin: 0px; padding: 0px; } .slider { position: relative; } /*************/ /* SLIDER 01 *********************************************************************************************************************************************/ /*************/ /********/ /* FOTO */ /********/ .slider-1 .slide { position: absolute; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; animation-name: fadeimg; animation-iteration-count: infinite; animation-duration: 12s; animation-fill-mode: none; /* Allineamento verticale */ display: flex; align-items: left; /* Allineamento al centro o a sinistra delle scritte */ justify-content: center; flex-direction: column; /* Vedere https://stackoverflow.com/questions/42723596/prevent-flex-items-from-rendering-side-to-side */ } .slider-1 .slider .slide .pretitolo { font-weight: bold; color: white; text-transform: uppercase; } .slider-1 .slider .slide .titolo { font-weight: bold; color: white; } .slider-1 .slider .slide .sottotitolo { font-weight: bold; color: white; } .slider-1 .slider .slide .pulsante { font-weight: bold; color: white; text-transform: uppercase; } @keyframes fadeimg { 0% { opacity: 0; z-index: -9; } 10% { opacity: 1; z-index: 9; } 20% { opacity: 1; z-index: 9; } 30% { opacity: 0; z-index: -9; } 100% { opacity: 0; z-index: -9; } } .slider-1 .slide-01 { animation-delay: 0s;} .slider-1 .slide-02 { animation-delay: -9s; } .slider-1 .slide-03 { animation-delay: -6s; } .slider-1 .slide-04 { animation-delay: -3s; } .slider-1 .slide-01 { background-image: url('../../moduli/slider/01.webp'); } .slider-1 .slide-02 { background-image: url('../../moduli/slider/02.webp'); } .slider-1 .slide-03 { background-image: url('../../moduli/slider/03.webp'); } .slider-1 .slide-04 { background-image: url('../../moduli/slider/04.webp'); } @media (min-width: 1920px) { .slider-1 .slider, .slide { height: 630px !important; } .slider-1 .slider .slide .pretitolo { font-size: 18px; margin: 15px 0px 15px 0px; } .slider-1 .slider .slide .titolo { font-size: 48px; margin: 15px 0px 15px 0px; } .slider-1 .slider .slide .sottotitolo { font-size: 32px; margin: 15px 0px 15px 0px; } .slider-1 .slider .slide .pulsante { font-size: 18px; margin: 15px 0px 15px 0px; } .slider-1 .slide-boxtesto-int { padding: 30px 40px 40px 40px; margin-left: 250px; width: 800px !important; } } @media (min-width: 1600px) and (max-width: 1919.98px) { .slider-1 .slider, .slide { height: 550px !important; } .slider-1 .slider .slide .pretitolo { font-size: 18px; margin: 15px 0px 15px 0px; } .slider-1 .slider .slide .titolo { font-size: 48px; margin: 15px 0px 15px 0px; } .slider-1 .slider .slide .sottotitolo { font-size: 32px; margin: 15px 0px 15px 0px; } .slider-1 .slider .slide .pulsante { font-size: 18px; margin: 15px 0px 15px 0px; } .slider-1 .slide-boxtesto-int { padding: 30px 40px 40px 40px; margin-left: 150px; width: 700px !important; } } @media (min-width: 1200px) and (max-width: 1599.98px) { .slider-1 .slider, .slide { height: 500px !important; } .slider-1 .slider .slide .pretitolo { font-size: 18px; margin: 10px 0px 10px 0px; } .slider-1 .slider .slide .titolo { font-size: 42px; margin: 10px 0px 10px 0px; } .slider-1 .slider .slide .sottotitolo { font-size: 28px; margin: 10px 0px 10px 0px; } .slider-1 .slider .slide .pulsante { font-size: 18px; margin: 10px 0px 10px 0px; } .slider-1 .slide-boxtesto-int { padding: 30px 40px 40px 40px; margin-left: 100px; width: 550px !important; } } @media (min-width: 992px) and (max-width: 1199.98px) { .slider-1 .slider, .slide { height: 500px !important; } .slider-1 .slider .slide .pretitolo { font-size: 16px; margin: 10px 0px 10px 0px; } .slider-1 .slider .slide .titolo { font-size: 34px; margin: 10px 0px 10px 0px; } .slider-1 .slider .slide .sottotitolo { font-size: 24px; margin: 10px 0px 10px 0px; } .slider-1 .slider .slide .pulsante { font-size: 16px; margin: 10px 0px 10px 0px; } .slider-1 .slide-boxtesto-int { padding: 30px 40px 40px 40px; margin-left: 100px; width: 450px !important; } } @media (min-width: 768px) and (max-width: 991.98px) { .slider-1 .slider, .slide { height: 400px !important; } } @media (min-width: 480px) and (max-width: 767.98px) { .slider-1 .slider, .slide { height: 300px !important; } } @media (min-width: 320px) and (max-width: 479.98px) { .slider-1 .slider, .slide { height: 200px !important; } } .slider-1 .slide-boxtesto-est { background: transparent; width: 100% !important; margin: 0px auto 0px auto; } /* Velo su
    senza
    in più */ .slider-1 .slide::after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: linear-gradient(to right, rgba(0,0,0,0.3), rgba(0,0,0,0.0)); z-index: -1 !important; } /*************/ /* SLIDER 02 *********************************************************************************************************************************************/ /*************/ /********/ /* FOTO */ /********/ .slider-2 #desktop-menumega { border-bottom: none !important; } .slider-2 .slider { width: 1500px; margin: 20px auto 80px auto; } .slider-2 .slide { position: absolute; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; animation-name: fadeimg; animation-iteration-count: infinite; animation-duration: 12s; /* Allineamento verticale */ display: flex; align-items: left; /* Allineamento al centro o a sinistra delle scritte */ justify-content: center; flex-direction: column; /* Vedere https://stackoverflow.com/questions/42723596/prevent-flex-items-from-rendering-side-to-side */ } .slider-2 .slider .slide .pretitolo, .slider-2 .slider .slide .titolo, .slider-2 .slider .slide .sottotitolo, .slider-2 .slider .slide .pulsante { z-index: 1; } @keyframes fadeimg { 0% { opacity: 0; z-index: -9; } 10% { opacity: 1; z-index: 9; } 20% { opacity: 1; z-index: 9; } 30% { opacity: 0; z-index: -9; } 100% { opacity: 0; z-index: -9; } } .slider-2 .slide-01 { animation-delay: 0s; } .slider-2 .slide-02 { animation-delay: -9s; } .slider-2 .slide-03 { animation-delay: -6s; } .slider-2 .slide-04 { animation-delay: -3s; } .slider-2 .slide-01 { background-image: url('../../moduli/slider/01.webp'); } .slider-2 .slide-02 { background-image: url('../../moduli/slider/02.webp'); } .slider-2 .slide-03 { background-image: url('../../moduli/slider/03.webp'); } .slider-2 .slide-04 { background-image: url('../../moduli/slider/04.webp'); } @media (min-width: 1920px) { .slider-2 .slider, .slide { height: 625px !important; } } @media (min-width: 1600px) and (max-width: 1919.98px) { .slider-2 .slider, .slide { height: 546px !important; } } @media (min-width: 1200px) and (max-width: 1599.98px) { .slider-2 .slider, .slide { height: 468px !important; } } @media (min-width: 992px) and (max-width: 1199.98px) { .slider-2 .slider, .slide { height: 390px !important; } } @media (min-width: 768px) and (max-width: 991.98px) { .slider-2 .slider, .slide { height: 312px !important; } } @media (min-width: 480px) and (max-width: 767.98px) { .slider-2 .slider, .slide { height: 234px !important; } } @media (min-width: 320px) and (max-width: 479.98px) { .slider-2 .slider, .slide { height: 156px !important; } } /*********/ /* TESTO */ /*********/ .slider-2 .slider-testo .slide-testo { opacity: 0; position: absolute; line-height: 30px; text-align: center; bottom: -30px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 600px; padding-top: 10px; padding-bottom: 10px; } .slider-2 .slider-testo span { display: block; } .slider-2 .slider-testo .slide-testo-01, .slider-2 .slider-testo .slide-testo-02, .slider-2 .slider-testo .slide-testo-03, .slider-2 .slider-testo .slide-testo-04 { background: #004E81; } .slider-2 .slider-testo .slide-testo-01 { animation: fadetxt 12s linear 0s infinite; } .slider-2 .slider-testo .slide-testo-02 { animation: fadetxt 12s linear 3s infinite; } .slider-2 .slider-testo .slide-testo-03 { animation: fadetxt 12s linear 6s infinite; } .slider-2 .slider-testo .slide-testo-04 { animation: fadetxt 12s linear 9s infinite; } .slider-2 .slider-testo .titolo { font-size: 24px; color: white; } .slider-2 .slider-testo .sottotitolo { font-size: 18px; color: white; } @keyframes fadetxt { 0% { opacity: 0; z-index: -9; } 1%, 20% { opacity: 1; z-index: 9; } 30%, 100% { opacity: 0; z-index: -9; } } /*************/ /* SLIDER 03 *********************************************************************************************************************************************/ /*************/ /* SLIDER CONTAINER */ .slider-3 .slider-cont { position: relative; width: 1400px; height: 667px; background: transparent; margin: 50px auto 50px auto; } /* SLIDER FOTO */ .slider-3 .slider-foto-cont { position: relative; top: 0px; margin: 0px; width: 1000px !important; } .slider-3 .slider-foto-cont img { max-width: 100%; height: auto; position:absolute; top: 0px; background-color: white; animation-name: sld3-fadeimg; animation-iteration-count: infinite; animation-duration: 12s; animation-timing-function: linear; } @keyframes sld3-fadeimg { 0% { opacity: 0; z-index: -9; } 10% { opacity: 1; z-index: 9; } 20% { opacity: 1; z-index: 9; } 30% { opacity: 0; z-index: -9; } 100% { opacity: 0; z-index: -9; } } #foto-1 { animation-delay: 0s; } #foto-2 { animation-delay: -9s; } #foto-3 { animation-delay: -6s; } #foto-4 { animation-delay: -3s; } /* SLIDER TESTO SOTTO */ .slider-3 .slider-boxtesto-cont .slide { opacity: 0; position: absolute; line-height: 30px; text-align: center; top: 50px; right: 0; width: 450px; height: 567px; padding: 50px; display: flex; align-items: center; justify-content: center; } .slider-3 .slider-boxtesto-cont span { display: block; } .slider-3 .slider-boxtesto-cont .titolo { font-size: 24px; color: white; } .slider-3 .slider-boxtesto-cont .sottotitolo { font-size: 18px; color: white; } .slider-3 .slider-boxtesto-cont .slide-1 { background: #111111; } .slider-3 .slider-boxtesto-cont .slide-2 { background: #333333; } .slider-3 .slider-boxtesto-cont .slide-3 { background: #666666; } .slider-3 .slider-boxtesto-cont .slide-4 { background: #111111; } .slider-3 .slider-boxtesto-cont .slide-5 { background: #999999; } .slider-3 .slider-boxtesto-cont .slide-1 { animation: sld3-fadetxt 12s linear 0s infinite; } .slider-3 .slider-boxtesto-cont .slide-2 { animation: sld3-fadetxt 12s linear 3s infinite; } .slider-3 .slider-boxtesto-cont .slide-3 { animation: sld3-fadetxt 12s linear 6s infinite; } .slider-3 .slider-boxtesto-cont .slide-4 { animation: sld3-fadetxt 12s linear 9s infinite; } @keyframes sld3-fadetxt { 0% { opacity: 0; z-index: -9; } 1%, 20% { opacity: 1; z-index: 9; } 30%, 100% { opacity: 0; z-index: -9; } } /*************/ /* SLIDER 04 *********************************************************************************************************************************************/ /*************/ .home.slider-4 #desktop-menumega { border-bottom: none !important; } /* SLIDER CONTAINER */ .slider-4 .slider-cont { position: relative; width: 1600px; height: 660px; background: white; margin: 10px auto 50px auto; } /* SLIDER FOTO */ .slider-4 .slider-foto-cont { position: relative; top: 0px; margin: 0px auto 0px auto; width: 1600px !important; } .slider-4 .slider-foto-cont img { max-width: 100%; height: 660px; position:absolute; top: 0px; background-color: white; animation-name: sld4-fadeimg; animation-iteration-count: infinite; animation-duration: 12s; animation-timing-function: linear; } .slider-4 #foto-1 { animation-delay: 0s; } .slider-4 #foto-2 { animation-delay: -9s; } .slider-4 #foto-3 { animation-delay: -6s; } .slider-4 #foto-4 { animation-delay: -3s; } @keyframes sld4-fadeimg { 0% { opacity: 0; z-index: -9; } 10% { opacity: 1; z-index: 9; } 20% { opacity: 1; z-index: 9; } 30% { opacity: 0; z-index: -9; } 100% { opacity: 0; z-index: -9; } } /* SLIDER TESTO SOTTO */ .slider-4 .slider-boxtesto-cont { position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; z-index: 99; } .slider-4 .slider-boxtesto-cont .slide { opacity: 0; position: absolute; line-height: 60px; text-align: left; left: 50px; right: 50px; margin-left: auto; margin-right: auto; width: 800px; /* Per centrare le scritte inserire qui la larghezza di "slider-foto-cont" */ height: auto; /* Larghezza: auto o fissa in pixel */ padding: 30px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .slider-4 .slider-boxtesto-cont span { display: block; } .slider-4 .slider-boxtesto-cont .pretitolo, .slider-4 .slider-boxtesto-cont .titolo, .slider-4 .slider-boxtesto-cont .sottotitolo, .slider-4 .slider-boxtesto-cont .cnt-pulsante { width: 100%; z-index: 999; } .slider-4 .slider-boxtesto-cont .cnt-pulsante .pulsante { display: initial; } .slider-4 .slider-boxtesto-cont .pretitolo { font-size: 18px; font-weight: bold; color: white; text-transform: uppercase; } .slider-4 .slider-boxtesto-cont .titolo { font-size: 48px; font-weight: bold; color: white; } .slider-4 .slider-boxtesto-cont .sottotitolo { font-size: 32px; font-weight: bold; color: white; } .slider-4 .slider-boxtesto-cont .slide-1, .slider-4 .slider-boxtesto-cont .slide-2, .slider-4 .slider-boxtesto-cont .slide-3, .slider-4 .slider-boxtesto-cont .slide-4, .slider-4 .slider-boxtesto-cont .slide-5 { background: transparent; } /* Sfondo scritte: colorato o trasparente */ .slider-4 .slider-boxtesto-cont .slide-1 { animation: sld4-fadetxt 12s linear 0s infinite; } .slider-4 .slider-boxtesto-cont .slide-2 { animation: sld4-fadetxt 12s linear 3s infinite; } .slider-4 .slider-boxtesto-cont .slide-3 { animation: sld4-fadetxt 12s linear 6s infinite; } .slider-4 .slider-boxtesto-cont .slide-4 { animation: sld4-fadetxt 12s linear 9s infinite; } @keyframes sld4-fadetxt { 0% { opacity: 0; z-index: -9; } 18%, 20% { opacity: 0.9; z-index: 9; } 22%, 100% { opacity: 0; z-index: -9; } } .slider-4 .velo-slide { background-image: linear-gradient(to right, rgba(0,0,0,0.3), rgba(0,0,0,0.0)); width: 100%; height: 100%; position: absolute; z-index: 9; }