.elementor-kit-5{--e-global-color-primary:#000000;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#009640;--e-global-color-b556318:#FFFFFF;--e-global-typography-primary-font-family:"Geomanist";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Geomanist";--e-global-typography-secondary-font-size:13px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-font-style:italic;--e-global-typography-secondary-letter-spacing:0.4px;--e-global-typography-text-font-family:"Geomanist";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:600;--e-global-typography-accent-font-family:"Cormorant";--e-global-typography-accent-font-weight:400;--e-global-typography-8e471d6-font-family:"Geomanist";--e-global-typography-8e471d6-font-size:46px;--e-global-typography-8e471d6-font-weight:100;--e-global-typography-8e471d6-line-height:1.2em;--e-global-typography-0ebccbd-font-family:"Geomanist";--e-global-typography-0ebccbd-font-size:32px;--e-global-typography-0ebccbd-font-weight:100;--e-global-typography-0ebccbd-line-height:1.1em;--e-global-typography-b4de3fc-font-family:"Cormorant";--e-global-typography-b4de3fc-font-size:28px;--e-global-typography-cae1310-font-family:"Geomanist";--e-global-typography-cae1310-font-size:20px;--e-global-typography-cae1310-font-weight:100;--e-global-typography-cae1310-text-transform:uppercase;--e-global-typography-cae1310-letter-spacing:1px;--e-global-typography-14f3bff-font-family:"Geomanist";--e-global-typography-14f3bff-font-size:16px;--e-global-typography-14f3bff-font-weight:400;--e-global-typography-14f3bff-text-transform:uppercase;--e-global-typography-421e830-font-family:"Geomanist";--e-global-typography-421e830-font-size:20px;--e-global-typography-421e830-font-weight:400;--e-global-typography-421e830-text-transform:uppercase;--e-global-typography-5342c0b-font-family:"Geomanist";--e-global-typography-5342c0b-font-size:64px;--e-global-typography-5342c0b-font-weight:100;--e-global-typography-5342c0b-line-height:1.2em;--e-global-typography-b1dc7a2-font-family:"Geomanist";--e-global-typography-b1dc7a2-font-size:30px;--e-global-typography-b1dc7a2-font-weight:400;--e-global-typography-b1dc7a2-line-height:1.2em;color:var( --e-global-color-secondary );font-family:"Geomanist", Sans-serif;font-weight:100;}.elementor-kit-5 a{font-family:"Geomanist", Sans-serif;font-weight:400;text-transform:uppercase;}.elementor-kit-5 h2{font-family:var( --e-global-typography-0ebccbd-font-family ), Sans-serif;font-size:var( --e-global-typography-0ebccbd-font-size );font-weight:var( --e-global-typography-0ebccbd-font-weight );line-height:var( --e-global-typography-0ebccbd-line-height );letter-spacing:var( --e-global-typography-0ebccbd-letter-spacing );word-spacing:var( --e-global-typography-0ebccbd-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-5{--e-global-typography-text-font-size:14px;--e-global-typography-8e471d6-font-size:40px;--e-global-typography-0ebccbd-font-size:32px;--e-global-typography-5342c0b-font-size:40px;--e-global-typography-b1dc7a2-font-size:18px;}.elementor-kit-5 h2{font-size:var( --e-global-typography-0ebccbd-font-size );line-height:var( --e-global-typography-0ebccbd-line-height );letter-spacing:var( --e-global-typography-0ebccbd-letter-spacing );word-spacing:var( --e-global-typography-0ebccbd-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-8e471d6-font-size:32px;--e-global-typography-0ebccbd-font-size:26px;--e-global-typography-b4de3fc-font-size:22px;--e-global-typography-5342c0b-font-size:32px;--e-global-typography-b1dc7a2-font-size:15px;}.elementor-kit-5 h2{font-size:var( --e-global-typography-0ebccbd-font-size );line-height:var( --e-global-typography-0ebccbd-line-height );letter-spacing:var( --e-global-typography-0ebccbd-letter-spacing );word-spacing:var( --e-global-typography-0ebccbd-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@keyframes fadeInUpCustom { from { opacity: 0; transform: translate3d(0, 30px, 0); /* Distanza più corta */ } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInDownCustom { from { opacity: 0; transform: translate3d(0, -30px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftCustom { from { opacity: 0; transform: translate3d(-30px, 0, 0); /* Distanza più corta */ } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInRightCustom { from { opacity: 0; transform: translate3d(30px, 0, 0); /* Distanza più corta */ } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animated.fadeInUp { animation-name: fadeInUpCustom !important; } .animated.fadeInDown { animation-name: fadeInDownCustom !important; } .animated.fadeInLeft { animation-name: fadeInLeftCustom !important; } .animated.fadeInRight { animation-name: fadeInRightCustom !important; } /*=========================== EFFETTO SLIDE-UP FLUIDO ===========================*/ /* 1. Il Contenitore Maschera (Wrapper) */ .btn-slide-up .slide-wrapper { height: 1.3em; line-height: 1.3em; /* Nasconde la seconda scritta che sta sotto */ overflow: hidden; display: inline-flex !important; flex-direction: column; vertical-align: middle; position: relative; } .btn-slide-up .slide-line { flex: 0 0 100%; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; transition: transform 0.4s cubic-bezier(0.5, 0, 0.2, 1); will-change: transform; } .btn-slide-up:hover .slide-line { transform: translateY(-100%); } /* ========================================================= SLIDE-UP SENZA A CAPO — pulsanti con classe .btn-slide-nowrap (il JS aggiunge dinamicamente .slide-wrapper e .slide-line) ========================================================= */ /* link / ancora del pulsante */ .btn-slide-nowrap{ position:relative; display:inline-block; overflow:hidden; /* taglia ciò che scorre fuori */ white-space:nowrap; /* impedisce l’andata a capo */ text-align:center; /* testo centrato anche su larghezze flessibili */ } /* contenitore che mostra una sola riga (altezza “vera” sostituita dal JS) */ .btn-slide-nowrap .slide-wrapper{ position:relative; display:inline-block; overflow:hidden; height:1em; /* valore di partenza (JS lo sovrascrive) */ line-height:1em; /* idem */ white-space:nowrap; } /* singola riga di testo (normale + hover) */ .btn-slide-nowrap .slide-line{ display:block; width:100%; /* mantiene il centraggio */ text-align:center; transition:transform .4s ease; will-change:transform; white-space:nowrap; } /* la seconda riga parte nascosta sotto la prima */ .btn-slide-nowrap .slide-line:nth-child(2){ position:absolute; top:100%; left:0; } /* animazione di scorrimento in hover (o focus) */ .btn-slide-nowrap:hover .slide-line:nth-child(1), .btn-slide-nowrap:focus .slide-line:nth-child(1){ transform:translateY(-100%); } .btn-slide-nowrap:hover .slide-line:nth-child(2), .btn-slide-nowrap:focus .slide-line:nth-child(2){ transform:translateY(-100%); } /* Struttura flessibile per allineamento */ .elementor-button-content-wrapper { display: inline-flex; align-items: center; gap: 0.5em; /* spazio tra icona e testo */ } /* Icona centrata */ .elementor-button-icon { display: flex; align-items: center; justify-content: center; line-height: 1; } /* Testo con slide-up centrato verticalmente */ .elementor-button-text .slide-wrapper { display: inline-block; line-height: 1.5em; height: 1.5em; vertical-align: middle; } /* 1. Il Contenitore (Link) */ .wp-menu-fx a.elementor-item { /* Usiamo flex per gestire l'allineamento verticale perfetto */ display: inline-flex !important; flex-direction: column; /* Impila le scritte una sopra l'altra */ justify-content: flex-start; align-items: center; /* Misure della "Maschera" */ height: 1.2em; /* Regola questo valore se il testo viene tagliato (es. 1.4em) */ overflow: hidden; /* Nasconde la scritta "sotto" */ position: relative; vertical-align: middle; /* Allinea PORTFOLIO e NOTIZIE tra loro */ text-decoration: none; } /* 2. Le Righe di Testo (Sia la 1 che la 2) */ .wp-menu-fx a.elementor-item .fx-line { /* Forza ogni riga ad essere alta esattamente quanto il contenitore */ flex: 0 0 100%; width: 100%; /* Centra il testo perfettamente dentro la riga */ display: flex; align-items: center; /* Centratura verticale */ justify-content: center; /* Centratura orizzontale */ /* Parametri animazione */ transition: transform 0.4s cubic-bezier(0.5, 0, 0.2, 1); will-change: transform; /* Reset margini/padding per sicurezza */ margin: 0; padding: 0; } /* 3. La Seconda Riga (NON è più absolute!) */ .wp-menu-fx a.elementor-item .fx-line:nth-child(2) { /* Colore della scritta in hover (opzionale) */ /* color: #000000; */ /* Nota: Non serve position:absolute. Essendo in flex-column, sta naturalmente "sotto" la prima riga. */ } /* 4. L'Animazione al passaggio del mouse */ /* Spostiamo la PRIMA riga in alto. La seconda la segue automaticamente perché sono impilate. */ .wp-menu-fx a.elementor-item:hover .fx-line, .wp-menu-fx a.elementor-item:focus .fx-line { transform: translateY(-100%); } html, body { max-width: 100%; overflow-x: hidden; } /* --- CSS PULITO E MINIMALE --- */ /* --- CSS BASE --- */ .split-animate { opacity: 0; /* Nasconde tutto all'inizio */ -webkit-font-smoothing: antialiased; } /* Quando JS è pronto, mostra il contenitore */ .js-loaded .split-animate { opacity: 1; } /* --- FIX FONDAMENTALE PER I PARAGRAFI --- */ /* Questo resetta i margini dei paragrafi dentro l'animazione per evitare che SplitType si rompa o calcoli altezze sbagliate */ .split-animate p { margin-bottom: 0.8em !important; /* Mantiene lo spazio visivo tra paragrafi */ padding: 0 !important; overflow: visible !important; /* Importante per non tagliare le righe */ } /* --- LE RIGHE --- */ .line { overflow: hidden !important; padding-bottom: 0.15em !important; /* Un po' più spazio per le lettere discendenti */ margin-bottom: -0.15em !important; width: 100%; display: block; } .line-inner { display: block; /* will-change è gestito da JS, non serve qui */ } /*=========================== effetto IMMAGINE nero + zoom ===========================*/ /* ================== IMG-REVEAL ================== */ /* Puoi cambiare gli zoom iniziali (1.18 / 1.12) se vuoi più o meno ingrandimento prima del reveal */ .img-reveal .elementor-widget-container{ position:relative; overflow:hidden; display:block; } /* Velo nero iniziale */ .img-reveal .elementor-widget-container::before{ content:""; position:absolute; inset:0; background:#009640; z-index:2; opacity:1; transform:scale(1.2); pointer-events:none; transition: opacity var(--dur, .7s) ease var(--delay, .10s), transform var(--dur, .7s) ease var(--delay, .10s); } /* Immagine con zoom-in iniziale */ .img-reveal img{ width:100%; height:auto; display:block; transform:scale(1.3); transition:transform var(--dur, .7s) ease var(--delay, .15s); } /* Stato attivo: aggiunto dallo script */ .img-reveal.is-revealed .elementor-widget-container::before{ opacity:0; transform:scale(1); } .img-reveal.is-revealed img{ transform:scale(1); } body #elementor-popup-modal-1527 { overflow: hidden !important; touch-action: none !important; } /* 1. Blocca lo scroll sul contenitore interno effettivo */ #elementor-popup-modal-1527 .dialog-message { overflow: hidden !important; /* Opzionale: Nasconde la barra ma permette lo scroll se serve col mouse */ -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } /* 2. Nasconde visivamente la barra (Chrome, Safari, Opera) */ #elementor-popup-modal-1527 .dialog-message::-webkit-scrollbar { display: none !important; width: 0 !important; } @media (min-width: 1025px) { .page-id-20 .elementor-location-footer, .page-id-20 footer { display: none !important; } } .cool-split h2 { width: 100%; color: rgba(255, 255, 255, 0.125); line-height: 1.2; overflow: visible !important; } .word { display: inline-block; white-space: nowrap; } .char { display: inline-block; color: inherit; } .elementor-slideshow__title { display: none; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Geomanist'; font-style: normal; font-weight: 100; font-display: auto; src: url('https://eib.ef-server.it/wp-content/uploads/2026/03/Geomanist-ExtraLight.eot'); src: url('https://eib.ef-server.it/wp-content/uploads/2026/03/Geomanist-ExtraLight.eot?#iefix') format('embedded-opentype'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Geomanist-ExtraLight.woff2') format('woff2'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Geomanist-ExtraLight.woff') format('woff'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Geomanist-ExtraLight.ttf') format('truetype'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Geomanist-ExtraLight.svg#Geomanist') format('svg'); } @font-face { font-family: 'Geomanist'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://eib.ef-server.it/wp-content/uploads/2026/03/Geomanist-Light.eot'); src: url('https://eib.ef-server.it/wp-content/uploads/2026/03/Geomanist-Light.eot?#iefix') format('embedded-opentype'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Geomanist-Light.woff2') format('woff2'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Geomanist-Light.woff') format('woff'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Geomanist-Light.ttf') format('truetype'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Geomanist-Light.svg#Geomanist') format('svg'); } @font-face { font-family: 'Geomanist'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://eib.ef-server.it/wp-content/uploads/2026/03/Geomanist-Book.eot'); src: url('https://eib.ef-server.it/wp-content/uploads/2026/03/Geomanist-Book.eot?#iefix') format('embedded-opentype'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Geomanist-Book.woff2') format('woff2'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Geomanist-Book.woff') format('woff'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Geomanist-Book.ttf') format('truetype'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Geomanist-Book.svg#Geomanist') format('svg'); } @font-face { font-family: 'Geomanist'; font-style: normal; font-weight: 800; font-display: auto; src: url('https://eib.ef-server.it/wp-content/uploads/2026/03/Geomanist-Bold.eot'); src: url('https://eib.ef-server.it/wp-content/uploads/2026/03/Geomanist-Bold.eot?#iefix') format('embedded-opentype'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Geomanist-Bold.woff2') format('woff2'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Geomanist-Bold.woff') format('woff'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Geomanist-Bold.ttf') format('truetype'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Geomanist-Bold.svg#Geomanist') format('svg'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Cormorant'; font-style: normal; font-weight: 100; font-display: auto; src: url('https://eib.ef-server.it/wp-content/uploads/2026/03/Cormorant-Light.eot'); src: url('https://eib.ef-server.it/wp-content/uploads/2026/03/Cormorant-Light.eot?#iefix') format('embedded-opentype'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Cormorant-Light.woff2') format('woff2'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Cormorant-Light.woff') format('woff'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Cormorant-Light.ttf') format('truetype'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Cormorant-Light.svg#Cormorant') format('svg'); } @font-face { font-family: 'Cormorant'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://eib.ef-server.it/wp-content/uploads/2026/03/Cormorant-Regular.eot'); src: url('https://eib.ef-server.it/wp-content/uploads/2026/03/Cormorant-Regular.eot?#iefix') format('embedded-opentype'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Cormorant-Regular.woff2') format('woff2'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Cormorant-Regular.woff') format('woff'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Cormorant-Regular.ttf') format('truetype'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Cormorant-Regular.svg#Cormorant') format('svg'); } @font-face { font-family: 'Cormorant'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://eib.ef-server.it/wp-content/uploads/2026/03/Cormorant-SemiBold.eot'); src: url('https://eib.ef-server.it/wp-content/uploads/2026/03/Cormorant-SemiBold.eot?#iefix') format('embedded-opentype'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Cormorant-SemiBold.woff2') format('woff2'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Cormorant-SemiBold.woff') format('woff'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Cormorant-SemiBold.ttf') format('truetype'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Cormorant-SemiBold.svg#Cormorant') format('svg'); } @font-face { font-family: 'Cormorant'; font-style: normal; font-weight: 800; font-display: auto; src: url('https://eib.ef-server.it/wp-content/uploads/2026/03/Cormorant-Bold.eot'); src: url('https://eib.ef-server.it/wp-content/uploads/2026/03/Cormorant-Bold.eot?#iefix') format('embedded-opentype'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Cormorant-Bold.woff2') format('woff2'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Cormorant-Bold.woff') format('woff'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Cormorant-Bold.ttf') format('truetype'), url('https://eib.ef-server.it/wp-content/uploads/2026/03/Cormorant-Bold.svg#Cormorant') format('svg'); } /* End Custom Fonts CSS */