/* === RESTORE original WebGL canvas (Three.js shaders) === */ /* OVERSIZE: extend canvas 30% above + 30% below viewport so shader alpha-fade edges (sin(vUv.y*PI)^uPow becomes 0 at top/bottom) sit OUTSIDE the visible viewport. No more visible "band" where html bg would show through. */ /* === Off-canvas open state: block ALL interactions outside panel === */ body.mwl-oc-active > *:not(.e-off-canvas):not(.mwl-bg-stage):not(.mwl-noise):not(#wpadminbar):not(script):not(style){pointer-events:none!important} .e-off-canvas.mwl-oc-open, .e-off-canvas.mwl-oc-open *{pointer-events:auto!important} .e-off-canvas.mwl-oc-open{position:fixed!important;inset:0!important;z-index:2147483630!important;visibility:visible!important;opacity:1!important;isolation:isolate!important} .e-off-canvas.mwl-oc-open .e-off-canvas__overlay{position:fixed!important;inset:0!important;background:rgba(0,0,0,.5)!important;z-index:1!important} .e-off-canvas.mwl-oc-open .e-off-canvas__main, .e-off-canvas.mwl-oc-open .e-off-canvas__content{position:relative!important;z-index:2!important;visibility:visible!important;opacity:1!important;transform:translateX(0)!important} .e-off-canvas.mwl-oc-open a, .e-off-canvas.mwl-oc-open button{cursor:pointer!important;pointer-events:auto!important} /* Force display:block on Elementor containers inside panel (Elementor JS not loaded to set them) */ .e-off-canvas.mwl-oc-open .e-con, .e-off-canvas.mwl-oc-open .e-con-inner, .e-off-canvas.mwl-oc-open .elementor-element, .e-off-canvas.mwl-oc-open .elementor-widget-container, .e-off-canvas.mwl-oc-open .elementor-widget-wrap{display:block!important} .e-off-canvas.mwl-oc-open .e-con-full, .e-off-canvas.mwl-oc-open .e-flex{display:flex!important;flex-direction:column!important} /* === MWL menu overlay styling — mimics original Elementor menu look === */ #mwl-menu-panel{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important} #mwl-menu-content{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important} /* Hide noisy/duplicate Elementor wrappers that add no value */ #mwl-menu-content .e-off-canvas__close-button, #mwl-menu-content [class*="close-button"], #mwl-menu-content .e-off-canvas__overlay, #mwl-menu-content .elementor-nav-menu--dropdown, #mwl-menu-content .sub-arrow, #mwl-menu-content .e-closed, #mwl-menu-content .e-opened{display:none!important} /* Logo image (if cloned) */ #mwl-menu-content .elementor-widget-image img, #mwl-menu-content img.attachment-full{max-width:160px!important;height:auto!important;margin-bottom:2rem!important;display:block!important} /* Primary nav menu — large clean items with subtle dividers */ #mwl-menu-content .elementor-nav-menu{display:flex!important;flex-direction:column!important;gap:0!important;list-style:none!important;padding:0!important;margin:1rem 0 2rem!important} #mwl-menu-content .elementor-nav-menu > li{display:block!important;border-bottom:1px solid rgba(0,0,0,.08)!important;margin:0!important;padding:0!important} #mwl-menu-content .elementor-nav-menu > li:last-child{border-bottom:none!important} #mwl-menu-content .elementor-nav-menu > li > a, #mwl-menu-content .elementor-item{display:block!important;font-family:Inter,sans-serif!important;font-size:18px!important;font-weight:500!important;color:#0a0908!important;text-decoration:none!important;padding:.55rem 0!important;letter-spacing:-.005em!important;line-height:1.15!important;transition:color .25s,padding-left .25s!important;pointer-events:auto!important;cursor:pointer!important;background:transparent!important;border:none!important} #mwl-menu-content .elementor-nav-menu > li > a:hover, #mwl-menu-content .elementor-item:hover{color:#ff4824!important;padding-left:.6rem!important} /* Section headings (TELEFONO, EMAIL, etc) */ #mwl-menu-content .elementor-heading-title{font-family:Inter,sans-serif!important;color:#0a0908!important;margin:0 0 .5rem 0!important;font-weight:600!important} #mwl-menu-content h2.elementor-heading-title, #mwl-menu-content h3.elementor-heading-title{font-size:1rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.1em!important;color:#666!important;margin:2.5rem 0 .5rem 0!important} #mwl-menu-content h1.elementor-heading-title, #mwl-menu-content h2.elementor-heading-title.elementor-size-default{font-size:1.5rem!important;color:#0a0908!important;text-transform:none!important;letter-spacing:-.01em!important} /* Paragraphs + icon lists (contatti, address) */ #mwl-menu-content p{color:#444!important;font-size:.95rem!important;line-height:1.55!important;font-family:Inter,sans-serif!important;margin:.25rem 0!important} #mwl-menu-content a:not(.elementor-item):not(.elementor-button){color:#0a0908!important;text-decoration:none!important;transition:color .2s!important} #mwl-menu-content a:not(.elementor-item):not(.elementor-button):hover{color:#ff4824!important} #mwl-menu-content .elementor-icon-list-items{list-style:none!important;padding:0!important;margin:.5rem 0!important;display:flex!important;flex-direction:column!important;gap:.4rem!important} #mwl-menu-content .elementor-icon-list-item{display:flex!important;align-items:center!important;gap:.6rem!important;padding:.3rem 0!important;font-size:.95rem!important;color:#0a0908!important} #mwl-menu-content .elementor-icon-list-text{color:#0a0908!important;font-family:Inter,sans-serif!important} #mwl-menu-content .elementor-icon-list-icon i, #mwl-menu-content .elementor-icon-list-icon svg{color:#ff4824!important;fill:#ff4824!important;width:18px!important;height:18px!important} /* Buttons (CTA, Contattaci, etc.) */ #mwl-menu-content .elementor-button, #mwl-menu-content a.elementor-button-link{display:inline-flex!important;align-items:center!important;gap:.6rem!important;padding:.85rem 1.75rem!important;border:1px solid #0a0908!important;border-radius:999px!important;font-family:Inter,sans-serif!important;font-size:.85rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.1em!important;color:#0a0908!important;text-decoration:none!important;margin-top:1.5rem!important;background:transparent!important;transition:background .25s,color .25s!important} #mwl-menu-content .elementor-button:hover, #mwl-menu-content a.elementor-button-link:hover{background:#0a0908!important;color:#fff!important} /* Social icons row */ #mwl-menu-content .elementor-social-icons-wrapper, #mwl-menu-content .e-social-icons{display:flex!important;gap:.75rem!important;flex-wrap:wrap!important;margin-top:1.5rem!important} #mwl-menu-content .elementor-social-icon, #mwl-menu-content .e-social-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;border:1px solid rgba(0,0,0,.15)!important;border-radius:999px!important;color:#0a0908!important;background:transparent!important;transition:border-color .2s,color .2s,background .2s!important} #mwl-menu-content .elementor-social-icon:hover, #mwl-menu-content .e-social-icon:hover{border-color:#ff4824!important;color:#ff4824!important;background:rgba(255,72,36,.06)!important} #mwl-menu-content img,#mwl-menu-content svg{max-width:100%!important;height:auto!important} /* Spacing tweaks */ #mwl-menu-content .elementor-element{margin:0!important} #mwl-menu-content > div, #mwl-menu-content > section{margin-bottom:.5rem!important} /* Off-canvas content full-right panel, scrollable */ .e-off-canvas.mwl-oc-open .e-off-canvas__main{position:absolute!important;top:0!important;right:0!important;bottom:0!important;width:min(480px,100vw)!important;background:#efefef!important;overflow-y:auto!important;box-shadow:-20px 0 60px rgba(0,0,0,.3)!important} .e-off-canvas.mwl-oc-open .e-off-canvas__content{padding:5rem 2rem 2rem!important;overflow-y:auto!important;height:auto!important;min-height:100%!important;background:transparent!important} /* === BRAND ORANGE override — sostituisce gialli/peach #ffb347/#ffa040/#ffd966 (sviluppo-software, sviluppo-web-app, agenzia-di-comunicazione, branding hanno accent gialli no-brand) === */ .elementor-heading-title em,.elementor-heading-title i, h1 em,h2 em,h3 em,h4 em,h1 i,h2 i,h3 i,h4 i, [style*="color:#ffb347"],[style*="color: #ffb347"], [style*="color:#ffa040"],[style*="color: #ffa040"], [style*="color:#ffd966"],[style*="color: #ffd966"], [style*="color:#ffe5b4"],[style*="color: #ffe5b4"], [style*="color:rgb(255,179,71)"],[style*="color: rgb(255, 179, 71)"], [style*="color:rgb(255,160,64)"],[style*="color: rgb(255, 160, 64)"], /* sviluppo-software/web-app specifici: hero typed text + benefit nums + inline code */ .mwl-sw-typed,.mwl-sw-benefit-num,.mwl-sw code,.mwl-sw-page code, .mwl-sw-page .mwl-sw-typed,.mwl-sw-page .mwl-sw-benefit-num, .mwl-wa-typed,.mwl-wa-benefit-num,.mwl-wa code,.mwl-wa-page code, /* branding services cards */ .mwl-services__card-num,.mwl-services__card h3, .mwl-services__card .mwl-services__card-num, /* agenzia-di-comunicazione */ .mwl-city-card-num,.mwl-city-stat-num, /* var arancio Elementor (custom CSS var arancione) */ [style*="--mwl-orange-soft"] {color:#ff4824!important} /* inline code dentro pagine SW/WA: bg + colore */ .mwl-sw code,.mwl-sw-page code,.mwl-wa code,.mwl-wa-page code{background:rgba(255,72,36,.1)!important;padding:.1em .35em;border-radius:4px} /* Branding services H4 (sotto title): "Un Logo Unico per un Brand Memorabile" era giallo */ .mwl-services__card h4,.mwl-services__card h4 *{color:#ff4824!important} /* Branding intro images visibili (no fade-out → niente più 4 box arancioni vuoti) */ .mwl-intro__img-item,.mwl-intro__img-item img,.mwl-img-reveal, .mwl-stagger-1,.mwl-stagger-2,.mwl-stagger-3,.mwl-stagger-4 {opacity:1!important;visibility:visible!important;transform:none!important} /* === FOOTER: force BLACK text on EVERYTHING (headings, paragraphs, links, icon-list) === */ footer.elementor-location-footer, footer.elementor-location-footer *, footer.elementor-location-footer h1, footer.elementor-location-footer h2, footer.elementor-location-footer h3, footer.elementor-location-footer h4, footer.elementor-location-footer p, footer.elementor-location-footer a, footer.elementor-location-footer span, footer.elementor-location-footer li, footer.elementor-location-footer strong, footer.elementor-location-footer b, footer.elementor-location-footer .elementor-heading-title, footer.elementor-location-footer .elementor-icon-list-text, footer.elementor-location-footer .elementor-widget-text-editor, footer.elementor-location-footer .elementor-widget-text-editor *{color:#000!important;opacity:1!important} footer.elementor-location-footer a:hover{color:#ff4824!important} footer.elementor-location-footer svg{fill:#000!important;color:#000!important} /* HIDE duplicate .webgl-background (mirror HTML has 2 div instances, we want only 1) */ .webgl-background{display:block!important;position:fixed!important;top:-30vh!important;left:-15vw!important;right:-15vw!important;bottom:-30vh!important;width:130vw!important;height:160vh!important;z-index:-1!important;pointer-events:none!important;overflow:hidden!important;inset:auto!important} .webgl-background ~ .webgl-background{display:none!important} .webgl-background canvas{display:block;width:100%!important;height:100%!important} .webgl-background canvas.mwl-canvas-hide{display:none!important} .webgl-fade-overlay{position:fixed!important;inset:0!important;background:#efefef;z-index:0;pointer-events:none;opacity:0;transition:opacity .6s ease} html{background:#efefef!important;overflow-x:hidden} /* 3 floating gradient blobs that morph + drift across viewport (organic feel) */ @keyframes mwl-blob1{ 0%,100%{transform:translate(0,0) scale(1) rotate(0deg)} 25%{transform:translate(-8vw,4vh) scale(1.15) rotate(40deg)} 50%{transform:translate(6vw,-3vh) scale(.95) rotate(-20deg)} 75%{transform:translate(3vw,6vh) scale(1.08) rotate(60deg)} } @keyframes mwl-blob2{ 0%,100%{transform:translate(0,0) scale(1) rotate(0deg)} 33%{transform:translate(7vw,-5vh) scale(1.2) rotate(-50deg)} 66%{transform:translate(-4vw,4vh) scale(.85) rotate(30deg)} } @keyframes mwl-blob3{ 0%,100%{transform:translate(0,0) scale(1) rotate(0deg)} 40%{transform:translate(-6vw,-8vh) scale(1.1) rotate(70deg)} 80%{transform:translate(5vw,3vh) scale(1.25) rotate(-40deg)} } @keyframes mwl-noise-drift{ 0%{transform:translate3d(0,0,0)} 100%{transform:translate3d(-180px,-180px,0)} } /* Container fixed dietro tutto */ /* CSS-only animated blob bg — visible identical on desktop + mobile (iOS Safari). 2-layer strategy: 1. .mwl-bg-stage itself has STATIC radial gradients baked into background-image → guaranteed visibility even when ::before/::after fail (old iOS, low-power mode). 2. ::before/::after add ANIMATED blob layer on top (modern browsers, with blur+animation). */ /* === BG STAGE — Kota.co.uk-style organic morphing blobs (CSS only, identical desktop+mobile) === 3 blob children (.mwl-blob--1/2/3) with animated asymmetric border-radius + heavy blur create the "fluid drop" effect. All sizes in % (relative to bg-stage = viewport) → identical proportions on every device. Brand colors: #ff4824 (orange), #ff7900 (orange light), #ffa040 (peach). */ /* === BG WebGL theme originale ripristinato — webgl-background.js gestisce canvas + shader === Mantieni: estensione fixed che copre banda iPhone Dynamic Island + scroll fade overlay. */ .webgl-background{display:block!important;position:fixed!important; top:-200px!important;left:-50px!important;right:-50px!important;bottom:-200px!important; z-index:-1!important;pointer-events:none!important;overflow:hidden!important; width:calc(100vw + 100px)!important; height:calc(100vh + 400px)!important; height:calc(100dvh + 400px)!important; } .webgl-background canvas{display:block!important;width:100%!important;height:100%!important} /* === SCROLL FADE OVERLAY — bianco semitrasparente leggero (mantieni il bg ancora visibile sotto). FIX: estendi -200px sopra/sotto + -50px laterali per coprire ESATTAMENTE l'area extra del .webgl-background (sennò su mobile/iPhone Dynamic Island si vedevano bande arancioni scoperte). === */ .mwl-bg-fade{position:fixed!important; top:-200px!important;left:-50px!important;right:-50px!important;bottom:-200px!important; width:calc(100vw + 100px)!important; height:calc(100vh + 400px)!important; height:calc(100dvh + 400px)!important; background:rgba(255,255,255,.55)!important;opacity:var(--mwl-scroll-fade,0)!important; pointer-events:none!important;transition:opacity .25s linear!important;will-change:opacity;z-index:0} /* === FILM GRAIN noise overlay (sottile, sopra bg blobs) === */ .mwl-noise{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:-1!important;pointer-events:none!important;opacity:.14!important;display:block!important; background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'240\' height=\'240\'%3E%3Cfilter id=\'n\'%3E%3CfeTurbulence type=\'fractalNoise\' baseFrequency=\'0.9\' numOctaves=\'3\' stitchTiles=\'stitch\'/%3E%3CfeColorMatrix type=\'saturate\' values=\'0\'/%3E%3C/filter%3E%3Crect width=\'240\' height=\'240\' filter=\'url(%23n)\' opacity=\'0.7\'/%3E%3C/svg%3E")!important; background-repeat:repeat!important;background-size:240px 240px!important; mix-blend-mode:multiply!important; } /* Force webgl-fade-overlay to stay transparent (JS animates opacity on scroll → creates "band" effect) */ .webgl-fade-overlay{opacity:0!important;transition:none!important} /* Soften the noise SVG overlay (was creating visible horizontal band) */ .webgl-background::before{opacity:.08!important;animation:none!important} /* === BANDA ROOT CAUSE: WebGL shader alpha = sin(vUv.y * PI)^uPow → bottom/top transparent. === Without bg blend, html#efefef shows as a hard horizontal band where alpha = 0. Fix: html gets a soft radial gradient mimicking the canvas mid-color (orange wash). */ html{ margin-top:0!important; background: radial-gradient(ellipse 80% 60% at 75% 35%, rgba(255,121,0,.35) 0%, rgba(255,160,80,.18) 35%, transparent 70%), radial-gradient(ellipse 60% 50% at 65% 90%, rgba(255,140,40,.22) 0%, transparent 65%), #efefef !important; } html.wp-toolbar{padding-top:32px!important;margin-top:0!important} body.admin-bar{padding-top:0!important} #wpadminbar{position:fixed!important;top:0!important;left:0!important;right:0!important} /* OLD .mwl-blob outside bg-stage rules removed (replaced by .mwl-bg-stage .mwl-blob above). */ /* === OVERRIDE prefers-reduced-motion (Pietro macOS Reduce Motion on) === Universal *{animation-duration:1ms!important} from CSS reset kills everything. Must specify exact animation per selector with !important. */ @media (prefers-reduced-motion: reduce){ .mwl-noise{animation:mwl-noise-drift 4s steps(8) infinite!important} .mwl-ticker__track{animation:mwlTick 30s linear infinite!important;animation-iteration-count:infinite!important} .mwl-marquee{animation:mwlMarquee 35s linear infinite!important;animation-iteration-count:infinite!important} /* Custom marquee/ticker classes (contattaci, agenzia-marketing logos, realizzazione-siti-web ticker) */ .mwl-ct-marquee-track{animation:ctMarquee 30s linear infinite!important;animation-iteration-count:infinite!important} .mwl-logos-track,.mwl-logos-track-reverse{animation:mwlLogosScroll 35s linear infinite!important;animation-iteration-count:infinite!important} .mwl-rsw .ticker__track,.ticker__track{animation:rswTick 40s linear infinite!important;animation-iteration-count:infinite!important} .mwl-ag .mq__track{animation:agMq 38s linear infinite!important;animation-iteration-count:infinite!important} .swiper-wrapper{transition-duration:.3s!important} .li{animation:aLine .9s cubic-bezier(.22,1,.36,1) forwards!important;animation-iteration-count:1!important} .reveal,.mwl-anim-in{animation-duration:.9s!important;transition-duration:.9s!important} html{scroll-behavior:smooth!important} } /* === MOBILE HERO MARGIN TOP — header sticky copriva contenuto sui custom templates. Specificity boost (body prefix + section.hero) per battere qualsiasi inline/template rule. Bump 12rem -> 16rem perche su alcuni device 12rem ancora insufficiente. === */ @media(max-width:991px){ body .mwl-rsw section.hero, body .mwl-ec section.hero, body .mwl-gst section.hero, body .mwl-ag section.hero, body .mwl-rs section.hero{padding-top:19rem!important;min-height:auto!important;align-items:flex-start!important} body .mwl-faq .hero, body .mwl-pf-page .mwl-pf-hero{padding-top:17rem!important} } /* === HOME HERO DESKTOP — centrare hero text tra header e 4 partner logos. Target inner heading container (non outer) per non spingere giu i logos. Reduce padding-bottom outer container per alzare un po i logos. === */ @media(min-width:769px){ body.home .elementor-element-374f8a77{padding-top:4rem!important} body.home .elementor-element-3cb0eb79{padding-top:0!important;padding-bottom:2rem!important} } /* === BLOG ARCHIVE wrapper bg — single-post BLACK (fix barra grigia post-immagine featured) === */ body.archive,body.blog,body.home.blog{background:#efefef!important} body.single-post{background:#0a0908!important} body.archive .elementor-page,body.blog .elementor-page, body.archive main,body.blog main{background:rgba(239,239,239,.92)!important;backdrop-filter:blur(4px)} body.single-post .elementor-page,body.single-post main{background:#0a0908!important} /* === TOC custom — font INGRANDITO + numeri WHITE (no orange) === */ .mwl-toc-list{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 0 0;margin:0} .mwl-toc-list a{display:flex;align-items:center;gap:.8rem;padding:.85rem 1.2rem;font-size:1.4rem;color:#0a0908;text-decoration:none;border-left:3px solid transparent;border-radius:0 10px 10px 0;transition:color .25s,border-color .25s,background .25s,padding-left .25s;font-weight:500;line-height:1.4} .mwl-toc-list a::before{content:counter(mwlTocCnt,decimal-leading-zero);counter-increment:mwlTocCnt;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;color:rgba(10,9,8,.4);letter-spacing:.05em;min-width:2.2rem;font-variant-numeric:tabular-nums} .mwl-toc-list{counter-reset:mwlTocCnt} .mwl-toc-list a.mwl-toc-h3{padding-left:3rem;font-size:1.2rem;color:rgba(10,9,8,.7);font-weight:400} .mwl-toc-list a.mwl-toc-h3::before{content:""} .mwl-toc-list a:hover{color:#ff4824;border-left-color:#ff4824;background:rgba(255,72,36,.06);padding-left:1.5rem} .mwl-toc-list a.mwl-toc-h3:hover{padding-left:3.3rem} .mwl-toc-list a.is-active{color:#ff4824;border-left-color:#ff4824;background:rgba(255,72,36,.08);font-weight:600} .elementor-toc__spinner{display:none!important} .elementor-widget-table-of-contents .elementor-widget-container{padding:0!important} .elementor-toc__header,.elementor-toc__header-title{font-size:1.6rem!important;font-weight:700!important;letter-spacing:-.01em!important;padding-bottom:.5rem!important;border-bottom:1px solid rgba(0,0,0,.08)!important} /* TOC dark mode (parent bg scuro → testo bianco + numeri neutri white .4) */ .mwl-toc-dark .mwl-toc-list a{color:#fff!important} .mwl-toc-dark .mwl-toc-list a::before{color:rgba(255,255,255,.45)!important;opacity:1} .mwl-toc-dark .mwl-toc-list a.mwl-toc-h3{color:rgba(255,255,255,.7)!important} .mwl-toc-dark .mwl-toc-list a:hover{color:#ff4824!important;background:rgba(255,72,36,.12)!important;border-left-color:#ff4824!important} .mwl-toc-dark .mwl-toc-list a.is-active{color:#ff4824!important;background:rgba(255,72,36,.15)!important;border-left-color:#ff4824!important} .mwl-toc-dark .elementor-toc__header,.mwl-toc-dark .elementor-toc__header-title{color:#fff!important;border-bottom-color:rgba(255,255,255,.1)!important} /* === AGENZIA COMUNICAZIONE: override var --ac-orange-soft (era giallo #FFA726) + selettori specifici === */ :root,html,body,.ac-bento,.ac-deep{--ac-orange-soft:#ff4824!important;--ac-orange:#ff4824!important} .ac-bento__tag, .ac-bento__card--featured .ac-bento__tag, .ac-bento__card--featured h4, .ac-bento__card--featured h3, .ac-bento__card h4, .ac-deep h3, .ac-deep--dark .ac-deep__content h3{color:#ff4824!important} .ac-bento__card--accent .ac-bento__tag{color:rgba(255,255,255,.9)!important} /* === WEBMASTER mobile: force emoji unicode come testo (no Apple Color Emoji su iOS) === */ @media(max-width:768px){ body,body *,html,html *{font-variant-emoji:text!important} } /* Forza family senza emoji glyphs per webmaster → unicode arrows/symbols come testo */ .mwl-wm,.mwl-wm *,.mwl-master,.mwl-master *, [class*="web-master"],[class*="web-master"] *{ font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important; } /* === BLOG / ARCHIVE / SINGLE ARTICLE: forza image centering ovunque === */ .elementor-post__thumbnail img, .elementor-post__thumbnail a img, .card-post__thumb img, .elementor-grid-item img, article.elementor-post img, .elementor-post-thumb img, img.wp-post-image, .elementor-post-feature-image img, figure.wp-block-image img, .elementor-widget-theme-post-featured-image img, .elementor-widget-theme-post-featured-image .elementor-widget-container img, .single-post__hero img, .mwl-archive-hero img {display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;margin:0!important} .elementor-post__thumbnail,.card-post__thumb,.elementor-post-thumb{ display:block!important;overflow:hidden!important; aspect-ratio:16/10; } .elementor-widget-theme-post-featured-image{display:block!important} .elementor-widget-theme-post-featured-image img{aspect-ratio:auto!important;height:auto!important} /* === BLOG SINGLE PARAGRAFI base font 16px === */ .elementor-widget-theme-post-content p, .elementor-widget-text-editor p, .elementor-widget-theme-post-content li, .mwl-sem-page .builds-description, .mwl-sem-page p, .mwl-sem-page .hero-description, article .elementor-widget-container p{font-size:16px!important;line-height:1.65!important} /* === TEAM ROLE FONT più grande (home + chi-siamo: erano troppo piccoli) === */ .hpt-role{font-size:1rem!important;font-weight:500!important;color:#666!important;letter-spacing:.01em!important;line-height:1.45!important} .hpt-photo_name{font-size:1.1rem!important;font-weight:600!important} .hpt-photo_name span{font-size:.95rem!important;font-weight:500!important;color:#888!important;letter-spacing:.01em!important} /* === FIX bg arancione no-sense agenzia-web-marketing + giallo agenzia-comunicazione === */ .mwl-marquee{background:transparent!important} .mwl-city-final{background:radial-gradient(ellipse at center bottom,#FFA040,#fff 65%)!important} /* === FIX hero agenzia-sem: video pianeta bg, fallback dark === */ .mwl-sem-page .hero-section{background:#0a0908!important} .mwl-sem-page .hero-video-bg{background:#000!important;z-index:0!important;display:block!important} .mwl-sem-page .hero-video-bg video{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:1!important;visibility:visible!important} /* assicurati che hero-content stia sopra video */ .mwl-sem-page .hero-content{position:relative!important;z-index:5!important} /* === FIX agenzia-marketing: nasconde la 2a logos row (creava doppia riga) === */ .mwl-logos-row + .mwl-logos-row{display:none!important} /* (Old .mwl-noise drifting overlay removed — new .mwl-noise above with sottile film grain.) */ /* === PRELOADER splash === */ #mwl-splash{position:fixed;inset:0;z-index:99999;background:#efefef;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease,visibility .6s ease} #mwl-splash.hide{opacity:0;visibility:hidden;pointer-events:none} #mwl-splash svg{width:64px;height:64px;animation:mwl-spin 1.1s linear infinite} @keyframes mwl-spin{to{transform:rotate(360deg)}} /* === ENTRY ANIMATION (fake Elementor invisible→visible) === */ .elementor-invisible{opacity:0;will-change:transform,opacity} @keyframes mwl-fade-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}} .mwl-anim-in{animation:mwl-fade-up .9s cubic-bezier(.22,.61,.36,1) both} /* === MISSING keyframe definitions (referenced by mwl-hero/portfolio/etc but undefined) === */ @keyframes aLine{from{transform:translateY(120%) skewY(4deg);opacity:0}to{transform:translateY(0) skewY(0);opacity:1}} @keyframes aFade{from{opacity:0}to{opacity:1}} @keyframes aFadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}} @keyframes aFadeIn{from{opacity:0}to{opacity:1}} @keyframes aScale{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}} @keyframes aSlideLeft{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}} @keyframes aSlideRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}} /* Force visibility: line-reveal classes get stuck when keyframe undefined */ .li,.lr,.lf,.ls,.la,.lp,.lv,.line-up,.line-reveal,.fadein,.fade-in,.aLine,.aFade,.aFadeUp{ animation-fill-mode:forwards!important; animation-play-state:running!important; } /* Hard fallback after 2s in case animations never fire: kick all .li to final state */ @keyframes mwl-force-visible{to{opacity:1!important;transform:none!important}} .li{animation:aLine .9s cubic-bezier(.22,1,.36,1) forwards, mwl-force-visible 0s linear 2s forwards} /* === ASTERA display font for hero "dominiamo / il digitale / insieme" === */ @font-face{ font-family:"Astera"; src:url("/wp-content/themes/myweblab/orig/assets/cdn/astera/astera-v2.ttf") format("truetype"); font-weight:400 900;font-style:normal;font-display:swap; } .mwl-astera{ font-family:"Astera","Inter",sans-serif!important; letter-spacing:0!important; font-weight:400!important; font-size:clamp(4.5rem,15vw,15rem)!important; line-height:.95!important; display:block!important; width:100%!important; white-space:nowrap; } @media(max-width:1024px){.mwl-astera{font-size:clamp(2.8rem,11vw,7rem)!important;line-height:.95!important}} /* Mobile: ridotto ulteriormente per non sborare margine destro (era 16vw) */ @media(max-width:600px){.mwl-astera{font-size:clamp(2.4rem,12vw,4.5rem)!important;line-height:.95!important;letter-spacing:-.01em!important;margin:0!important;padding:.04em 0!important}} @media(max-width:400px){.mwl-astera{font-size:clamp(2rem,10.5vw,3.8rem)!important}} /* === FIX neuron-icons font path (CSS combined uses /wp-content/plugins/... → 404) === */ @font-face{ font-family:"neuron-icons"; src:url("/wp-content/themes/myweblab/orig/assets/wp-content/plugins/neuron-builder/assets/fonts/n-icons/neuron-icons.woff2") format("woff2"), url("/wp-content/themes/myweblab/orig/assets/wp-content/plugins/neuron-builder/assets/fonts/n-icons/neuron-icons.woff") format("woff"), url("/wp-content/themes/myweblab/orig/assets/wp-content/plugins/neuron-builder/assets/fonts/n-icons/neuron-icons.ttf") format("truetype"); font-weight:400;font-style:normal;font-display:swap; } /* fallback arrow → SVG inline as background if font fails */ .n-icon-arrow:before{content:"\\2192" !important;font-family:"neuron-icons","Inter",sans-serif} /* === FIX swiper carousel pagination/arrows (Elementor sliders) === */ .swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons!important;font-size:24px!important;letter-spacing:0;text-transform:none!important} .swiper-button-prev:after{content:"prev"} .swiper-button-next:after{content:"next"} @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbABugHEAc4B2AHiAewB9gIAAgoCFAIeAigCMgI8AkYCUAJaAmQCbgJ4AoICjAKWAqACqgK0Ar4CyALSAtwC5gLwAvoDBAMOAxgDIgMsAzYDQANKA1QDXgNoA3IDfAOGA5ADmgOkA64DuAPCA8wD1gPgA+oD9AP+BAgEEgQcBCYEMAQ6BEQETgRYBGIEbAR2BIAEigSUBJ4EqAB42mNgYGBmgGAZBkYGEPgC5DGC+SwMB4C0DoMCkMUDZPEy1DH8ZwxmrGCqYrrDdEfhP6OWgsYDl8MTHk9Y+vDzU2Eqv7vrYqq6BACisxFBAAB42mNgYACBOlBkjMxhomXAh5cgKAQQAAEKAAB42mNgYGBgZkBmGzEwMUABBAAACi8AhAAAAA==") format("woff")} /* === CONTATTACI button icon: replace placeholder with right-arrow === */ .elementor-button-icon i, .elementor-button .e-font-icon-svg, .menu-item a > i.n-icon{font-style:normal} .elementor-button-icon i:before{content:"→"!important;font-family:"Inter",sans-serif!important;font-weight:600} .elementor-button-icon i.n-icon-arrow:before{content:"→"!important} /* === v2.0.10 PATCH 28 May 2026: Padding-top hero pagine secondarie (Pietro fix) === Target gestione-siti-web, web-master, restyling-siti-web, agenzia-grafica, realizzazione-siti-web, realizzazione-ecommerce → tutti usano
. Home usa .mwl-sec quindi safe. */ body section.hero { padding-top: 8rem !important; } @media (max-width: 991px) { body section.hero { padding-top: 6rem !important; } } /* === v2.0.12 PATCH: home v2 logo + Elementor reveal anim disable (28 May) === */ body.mwl-home-v2 header[data-elementor-type="header"] .elementor-invisible, body.mwl-home-v2 header[data-elementor-type="header"] .elementor-widget { visibility: visible !important; opacity: 1 !important; animation: none !important; } body.mwl-home-v2 header[data-elementor-type="header"] img[src*="Risorsa-21"] { width: auto !important; height: 27px !important; max-height: 27px !important; display: block !important; visibility: visible !important; opacity: 1 !important; } /* === v2.0.13 PATCH: logo WP standard (.custom-logo-link), no Elementor mirror === */ body.mwl-home-v2 .custom-logo, body.mwl-home-v2 .custom-logo-link img, body.mwl-home-v2 img.custom-logo, body.mwl-home-v2 img[src*="Risorsa-21"] { width: auto !important; height: 27px !important; max-height: 27px !important; display: block !important; visibility: visible !important; opacity: 1 !important; } /* === v2.0.14 PATCH: logo SITEWIDE — desktop 27px, mobile UNIFORME 22px (entrambi nero+bianco) Pietro: desktop OK, mobile logo nero più piccolo + logo bianco più grande, STESSA DIMENSIONE. Selector generico (no src filename) → catch entrambi logo variants. */ html body header[data-elementor-type="header"] .custom-logo, html body header[data-elementor-type="header"] .custom-logo-link img, html body header[data-elementor-type="header"] .elementor-widget-theme-site-logo img, html body header[data-elementor-type="header"] .elementor-widget-image > .elementor-widget-container > .elementor-image > a > img, html body header[data-elementor-type="header"] .elementor-widget-image > .elementor-widget-container > .elementor-image > img { height: 27px !important; max-height: 27px !important; width: auto !important; max-width: 290px !important; } /* Mobile logo rules SPOSTATE in mwl_global_overrides_head() inline (vince specificity). Vedi