/* Theme Name: Flatsome Child Description: This is a child theme for Flatsome Theme Author: UX Themes Template: flatsome Version: 3.0 */ /*************** ADD CUSTOM CSS HERE. ***************/ .absolute-footer, html {background-color: #fff;} h1 {font-size: 56px; line-height: 1.1em;} .hero h1 {font-size: 80px; line-height: 1.1em;} h2, .h2 h3, .h2 h4 {font-size: 48px; line-height: 1.05em;font-family: "funnel Display";} .h2 p, .h2 li {font-size: 18.4px;} h3 {font-size: 24px; line-height: 1.1em; } h4, .h4 {font-size: 24px !important; line-height: 1.1em;} .h3 h2 {font-size: 26px; line-height: 1.1em; } .no-bottom p {margin-bottom: 0px} .grecaptcha-badge {visibility: hidden !important;} .ai{position:relative;} .ai::after{content:""; position:absolute; top:14px; right:14px; width:90px; height:23px; background:url("/wp-content/themes/flatsome-child/assets/img/ai.png") center / contain no-repeat; z-index:20; pointer-events:none;} .icon-box.ai::before, .icon-box.ai::after{display:none !important;} .text p a, .lead a, p a {text-decoration: underline} .is-dark .text p a,.is-dark .lead a, .is-dark p a {color: #fff !important} .is-dark h1,.is-dark .hero h1, .is-dark h2, .is-dark h3, .is-dark h4 {color: #fff !important} *, *::before, *::after {transition: color .25s ease, background-color .25s ease, border-color .25s ease, filter .25s ease;} :root {--bg:#ffffff; --text:#020202; --switch-bg:#fff; --switch-knob:#d6d6d6; --header-text:#000000;--header-bg: rgba(255,255,255,1);} html.is-dark {--bg:#101010; --text:#C0C0C0; --switch-bg:#d6d6d6; --switch-knob:#ffffff; --header-text:#ffffff; --header-bg:#000000;} .footer {background-image:var(--footer-bkg); background-position:center top; background-repeat:no-repeat; background-size:cover;} :root {--footer-bkg:url(/wp-content/themes/flatsome-child/assets/img/bkg-footer-light.jpg);} html.is-dark {--footer-bkg:url(/wp-content/themes/flatsome-child/assets/img/bkg-footer-dark.jpg);} #footer .section-bg.fill {background: var(--footer-bkg) center / cover no-repeat;} #footer .logo-footer img {filter:brightness(0) saturate(100%) invert(1);} html.is-dark #footer .logo-footer img {filter:brightness(0) saturate(100%) invert(0);} .ecosistema .section-bg {background: url(/wp-content/themes/flatsome-child/assets/img/bkg-light.jpg) top center no-repeat !important ; } .is-dark .ecosistema .section-bg {background: url(/wp-content/themes/flatsome-child/assets/img/bkg-dark.jpg)top center no-repeat !important ; } .is-dark .banner-contatti > .col-inner:first-of-type {background: #191919} .banner-contatti > .col-inner:first-of-type {position:relative; background:#f5f5f5; background-size:cover !important; padding:60px 60px 20px 60px; overflow:hidden;} .banner-contatti > .col-inner:first-of-type:before {content:""; position:absolute; top:-130px; left:-100px; width:100%; height:180%; background:url(https://abstract.oniroagency.com/wp-content/uploads/2026/03/frecciona-2.png) left center no-repeat; background-size:400px auto; pointer-events:none;} .banner-contatti > .col-inner:first-of-type > * {position:relative; z-index:1;} .ecosistema .primary {color: #000; border: 1px solid #000;} .is-dark .ecosistema .primary {color: #fff; border: 1px solid #fff;} .ecosistema p {color: #000 !important} .is-dark .ecosistema p {color: #fff !important} html {background-color: var(--bg); color: var(--text);} html.is-dark i[class^="icon-"]::before {filter:brightness(0) saturate(100%) invert(1);} html.is-dark img.header-logo {filter:brightness(0) saturate(100%) invert(1);} p, li {font-size: 1.15em; line-height: 1.5} li {margin-bottom: 0.4em} p.lead {font-size: 22px; color: #444444} .is-dark p.lead {color: #C0C0C0} p a {text-decoration: underline; font-weight: bold} .funnel p, .funnel h2 {font-size: 24px; color: #000; font-family: "Funnel Display", sans-serif; font-weight: 700; line-height: 1.3} .is-dark .funnel p, .funnel h2 {color: #fff} .big p {font-family: "Funnel Display", sans-serif ;font-weight: 500; font-size: 30px !important; line-height: 1.15em !important; color: #000} .is-dark .big p {color: #fff !important} #wrapper, #main {background:var(--bg); color:var(--text);} #wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper h6 {color:var(--text);} .header:not(.transparent) .header-nav-main.nav > li > a {color:var(--header-text);} .is-dark .header:not(.transparent) .header-nav-main.nav > li.active > a {color:#fff;} #masthead {background:var(--header-bg);} html .header:not(.transparent) .header-nav-main.nav > li > a {color:var(--header-text);} .hero-interna {background:url('/wp-content/themes/flatsome-child/assets/img/bkg-settori-light.jpg') no-repeat right center;;background-size: cover;} .is-dark .hero-interna {background:url('/wp-content/themes/flatsome-child/assets/img/bkg-settori-dark.jpg') no-repeat right center;;background-size: cover; } .hero-interna-soluzione {background:url('/wp-content/themes/flatsome-child/assets/img/bkg-soluzione-light.jpg') no-repeat center center; background-size: cover;} .is-dark .hero-interna-soluzione {background:url('/wp-content/themes/flatsome-child/assets/img/bkg-soluzione-dark.jpg') no-repeat left center; background-size: cover;} .img-dx>.section-bg img{object-fit:contain;object-position:right center;width:50%;height:100%;left:auto;right:0;} .img-dx>.section-bg{overflow:visible;} .img-dx>.section-content{position:relative;z-index:2;} .img-sx>.section-bg img{object-fit:contain;object-position:left center;width:50%;height:100%;left:0;right:auto;} .img-sx>.section-bg{overflow:visible;} .img-sx>.section-content{position:relative;z-index:2;} .intro-portfolio-home {position:sticky; top:105px; z-index:20; background:var(--bg);} .portfolio-home-wrap {position:relative;} body {letter-spacing: -0.02em !important} .servizi-load-more { text-align: center; margin: 50px 20px} .centra, .centra h2, .centra p, .centra h3 {text-align: center !important} .bianco, .bianco h2, .bianco p, .bianco h3 {color: #fff !important} .display p, .display a {font-family: "funnel Display"; } .on-dark h1, .on-dark h2, .on-dark h3, .on-dark p {color:#ffffff !important;} .rounded .col-inner, .rounded, .nav-dropdown {border-radius: 32px} .rounded img {border-radius: 16px} .rounded .icon img {border-radius: 0px !important} .rounded32 .icon-box img {border-radius: 0px} .rounded32 img, .rounded32 .col-inner, .rounded32 {border-radius: 32px} .rounded-br .fill{border-radius: 0px 0px 32px 0px} .rounded-bl .fill{border-radius: 0px 0px 0px 32px} .rounded-tl .fill{border-radius: 32px 0px 0px 0px} .rounded-bltl .fill{border-radius: 32px 0px 0px 32px} .rounded-brtr .fill{border-radius: 0px 32px 32px 0px} #header .nav-dropdown {margin-top: 50px;} #header .menu-item-has-block > .nav-dropdown {left:50% !important; right:auto !important; transform:translateX(-50%) !important; margin-left:0 !important;} #header .header-nav > li.has-dropdown {position:static;} /*Menu*/ .header-bg-color {background-color: transparent !important;} .header-nav li {font-size: 18px !important} ul.header-nav.nav.nav-right {display:flex; align-items:center; gap:4px;} ul.header-nav.nav.nav-right > li.header-block {display:flex; align-items:center; flex:0 0 auto; width:auto !important;} ul.header-nav.nav.nav-right > li.header-block > div {display:flex; align-items:center;} ul.header-nav.nav.nav-right button.theme-switch {display:inline-flex; margin:0;} ul.header-nav.nav.nav-right a.button.primary {align-items:center; width:auto;} ul.header-nav.nav.nav-right a.button.primary span {line-height:1;} .header-nav.nav-right .header-block-block-1 .button {margin-right:0px;} .button {color: inherit !important;} .col-inner > .img:not(:last-child), .col > .img:not(:last-child) {margin-bottom: 0em;} .nav-dropdown {backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);} .nav-dropdown {border:1px solid transparent; background:linear-gradient(rgba(245,245,245,.8),rgba(244,244,244,.8)) padding-box, linear-gradient(135deg, rgba(200,200,200,1), rgba(245,245,245,0.2) 15%, rgba(245,245,245,0.2) 85%, rgba(200,200,200,1)) border-box;} .is-dark .nav-dropdown {background-color:rgba(25,25,25,.8); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); } .is-dark .nav-dropdown {border:1px solid transparent; background:linear-gradient(rgba(25,25,25,1),rgba(25,25,25,1)) padding-box, linear-gradient(135deg, rgba(255,255,255,1), rgba(255,255,255,0) 5%, rgba(255,255,255,0) 95%, rgba(255,255,255,1)) border-box;} .wpml-ls-menu-item {display:inline-block; margin:0;} .is-dark .wpml-ls-menu-item a{color: #fff !important} .menu .wpml-ls-item {display:inline-block;} .menu .wpml-ls-item:not(:last-child)::after {content:" |"; margin:0 3px;} .menu {align-items:center; gap:0; list-style:none; padding:0; margin:0;} .menu .wpml-ls-item a {font-weight:500; color:#000; font-family: "Funnel Display"} .wpml-ls-current-language > a{font-weight:700 !important;} ul.menu > li + li { border-top: 0px } .mm {padding: 14px 14px} .mm .button{font-size: 15.5px !important; text-align: left; line-height: 1.1em} .mm .button span {line-height: 1.6;} .mm .button::after {bottom: 8px;} .mm .col {padding: 0px 15px 0px 15px} .mm p {margin: -16px 0px 10px 0px !important; line-height: 1.3em; font-size: 15px; color: #616161} .is-dark .mm p {color: #fff} .mm img {transition: opacity .25s ease;} .mm .row.row-collapse {margin:0;} .mm .row.row-collapse > .col {padding:0;} .mm .row.row-collapse > .col > .col-inner {padding:3px 0px 3px 10px; border-radius:16px; transition:background-color .2s ease;} .portfolio .row.row-collapse > .col > .col-inner {padding:3px 0px 0px 10px !important; border-radius:16px; transition:background-color .2s ease;} .portfolio .row.row-collapse > .col > .col-inner .button:not(.icon) {line-height: 2em;} .spazio .row.row-collapse > .col > .col-inner {padding:10px 0px 10px 10px; border-radius:16px; transition:background-color .2s ease;} .mm .row.row-collapse > .col > .col-inner:hover {background:#d0d0d0;} .mm .row.row-collapse.is-current > .col > .col-inner{background:#d0d0d0;} .is-dark .mm .row.row-collapse.is-current > .col > .col-inner{background:#2f2f2f;} .is-dark .mm .row.row-collapse > .col > .col-inner:hover {background:#2f2f2f;} .mm .row.row-collapse > .col > .col-inner p {margin:0;} .mm .row.row-collapse > .col > .col-inner .freccia {padding:0; margin:0; background:transparent !important;} .mm .alert::after {content: none;} .mm .alert {color: #000 !important} .is-dark .mm .alert {color: #fff !important} .mm img {display:none;} .mm .mm-preview img {display:block; transition:opacity .25s ease;} .mm .stack .row.row-collapse .col-inner::after{pointer-events:none;} .wpml-ls-item .sub-menu {left: auto !important; min-width: inherit !important; right: 0px; font-family: "Funnel Display", sans-serif;font-weight: 700; font-style: normal;} .wpml-ls-item .sub-menu li {margin-right: 0px !important;} .wpml-ls-item .sub-menu li a{color: #000 !important} .header-block-block-3 .widget {margin-bottom: -2px;} .menu-item.wpml-ls-menu-item.has-dropdown {position:relative;} .menu-item.wpml-ls-menu-item.has-dropdown > .nav-dropdown {margin-top:0;} .menu-item.wpml-ls-menu-item.has-dropdown > .nav-dropdown::before {content:""; position:absolute; left:0; right:0; top:-50px; height:50px;} .menu-item.wpml-ls-menu-item.has-dropdown > .nav-dropdown {z-index:999;} .menu-item.has-dropdown {position:relative;} .menu-item.has-dropdown > .nav-dropdown {margin-top:0;} .menu-item.has-dropdown > .nav-dropdown::before {content:""; position:absolute; left:0; right:0; top:-50px; height:50px;} .nav-dropdown::before {content:""; background:transparent !important;} .menu-item.has-dropdown > .nav-dropdown {z-index:999;} .header:not(.transparent) .header-nav-main.nav > li > a:hover {color: #000 !important;} .is-dark .header:not(.transparent) .header-nav-main.nav > li > a:hover {color: #fff !important;} .nav-spacing-xlarge > li {margin:0 clamp(5px,1vw,16px);} .nav-size-xlarge > li > a {font-size: 1em;} .logo-left .logo {margin-right: 20px;} .btn-mobile {display: none !important} .etichetta p { width: fit-content; background: #F4F4F4;border-radius: 8px; padding: 5px 10px; font-size: 16px; text-transform: uppercase; line-height: 16px; } .etichetta.bianca p { width: fit-content; background: #fff;} .etichetta.centro p{margin: 0 auto; margin-bottom: 1.3em;} .is-dark .etichetta p { width: fit-content; background: #191919; } /*Blocco sfum e img*/ .sfum {padding-top:0; padding-bottom:0; } .sfum .col-inner {position:relative; flex-direction:column; justify-content:center; align-items:center; height:100%; background:#fff; border-radius:32px; overflow:hidden; padding: 30px} .sfum .col-inner .etichetta {margin-right: auto} .is-dark .sfum .col-inner {background: transparent;} .sfum .col-inner::before {content:""; position:absolute; inset:0; padding:2px; border-radius:32px; background:linear-gradient(45deg,#FF7800 0%,#B7A8F3 50%,#7355EC 100%); -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none;} .sfum .col-inner > * {position:relative; z-index:1;} .np {padding: 0px 15px } /*Header*/ .header {position: fixed; top: 0;} .wp-singular #main {margin-top: 108px;} .home #main {margin-top: 108px;} .header-nav-main {justify-content: center;} .header-main {border-bottom: 2px solid transparent;border-image: linear-gradient(90deg,#FF7800 0%,#B7A8F3 50%,#7355EC 100%) 1; } .stuck {box-shadow: 1px 1px 10px rgba(0,0,0,0) !important;} .hero h1 {color: #000 !important} .is-dark .hero h1 {color: #fff !important} .is-dark .hero p {color: #C0C0C0 !important} /*Switch video Hero*/ .video-overlay.no-click {pointer-events:none;} .video-toggle {position:absolute; right:0px; bottom:0px; z-index:50; display:inline-flex; align-items:center; gap:10px; padding:0; border:none; background:none; color:#fff; cursor:pointer; margin: 0px} .video-toggle__label {font-size:16px; line-height:1; color:#000;font-weight: 300;} .is-dark .video-toggle__label {color:#fff !important;} .video-toggle__label .label-play {display:none;} .video-toggle.is-paused .video-toggle__label .label-pause {display:none;} .video-toggle.is-paused .video-toggle__label .label-play {display:inline;} .video-toggle__icon {width:48px; height:48px;} .video-toggle svg {width:24px; height:24px; fill:#aaaaaa; display:block;} .video-toggle .icon-play {display:none;} .video-toggle.is-paused .icon-pause {display:none;} .video-toggle.is-paused .icon-play {display:block;} .video-toggle:focus-visible {outline:2px solid #fff; outline-offset:3px;} .video-toggle__label {display: none !important} .video-toggle__icon {display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(255,255,255,.5); position:relative;} .is-dark .video-toggle__icon {display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:transparent; position:relative;} .video-toggle__icon::before {content:""; position:absolute; inset:0; border-radius:inherit; padding:1.5px; background:linear-gradient(135deg,#fff 0%, rgba(240,240,240,0) 50%, #fff 100%); -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.5));} .is-dark .video-toggle__icon::before {content:""; position:absolute; inset:0; border-radius:inherit; padding:1.5px; background:linear-gradient(135deg,#fff 0%, rgba(255,255,255,0) 50%, #fff 100%); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none;} html button.theme-switch{--sw-w:80px;--sw-h:40px;--sw-pad:4px;--knob:32px;position:relative !important;display:block !important;width:var(--sw-w) !important;min-width:var(--sw-w) !important;max-width:var(--sw-w) !important;height:var(--sw-h) !important;min-height:var(--sw-h) !important;max-height:var(--sw-h) !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:999px !important;cursor:pointer !important;overflow:hidden !important;line-height:0 !important;font-size:0 !important;box-sizing:border-box !important;box-shadow: inset 0 2px 6px rgba(0,0,0,.08), inset 0 -2px 4px rgba(0,0,0,.05);background: #fff} html.is-dark button.theme-switch{background:#1c1c1c !important;} button.theme-switch .hint{position:absolute !important;top:50% !important;width:var(--knob) !important;height:var(--knob) !important;display:flex !important;align-items:center !important;justify-content:center !important;opacity:1 !important;transition:opacity .18s ease,filter .18s ease !important;z-index:1 !important;pointer-events:none !important;transform:translateY(-50%) !important;} button.theme-switch .hint-light{left:var(--sw-pad) !important;} button.theme-switch .hint-dark{right:var(--sw-pad) !important;} button.theme-switch .hint img{width:20px !important;height:20px !important;display:block !important;} /* KNOB: no icon inside, just solid circle */ button.theme-switch .knob{position:absolute !important;top:50% !important;left:var(--sw-pad) !important;width:var(--knob) !important;height:var(--knob) !important;border-radius:50% !important;background:#000 !important;z-index:2 !important;transition:transform .28s cubic-bezier(.4,0,.2,1),background .2s ease !important;pointer-events:none !important;transform:translateY(-50%) !important;} html.is-dark button.theme-switch .knob{background:#fff !important;transform:translate(calc(var(--sw-w) - (2 * var(--sw-pad)) - var(--knob)),-50%) !important;} /* hide inner icons always */ button.theme-switch .knob .in{display:none !important;} html:not(.is-dark) button.theme-switch .hint-dark img{content:url('/wp-content/themes/flatsome-child/assets/img/sole.svg') !important;filter:none !important;} html.is-dark button.theme-switch .hint-light img{content:url('/wp-content/themes/flatsome-child/assets/img/luna.svg') !important;filter:none !important;} .button.white {position:relative; border-radius:8px; background:#f5e3e6!important; border:0; padding:0 1.4em; overflow:hidden; z-index:1;} .button.white span {position:relative; z-index:2; color:#000;} .button.white::before {content:""; position:absolute; inset:0; border-radius:inherit; padding:2px; background:conic-gradient(from var(--angle),#f5e3e6 0deg,#f5e3e6 35deg,#FF7800 55deg,#B7A8F3 80deg,#7355EC 110deg,#f5e3e6 130deg,#f5e3e6 180deg,#f5e3e6 215deg,#FF7800 235deg,#B7A8F3 260deg,#7355EC 290deg,#f5e3e6 310deg,#f5e3e6 360deg); -webkit-mask:linear-gradient(#f5e3e6 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; animation:whiteBorder 4s linear infinite;} .is-dark .button.white::before {background:conic-gradient(from var(--angle),#000 0deg,#000 35deg,#FF7800 55deg,#B7A8F3 80deg,#7355EC 110deg,#000 130deg,#000 180deg,#000 215deg,#FF7800 235deg,#B7A8F3 260deg,#7355EC 290deg,#000 310deg,#000 360deg);} .is-dark .button.white {background:#000!important;} .is-dark .button.white span {color:#fff;} @property --angle {syntax:""; initial-value:0deg; inherits:false;} @keyframes whiteBorder {to {--angle:360deg;}} .button:not(.icon):hover {border-radius: 8px 8px 8px 8px !important;} .button, .wpcf7-form input[type="submit"] {transition: border-radius 0.3s ease, color 0.3s ease;letter-spacing: -0.02em !important; font-size: 18px; font-family: "funnel Display"; font-weight: 500; padding: 0 1em;line-height: 3em;} .alert {padding-left: 0em !important;} .alert:hover {opacity: 1 !important} .button, .wpcf7-form input[type="submit"]{box-shadow: inset 0 0 0 0px rgba(0,0,0,0) !important;} .primary{background-color:transparent;color:#000;border:1px solid #000;transition:all .25s ease;} .primary:hover{background-color:rgba(255,255,255,0.3);color:#000;} .is-dark .primary{background-color:transparent;color:#fff !important;border:1px solid #fff;transition:all .25s ease;} .is-dark .primary:hover{background-color:rgba(0,0,0,0.3);color:#fff;} .secondary{position:relative;background:transparent;color:#000;border:1px solid #000;transition:all .25s ease;overflow:hidden;} .is-dark .secondary{color:#fff;border:1px solid #fff;transition:all .25s ease;overflow:hidden;} .secondary::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#FF7800 0%,#B7A8F3 50%,#7355EC 100%);opacity:0;transition:opacity .25s ease;z-index:0;} .secondary:hover::before{opacity:0.3 !important;} .secondary:hover{color: #000} .is-dark .secondary:hover{color: #fff} .secondary,.secondary span{position:relative;z-index:1;} .wpcf7-form p{margin:0!important;padding:0!important;background:transparent!important;border-radius:0!important;overflow:visible!important; color:#000} input[type="submit"],.wpcf7-submit{-webkit-appearance:none;appearance:none;border-radius:999px;background:transparent;color:#fff;border:1px solid #fff;box-shadow:none;outline:none;transition:background .25s ease,border-color .25s ease;overflow:hidden;} input[type="submit"]:hover,.wpcf7-submit:hover{background:linear-gradient(45deg,#ff7a1a 0%,#ff8c2f 22%,#a784e8 65%,#6a43d6 100%);border-color:transparent;} input[type="submit"]::-moz-focus-inner,.wpcf7-submit::-moz-focus-inner{border:0;padding:0;} .wpcf7-form p.icon-submit{margin:0;padding:0;} .wpcf7-form p.icon-submit .wpcf7-submit{-webkit-appearance:none;appearance:none;border-radius:999px;background:transparent;color:#000;border:1px solid #000;box-shadow:none!important;outline:none;display:inline-block;transition:background .25s ease,border-color .25s ease;} .wpcf7-form p.icon-submit .wpcf7-submit:hover {background:linear-gradient(45deg,rgba(255,122,26,.25) 0%,rgba(255,140,47,.25) 22%,rgba(167,132,232,.25) 65%,rgba(106,67,214,.25) 100%);} .is-dark .wpcf7-form p.icon-submit .wpcf7-submit:hover {background:linear-gradient(45deg,rgba(255,122,26,.25) 0%,rgba(255,140,47,.25) 22%,rgba(167,132,232,.25) 65%,rgba(106,67,214,.25) 100%);border:1px solid #fff} .is-dark .wpcf7-form p.icon-submit .wpcf7-submit{-webkit-appearance:none;appearance:none;border-radius:999px;background:transparent;color:#fff;border:1px solid #fff;box-shadow:none!important;outline:none;display:inline-block;transition:background .25s ease,border-color .25s ease;} .header-nav-main > li > a.nav-top-link {position: relative; display: inline-block;} /*.header-nav-main > li > a.nav-top-link:after {content:""; position:absolute; left:0; bottom:4px; height:1px; width:18px; background: currentColor; transition: width .25s ease;}*/ .header-nav-main > li > a.nav-top-link { height: 50px; display: flex; align-items: center; position: relative; } .header-nav-main > li > a.nav-top-link:after { content: ""; position: absolute; left: 0; bottom: 4px; height: 1px; width: 18px; background: currentColor; transition: width .25s ease; } .header-nav-main > li:hover > a.nav-top-link:after, .header-nav-main > li.current-menu-item > a.nav-top-link:after, .header-nav-main > li.current-menu-parent > a.nav-top-link:after, .header-nav-main > li.current-menu-ancestor > a.nav-top-link:after {width:100%;} .alert, .success, .bianco {position:relative; display:inline-block; padding:0px !important; background-color: transparent !important; border: none !important} .alert:after, .success:after, .bianco:after{content:""; position:absolute; left:0; bottom:6px; height:1px; width:18px; background:currentColor; transition:width .25s ease;} .alert:hover:after, .alert:focus:after, .success:hover:after, .success:focus:after, .bianco:hover:after, .bianco:focus:after {width:100%;} /*.has-dropdown .icon-angle-down {display: none}*/ .has-dropdown .icon-angle-down {font-size: 20px; margin-left: .1em; opacity: 1;} i[class^="icon-"]::before {margin-left: 4px;} .social-icons i[class^="icon-"]::before {margin-left: 0px;} /*Servizi*/ .servizi-list {counter-reset: servizio;} .servizi-list .col {padding: 20px 0px 0px 0px} /*.servizi-row p {margin-bottom: 12px; }*/ .servizi-row .descr p{font-size: 16px !important; } .servizi-row {cursor:pointer;} .is-dark .servizi-row:hover h3, .is-dark .servizi-row:hover p, .is-dark .servizi-row, .is-dark .alert{color: #fff !important} .is-dark .servizi-row{color: #fff !important; background: #101010;} .servizi-list .alert{color: #000 !important} .is-dark .servizi-list .alert{color: #fff !important} .servizi-row{counter-increment:servizio;border-bottom:1px solid #aaaaaa;text-decoration:none;display:block;color:#000;position:relative;overflow:hidden;background:#fff;min-height: 90px;} .servizi-row::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(90deg,#FF7800 0%,#B7A8F3 50%,#7355EC 100%);opacity:0;transition:opacity .3s ease;pointer-events:none;} .servizi-row:hover::before{opacity: 0.3 !important;} .servizi-row>*{position:relative;z-index:1;} .is-dark .servizi-row:hover {background-color: #191919; } .servizi-row .row{margin: 0px auto !important;align-items:center} .servizi-row:first-child {border-top: none;} .servizi-list .col-inner{padding: 0px 20px} .servizi-row .col-inner{display:flex;align-items:center;height:100%;} .servizi-row:hover .alert::after {width: 100%;} .servizio-interna .icon-box {margin-top: -70px;} .is-dark .servizio-interna .icon-box img {filter: brightness(0) invert(1);} .banner-servizi {margin-top: 30px} .is-dark .icon-box:hover p, .is-dark .icon-box p {color:#c0c0c0} .riga-livelli > .col-inner {background:#f4f4f4;} .is-dark .riga-livelli > .col-inner {background:#191919;} .riga-livelli > .col-inner p {padding-top: 10px; text-align: right} .is-dark .riga-livelli > .col-inner {color: #fff} .riga-livelli > .col-inner .col {padding: 0px 20px} .riga-livelli > .col-inner .col-inner {background:transparent; padding: 15px 20px} .row > .col.ambito {border-left:1px solid #BCBCBC;} .row > .col.ambito:first-child {border-left:0;} .row > .col.ambito .col-inner {padding-left:20px;} .row > .col.ambito:first-child .col-inner {padding-left:0;} .ambiti .col {padding: 5px 15px 5px 15px !important } .ambiti {background: #F4F4F4} .is-dark .ambiti {background: #191919} .bianco-nero {background: #fff} .is-dark .bianco-nero {background: #000} .bianco-nero-int .col-inner {background: #fff} .is-dark .bianco-nero-int .col-inner {background: #000} .grigio-nero {background: #F4F4F4} .is-dark .grigio-nero {background: #191919} .grigio-nero-int .col-inner{background: #F4F4F4} .is-dark .grigio-nero-int .col-inner{background: #191919} @media (min-width:850px){section.numeri>div.section-content>div.row>div.col:first-child>div.col-inner{position:-webkit-sticky;position:sticky;top:200px;z-index:9999;}} .scuro {display: none} .chiaro {display: block} .is-dark .scuro {display: block} .is-dark .chiaro {display: none} .grigio .col-inner {background: #F2F2F2; padding: 30px 30px 50px 30px} .is-dark .grigio .col-inner {background: #191919; padding: 30px 30px 50px 30px} .col-inner:has(.accordion) {padding: 30px 50px 50px 50px !important;} .accordion-inner p {color:#444} .is-dark .accordion-inner p {color:#C0C0C0} .accordion-title h4 {font-family: "funnel Display";font-weight: 700; font-size: 24px;line-height: 1.3em;padding-right: 30px} .accordion-title.active {color: #000; background: transparent} .is-dark .accordion-title.active, .is-dark .accordion-title:hover {color: #fff; background: transparent} .is-dark .accordion-title::after {filter: brightness(0) invert(1);} .accordion-title {border: none} .accordion-item{border-bottom:1px solid #BCBCBC;} .accordion-title.active{border-bottom:0;} .accordion-item:has(.accordion-title.active){border-bottom:2px solid transparent;border-image:linear-gradient(90deg,#FF7800 0%,#7355EC 100%) 1;border-image-slice:1;} .accordion-title .toggle{display:none;} .accordion-title {display:flex;align-items:center;justify-content:space-between;padding: 1em 1.9em 0em 1.6em;margin-bottom: -20px;} .is-dark .accordion-title{color: #fff !important} .accordion-title:after{content:"";width:32px;height:32px;background:url("/wp-content/themes/flatsome-child/assets/img/accordion.png") center/32px 32px no-repeat;flex-shrink:0;transition:transform .6s cubic-bezier(.22,1,.36,1);margin-top: -10px;} .accordion-title.active:after{transform:rotate(45deg);} .accordion .accordion-inner {display:block!important; overflow:hidden; max-height:0; opacity:0; transition:max-height .35s ease, opacity .25s ease;padding: 1em 1.8em;} .accordion .accordion-item.is-open .accordion-inner {opacity:1;} .accordion .accordion-title {cursor:pointer;} .accordion .accordion-title .toggle {cursor:pointer;} .accordion .accordion-title i {cursor:pointer;} .icon-box.icona{display:flex;align-items:center;} .icon-box.icona .icon-box-img{display:flex;align-items:center;} .icon-box.icona .icon-box-text{display:flex;align-items:center;} /*Settori*/ .divider-sfum {padding: 20px 20px 20px 20px; border-bottom: 2px solid transparent; background: linear-gradient(90deg,#FF7800,#7355EC) bottom/100% 2px no-repeat;} .luxury {background:url('/wp-content/themes/flatsome-child/assets/img/luxury-light.jpg') no-repeat center center; background-size: cover;} .is-dark .luxury {background:url('/wp-content/themes/flatsome-child/assets/img/luxury-dark.jpg') no-repeat center center; background-size: cover;} .cross-industry {background:url('/wp-content/themes/flatsome-child/assets/img/cross-industry-light.jpg') no-repeat center center; background-size: cover;} .is-dark .cross-industry {background:url('/wp-content/themes/flatsome-child/assets/img/cross-industry-dark.jpg') no-repeat center center; background-size: cover;} .manufacturing {background:url('/wp-content/themes/flatsome-child/assets/img/manufacturing-light.jpg') no-repeat center center; background-size: cover;} .is-dark .manufacturing {background:url('/wp-content/themes/flatsome-child/assets/img/manufacturing-black.jpg') no-repeat center center; background-size: cover;} .sanita {background:url('/wp-content/themes/flatsome-child/assets/img/sanita-light.jpg') no-repeat center center; background-size: cover;} .is-dark .sanita {background:url('/wp-content/themes/flatsome-child/assets/img/sanita-black.jpg') no-repeat center center; background-size: cover;} .retail {background:url('/wp-content/themes/flatsome-child/assets/img/retail-light.jpg') no-repeat center center; background-size: cover;} .is-dark .retail {background:url('/wp-content/themes/flatsome-child/assets/img/retail-black.jpg') no-repeat center center; background-size: cover;} .utility {background:url('/wp-content/themes/flatsome-child/assets/img/utility-light.jpg') no-repeat center center; background-size: cover;} .is-dark .utility {background:url('/wp-content/themes/flatsome-child/assets/img/utility-dark.jpg') no-repeat center center; background-size: cover;} .box-settori{cursor:pointer;} .box-settori a{position:relative;z-index:2;} .box-settori::after{pointer-events:none;} .box-settori .img-inner{overflow:hidden;border-radius: 32px} .box-settori .img-inner img{transition:transform .4s ease,filter .4s ease;} .box-settori:hover .img-inner img{transform:scale(1.06);filter:brightness(.85);} .box-settori h3,.box-settori p,.box-settori .button{margin-left:10px !important;margin-right:10px;} .box-settori h3 {font-size: 30px; line-height: 1.1em; color: #fff !important} .box-settori p {font-size: 18px; line-height: 1.3em; } .box-settori .alert {color: #fff} .box-settori .text-box {top:73%;border-radius:32px;padding:20px 10px;transition:background-color .4s ease,backdrop-filter .4s ease,-webkit-backdrop-filter .4s ease;} .box-settori:hover .text-box {background-color:rgba(0,0,0,0.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);} .box-settori:hover .alert:after {width:100%;} .box-settori .banner-bg {overflow:hidden; border-radius:32px;} .box-settori .banner-bg .bg {transition:transform .7s ease, filter .7s ease; transform:scale(1) translateZ(0); will-change:transform; transform-origin:center;} .box-settori:hover .banner-bg .bg {transform:scale(1.06) translateZ(0); filter:brightness(.9);} .box-settori .banner-bg .overlay{background:linear-gradient(to top,rgba(0,0,0,0.9) 20%,rgba(0,0,0,.55) 50%,rgba(0,0,0,0.1) 65%,rgba(0,0,0,0) 100%)} .settori.carosello p {min-height: 170px} .settori.carosello h3 {margin-top: 15px; margin-bottom: 6px; font-size: 20px !important; min-height: 36px} .settori .flickity-viewport .img {aspect-ratio:760/340; overflow:hidden; border-radius:32px;} .settori .flickity-viewport .img img {width:100%; height:100%; object-fit:cover; object-position:center; display:block;} .icon-box-left {display:flex; align-items:center;} .vert-centra .icon-box-text {display:flex; align-items:center;} .icon-box-left h3 {margin:0;} .servizi-accordion .accordion-title {border:1px solid #000; border-radius:16px; padding:15px 24px 8px 24px; transition:all .3s ease;} .servizi-accordion .accordion-title:hover {background:linear-gradient(90deg, rgba(168,148,255,0.35), rgba(245,191,138,0.35)) !important;} .servizi-accordion .accordion-title.active {background:linear-gradient(90deg, rgba(168,148,255,0.45), rgba(245,191,138,0.45)) !important; border-color:#000;} .servizi-accordion .accordion-item {border-bottom:none;} .servizi-accordion .accordion-inner {padding:1.8em 1.8em 0 1.8em;} .servizi-accordion .accordion-item:has(.accordion-title.active) {border-bottom: none;} .servizi-accordion .accordion-title h3 {font-family: "funnel Display"; font-weight: 700;font-size: 24px; line-height: 1.3em; padding-right: 30px;} .is-dark .servizi-accordion .accordion-title {border:1px solid #fff; border-radius:16px; padding:15px 24px 8px 24px; transition:all .3s ease;} .servizi-accordion .row {display:flex; align-items:stretch;} .servizi-accordion .row > .col {display:flex;} .servizi-accordion .servizi-accordion-content {display:flex; align-items:center; height:100%; width:100%;} @media (min-width: 850px){ .servizi-accordion .accordion-inner {display:none !important;} .servizi-accordion .accordion-title {margin-bottom:14px;} } /*Slider Settori*/ .slide-settori {position:relative;} .slide-settori .flickity-prev-next-button {position:absolute; bottom:10px; top:auto; transform:none; background:none; box-shadow:none; border-radius:50%; width:48px; height:48px;} .slide-settori .flickity-counter {font-size:18px;} .slide-settori .flickity-controls-custom {position:absolute; bottom:24px; display:flex; align-items:center; justify-content:center; z-index:20;} .slide-settori .custom-pause {position:absolute; bottom:-5px; width:48px; height:48px; border:1px solid #191919; border-radius:50% !important; background:transparent; display:flex; align-items:center; justify-content:center; z-index:20;justify-content:center; padding:0;} .slide-settori .slider-wrapper {position:relative;} .is-dark .slide-settori .custom-pause {border:1px solid #fff;} .slide-settori .flickity-controls-custom {gap:20px;} .slide-settori .slider-show-nav .flickity-prev-next-button, .slide-settori .slider:hover .flickity-prev-next-button { opacity: 1;} .slide-settori .custom-pause:hover {background: linear-gradient(45deg, rgba(255,122,26,0.3) 0%, rgba(255,140,47,0.3) 22%, rgba(167,132,232,0.3) 85%, rgba(106,67,214,0.3) 100%);} .slide-settori .flickity-slider .text {height: 140px} .slide-settori .flickity-slider > .row:not(.is-selected) {opacity: 0.5 !important;} .custom-pause span {position:relative; display:block; width:10px; height:14px; margin:auto;} .custom-pause span::before, .custom-pause span::after {content:""; position:absolute; top:0; width:3px; height:100%; background:#000 !important; border-radius:0px; transition:none !important;} .custom-pause span::before {left:0;} .custom-pause span::after {right:0;} .custom-pause.is-paused span::before {content:""; position:absolute; left:3px; top:1px; width:0; height:0; background:transparent !important; border-radius:0; border-top:8px solid transparent !important; border-bottom:8px solid transparent !important; border-left:10px solid #000 !important;} .custom-pause.is-paused span::after {display:none !important;} .is-dark .custom-pause.is-paused span::before {border-left:10px solid #fff !important;} .is-dark .custom-pause span::before, .is-dark .custom-pause span::after {background:#fff !important; } .is-dark .custom-pause.is-paused span::before {background:transparent !important; border-left:12px solid #fff !important;} @media only screen and (min-width: 1401px) { .slide-settori .custom-pause {left:80%;} .slide-settori .flickity-controls-custom {left:63.2%; } .slide-settori .flickity-prev-next-button.previous {left:59% !important;} .slide-settori .flickity-prev-next-button.next {left:66% !important;} } @media only screen and (max-width: 1400px) { .slide-settori .custom-pause {left:88%;} .slide-settori .flickity-controls-custom {left:67%; } .slide-settori .flickity-prev-next-button.previous {left:62% !important;} .slide-settori .flickity-prev-next-button.next {left:69.8% !important;} } @media only screen and (max-width: 1024px) { .slide-settori .custom-pause {left:88%;} .slide-settori .flickity-controls-custom {left:68%; } .slide-settori .flickity-prev-next-button.previous {left:62% !important;} .slide-settori .flickity-prev-next-button.next {left:70% !important;} } /*Soluzioni*/ @media (min-width:850px) and (max-width:1024px) { .soluzioni .hide-for-medium {display:none !important;} .soluzioni .show-for-small {display:flex !important;} .soluzioni .large-4 {flex-basis: 100%; max-width: 100%; } } .soluzioni {background: #f4f4f4} .is-dark .soluzioni {background: #000} .soluzione {text-align: left} .is-dark .soluzione img:not(.bg){filter:brightness(1);} .soluzione img:not(.bg){width:80px; margin-bottom: 20px; filter:brightness(0);} .soluzione h3 {font-size: 30px; line-height: 1.1em;font-weight: 700;color:#000 !important} .soluzione p {font-size: 18px; color:#000 } .is-dark .soluzione h3 {font-size: 30px; line-height: 1.1em;font-weight: 700;color:#fff !important} .is-dark .soluzione p {font-size: 18px; color:#fff } .soluzione .text-inner {text-align: left} .soluzione .banner-link {position:absolute;inset:0;z-index:1;} .soluzione .banner-layers {position:relative;z-index:5;} .soluzione h3,.soluzione p {opacity:1;transition:all .3s ease;} .soluzione .img {opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease;} .soluzione .banner:hover .img {opacity:1;transform:translateY(0);} .soluzione .banner-bg {position:absolute;inset:0;} .soluzione .banner .success {color: #000 !important} .is-dark .soluzione .banner .success {color: #fff !important} .soluzione .banner {overflow:hidden; border-radius:32px;} .soluzione .banner .banner-bg{position:absolute; inset:0; transform:scale(1); transition:transform .35s ease; transform-origin:center center;} .soluzione .banner:hover .banner-bg {transform:scale(1.25);} /*.soluzione.tre .banner-bg{transform:scaleY(-1) scale(1);} .soluzione.tre .banner:hover .banner-bg{transform:scaleY(-1) scale(1.25);}*/ .soluzione.due .banner-bg{transform:scaleX(-1) scale(1);} .soluzione.due .banner:hover .banner-bg{transform:scaleX(-1) scale(1.25);} .soluzione.quattro .banner-bg{transform:scaleX(-1) scale(1);} .soluzione.quattro .banner:hover .banner-bg{transform:scaleX(-1) scale(1.25);} .soluzione .banner:hover .success:after {width:100%;} .soluzione .banner-bg {background:url('/wp-content/themes/flatsome-child/assets/img/bkg-box-soluzioni-light.jpg') no-repeat ;background-size: cover; border-radius: 32px} .is-dark .soluzione .banner-bg {background:url('/wp-content/themes/flatsome-child/assets/img/bkg-box-soluzioni-dark.jpg') no-repeat;background-size: cover;} .success.freccia span::after {transition:transform .3s ease,filter .3s ease,opacity .3s ease;} .soluzione .banner:hover .success.freccia span::after {transform:rotate(-90deg);filter:brightness(0) saturate(100%) invert(1);opacity:1!important;} .soluzione .banner {cursor:pointer;} .soluzione .banner-link {cursor:pointer;position:absolute;inset:0;z-index:10;} .soluzione {padding: 0 10px 30px;} .awards .col-inner {background: #f4f4f4} .awards .col {padding: 0 15px 0px 15px;} .is-dark .awards .col-inner {background: #191919} .is-dark .cambia-colore img {filter:brightness(0) invert(1);} .slider-style-container .flickity-slider > :not(.is-selected) {opacity: 1;} .carosello .col {margin: 0px 10px} .stretto .col {margin: 0px 25px !important} .flickity-page-dots .dot {height: 12px;width: 12px;} .flickity-page-dots .dot {border: 3px solid #111;background-color: #111;} .is-dark .flickity-page-dots .dot {border: 3px solid #fff;background-color: #fff;} .flickity-page-dots {bottom:30px; left:50%; transform:translateX(-50%); right:auto; display:flex; justify-content:center; align-items:center; flex-wrap:nowrap; gap:6px;} .flickity-page-dots .dot {margin:0;} .flickity-prev-next-button { top: 106%; width: 50px; height: 50px} .flickity-prev-next-button.next .arrow {transform:scale(0.7) rotate(180deg); transform-origin:50% 50%;} .flickity-prev-next-button.previous .arrow {transform:scale(0.7); transform-origin:50% 50%;} .flickity-prev-next-button {bottom:10px; width:50px; height:50px; position:relative;} .alto5 .flickity-prev-next-button {bottom:-20px; width:50px; height:50px; position:relative;} .alto5 .flickity-page-dots {bottom:0px; } .alto2 .flickity-prev-next-button {bottom:-40px; width:50px; height:50px; position:relative;} .alto2 .flickity-page-dots {bottom:-20px; } .flickity-prev-next-button.previous {left:max(20px, calc((100vw - 1250px) / 2)) !important; right:auto !important;} .flickity-prev-next-button.next {left:calc(100% - max(20px, calc((100vw - 1250px) / 2)) - 100px) !important; right:auto !important;} .flickity-prev-next-button .arrow {display:none !important;} .flickity-prev-next-button svg {border:1px solid #000 !important; border-radius:50% !important;} .is-dark .flickity-prev-next-button svg {border:1px solid #fff !important; border-radius:50% !important;} .slider-nav-circle .flickity-prev-next-button:hover svg {background:linear-gradient(45deg, rgba(255,122,26,0.3) 0%, rgba(255,140,47,0.3) 22%, rgba(167,132,232,0.3) 85%, rgba(106,67,214,0.3) 100%);} .slider-nav-circle .flickity-prev-next-button:hover svg {fill:#000 !important;} .is-dark .slider-nav-circle .flickity-prev-next-button:hover svg {fill:#fff !important;} .is-dark .flickity-prev-next-button {color:#fff;} .flickity-prev-next-button .arrow {display:none;} .flickity-prev-next-button {position:relative;} .flickity-prev-next-button svg {position:absolute; z-index:1;} .flickity-prev-next-button::before {content:""; position:absolute; top:50%; left:50%; width:18px; height:18px; background:url('/wp-content/themes/flatsome-child/assets/img/freccia-dx.svg') center/contain no-repeat; transform:translate(-50%,-50%); z-index:2; pointer-events:none;display:block;} .is-dark .flickity-prev-next-button::before { filter:brightness(0) invert(1);} .flickity-prev-next-button.previous::before {transform:translate(-50%,-50%) rotate(180deg);} .flickity-prev-next-button.next::before {transform:translate(-50%,-50%);} .carosello .col-inner {min-height: 200px} .alto .col-inner {min-height: 380px !important} .alto2 .col-inner {min-height: 320px !important} .alto3 .col-inner {min-height: 400px !important} .alto4 .col-inner {min-height: 460px !important} .alto5 .col-inner {min-height: 300px !important} .altezza-fissa .flickity-viewport{height:660px !important;} .icon-box-img{width:75px;height:75px;} .partnership .icon-box-img{width:120px;height:120px;} .icon-box-img .icon,.icon-box-img .icon-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;} .icon-box-img img{width:100%;height:100%;object-fit:contain;} @media only screen and (min-width:700px) and (max-width: 1024px) { .alto .col-inner {min-height: 400px !important} .alto3 .col-inner {min-height: 480px !important} .alto2 .col-inner {min-height: 380px !important} .alto5 .col-inner {min-height: 250px !important} .altezza-fissa .flickity-viewport{height:560px !important;} .flickity-page-dots {bottom:-20px;} .settori .flickity-viewport .img {aspect-ratio:760/440; overflow:hidden; border-radius:32px;} .alto5 .flickity-page-dots { bottom: -40px;} html body .slider-wrapper.carosello.stretto.alto2 .flickity-slider>.row, html body .slider-wrapper.carosello.stretto.alto .flickity-slider>.row, html body .slider-wrapper.carosello.stretto.alto3 .flickity-slider>.row{width:45%!important;min-width:45%!important;max-width:45%!important;} } .step .col-inner {padding-left: 30px; border-left: 1px solid #000; } .step .col-inner p {margin-bottom: 0px} .is-dark .step .col-inner {border-left: 1px solid #fff; } .my-bullet {position:relative; display:block; width:16px; height:16px; border-radius:50%; background-color: rgba(0,0,0,0.1); text-decoration:none; pointer-events:auto; z-index:1; transition:background .25s ease;} .my-bullet.is-active {background:#000;} .my-bullet .tip {position:absolute; right:43px; top:50%; opacity:0; pointer-events:none; font-family:"Funnel Display",sans-serif; font-size:15px; line-height:1; font-weight:700; text-align:right; white-space:nowrap; color:#000; transform:translateY(-50%) translateX(8px); transition:opacity .25s ease,transform .25s ease;} .my-bullet:hover .tip, .my-bullet.is-active:hover .tip {opacity:1; transform:translateY(-50%) translateX(0);} .my-bullet.is-active .tip {opacity:0; transform:translateY(-50%) translateX(8px);} .my-bullets {position:fixed; right:20px; top:50%; transform:translateY(-50%); display:flex; flex-direction:column; align-items:center; gap:14px; padding:20px 15px; border-radius:999px; background:rgba(255,255,255,0.45); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border:0; box-shadow:0 4px 14px rgba(0,0,0,0.12); z-index:9999; pointer-events:none;} .my-bullets::before {content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; background:linear-gradient(135deg,#fff 0%,rgba(255,255,255,0.9) 20%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 100%); -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none;} .is-dark .my-bullets {background:rgba(0,0,0,0.35); border-color:rgba(255,255,255,0.25);} .is-dark .my-bullet {background:rgba(255,255,255,0.25);} .is-dark .my-bullet.is-active {background:#fff;} .is-dark .my-bullet .tip {color:#fff;} /*Risultati*/ .risultato .tit p {color:#000; font-size: 24px; text-align: left; font-family: "funnel Display";font-weight: 700; line-height: 1.05em; margin-bottom: 0px; margin-top: 0px} .risultato p {color:#000; font-size: 18px; text-align: left; } .risultato .number-sfum p{background: linear-gradient(90deg,#FF7800 0%,#B7A8F3 30%,#7355EC 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent; font-size: 80px !important; text-align: left; margin: 0px; line-height: 0.9em; font-family: "funnel Display";font-weight: 700; } .risultato .number-sfum2 p{background:linear-gradient(90deg,#7355EC 0%,#B7A8F3 30%,#FF7800 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent; font-size: 80px !important; text-align: left; margin: 0px; line-height: 1em; font-family: "funnel Display";font-weight: 700; } .risultato { background: #F4F4F4 !important} .is-dark .risultato { background: #191919 !important} .is-dark .risultato p{ color: #fff} /*Progetti*/ /*Card big*/ .cards-progetti-wrap {margin: -150px 0px 30px 0px; pointer-events: none} .card-progetto-big.sticky-section {background-color: rgba(255, 255, 255, 0);height: 90vh !important;} .cards-progetti-wrap img {border-radius:32px} .cards-progetti-wrap p {font-size: 18px !important} .is-dark .cards-progetti-wrap p, .is-dark .cards-progetti-wrap h3 {color: #000 !important} .cards-progetti-wrap h3 {font-size: 24px !important} .cards-progetti-wrap > .card-progetto-big:nth-child(1) .col-inner {margin-top:40px!important;} .cards-progetti-wrap > .card-progetto-big:nth-child(2) .col-inner {margin-top:120px!important;} .cards-progetti-wrap > .card-progetto-big:nth-child(3) .col-inner {margin-top:200px!important;} @media only screen and (min-width: 1280px) { .cards-progetti-wrap > .card-progetto-big .banner {width:100%; margin:0 auto;} .cards-progetti-wrap > .card-progetto-big:nth-child(2) .banner {width:calc(100% + 60px); margin-left:-30px;} .cards-progetti-wrap > .card-progetto-big:nth-child(3) .banner {width:calc(100% + 120px); margin-left:-60px;} .card-progetto-big .text-box {left: 3%; pointer-events: auto} .cards-progetti-wrap > .card-progetto-big:nth-child(2) .text-box {left: 2%; pointer-events: auto} .cards-progetti-wrap > .card-progetto-big:nth-child(3) .text-box {left: 0%; pointer-events: auto} } .card-progetto-big .text-box-content {width: 490px; padding: 30px; border-radius: 16px;height: 420px;display:flex; flex-direction:column; } .card-progetto-big .text-inner{text-align: left !important;display:flex; flex-direction:column; height:100%; } .card-progetto-big .text-box {left: 3%; pointer-events: auto} .card-progetto-big .text-box .white {line-height: 2.2em;background-color: #000 !important; border: 1px solid #000; color: #fff !important;padding: 8px 0px;pointer-events: auto} .card-progetto-big .text-box .white:hover {line-height: 2.2em;background-color: transparent; border: 1px solid #000; color: #000} .card-progetto-big .banner {padding-top: 500px;background-color: transparent !important} .card-progetto-big .text-box-content .button {margin-top:auto;} .is-dark .card-progetto-big .secondary {color: #000 !important; border: 1px solid #000} .progetti-filtri {display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 32px;} .progetti-filtri--settori {gap: 18px;} .progetti-settore {display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: inherit; position: relative; color: #000; font-size: 18px; opacity: 0.6; font-family: "funnel Display"; } .is-dark .progetti-settore {color: #ffffff; } .progetti-settore:before {content: ""; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #000; box-sizing: border-box; display: inline-block; position: relative;} .progetti-settore.is-active:after {content: ""; position: absolute; left: 4px; width: 12px; height: 12px; border-radius: 50%; background: #000;} .is-dark .progetti-settore:before {border: 1px solid #fff;} .is-dark .progetti-settore.is-active:after {background: #fff;} .progetti-settore.is-active {pointer-events: none; cursor: default; opacity: 1 !important; } .progetti-settore:hover { opacity: 1 !important; } .progetti-filtri--servizi {gap: 12px;} .progetti-servizio {appearance: none; border: 1px solid rgba(0,0,0,.35); background: #fff; color: #747474; cursor: pointer; padding: 14px 14px; border-radius: 10px; font-weight: 500; line-height: 1em; margin-bottom: 0px; margin-right: 0px; font-family: "funnel Display"; font-size: 18px} .progetti-servizio:hover {border: 1px solid rgba(0,0,0,1); background: #fff; color: #000; } .is-dark .progetti-servizio:hover {border: 1px solid rgba(255,255,255,1); background: transparent; color: #fff; } .progetti-servizio.is-active {background: #000; color: #fff; border-color: #000;} .is-dark .progetti-servizio {border: 1px solid #c0c0c0; background: transparent; color: #c0c0c0;} .is-dark .progetti-servizio.is-active {background: #fff; color: #000; border-color: #fff;} .progetti-grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 20px; row-gap: 40px;} @media (max-width: 549px){.progetti-grid {grid-template-columns: 1fr;}} .hero-interna-progetti {background:url('/wp-content/themes/flatsome-child/assets/img/bkg-soluzione-light.jpg') no-repeat bottom center; background-size: cover;} .is-dark .hero-interna-progetti {background:url('/wp-content/themes/flatsome-child/assets/img/bkg-soluzione-dark.jpg') no-repeat bottom center; background-size: cover;} .progetto-item{position:relative;} .progetto-thumb{position:relative;z-index:1;overflow:hidden;border-radius:16px;} .progetto-thumb::after{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;background:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 70%);pointer-events:none;z-index:2;} .progetto-thumb img{position:relative;z-index:1;display:block;width:100%;height:430px;object-fit:cover;transition:transform .4s ease,filter .4s ease;} .progetto-item:hover .progetto-thumb img{transform:scale(1.06);filter:brightness(.85);} .progetto-item h3{position:relative;z-index:3;font-size:30px;line-height:1.2em;color: #fff !important} .progetto-abstract{margin:8px 0 0 0;font-size:14px;line-height:1.5em;opacity:.85;} .progetto-item>a {display:flex;flex-direction:column;height:100%;} .progetto-content {display:flex;flex-direction:column;flex:1;} .progetto-tags {margin-top:auto;} .single-progetto .progetto-tag {margin: 40px 0px 20px 0px} .progetto-tags{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:8px;} .progetto-tag{display:inline-block; padding:3px 10px 3px 12px; font-size:14px; line-height:1em;color:#fff; position:relative; margin: 0px 0px 0px 0px;} .progetto-tag::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--tag-color,#fff);} .progetto-content{min-height:40%;position:absolute;left:20px;right:20px;bottom:20px;padding:14px 20px;border-radius:32px;z-index:3;transition:background .4s ease,backdrop-filter .4s ease,-webkit-backdrop-filter .4s ease;} .progetto-item:hover .progetto-content{background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);} .hero-interna-progetto .section-bg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;background:linear-gradient(to top,rgba(255,255,255,1) 10%,rgba(255,255,255,0.2) 100%);pointer-events:none;} .is-dark .hero-interna-progetto .section-bg::after{background:linear-gradient(to top,rgba(0,0,0,1) 10%,rgba(0,0,0,0.2) 100%);pointer-events:none;} .hero-interna-progetti .progetto-tag {color: #000 !important;} .is-dark .hero-interna-progetti .progetto-tag {color: #fff !important;} .banner-testimonianza .frase p{font-size: 48px; font-family: "funnel Display";font-weight: 700; line-height: 1.1em; text-align: left; color: #000} .banner-testimonianza .frase-lunga p{font-size: 30px;font-family: "funnel Display";font-weight: 700; line-height: 1.15em; text-align: left; color: #000} .banner-testimonianza .piccolo p{font-size: 25px; text-align: left; color: #000} .is-dark .banner-testimonianza .frase p, .is-dark .banner-testimonianza .frase-lunga p{color: #fff} .is-dark .banner-testimonianza .piccolo p{color: #fff} .banner-testimonianza .virgolette {text-align: left} .banner-testimonianza .virgolette img{width:72px;height:auto;border-radius:0px;filter:brightness(0);} .is-dark .banner-testimonianza .virgolette img{filter: none;} .banner-testimonianza {background: url(/wp-content/themes/flatsome-child/assets/img/bkg-testimonianze-light.jpg) top center no-repeat !important ; } .is-dark .banner-testimonianza {background: url(/wp-content/themes/flatsome-child/assets/img/bkg-testimonianze-dark.jpg) top center no-repeat !important ;} .progetti-pagination {margin-top:50px;} .progetti-pagination .page-numbers {position:relative; display:flex; justify-content:center; align-items:center; list-style:none; padding:0; margin:0; min-height:54px;} .progetti-pagination .page-numbers li {margin:0 !important; display:flex; align-items:center;} .progetti-pagination .page-numbers a.page-numbers:not(.prev):not(.next), .progetti-pagination .page-numbers span.page-numbers.current, .progetti-pagination .page-numbers span.page-numbers.dots {display:inline-flex; align-items:center; justify-content:center; padding:0 6px; border:0; border-radius:0; background:transparent; color:#191919; text-decoration:none; font-size:18px; line-height:1;} .progetti-pagination .page-numbers span.page-numbers.current {font-weight:600;} .progetti-pagination .page-numbers .prev, .progetti-pagination .page-numbers .next {position:absolute; top:50%; transform:translateY(-50%); display:inline-flex; align-items:center; justify-content:center; width:54px; height:54px; border:1px solid #191919; border-radius:999px; background:#fff; text-decoration:none; font-size:0;} .progetti-pagination .page-numbers .prev {left:0;} .progetti-pagination .page-numbers .next {right:0;} .progetti-pagination .page-numbers .prev::before, .progetti-pagination .page-numbers .next::before {content:""; display:block; width:18px; height:18px; background:url('/wp-content/themes/flatsome-child/assets/img/freccia-dx.svg') center/contain no-repeat;} .progetti-pagination .page-numbers .prev::before {transform:rotate(180deg);} .progetti-pagination .page-numbers .prev:hover, .progetti-pagination .page-numbers .next:hover, .is-dark .progetti-pagination .page-numbers .prev:hover, .is-dark .progetti-pagination .page-numbers .next:hover {background:linear-gradient(45deg, rgba(255,122,26,0.3) 0%, rgba(255,140,47,0.3) 22%, rgba(167,132,232,0.3) 85%, rgba(106,67,214,0.3) 100%);} .progetti-pagination .page-numbers a.page-numbers:not(.prev):not(.next):hover {opacity:.7;} .is-dark .progetti-pagination .page-numbers a.page-numbers:not(.prev):not(.next), .is-dark .progetti-pagination .page-numbers span.page-numbers.current, .is-dark .progetti-pagination .page-numbers span.page-numbers.dots {color:#fff;} .is-dark .progetti-pagination .page-numbers .prev, .is-dark .progetti-pagination .page-numbers .next {background:#191919; border-color:#fff;} .is-dark .progetti-pagination .page-numbers .prev::before, .is-dark .progetti-pagination .page-numbers .next::before {filter:brightness(0) invert(1);} .page-numbers.is-disabled {opacity:0.3; pointer-events:none;} /*Chi siamo*/ .hero-interna-chisiamo {background:url('/wp-content/themes/flatsome-child/assets/img/bkg-chisiamo-light.jpg') no-repeat bottom center; background-size: cover; min-height: 450px !important} .hero-interna, .hero-interna-progetti, .hero-interna-progetto, .hero-interna-chisiamo {margin-top: -70px; min-height: 450px !important; padding: 65px 0px 20px 0px !important} .hero-interna-soluzione {margin-top: -70px;} @media only screen and (max-width:549px) { .hero-interna-chisiamo, .hero-interna, .hero-interna-progetti, .hero-interna-progetto, .hero-interna-chisiamo {min-height:400px !important;padding: 100px 0px 80px 0px !important } } .is-dark .hero-interna-chisiamo {background:url('/wp-content/themes/flatsome-child/assets/img/bkg-chisiamo-dark.jpg') no-repeat bottom center; background-size: cover;} .chi-siamo {background:url('/wp-content/themes/flatsome-child/assets/img/chisiamo-light.jpg') no-repeat center center; background-size: cover;} .is-dark .chi-siamo {background:url('/wp-content/themes/flatsome-child/assets/img/chisiamo-dark.jpg') no-repeat center center; background-size: cover;} .freccione .section-bg img {width: 830px; margin-left: -200px} .freccione {background: #F4F4F4 url('/wp-content/themes/flatsome-child/assets/img/frecciona.png') no-repeat -200px; } .is-dark .freccione {background: #191919 url('/wp-content/themes/flatsome-child/assets/img/frecciona.png') no-repeat -200px; } .bkg-sfum {position:relative; overflow:hidden;} .bkg-sfum::after {content:""; position:absolute; left:0; right:0; bottom:0; height:50%; background:linear-gradient(to top, #ffffff 5%, rgba(255,255,255,0) 100%); pointer-events:none;} .is-dark .bkg-sfum::after {background:linear-gradient(to top, #101010 5%, rgba(0,0,0,0) 100%); pointer-events:none;} .practice .row {margin: 0px auto !important; min-height: 132px } .practice .row p {font-size: 16px} .practice .row .col {padding: 15px 15px 0px 10px !important} .practice {border-bottom: 1px solid #000 } .is-dark .practice {border-bottom: 1px solid #fff } .team .row {position:relative; overflow:hidden; border-radius:32px;} .team .row .img, .team .row .img-inner {border-radius:inherit; overflow:hidden;} .team .row .col.biografia {position:absolute; inset:0; z-index:2; opacity:0; transition:opacity .4s ease; border-radius:inherit; pointer-events:none;} .team .row:hover .col.biografia {opacity:1;} .team .row .col.biografia .col-inner {position:relative; height:100%; padding:0; margin:0; border-radius:inherit; overflow:hidden;} .team .row .col.biografia .col-inner::before {content:""; position:absolute; top:0; bottom:0; left:0px; right:20px; background:url('/wp-content/themes/flatsome-child/assets/img/bkg-dark.jpg') center/cover no-repeat; opacity:.75; border-radius:inherit;} .team .row .col.biografia p {position:relative; z-index:1; color:#fff; margin:0; padding:10px 20px; max-width:95%; font-size: 15.5px; line-height: 1.15em !important} .team .row .col.biografia h3 {position:relative; z-index:1; color:#fff !important; margin:0; padding:20px 20px 0px 20px; max-width:90%; font-size: 20px; color: #fff} /*La nostra storia */ .timeline .col {padding:0 15px !important;} .timeline .row.align-equal {display:flex;} .timeline .grigio-nero-int {display:flex;} .timeline .grigio-nero-int .col-inner {display:flex; align-items:center; justify-content:center; height:100%; padding:40px !important;} .timeline-years {display:flex; justify-content:space-between; align-items:center; margin:0 20px 40px 20px; border-top: 1px solid #000} .timeline-year {margin: 0px ; background:none; border:0; padding:0; cursor:pointer; font-size:24px; line-height:1em; font-family: "funnel Display";font-weight: 700; text-decoration:none; transition:all .25s ease;} .is-dark .timeline-year {color: #fff !important} .is-dark .timeline-years {border-top: 1px solid #fff} .timeline-year.is-active {background:linear-gradient(90deg,#ff8a3d 0%,#9b8cff 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; color:transparent;} .timeline .flickity-prev-next-button.previous {left: 20px;right: auto;} .timeline .flickity-prev-next-button.next {left: auto; right: 20px} .img-light {display:block !important;} .img-dark {display:none !important;} .is-dark .img-light {display:none !important;} .is-dark .img-dark {display:block !important;} .icon-box.partner {display:flex; align-items:center; gap:0px;} .icon-box.partner .icon-box-img {flex:0 0 auto; display:flex; align-items:center;} .icon-box.partner .icon-box-text {flex:1; display:flex; align-items:center;} .icon-box.partner img, .partner img {filter: brightness(0) saturate(100%);} .is-dark .partner img, .is-dark .partner img {filter: brightness(0) invert(1);} .timeline-new-line { position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 10px; height: 100%; background: #ddd; border-radius: 17px; padding: 0; box-sizing: border-box; } .timeline-new-progress {position:relative; left:50%; transform:translateX(-50%); width:14px; height:0; background:linear-gradient(to bottom,#ff7800 0%,#ff9a62 22%,#b7a8f3 58%,#7355ec 100%); border-radius:17px;} .timeline-new .number-sfum p { display: inline-block; background: linear-gradient(90deg, #f2c4b2 0%, #ddd0ed 45%, #c9c0ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; font-size: 80px !important; margin: 0; line-height: 1em; font-family: "Funnel Display"; font-weight: 700; } .riga .col-inner {border-top: 1px solid #000} .is-dark .riga .col-inner {border-top: 1px solid #fff} /*Contatti*/ .recaptcha {font-size: 0.8em !important } .is-dark .recaptcha { color: #fff } .sedi {position:relative; margin:0 auto !important; align-items:center; cursor:pointer; z-index:1;} .sedi .col {padding:20px 0 0 0;} .sedi p {margin-bottom:12px;} .sedi .col-inner {padding:0 20px; display:flex; align-items:center; height:100%;} .sedi::before {content:""; position:absolute; top:0; bottom:0; left:50%; width:100vw; transform:translateX(-50%); background:linear-gradient(90deg,#FF7800 0%,#B7A8F3 50%,#7355EC 100%); opacity:0; transition:opacity .3s ease; pointer-events:none; z-index:0;} .sedi::after {content:""; position:absolute; left:50%; bottom:0; width:100vw; transform:translateX(-50%); border-bottom:1px solid #aaaaaa; pointer-events:none; z-index:1;} .sedi > * {position:relative; z-index:2;} .sedi:hover::before {opacity:.3 !important;} .sedi .alert {color:#000 !important;} .is-dark .sedi {color:#fff !important; background:#101010;} .is-dark .sedi .alert {color:#fff !important;} .is-dark .sedi:hover h3, .is-dark .sedi:hover p, .is-dark .sedi, .is-dark .alert {color:#fff !important;} .sedi:hover .alert::after {width:100%;} .business-team .col-inner {background: #fff; padding: 10px 5px 10px 10px} .is-dark .business-team .col-inner {background: #191919} .business-team .icon-box-left .icon-box-img + .icon-box-text {padding-left: 0.5em;} .business-team .icon-box-left {display:flex; align-items:center;} .business-team .icon-box-left .icon-box-img {margin-bottom:0;} .business-team .icon-box-left .icon-box-text {display:flex; flex-direction:column; justify-content:center;} #contatto-overlay {border-radius: 32px} /*News*/ /*Box*/ .archivio .post-item {border-radius:32px;} .archivio .post-title {font-weight:700; font-style:normal;} .archivio .post-item {position:relative; transition:background .3s ease;} .archivio h3 a:hover {color:#fff !important;} .archivio .is-divider {display:none;} .archivio .alert {color:#fff !important;} .archivio .post-title,.archivio p {color:#fff !important; line-height:1.2em !important;} .archivio h3 a {line-height:1.1em !important;} .archivio h3 {font-size:30px;} .archivio .box-overlay.dark .box-text,.box-shade.dark .box-text {text-shadow:1px 1px 1px rgba(0,0,0,0);} .archivio .box-text {padding:10px 10px;} .archivio .box-overlay .box-text-inner {padding:20px 20px; border-radius:32px; background:transparent; -webkit-backdrop-filter:none; backdrop-filter:none; transition:background-color .3s ease, -webkit-backdrop-filter .3s ease, backdrop-filter .3s ease;} .archivio .box-overlay:hover .box-text-inner {background-color:rgba(0,0,0,0.3); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);} .archivio .box-image {overflow:hidden; border-radius:32px;} .archivio .box-image .image-cover {transition:transform .7s ease, filter .7s ease; transform:scale(1) translateZ(0); will-change:transform; transform-origin:center;} .archivio .box-overlay:hover .image-cover {transform:scale(1.06) translateZ(0); filter:brightness(.9);} .archivio .box-overlay:hover .alert:after {width:100%;} .archivio .overlay {background:linear-gradient(to top,rgba(0,0,0,0.9) 20%,rgba(0,0,0,.55) 50%,rgba(0,0,0,0.1) 65%,rgba(0,0,0,0) 100%);} .archivio .box.box-blog-post:not(:has(.box-image)) {background:#f3f3f3; border-radius:32px; overflow:hidden; aspect-ratio:10/7;} .is-dark .archivio .box.box-blog-post:not(:has(.box-image)) {background:#000;} .archivio .box.box-blog-post:not(:has(.box-image)) .box-text {height:100%; display:flex; align-items:flex-end; padding:10px 10px;} .archivio .box.box-blog-post:not(:has(.box-image)) .box-text-inner {width:100%; padding:20px 20px; border-radius:32px; background:transparent !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important;} .archivio .box.box-blog-post:not(:has(.box-image)) .post-title,.archivio .box.box-blog-post:not(:has(.box-image)) .post-title a,.archivio .box.box-blog-post:not(:has(.box-image)) p,.archivio .box.box-blog-post:not(:has(.box-image)) .alert {color:#000 !important;} .is-dark .archivio .box.box-blog-post:not(:has(.box-image)) .post-title,.is-dark .archivio .box.box-blog-post:not(:has(.box-image)) .post-title a,.is-dark .archivio .box.box-blog-post:not(:has(.box-image)) p,.is-dark .archivio .box.box-blog-post:not(:has(.box-image)) .alert {color:#fff !important;} /*Archivio*/ .news-grid {display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px;} @media (max-width: 849px){.news-grid {grid-template-columns: repeat(2, minmax(0,1fr));}} @media (max-width: 549px){.news-grid {grid-template-columns: 1fr;}} .news-cat {display:inline-block; font-size:14px; text-transform:uppercase; background:#E6E6FA; color:#000; padding:3px 8px; border-radius:8px; margin-bottom:10px;} .news-date {font-size:13px; margin-bottom:8px;} .box-no-image {background:#f3f3f3; border-radius:32px;} .box-no-image .news-cat {background:#444444; color:#fff;} .is-dark .box-no-image {background:#000; } .is-dark .archivio .box-no-image h3 {color:#fff !important;} .is-dark .archivio .box-no-image h3 a:hover {color:#fff !important;} .archivio .box-no-image h3 a:hover {color:#000 !important;} .box-no-image .post-title, .box-no-image p, .box-no-image .news-date {color:#000 !important;} .box-no-image .alert {color:#000 !important;} .box-no-image:hover .alert:after {width:100%;} .is-dark .box-no-image .post-title,.is-dark .box-no-image p,.is-dark .box-no-image .news-date {color:#fff !important;} .is-dark .box-no-image .alert {color:#fff !important;} .news-wrap.archivio .post-item {height:450px; padding: 0px 0px 30px !important} .news-wrap.archivio .post-item .col-inner {height:100%;} .news-wrap.archivio .box {height:100%; position:relative; overflow:hidden; border-radius:32px;} .news-wrap.archivio .box-image {height:100%; overflow:hidden;} .news-wrap.archivio .box-image .image-cover {height:100%;} .news-wrap.archivio .box-image img {width:100%; height:100%; object-fit:cover;} .news-wrap.archivio .box-text {position:absolute; bottom:0; left:0; width:100%; z-index:2;} .news-wrap.archivio .box {position:relative;} .news-wrap.archivio .news-cat {position:absolute; top:22px; left:22px; z-index:3; margin:0;} .news-wrap.archivio .box-no-image .box-text {padding:10px 10px;} .news-wrap.archivio .box-no-image .box-text-inner {padding:20px 20px;} .news-filtri-wrap {display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:32px; flex-wrap:wrap;} .news-filtri-wrap .progetti-filtri--settori {flex:1 1 0; min-width:0;} .page-wrapper {padding-top: 0px} .blog-wrapper {background: url('/wp-content/themes/flatsome-child/assets/img/bkg-settori-light.jpg') no-repeat right top;background-size: auto;} .is-dark .blog-wrapper {background: url('/wp-content/themes/flatsome-child/assets/img/bkg-settori-dark.jpg') no-repeat right top;background-size: auto;} .blog-single .etichetta p {margin: 100px auto 30px ;} .single-news-meta-item {margin: 0px 10px} .is-dark .single-news-meta-item img {filter: brightness(0) invert(1);} .single-news-excerpt {margin: 50px 0px 30px 0px} .entry-image img{border-radius: 32px} .single-news-related {width:100vw; position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; margin-top: 100px} .single-news-related .section-content, .fullwidth-out .section-content {max-width:1240px; margin:0 auto;} .fullwidth-out {width:100vw; position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw;} .sostenibilita {background:url('/wp-content/themes/flatsome-child/assets/img/sostenibilita-light.jpg') no-repeat center center; background-size: cover;} .is-dark .sostenibilita {background:url('/wp-content/themes/flatsome-child/assets/img/sostenibilita-dark.jpg') no-repeat center center; background-size: cover;} .lavora-con-noi {background:url('/wp-content/themes/flatsome-child/assets/img/bkg-lavora-con-noi-light.jpg') no-repeat center center; background-size: cover;} .is-dark .lavora-con-noi {background:url('/wp-content/themes/flatsome-child/assets/img/bkg-lavora-con-noi-dark.jpg') no-repeat center center; background-size: cover;} /*Pagine interne*/ .hero-int {min-height: 468px} /*.breadcrumb {background-color:rgba(255,255,255,0.2); -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);} .is-dark .breadcrumb {background-color:rgba(0,0,0,0.2); -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);}*/ .breadcrumb {height: 70px} .breadcrumb a, .breadcrumb span {color: #000; } .is-dark .breadcrumb a,.is-dark .breadcrumb span {color: #fff; } .breadcrumb .col-inner {margin: 16px 0px -14px 0px; color: #fff !important} .breadcrumb {/*position: sticky; top: var(--header-h);*/ z-index: 50;} .breadcrumb_last {font-weight: bold} .txt-white p, .txt-white h2, .txt-white h3 {color: #fff !important} .carosello p {line-height: 1.33em !important} /*icone dark*/ .is-dark .store-keeper img {content:url("/wp-content/themes/flatsome-child/assets/img/store-keeper-dark.svg");} .is-dark .auditor img {content:url("/wp-content/themes/flatsome-child/assets/img/auditor-dark.svg");} .is-dark .store-manager img {content:url("/wp-content/themes/flatsome-child/assets/img/store-manager-dark.svg");} .is-dark .fanchisee img {content:url("/wp-content/themes/flatsome-child/assets/img/fanchisee-dark.svg");} .is-dark .assistant img {content:url("/wp-content/themes/flatsome-child/assets/img/store-assistant-dark.svg");} .is-dark .endless img {content:url("/wp-content/themes/flatsome-child/assets/img/endless-aisle-dark.svg");} .is-dark .self-service img {content:url("/wp-content/themes/flatsome-child/assets/img/self-service-sales-dark.svg");} .is-dark .unified img {content:url("/wp-content/themes/flatsome-child/assets/img/unified-commerce-orders-dark.svg");} .is-dark .smart img {content:url("/wp-content/themes/flatsome-child/assets/img/smart-mirror-dark.svg");} .is-dark .ecommerce img {content:url("/wp-content/themes/flatsome-child/assets/img/ecommerce-dark.svg");} .is-dark .penna img {content:url("/wp-content/themes/flatsome-child/assets/img/penna-dark.svg");} .is-dark .razzo img {content:url("/wp-content/themes/flatsome-child/assets/img/razzo-dark.svg");} .is-dark .globo img {content:url("/wp-content/themes/flatsome-child/assets/img/globo-dark.svg");} .is-dark .link img {content:url("/wp-content/themes/flatsome-child/assets/img/link-dark.svg");} .is-dark .customer img {content:url("/wp-content/themes/flatsome-child/assets/img/customer engagement & CRM-dark.svg");} .is-dark .corporate img {content:url("/wp-content/themes/flatsome-child/assets/img/corporate erp-dark.svg");} .is-dark .supply img {content:url("/wp-content/themes/flatsome-child/assets/img/supply chain mgmt-dark.svg");} .is-dark .data img {content:url("/wp-content/themes/flatsome-child/assets/img/data intelligence & analytics-dark.svg");} .is-dark .scontrino img {content:url("/wp-content/themes/flatsome-child/assets/img/scontrino-dark.svg");} .is-dark .reso img {content:url("/wp-content/themes/flatsome-child/assets/img/reso-dark.svg");} .is-dark .promozioni img {content:url("/wp-content/themes/flatsome-child/assets/img/promozioni-dark.svg");} .is-dark .fidelity img {content:url("/wp-content/themes/flatsome-child/assets/img/fidelity-dark.svg");} .is-dark .orchestrazione img {content:url("/wp-content/themes/flatsome-child/assets/img/orchestrazione-dark.svg");} .is-dark .compliance img {content:url("/wp-content/themes/flatsome-child/assets/img/compliance-dark.svg");} .is-dark .compliance2 img {content:url("/wp-content/themes/flatsome-child/assets/img/compliance3-White.svg");} .is-dark .acquisizione img {content:url("/wp-content/themes/flatsome-child/assets/img/acquisizione-dark.svg");} .is-dark .comprensione img {content:url("/wp-content/themes/flatsome-child/assets/img/comprensione-dark.svg");} .is-dark .shared img {content:url("/wp-content/themes/flatsome-child/assets/img/Shared Servicess Processes Automation - White.svg");} .is-dark .retail2 img {content:url("/wp-content/themes/flatsome-child/assets/img/Retail & Future Shop - White.svg");} .is-dark .e-learning img {content:url("/wp-content/themes/flatsome-child/assets/img/E-learning Platform - White.svg");} .is-dark .process img {content:url("/wp-content/themes/flatsome-child/assets/img/Process Compliance - White.svg");} .is-dark .application img {content:url("/wp-content/themes/flatsome-child/assets/img/Application Development - White.svg");} .is-dark .martech img {content:url("/wp-content/themes/flatsome-child/assets/img/Martech - White.svg");} .is-dark .crm img {content:url("/wp-content/themes/flatsome-child/assets/img/CRM - White.svg");} .is-dark .e-commerce img {content:url("/wp-content/themes/flatsome-child/assets/img/E-Commerce - White.svg");} .is-dark .territory img {content:url("/wp-content/themes/flatsome-child/assets/img/Territory Intelligence - White.svg");} .is-dark .intelligent img {content:url("/wp-content/themes/flatsome-child/assets/img/Intelligent Document Management - White.svg");} .is-dark .application2 img {content:url("/wp-content/themes/flatsome-child/assets/img/Application management - White.svg");} .is-dark .sap img {content:url("/wp-content/themes/flatsome-child/assets/img/SAP - White.svg");} .is-dark .process2 img {content:url("/wp-content/themes/flatsome-child/assets/img/Process Automation - White.svg");} .is-dark .design2 img {content:url("/wp-content/themes/flatsome-child/assets/img/Design-Experience-white.svg");} .is-dark .design img {content:url("/wp-content/themes/flatsome-child/assets/img/Design & Experience - White.svg");} .is-dark .artificial img {content:url("/wp-content/themes/flatsome-child/assets/img/Artificial Intelligence - White.svg");} .is-dark .healthcare img {content:url("/wp-content/themes/flatsome-child/assets/img/Healthcare services - White.svg");} .is-dark .data2 img {content:url("/wp-content/themes/flatsome-child/assets/img/Data Intelligence & Analytics - White.svg");} .is-dark .workforce img {content:url("/wp-content/themes/flatsome-child/assets/img/Workforce Management - White.svg");} .is-dark .human img {content:url("/wp-content/themes/flatsome-child/assets/img/Human Resources Management - White.svg");} .is-dark .enterprice img {content:url("/wp-content/themes/flatsome-child/assets/img/Enterprice performance - White.svg");} .is-dark .corporate2 img {content:url("/wp-content/themes/flatsome-child/assets/img/Corporate Enterprise Services - White.svg");} .is-dark .supply2 img {content:url("/wp-content/themes/flatsome-child/assets/img/Supply Chain Procurement - White.svg");} .is-dark .decisioni img {content:url("/wp-content/themes/flatsome-child/assets/img/decisioni-White.svg");} .is-dark .riduzione img {content:url("/wp-content/themes/flatsome-child/assets/img/riduzione-White.svg");} .is-dark .contabilta img {content:url("/wp-content/themes/flatsome-child/assets/img/Gestione-contabilita-white.svg");} .is-dark .tesoreria img {content:url("/wp-content/themes/flatsome-child/assets/img/Tesoreria e gestione rischi white.svg");} .is-dark .previsioni img {content:url("/wp-content/themes/flatsome-child/assets/img/Previsioni finanziarie white.svg");} .is-dark .infrastruttura img {content:url("/wp-content/themes/flatsome-child/assets/img/Infrastruttura integrata white.svg");} .is-dark .kpi img {content:url("/wp-content/themes/flatsome-child/assets/img/KPI e analisi predittive white.svg");} .is-dark .pianificazione img {content:url("/wp-content/themes/flatsome-child/assets/img/Pianificazione e controllo white.svg");} .is-dark .decision img {content:url("/wp-content/themes/flatsome-child/assets/img/Decision support white.svg");} .is-dark .accessibilita img {content:url("/wp-content/themes/flatsome-child/assets/img/Accessibilita-inclusivita-white.svg");} .is-dark .prototipazione img {content:url("/wp-content/themes/flatsome-child/assets/img/Prototipazione e animazioni white.svg");} .is-dark .ricerca img {content:url("/wp-content/themes/flatsome-child/assets/img/Ricerca e analisi competitiva white.svg");} .is-dark .sviluppo img {content:url("/wp-content/themes/flatsome-child/assets/img/Sviluppo front-end white.svg");} .is-dark .test img {content:url("/wp-content/themes/flatsome-child/assets/img/Test-usabilita-white.svg");} .is-dark .branding img {content:url("/wp-content/themes/flatsome-child/assets/img/Branding e identita visiva white.svg");} .is-dark .thinking img {content:url("/wp-content/themes/flatsome-child/assets/img/Design thinking white.svg");} .is-dark .journey img {content:url("/wp-content/themes/flatsome-child/assets/img/Journey mapping white.svg");} .is-dark .storytelling img {content:url("/wp-content/themes/flatsome-child/assets/img/Storytelling white.svg");} .is-dark .analytics img {content:url("/wp-content/themes/flatsome-child/assets/img/Analytics and simulation white.svg");} .is-dark .financial img {content:url("/wp-content/themes/flatsome-child/assets/img/Financial e reporting close white.svg");} .is-dark .performance img {content:url("/wp-content/themes/flatsome-child/assets/img/Performance and controlling white.svg");} .is-dark .planning img {content:url("/wp-content/themes/flatsome-child/assets/img/Planning e forecasting white.svg");} .is-dark .business img {content:url("/wp-content/themes/flatsome-child/assets/img/Business process outsourcing white.svg");} .is-dark .gestione img {content:url("/wp-content/themes/flatsome-child/assets/img/Gestione trasferte white.svg");} .is-dark .payroll img {content:url("/wp-content/themes/flatsome-child/assets/img/Payroll automatizzato white.svg");} .is-dark .talent img {content:url("/wp-content/themes/flatsome-child/assets/img/Talent management white.svg");} .is-dark .time img {content:url("/wp-content/themes/flatsome-child/assets/img/Time management white.svg");} .is-dark .amministrativa img {content:url("/wp-content/themes/flatsome-child/assets/img/Area amministrativa e logistica white.svg");} .is-dark .paziente img {content:url("/wp-content/themes/flatsome-child/assets/img/Area gestione del paziente white.svg");} .is-dark .percorsi img {content:url("/wp-content/themes/flatsome-child/assets/img/Area gestione percorsi clinici white.svg");} .is-dark .integrazione img {content:url("/wp-content/themes/flatsome-child/assets/img/Integrazione e flussi dati white.svg");} .is-dark .ruolo img {content:url("/wp-content/themes/flatsome-child/assets/img/Ruolo dell’intelligenza artificiale white.svg");} .is-dark .sistema img {content:url("/wp-content/themes/flatsome-child/assets/img/Sistema informativo ospedaliero white.svg");} .is-dark .analisi img {content:url("/wp-content/themes/flatsome-child/assets/img/analisi e previsione del rischio white.svg");} .is-dark .competenze img {content:url("/wp-content/themes/flatsome-child/assets/img/Competenze sui processi finanziari white.svg");} .is-dark .competenze2 img {content:url("/wp-content/themes/flatsome-child/assets/img/Strategie data driven white.svg");} .is-dark .tecnologie img {content:url("/wp-content/themes/flatsome-child/assets/img/Tecnologie per la fraud detection white.svg");} .is-dark .integrazione2 img {content:url("/wp-content/themes/flatsome-child/assets/img/Integrazione con i sistemi esistenti white.svg");} .is-dark .antifrode img {content:url("/wp-content/themes/flatsome-child/assets/img/Un sistema antifrode scalabile white.svg");} .is-dark .abstrid img {content:url("/wp-content/themes/flatsome-child/assets/img/Abstrid Store white.svg");} .is-dark .community img {content:url("/wp-content/themes/flatsome-child/assets/img/Community retail white.svg");} .is-dark .digital img {content:url("/wp-content/themes/flatsome-child/assets/img/Digital experience white.svg");} .is-dark .skudra img {content:url("/wp-content/themes/flatsome-child/assets/img/Skudra white.svg");} .is-dark .ai3 img {content:url("/wp-content/themes/flatsome-child/assets/img/Soluzioni AI nel retail white.svg");} .is-dark .order img {content:url("/wp-content/themes/flatsome-child/assets/img/Gestione Order to Cash white.svg");} .is-dark .erp img {content:url("/wp-content/themes/flatsome-child/assets/img/Integrazione ERP–MES white.svg");} .is-dark .procurement img {content:url("/wp-content/themes/flatsome-child/assets/img/Procurement to Pay white.svg");} .is-dark .warehouse img {content:url("/wp-content/themes/flatsome-child/assets/img/Warehouse & Logistics Management white.svg");} .is-dark .agilita img {content:url("/wp-content/themes/flatsome-child/assets/img/Agilita e scalabilita in Cloud white.svg");} .is-dark .automazione img {content:url("/wp-content/themes/flatsome-child/assets/img/Automazione intelligente dei processi white.svg");} .is-dark .capacita img {content:url("/wp-content/themes/flatsome-child/assets/img/Capacita decisionale e predittivita white.svg");} .is-dark .evoluta img {content:url("/wp-content/themes/flatsome-child/assets/img/Customer experience evoluta white.svg");} .is-dark .dati img {content:url("/wp-content/themes/flatsome-child/assets/img/Dati come asset white.svg");} .is-dark .governance img {content:url("/wp-content/themes/flatsome-child/assets/img/Governance IT e infrastruttura white.svg");} .is-dark .qualita img {content:url("/wp-content/themes/flatsome-child/assets/img/Qualita e Test automation white.svg");} .is-dark .mappatura img {content:url("/wp-content/themes/flatsome-child/assets/img/Analisi e mappatura dei processi white.svg");} .is-dark .compliance3 img {content:url("/wp-content/themes/flatsome-child/assets/img/Compliance e rispetto normative white.svg");} .is-dark .implementazione img {content:url("/wp-content/themes/flatsome-child/assets/img/Implementazione e go-live progressivo white.svg");} .is-dark .lucy img {content:url("/wp-content/themes/flatsome-child/assets/img/lucy white.svg");} .is-dark .orchestrazione2 img {content:url("/wp-content/themes/flatsome-child/assets/img/Orchestrazione e automazione white.svg");} .is-dark .accessibilita4 img {content:url("/wp-content/themes/flatsome-child/assets/img/Accessibilita e supporto multilingua white.svg");} .is-dark .ai2 img {content:url("/wp-content/themes/flatsome-child/assets/img/AI per la progettazione didattica white.svg");} .is-dark .aule img {content:url("/wp-content/themes/flatsome-child/assets/img/Aule virtuali e contenuti interattivi white.svg");} .is-dark .automazione2 img {content:url("/wp-content/themes/flatsome-child/assets/img/Automazione amministrativa white.svg");} .is-dark .gestione4 img {content:url("/wp-content/themes/flatsome-child/assets/img/Gestione evolutiva della piattaforma white.svg");} .is-dark .hosting img {content:url("/wp-content/themes/flatsome-child/assets/img/Hosting europeo e sicurezza white.svg");} .is-dark .integrazioni img {content:url("/wp-content/themes/flatsome-child/assets/img/Integrazioni e interoperabilita white.svg");} .is-dark .learning img {content:url("/wp-content/themes/flatsome-child/assets/img/Learning analytics e misurazione white.svg");} .is-dark .piattaforme img {content:url("/wp-content/themes/flatsome-child/assets/img/Piattaforme Open white.svg");} .is-dark .demand img {content:url("/wp-content/themes/flatsome-child/assets/img/Demand forecasting white.svg");} .is-dark .scheduling img {content:url("/wp-content/themes/flatsome-child/assets/img/Scheduling & Workforce Optimization white.svg");} .is-dark .strategic img {content:url("/wp-content/themes/flatsome-child/assets/img/Strategic Workforce Planning white.svg");} .is-dark .workforce2 img {content:url("/wp-content/themes/flatsome-child/assets/img/Workforce Analytics white.svg");} .is-dark .analisi2 img {content:url("/wp-content/themes/flatsome-child/assets/img/Analisi predittive white.svg");} .is-dark .copertura img {content:url("/wp-content/themes/flatsome-child/assets/img/Copertura territoriale ottimizzata white.svg");} .is-dark .individuazione img {content:url("/wp-content/themes/flatsome-child/assets/img/Individuazione delle aree ad alto potenziale white.svg");} .is-dark .riduzione2 img {content:url("/wp-content/themes/flatsome-child/assets/img/Riduzione di costi e inefficienze white.svg");} .is-dark .strategie img {content:url("/wp-content/themes/flatsome-child/assets/img/Strategie data driven white.svg");} .is-dark .vantaggio img {content:url("/wp-content/themes/flatsome-child/assets/img/Vantaggio competitivo white.svg");} .is-dark .visione img {content:url("/wp-content/themes/flatsome-child/assets/img/Visione piu accurata del territorio white.svg");} .is-dark .icona img{filter:brightness(0) invert(1);} /*Footer*/ .custom-widget p, li {line-height: 1.30 !important;} .five-col .col {flex-basis: 20%; max-width: 20%;} .five-col > .col:nth-child(3) > .col-inner {padding-left:30px;} #footer, #footer li {font-size: 18px;} .logo-footer img {width: 200px} #footer .display p, #footer .display a, #footer .icon-box-text a, #footer p, #footer .icon-box-text {font-size: 16px; color: #fff !important; } #footer .menu-item a:hover {text-decoration: underline} #footer .menu-item a {color: #C0C0C0} .is-dark #footer .menu-item a {color: #444444} html.is-dark #footer .display p,html.is-dark #footer .display a, .is-dark #footer .icon-box-text a,.is-dark #footer p, .is-dark #footer .icon-box-text {font-size: 16px; color: #000 !important; } .is-dark #footer .icon {color:#000 !important;} #footer .icon {color:#fff !important;} #footer button, .is-dark #footer button {color:#fff !important} #footer i[class^="icon-"]::before {margin-left: 0px;} .back-to-top {background: rgba(255,255,255,0.1);background-image: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0.15)),linear-gradient(135deg,rgba(255,255,255,1),rgba(255,255,255,0.1));box-shadow: 0 4px 6px rgba(0,0,0,0.15) !important;backdrop-filter: blur(18px); border: 0px !important} .back-to-top i{color: #000 !important} .is-dark .back-to-top i{color: #fff !important} .back-to-top:hover {box-shadow: 0 4px 6px rgba(0,0,0,0.15) !important;} .is-dark .back-to-top {background: rgba(0,0,0,0.25) !important;border: none !important} .back-to-top::before {content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; background:linear-gradient(135deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0.95) 25%,rgba(255,255,255,0.25) 70%,rgba(255,255,255,0) 100%); -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor;mask-composite: exclude;pointer-events: none; z-index: 0; } .is-outline:hover {background-color:inherit; border-color: inherit;} #footer .is-border {border-color: #fff !important;} .is-dark #footer .is-border {border-color: #000 !important;} html.is-dark #footer i[class^="icon-"]::before {filter: none ;} .absolute-footer {display: none} #footer .icon-box-text a {text-decoration: underline; font-size: 16px !important} #footer .icon-box-text {color: #000;font-size: 16px !important} #footer .icon-box-text a:hover {color: #7355EC} #footer .icon-box-img img, #footer .icon-box-img svg {padding-top: 0em;} #footer .five-col .menu {margin-top: -18px} #footer .five-col .col:nth-child(5) .menu {margin-top: -6px} #footer ul li {border-top: 0px ;} #menu-menu-servizio-ita, #menu-menu-servizio-en{display:flex;gap:20px;padding:0;margin:0;list-style:none;justify-content:flex-end;margin-top: -4px;} #menu-menu-servizio-ita a, #menu-menu-servizio-en a{display:inline-block;text-decoration:none;} .scroll-scritta {margin-bottom: -20px; z-index: 9} .scroll-scritta .section-bg {background:#fff !important; border-radius: 0px 0px 25px 25px} .is-dark .scroll-scritta .section-bg {background:#101010 !important; border-radius: 0px 0px 25px 25px} .marquee {width:100vw; overflow:hidden; white-space:nowrap; color: #000; font-size: 60px; font-family: "funnel Display"; font-weight: 700} .is-dark .marquee {color: #fff;} .marquee-track {display:inline-block; padding-left:100%; animation:marquee 24s linear infinite;} @keyframes marquee {0% {transform:translateX(0);} 100% {transform:translateX(-100%);}} ul.sidebar-wrapper.ul-reset > li.sidebar-widget-li {display:contents;} #footer .primary{color:#fff !important; border: 1px solid #fff; margin-bottom: -80px} #footer .primary:hover{background-color:rgba(0,0,0,0.3);color:#fff !important;} .is-dark #footer .primary{color:#000 !important; border: 1px solid #000} .is-dark #footer .primary:hover{background-color:rgba(255,255,255,0.3);color:#000 !important;} #footer .display{font-weight: 700} #footer .icon img {filter: brightness(0) invert(1);} .is-dark #footer .icon img {filter: brightness(0);} /*Contatti form*/ /* Trasforma lo span interno di CF7 in elemento in-linea così da farci stare il pulsante a fianco */ .tot.cv .wpcf7-form-control-wrap {display: inline-block !important;width: auto !important;} /* Forza l'allineamento orizzontale dei due elementi */ .file-row {display: flex !important;align-items: center !important; gap: 15px !important;} #remove-file-btn {margin:0px 0px 4px 10px !important; padding: 0px !important} .wpcf7-form input[type="checkbox"], input[type="radio"] {margin-right: 5px;} .wpcf7-form label {font-size: 15px;font-weight: 300;} .cv label {display:block; margin-bottom:0px; margin-top: 30px} .cv input[type="file"] {font-size:14px; background: transparent !important} .cv input[type="file"]::file-selector-button {padding:12px 20px; background:#f4f4f4; color:#000; border:1px solid #000; cursor:pointer; border-radius:8px;} .cv input[type="file"]::file-selector-button:hover {background:#f4f4f4;} .is-dark .cv input[type="file"]::file-selector-button {background:transparent !important; color:#fff; border:1px solid #fff;} .is-dark label {color: #fff;} .is-dark .contatti p,.is-dark .contatti h2,.is-dark .contatti a,.is-dark .contatti span {color: #fff !important} .contatti p, .contatti h2, .contatti a, .contatti span {color: #000 !important} .candidatura {background:url(/wp-content/themes/flatsome-child/assets/img/bkg-form-light.jpg); background-repeat: no-repeat} .is-dark .candidatura {background:url(/wp-content/themes/flatsome-child/assets/img/bkg-form-dark.jpg);background-repeat: no-repeat} .cv p {font-size: .9em;} .cv .wpcf7-form-control-wrap {padding: 10px 0px} .wpcf7 textarea {height:150px;} .wpcf7-form input:not([type="submit"]):not([type="file"]), .wpcf7-form textarea {background: transparent; border:none; color:#000; padding:10px .65em;box-shadow: none; border-bottom: 1px solid #999; font-size: 1em;} .is-dark .wpcf7-form input:not([type="submit"]),.is-dark .wpcf7-form textarea { color:#fff; } .wpcf7-form select {background:transparent; border:none;padding:10px .65em; border-bottom: 1px solid #999 !important; font-size: 1em;box-shadow: none;color:rgba(0,0,0,0.55);} .is-dark .wpcf7-form select {} .is-dark .wpcf7-form input::placeholder,.is-dark .wpcf7-form textarea::placeholder, .is-dark .wpcf7-form select option:first-child {color:rgba(255,255,255,0.75) !important; opacity:1;} .wpcf7-form input::placeholder, .wpcf7-form textarea::placeholder {color:rgba(0,0,0,0.55); opacity:1;} .wpcf7-form select {appearance:none; -webkit-appearance:none; -moz-appearance:none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 16px center/22px; padding-right:56px;} .is-dark .wpcf7-form select {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 16px center/22px;} input:focus, textarea:focus, select:focus {outline:none !important; box-shadow:none !important;} .wpcf7-form select option {color:#000;} .wpcf7-form input:not([type="submit"]):focus, .wpcf7-form textarea:focus, .wpcf7-form select:focus {outline:2px solid #fff; outline-offset:2px; box-shadow:none;} .wpcf7-form input[type="submit"] {text-transform:none;margin-top: 20px; width: 100%;} .wpcf7 .wpcf7-not-valid-tip {background-color: #FF7800 !important; color: #000 !important;} .is-dark .wpcf7 .wpcf7-not-valid-tip {background-color: #FF7800 !important; color: #000 !important;}.wpcf7 .wpcf7-not-valid-tip::after { border: 10px solid rgba(136,183,213,0); border-bottom-color: rgba(136, 183, 213, 0); border-bottom-color: #FF7800;} .is-dark .wpcf7 form.invalid .wpcf7-response-output,.is-dark .wpcf7 form.unaccepted .wpcf7-response-output,.is-dark .wpcf7 form.payment-required .wpcf7-response-output {color: #fff;} .contatti .icon img, .candidatura .icon img {filter: brightness(0);} .is-dark .contatti .icon img, .is-dark .candidatura .icon img{filter: brightness(0) invert(1);} select option {background:#e7e7e7; color:#000;} select:focus {outline:none; box-shadow:0 0 0 2px rgba(0,0,0,1);} .is-dark select {background:#111; border-color:rgba(255,255,255,1); color:rgba(255,255,255,0.75)} .is-dark select option {background:#111; } .is-dark select:focus {outline:none; box-shadow:0 0 0 2px rgba(255,255,255,1);} .divisorio-sfum .is-divider {background:linear-gradient(45deg, rgba(255,122,26,1) 0%, rgba(255,140,47,1) 22%, rgba(167,132,232,1) 85%, rgba(106,67,214,1) 100%);} /*Slidebar contatti*/ .sidebar-form {position:fixed; top:120px; right:0; transform:translateX(100%); width:460px; max-width:90vw; height:auto; max-height:90vh; background:#fff; transition:.35s ease; z-index:9999; padding:40px 30px; border-radius:20px 0 0 20px; box-shadow:none; display:flex; flex-direction:column;} .sidebar-form.is-open {transform:translateX(0);} .sidebar-form-content {overflow:auto;} .sidebar-form-overlay {position:fixed; inset:0; background:rgba(0,0,0,.25); opacity:0; visibility:hidden; transition:.35s ease; z-index:9998;} .sidebar-form-overlay.is-open {opacity:1; visibility:visible;} .sidebar-form-overlay {display:none;} .sidebar-form {box-shadow:none;} .sidebar-form.is-open {box-shadow:-20px 10px 40px rgba(0,0,0,.12);} .contatti .section-bg {background: none !important} .sidebar-form {background: url(/wp-content/themes/flatsome-child/assets/img/bkg-sidebar-light.jpg) center / cover no-repeat !important;} .is-dark .sidebar-form {background: url(/wp-content/themes/flatsome-child/assets/img/bkg-sidebar-dark.jpg) center / cover no-repeat !important;} .sidebar-form-close {all:unset; position:absolute; top:20px; right:20px; width:40px; height:40px; display:flex; align-items:center; justify-content:center; cursor:pointer; border-radius:40px; background:rgba(255,255,255,.2); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);} .sidebar-form-close {z-index:10;} .sidebar-form-close::before {content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; background:linear-gradient(135deg,#fff 0%,rgba(255,255,255,0) 35%,#fff); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none;} .sidebar-form-close::after {content:""; position:absolute; width:14px; height:14px; background:linear-gradient(#000,#000) center/100% 1.5px no-repeat, linear-gradient(#000,#000) center/1.5px 100% no-repeat; transform:rotate(45deg);} .is-dark .sidebar-form-close::after {background:linear-gradient(#fff,#fff) center/100% 1.5px no-repeat, linear-gradient(#fff,#fff) center/1.5px 100% no-repeat;} #footer .sidebar-form p {color: #000 !important} .is-dark #footer .sidebar-form p {color: #fff !important} html #footer button.sidebar-form-close {border-radius:40px !important;} .sidebar-form .wpcf7-response-output {display:none !important;} .sidebar-form-content {overflow:hidden;} .form-success {height:auto; min-height:60px;} @media only screen and (max-width: 850px) { .intro-portfolio-home {position:sticky; top:80px; z-index:20; background:var(--bg);} /*.slider-wrapper .flickity-prev-next-button {display: none;}*/ .slide-settori .flickity-prev-next-button {bottom:-50px; top:auto; display: block;} .slide-settori .flickity-slider .text {height: 100px} .slide-settori .flickity-prev-next-button.previous {left:20px !important;} .slide-settori .flickity-prev-next-button.next {left:120px !important;} .slide-settori .flickity-controls-custom {left: 80px !important; bottom: -38px;} .slide-settori .custom-pause {bottom:-65px;right:0px !important; left:auto; } .col-inner:has(.accordion) {padding: 30px 30px 50px 30px !important;} .card-progetto-big.sticky-section {background-color: rgba(255, 255, 255, 0);height: 80vh !important;} .risultato p {margin-bottom: 0.6em !important; margin-top: 0.4em !important;} .risultato .text .text p {margin-bottom: 0em !important; margin-top: 0em !important;} .risultato .tit p {margin-bottom: 0em !important; margin-top: 0.2em !important;} } .flickity-page-dots {display: none} @media only screen and (max-width: 1024px) { .five-col .col {flex-basis: 33.3%; max-width: 33.3%;} .my-bullets{display: none;} .servizi-list .col-inner {padding: 0px 10px;} .soluzione .banner-bg:after{background:rgba(0,0,0,0);} .soluzione .success.freccia span::after{transform:rotate(-90deg);filter:brightness(0) saturate(100%) invert(1);opacity:1!important;} .settori.carosello p {min-height: 150px} .progetto-tag{margin: 0px 0px 0px 0px !important;line-height: 1.2em !important;} .freccione{background:#F4F4F4!important} .is-dark .freccione{background:#191919!important} } @media only screen and (min-width:550px) and (max-width:768px) { .soluzioni .flickity-slider {left:0 !important; width:100% !important; max-width:100% !important;} .soluzioni .flickity-slider > .row {width:47% !important; max-width:47% !important;} .soluzioni .flickity-slider > .row > .col {width:100% !important; max-width:100% !important; flex-basis:100% !important;} /*.soluzioni .slider-wrapper .flickity-prev-next-button { display: none !important;}*/ } @media only screen and (min-width:769px) and (max-width:1024px) { .soluzioni .flickity-slider {left:0 !important; width:100% !important; max-width:100% !important;} .soluzioni .flickity-slider > .row {width:44% !important; max-width:44% !important;} .soluzioni .flickity-slider > .row > .col {width:100% !important; max-width:100% !important; flex-basis:100% !important;} .soluzione .img{opacity:1;transform:translateY(0);} } @media only screen and (max-width: 550px) { .timeline-new-line {left:16px; transform:none;} .slider-wrapper .flickity-prev-next-button {display: block !important; } .banner-contatti > .col-inner:first-of-type {position:relative; background:#f5f5f5; background-size:cover !important; padding:40px 20px 20px 20px; overflow:hidden;} .banner-contatti > .col-inner:first-of-type:before {content:""; position:absolute; top:-130px; left:-100px; width:120%; height:180%; background:url(https://abstract.oniroagency.com/wp-content/uploads/2026/03/frecciona-2.png) left center no-repeat; background-size:400px auto; pointer-events:none;} } @media only screen and (min-width:550px) and (max-width:768px) { .mini {margin-top: -70px} } @media (min-width: 550px) and (max-width: 849px) { .col.np .banner {height: 480px !important;padding-top: 0 !important;} .col.np .banner .height-fix {display: none !important} .settori .flickity-viewport {height: 450px } .alto4 .flickity-viewport {height: 530px !important} .alto3 .flickity-viewport {height: 500px !important} } @media (min-width: 360px) and (max-width: 549px) { .col.np .banner {height: 420px !important;padding-top: 0 !important;} .is-full-height { min-height: auto !important;} .col.np .banner .height-fix {display: none !important;} .button.white {width: 100%} .settori .flickity-viewport {height: 460px !important } .alto .flickity-viewport {height: 400px !important} .alto4 .flickity-viewport {height: 430px !important} .alto4 .col-inner {min-height: 410px !important;} .alto3 .flickity-viewport {height: 460px !important} .row-slider .flickity-prev-next-button {border-radius: 50% !important;width: 50px !important;height: 50px !important;transition: transform .3s,opacity .3s,background .3s,box-shadow .3s;color: #111;cursor: pointer;} .row-slider .flickity-prev-next-button svg { border: 1px solid #000 !important;} .is-dark .row-slider .flickity-prev-next-button svg { border: 1px solid #fff !important;} } @media only screen and (max-width: 600px) { .team .row .col.biografia p {font-size: 14px !important; line-height: 1.12em !important} } @media only screen and (max-width: 550px) { .sedi {position:relative; margin:0 auto !important; align-items:center; cursor:pointer; z-index:1; background:url('/wp-content/themes/flatsome-child/assets/img/pin.svg') no-repeat right 10px center; background-size:45px 57px; border-bottom:1px solid #aaaaaa;} .sedi:hover {background:url('/wp-content/themes/flatsome-child/assets/img/pin.svg') no-repeat right 10px center, linear-gradient(90deg,rgba(255,120,0,.3) 0%,rgba(183,168,243,.3) 50%,rgba(115,85,236,.3) 100%); background-size:45px 57px, auto;} .is-dark .sedi {position:relative; margin:0 auto !important; align-items:center; cursor:pointer; z-index:1; background:url('/wp-content/themes/flatsome-child/assets/img/pin-dark.svg') no-repeat right 10px center; background-size:45px 57px; border-bottom:1px solid #aaaaaa;} .is-dark .sedi:hover {background:url('/wp-content/themes/flatsome-child/assets/img/pin-dark.svg') no-repeat right 15px center, linear-gradient(90deg,rgba(255,120,0,.3) 0%,rgba(183,168,243,.3) 50%,rgba(115,85,236,.3) 100%); background-size:45px 57px, auto;} } @media (min-width: 850px) and (max-width: 1199px) { #wrapper .team .flickity-slider > * {max-width: 40% !important;} } @media only screen and (max-width: 850px) { /*************** ADD MOBILE ONLY CSS HERE ***************/ .risultato .number-sfum p{ font-size: 65px !important; } .risultato .number-sfum2 p{font-size: 65px !important; } .wp-singular #main {margin-top: 80px;} .header-main {height: 80px !important;} .flickity-page-dots {display: none} .flickity-prev-next-button {position:absolute;} .flickity-prev-next-button{position:absolute!important;margin:0!important;transform:translateY(-50%)!important} .flickity-prev-next-button.previous{left:20px!important;right:auto!important} .flickity-prev-next-button.next{left:auto!important;right:20px!important} h1 {font-size: 50px; line-height: 1.1em;} .hero h1 {font-size: 50px; line-height: 1.1em;} h2 {font-size: 42px; line-height: 1.1em;} h3 {font-size: 24px; line-height: 1.1em; } .settori.carosello p {min-height: 200px; margin-bottom: 0em; line-height: 1.4em} /*.settori.carosello h3 {height: 50px;}*/ .box-settori.medium-12 {flex: 0 0 calc(96% - 0px); max-width: calc(96% - 0px);} .box-settori:hover {background: none;} .box-settori::before {background:transparent;} .settori-mobile .flickity-slider {left: -10px !important; width: 100%; max-width: 95%;} .archivio .flickity-slider {left: 0% !important; width: 100%; max-width: 95%;} .carosello .flickity-slider {left: -8% !important; width: 100%; max-width: 100%;} .team.carosello .flickity-slider {left: -2% !important;} .soluzione .img{opacity:1;transform:translateY(0);} .archivio .flickity-page-dots {bottom: -40px;} /*.archivio .flickity-button {display: none !important}*/ .archivio .from_the_blog_excerpt {display: none} .soluzioni .flickity-page-dots {bottom: -50px; right: auto} .flickity-page-dots .dot, .archivio .flickity-page-dots .dot {height: 12px;width: 12px;} .primary, .secondary {width: 100%} .ambito .col-inner {padding-left: 0px; border: none !important} .icon-menu::before {content:""; display:inline-block; width:60px; height:60px; background:url('/wp-content/themes/flatsome-child/assets/img/burger.svg') no-repeat center center; background-size:contain; } .is-dark .icon-menu svg {color:#fff;} .icon-menu {font-size:0;} .off-canvas-center .nav-vertical > li > a, .off-canvas-center .nav-vertical > li > ul > li a { justify-content: left !important; font-size: 18px; color: #000} .is-dark .off-canvas-center .nav-vertical > li > a, .is-dark .off-canvas-center .nav-vertical > li > ul > li a {color: #fff} .sub-menu {padding: 10px 30px 10px 30px !important; font-size: 18px} /* Sposta il bkg dal container alla wrap (così non copre i controlli) */ .mfp-container {background:none !important;} .mfp-wrap {background: url(/wp-content/themes/flatsome-child/assets/img/bkg-light.jpg) top center no-repeat !important; background-size:cover !important;} .is-dark .mfp-wrap {background: url(/wp-content/themes/flatsome-child/assets/img/bkg-dark.jpg) top center no-repeat !important; background-size:cover !important;} /* Close sempre sopra */ .mfp-wrap {position:fixed; z-index:99990;} .mfp-close {position:fixed !important; top:10px; right:20px; z-index:99999 !important;mix-blend-mode: normal;opacity: 1 !important;} .mfp-close {width:60px; height:60px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(255,255,255,.2); position:relative;} .mfp-close::before {content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; background:linear-gradient(135deg, rgb(255, 255, 255), rgb(255, 255, 255) 0%, rgba(255,255,255,0) 35%, rgb(255, 255, 255)); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none;} html .mfp-wrap button:not(.icon) {border-radius:40px !important;} .mfp-close svg {width:40px; height:40px;} .is-dark .mfp-close svg {color:#fff;} .off-canvas-center .sidebar-menu {text-align:left !important;} .off-canvas-center .nav-sidebar.nav-vertical > li > a {display:block !important; position:relative; border-bottom:none !important;} .off-canvas-center .nav-sidebar.nav-vertical > li > a::after {content:""; position:absolute; left:30px; bottom:0; width:calc(100% - 60px); height:1px; background:linear-gradient(90deg,#000 0%,rgba(0,0,0,0) 100%);} .off-canvas-center .nav-sidebar.nav-vertical > li.has-child.active > a::after {background:#000;} .is-dark .off-canvas-center .nav-sidebar.nav-vertical > li > a::after {background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,0) 100%);} .is-dark .off-canvas-center .nav-sidebar.nav-vertical > li.has-child.active > a::after {background:#fff;} .toggle { margin: 0 15px 0 0;} .mfp-wrap::before {content:""; position:fixed; top:9px; left:15px; width:200px; height:60px; background:url(/wp-content/themes/flatsome-child/assets/img/logo.svg) center/contain no-repeat; z-index:2147483646; pointer-events:none;} .mfp-wrap #main-menu .nav-sidebar > li.header-block:first-child {display:none !important;} /*.mfp-wrap #main-menu .nav-sidebar {padding-top:140px;}*/ .mobile-logo-click {position:fixed; top:23px; left:15px; width:200px; height:60px; z-index:999; display:block;} .is-dark .mfp-wrap::before {filter:invert(1);} .is-dark .nav-sidebar img {filter:brightness(0) saturate(100%) invert(1);} .off-canvas-center .mfp-content { padding-top: 80px;} .header-block-block-2 {margin-top: 20px} .mfp-wrap .header-block-block-2 {padding-left:30px !important;} .mfp-wrap .header-block-block-3 {padding-left:30px !important;} .mfp-wrap #main-menu .nav-sidebar > li.header-block {text-align:left !important;} .mfp-wrap #main-menu .nav-sidebar > li.header-block .widget.custom-widget ul.menu {display:flex; align-items:center; justify-content:flex-start; gap:0; margin-top:30px; padding:0; list-style:none;} .mfp-wrap #main-menu .nav-sidebar > li.header-block .widget.custom-widget ul.menu > li {display:flex; align-items:center; margin:0; padding:0; position:relative;} .menu .wpml-ls-item:not(:last-child)::after {content: " |";margin: 0 10px;} .is-dark .menu .wpml-ls-item:not(:last-child)::after {color: #fff} .banner-testimonianza .frase p{font-size: 30px; } .banner-testimonianza .frase-lunga p{font-size: 20px;} .banner-testimonianza .piccolo p{font-size: 14px; } .alto2 .flickity-page-dots {bottom:-40px; } } @media only screen and (max-width: 48em) { /*************** ADD MOBILE ONLY CSS HERE ***************/ .sidebar-form {position:fixed; top:20px; right:-100vw; left:auto; transform:none; width:90vw; max-width:90vw; padding:30px 15px; border-radius:20px;} .sidebar-form.is-open {left:50%; right:auto; transform:translateX(-50%);} .soluzioni .flickity-slider {left: -3% !important; width: 100%; max-width: 100%;} .divider-sfum {padding: 20px 0px 20px 0px; border-bottom: 2px solid transparent; background: linear-gradient(90deg,#FF7800,#7355EC) bottom/100% 2px no-repeat;} .logo-allineamento .img-inner, .logo-allineamento {margin-left: 0px !important} .sedi .col-inner {padding:0px 15px;} .sedi .col {padding:0px 38px 0px 0px;} .sedi {padding:10px 0px;} .sedi p {margin-bottom:0px;} .soluzioni .business-team {padding: 10px 10px !important} .soluzione img:not(.bg){width:80px; margin-bottom: 20px; filter:brightness(0);} .sedi::before, .sedi::after {content:none !important;} .five-col .col {flex-basis: 100%; max-width: 100%;} .freccione{background:#F4F4F4!important} .five-col > .col:nth-child(3) > .col-inner {padding-left:0px;} h1 {font-size: 46px; line-height: 1.1em;} .hero h1 {font-size: 44px; line-height: 1.1em;} h2, .h2 h3, .h2 h4 {font-size: 40px; line-height: 1.05em;font-family: "Funnel Display";} h3 {font-size: 22px; line-height: 1.1em; } h4 {font-size: 22px; line-height: 1.1em;} li {font-size: 1.05em; line-height: 1.5; margin: 0px 0.55em} p {font-size: 1.05em; line-height: 1.5; } p.lead {font-size: 18px;} .funnel p, .funnel h2 {font-size: 20px;} #menu-menu-servizio-ita, #menu-menu-servizio-en {justify-content: flex-start;} .card-progetto-big .text-box-content { width: auto;height: auto;} .card-progetto-big .text-box-content p { margin-bottom: 30px} .card-progetto-big .text-box {margin: 0px 2%; left: 0} .box-settori.medium-6 {flex: 0 0 calc(96% - 0px); max-width: calc(96% - 0px);} .sfum {margin-bottom: 20px} .sfum .col-inner {padding: 20px} .servizi-row .row { padding: 15px 0px 0px;} .servizi-list .col {padding: 0px 0px 0px 0px;} .etichetta p, .etichetta.centro p { width: fit-content; font-size: 16px; text-transform: uppercase; line-height: 16px;} #menu-menu-servizio-ita, #menu-menu-servizio-en{display: contents;} .card-progetto-big .banner-bg {display: none} .row.cta-mobile{position:fixed;bottom:0;left:0;width:100%;z-index:9999;border-radius:16px 16px 0 0;padding:10px 0 0;background:rgba(244,244,244,.65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transform:translateZ(0);-webkit-transform:translateZ(0);} .is-dark .row.cta-mobile {background:rgba(25,25,25,.65); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);} .row.cta-mobile .col{margin-bottom: 0px; padding-bottom: 10px} .cta-mobile .secondary {line-height: 2.2em;} .cta-mobile .secondary span {line-height: 1.1em;margin: 6px 0px;} .single-post .cta-mobile {width: 100% !important; margin: 0px !important} .btn-mobile {display: block !important} .grigio .col-inner {padding: 30px 10px 50px 10px;} .servizi-row {display:flex; align-items:center; justify-content:space-between;} .servizi-row .row {display:contents;} .servizi-row h3 {margin:0;} .soluzioni .medium-4 {padding: 0px 0px} .servizi-row .row > .descr, .servizi-row .row > .cta {display: none !important} .servizi-row {min-height: 80px;} .servizi-list .servizi-row:nth-child(odd), .expertise:nth-child(odd) > .col {background:#ffffff;} .servizi-list .servizi-row:nth-child(even), .expertise:nth-child(even) > .col {background:#f4f4f4;} .is-dark .servizi-list .servizi-row:nth-child(odd), .is-dark .expertise:nth-child(odd) > .col {background:#101010;} .is-dark .servizi-list .servizi-row:nth-child(even),.is-dark .expertise:nth-child(even) > .col {background:#444444;} .servizi-row::after {content:""; position:absolute; right:20px; top:50%; transform:translateY(-50%); width:24px; height:24px; background: url("/wp-content/themes/flatsome-child/assets/img/freccia-dx.svg") center/16px no-repeat; border-radius:50%; z-index:3;} .is-dark .servizi-row::after {filter: brightness(0) invert(1);} .row > .col.ambito {border-left:none;} .row > .col.ambito .col-inner {padding-left:0px;} .timeline .grigio-nero-int {min-height: 250px ; } .timeline .grigio-nero-int .funnel p{font-size: 18px !important} .timeline .row.align-equal > .col:first-child {display:none;} .timeline .row.align-equal > .col {flex-basis:100%; max-width:100%;} .timeline-years {flex-wrap:wrap; justify-content:center; gap:7px;margin: 0 0px 20px 0px;} .timeline-year {font-size:18px;} .back-to-top {margin-bottom: 60px} .accordion-title { padding: 1em 0.5em 1em 0.5em; margin-bottom: -35px} .accordion .accordion-inner {padding: 1em 1.3em 1em 0.6em !important;} .servizi-accordion .servizi-accordion-content {display:none;} .servizi-accordion .accordion-title h3 {font-family: "funnel Display"; font-weight: 700;font-size: 20px; line-height: 1.2em; padding-right: 30px;} .servizi-accordion .accordion-inner {padding: 2.8em 1.8em 0.5em 1.8em !important; } .servizi-accordion .accordion-inner {pointer-events:none;} .flickity-page-dots {bottom: -40px;} .altezza-fissa .flickity-page-dots {bottom: 120px;} .timeline .grigio-nero-int .col-inner {padding:20px !important;} .archivio .flickity-slider .post-item {height:auto !important;} .archivio .flickity-slider .box.box-blog-post {aspect-ratio:1/1; min-height:0; height:auto;} .archivio .flickity-slider .box.box-blog-post:not(:has(.box-image)) {aspect-ratio:1/1;} .archivio .flickity-slider .box.box-blog-post:not(:has(.box-image)) .box-text {height:100%; display:flex; align-items:flex-end;} #filtro-news .news-grid {grid-template-columns:1fr;} #filtro-news .post-item,#filtro-news .post-item .col-inner,#filtro-news .box {width:100%; max-width:100%; min-width:0;} #filtro-news .box-text,#filtro-news .box-text-inner {width:100%; max-width:100%; min-width:0; box-sizing:border-box;} #filtro-news .post-title,#filtro-news .post-title a,#filtro-news h3,#filtro-news h5 {overflow-wrap:anywhere; word-break:break-word;} #filtro-news h3,#filtro-news h5 {font-size:24px;} #filtro-news .box-image img {width:100%; height:100%; object-fit:cover; display:block;} .partner .icon-box-text {padding: 0px !important} .partner .icon-box-img {margin: 0px auto !important} .off-canvas-center .nav-sidebar.nav-vertical > li .toggle {top: 10px !important;} .alto5 .flickity-page-dots {bottom:-40px; } .alto2 .flickity-page-dots {bottom:-40px; } } @media (max-width:849px){ .img-dx>.section-bg, .img-sx>.section-bg{display:none!important;} #footer .primary{ margin-bottom: 0px} br.desktop-br { display: none;} .marquee {font-size: 45px;} .griglia .grid-col:has(.risultato) { height: 210px !important; padding-bottom: 10px !important; } .griglia .grid-col:has(.img) { height: 210px !important; padding-bottom: 10px !important; } .griglia .risultato { height: 200px !important; min-height: 200px !important; padding-top: 0 !important; } .griglia .risultato .banner-inner { height: 100% !important; } .griglia .img { height: 200px !important; } .griglia .img .img-inner { height: 200px !important; } .griglia .img img { width: 100% !important; height: 200px !important; object-fit: cover; } .off-canvas-center.mfp-wrap {overflow-y: hidden !important;} .off-canvas-center .mfp-content {overflow-y: hidden !important;} #main-menu {overflow: hidden !important;} #main-menu .sidebar-menu {height: calc(100dvh - 85px); overflow-y: hidden !important; overflow-x: hidden;} #main-menu:has(.nav-sidebar > li.has-child.active) .sidebar-menu {overflow-y: auto !important;} } /*Menu mobile sotto i 1100px*/ @media (min-width: 850px) and (max-width: 1100px) { #masthead .hide-for-medium { display: none !important; } #masthead .show-for-medium { display: block !important; } #masthead .header-inner { display: flex !important; } #masthead .show-for-medium.flex-right { display: flex !important; margin-left: auto; } #masthead .mobile-nav { display: flex !important; align-items: center; } #masthead .nav-icon { display: block !important; } .icon-menu::before {content:""; display:inline-block; width:60px; height:60px; background:url('/wp-content/themes/flatsome-child/assets/img/burger.svg') no-repeat center center; background-size:contain; } .is-dark .icon-menu svg {color:#fff;} .icon-menu {font-size:0;} .off-canvas-center .nav-vertical > li > a, .off-canvas-center .nav-vertical > li > ul > li a { justify-content: left !important; font-size: 18px; color: #000} .is-dark .off-canvas-center .nav-vertical > li > a, .is-dark .off-canvas-center .nav-vertical > li > ul > li a {color: #fff} .sub-menu {padding: 10px 30px 10px 30px !important; font-size: 18px} /* Sposta il bkg dal container alla wrap (così non copre i controlli) */ .mfp-container {background:none !important;} .mfp-wrap {background: url(/wp-content/themes/flatsome-child/assets/img/bkg-light.jpg) top center no-repeat !important; background-size:cover !important;} .is-dark .mfp-wrap {background: url(/wp-content/themes/flatsome-child/assets/img/bkg-dark.jpg) top center no-repeat !important; background-size:cover !important;} /* Close sempre sopra */ .mfp-wrap {position:fixed; z-index:99990;} .mfp-close {position:fixed !important; top:22px; right:20px; z-index:99999 !important;mix-blend-mode: normal;opacity: 1 !important;} .mfp-close {width:60px; height:60px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(255,255,255,.2); position:relative;} .mfp-close::before {content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; background:linear-gradient(135deg, rgb(255, 255, 255), rgb(255, 255, 255) 0%, rgba(255,255,255,0) 35%, rgb(255, 255, 255)); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none;} html .mfp-wrap button:not(.icon) {border-radius:40px !important;} .mfp-close svg {width:40px; height:40px;} .is-dark .mfp-close svg {color:#fff;} .off-canvas-center .sidebar-menu {text-align:left !important;} .off-canvas-center .nav-sidebar.nav-vertical > li > a {display:block !important; position:relative; border-bottom:none !important;} .off-canvas-center .nav-sidebar.nav-vertical > li > a::after {content:""; position:absolute; left:30px; bottom:0; width:calc(100% - 60px); height:1px; background:linear-gradient(90deg,#000 0%,rgba(0,0,0,0) 100%);} .off-canvas-center .nav-sidebar.nav-vertical > li.has-child.active > a::after {background:#000;} .is-dark .off-canvas-center .nav-sidebar.nav-vertical > li > a::after {background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,0) 100%);} .is-dark .off-canvas-center .nav-sidebar.nav-vertical > li.has-child.active > a::after {background:#fff;} .toggle { margin: 0 15px 0 0;} .mfp-wrap::before {content:""; position:fixed; top:23px; left:15px; width:200px; height:60px; background:url(/wp-content/themes/flatsome-child/assets/img/logo.svg) center/contain no-repeat; z-index:2147483646; pointer-events:none;} .mfp-wrap #main-menu .nav-sidebar > li.header-block:first-child {display:none !important;} /*.mfp-wrap #main-menu .nav-sidebar {padding-top:140px;}*/ .mobile-logo-click {position:fixed; top:23px; left:15px; width:200px; height:60px; z-index:999; display:block;} .is-dark .mfp-wrap::before {filter:invert(1);} .is-dark .nav-sidebar img {filter:brightness(0) saturate(100%) invert(1);} .off-canvas-center .mfp-content { padding-top: 80px;} .header-block-block-2 {margin-top: 20px} .mfp-wrap .header-block-block-2 {padding-left:30px !important;} .mfp-wrap .header-block-block-3 {padding-left:30px !important;} .mfp-wrap #main-menu .nav-sidebar > li.header-block {text-align:left !important;} .mfp-wrap #main-menu .nav-sidebar > li.header-block .widget.custom-widget ul.menu {display:flex; align-items:center; justify-content:flex-start; gap:0; margin-top:30px; padding:0; list-style:none;} .mfp-wrap #main-menu .nav-sidebar > li.header-block .widget.custom-widget ul.menu > li {display:flex; align-items:center; margin:0; padding:0; position:relative;} .menu .wpml-ls-item:not(:last-child)::after {content: " |";margin: 0 10px;} .is-dark .menu .wpml-ls-item:not(:last-child)::after {color: #fff} .off-canvas-center.mfp-wrap {overflow-y: hidden !important;} .off-canvas-center .mfp-content {overflow-y: hidden !important;} #main-menu {overflow: hidden !important;} #main-menu .sidebar-menu {height: calc(100dvh - 85px); overflow-y: hidden !important; overflow-x: hidden;} #main-menu:has(.nav-sidebar > li.has-child.active) .sidebar-menu {overflow-y: auto !important;} } /* Disattiva FadeInUp Flatsome */ [data-animate="fadeInUp"] { opacity: 1 !important; transform: none !important; transition: none !important; animation: none !important; }