/* Theme Name: GeneratePress Child Theme URI: https://generatepress.com Description: Default GeneratePress child theme Author: Tom Usborne Author URI: https://tomusborne.com Template: generatepress Version: 0.1 */ #cmplz-manage-consent {visibility:hidden} .impostacookie {cursor: pointer; text-decoration:underline; text-underline-offset: 5px;} .eb-accordion-8fhmw.eb-accordion-container .title-content-eb-accordion-8fhmw .eb-accordion-title {font-size:18px !important} .img-home{float:right; width:50%;} .h1-home{float:left; width:50%; padding-top:30px;} .testo-top-home{float:left; width:50%;} .pulizia{clear:both; margin-bottom:40px;} .testo-top-home .wp-block-group__inner-container {padding:0px;} .img-home .wp-block-group__inner-container {padding-right:0px;} .img-dimensioni img{max-width:50%;} .menu-item-usa{min-width:60px;} /* inizio accessibilità generate press */ .cmplz-cookiebanner .cmplz-links .cmplz-link {font-size: 13px !important; background: #fff;} .cmplz-cookiebanner .cmplz-links .cmplz-link:hover {text-decoration:none !important; } .cmplz-cookiebanner .cmplz-message, .cmplz-cookiebanner .cmplz-title{background: #fff;} a:visited {text-decoration: none} a:active {text-decoration: none} a:hover, .eb-breadcrumb a {text-decoration: underline !important; text-underline-offset: 5px;} /*a:link,*/ form a, form a:link, form a:visited, form a:active, form a:hover{text-decoration:underline !important} .current_page_item a, nav a:hover {text-decoration: underline !important; text-underline-offset: 8px;} .gb-menu-link {background-color: #0a4f8f !important;} .wpml-ls-slot-59 .gb-menu-link, .sub-menu .gb-menu-item a {background-color: #0a2c52 !important;} .sub-menu .gb-menu-item:hover > a{ background:#0a4f8f!important; color:#fff !important; border-radius: 6px !important;} .menu-item-8979 ul li { background-color: #0e315a !important;} .menu-blu-tagliato .mega-prod .sub-menu .sub-menu .menu-item > a, .menu-blu-tagliato .mega-prod .sub-menu .sub-menu .menu-item > a:hover {color: #fff !important;} .gb-text.ft-titolo, .ft-card p {background-color: #0e2d52 !important;} .ft-card .wp-social-link, .ft-card .wp-social-link.wp-social-link {background-color: #2f537c !important;} /* Nasconde correttamente il testo accessibile senza far fallire il contrasto */ .wp-block-social-link-label.screen-reader-text { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; word-wrap: normal !important; } /* 1. Rimuovi l'outline di default che taglia il menu .gb-navigation, .gb-menu-toggle, .gb-navigation * { outline: none !important; }*/ /* 2. Applica il focus visibile SOLO quando un elemento viene navigato via tastiera .gb-menu-toggle:focus-visible, .gb-navigation a:focus-visible, .gb-navigation button:focus-visible { outline: 2px solid #000000 !important; outline-offset: -2px !important; }*/ /* Correzione Accessibilità Focus Menu */ .gb-navigation, .gb-menu-toggle { outline: none; } .gb-menu-toggle:focus-visible, .gb-navigation a:focus-visible, .gb-navigation button:focus-visible, a.gb-menu-link:focus-visible { outline: 2px solid #ffffff !important; outline-offset: -2px !important; box-shadow: 0 0 0 2px #003770 !important; } /* --- Focus visibile: F78 / G195 / SC 2.4.7 / SC 1.4.11 --- */ /* Annulla eventuali "outline: none" del tema */ .gb-navigation a:focus, .gb-navigation button:focus, .gb-menu-toggle:focus { outline: revert; } /* Anello di focus d'autore, solo da tastiera */ .gb-navigation a:focus-visible, .gb-navigation button:focus-visible, .gb-menu-toggle:focus-visible { outline: 3px solid #005fcc; /* contrasto ~5:1 su bianco */ outline-offset: 2px; border-radius: 3px; /* anello bianco esterno: resta visibile anche su header scuri */ box-shadow: 0 0 0 5px #ffffff; } /* Il mouse non mostra l'anello (fallback per browser senza :focus-visible) */ .gb-navigation a:focus:not(:focus-visible), .gb-navigation button:focus:not(:focus-visible), .gb-menu-toggle:focus:not(:focus-visible) { outline: none; box-shadow: none; } /* Modalità contrasto elevato di Windows */ @media (forced-colors: active) { .gb-navigation a:focus-visible, .gb-menu-toggle:focus-visible { outline: 3px solid Highlight; outline-offset: 2px; } } /* --- Interlinea: SC 1.4.12 / C21 --- */ .gb-navigation, .gb-navigation .gb-menu a, .gb-menu-toggle { line-height: 1.5; } /* Niente altezze fisse: il testo deve poter crescere */ .gb-navigation .gb-menu a { height: auto; min-height: 44px; /* target ≥ 44px, SC 2.5.8 */ display: flex; align-items: center; overflow: visible; } /* Area cliccabile adeguata anche per il toggle */ .gb-menu-toggle { min-width: 44px; min-height: 44px; } /* fine accessibilità generate press */ /* accessibilità */ .cmplz-cookiebanner .cmplz-links .cmplz-link {font-size: 13px !important; background: #fff;} .cmplz-cookiebanner .cmplz-links .cmplz-link:hover {text-decoration:none !important; } .cmplz-cookiebanner .cmplz-message, .cmplz-cookiebanner .cmplz-title{background: #fff;} .col-md-4 {width:calc(100%/3 - 10px); margin:5px; float:left} .col-md-6 {width:calc(100%/2 - 10px); margin:5px; float:left} .col-md-12 {width:calc(100% - 10px); margin:5px; float:left} input:focus, a:focus, textarea:focus, select:focus {outline: #6691ff solid 2px !important;} input:focus-visible, a:focus-visible, textarea:focus-visible, select:focus-visible {outline: #6691ff solid 2px !important;} input::placeholder, textarea::placeholder {font-style: italic !important; opacity: 0.5 !important;} form .access50 input, form .access50 label, form .access50 textarea {width:100%; max-width:100%} form .access100 input, form .access100 label, form .access100 textarea{width:100%; max-width:100%} .form-contatti {width:100%; max-width:100%} .form-contatti .wpcf7-acceptance span{margin-left:0 !important} form label {display:block; margin-bottom:5px} input[type="radio"] {width: fit-content !important; vertical-align: baseline !important;} .wpcf7-submit {float:right !important} form select {width:100%} form .form-contatti{display: flex; flex-flow: row wrap; /*margin: 0 -1rem 1rem -1rem;*/ padding:20px 40px !important;} .form-prodotti {background-color: #003770 !important;} .form-prodotti span.privacy, .form-prodotti span.privacy a {color: #fff !important;} .form-prodotti .wpcf7-form-control.wpcf7-submit.has-spinner {border: 1px solid #fff !important;} /* Messaggi errore CF7 */ .wpcf7-not-valid-tip {font-size: 12px; color: #c0392b; margin-top: 5px; font-weight: 600;} /* Link accessibile sempre distinguibile */ a.privacy-statement, .privacy a {color: #000 !important; text-decoration: underline !important; text-decoration-thickness: 1px; text-underline-offset: 0.15em;} /* Hover/focus: manteniamo underline + cambio colore */ a.privacy-statement:hover, a.privacy-statement:focus, .privacy a:hover, .privacy a:focus {color: #000 !important; text-decoration: underline !important; /* underline non sparisce */} .link-hover-nero a {background-color:#f5f4f1; text-underline-offset: 5px;} .link-hover-nero a:hover {color: #000 !important;} .link-hover-bianco a {background-color:var(--global-logo01-scuro); color: #fff !important; text-underline-offset:5px} .link-hover-bianco a:hover {color: #f9f9f9 !important} .btn-header-hp-01:hover .gb-text {background-color: #855554;} .btn-header-hp-01 .gb-text:hover, .btn-header-hp-01:hover {background-color: #855554;} .btn-header-hp-01 .gb-text {background-color: #986967;} .btn-header-hp-01:hover .gb-text {background-color: #855554 !important;} @media screen and (max-width:810px) { .dati-footer {flex-direction: column;} .dati-footer img {margin-top: 10px !important;} } @media screen and (max-width:460px) { .ft-sx {flex-direction: column;} .nl-card.ft-card {width: calc(100% - 40px); margin-top: 20px !important;} .zato-footer > .zato-footer-top { display: flex;gap: 0 !important;} .sqs-ft {margin-top: 15px !important;} } .menu li, .menu li a, .menu li:hover, .menu li a:hover {background-color: #fbfaf9 !important;} .cmplz-btn:focus {outline: 2px solid #000000; outline-offset: 2px;} /* Assicurati che l'icona di uscita sia evidenziata quando selezionata */ .slideout-exit:focus {outline: 3px solid #005a9c !important; /* Blu scuro ad alto contrasto */ outline-offset: 2px; box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.8); /* Opzionale: aggiunge un alone bianco per staccare dallo sfondo scuro */} .has-col-nero-color {color: #000000 !important;} .sfondo-accordion {background-color: #f9f9f9 !important;} /*fine accessibilità*/ /* ============================================================ */ /* Riserva spazio per il logo - previene CLS */ /* Usa aspect-ratio basato su width/height nativi (696x127) */ /* ============================================================ */ img.is-logo-image, img.header-image {height: 36px; width: auto; max-width: 100%; display: block;} @media (min-width: 768px) { img.is-logo-image, img.header-image {height: 70px !important; width: auto !important} } /* Riserva spazio anche sui container per sicurezza */ .site-logo, .navigation-branding, .sticky-navigation-logo {min-height: 36px; display: inline-block;} @media (min-width: 768px) { .site-logo, .navigation-branding, .sticky-navigation-logo {min-height: 36px;} } /* fine a spazio per il logo */ .box-faq {width: 70%; margin: auto;} .gb-element-16ffe56a {padding: 0 !important;} .inside-navigation.grid-container.grid-parent a, .inside-navigation.grid-container.grid-parent a:hover {background-color: #00000000 !important; } .main-nav ul li a:hover {color: #003770 !important;} .no-padding {padding-left: 0 !important; padding-right: 0 !important;} /* PAGINA SEARCH */ .search-no-results h1, .search-results h1{margin:4% 0 50px;} .search-no-results .content-area, .search-results .content-area{min-height: 60vh; margin-bottom:60px;} .search-results .inside-article{margin-top:30px;} /* div[aria-label="Breadcrumb"], .eb-breadcrumb a{margin-bottom:10px; }*/ .sfumatura-h1-interne{text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);} /* Search results: nascondi data e testo introduttivo, mantieni Read more */ .search-results .entry-meta, .search-results .entry-summary > p:not(.read-more-container) { display: none; } /* Zato 2026 */ .video-testata {height: 65vh; overflow-y: hidden; position: relative;} .video-testata video {width: 100%; height: 100%; object-fit: cover;} .titolo-su-video {font-size: 28px; position: absolute; z-index: 9; background: #003770; color: #fff; padding: 20px 40px 20px 150px; margin-top:-160px;} .titolo-su-img.h1-after-sales {max-width: 900px !important; margin-right: 20px !important} .titolo-su-img {position: absolute; z-index: 9; background: #003770; padding: 20px 40px 20px 150px; margin-top:-190px;} .titolo-su-img h1 {font-size: 30px; color:#fff; margin:0} .titolo-su-img a {color:#fff !important} .singolo-prodotto-card {border-radius:15px !important; margin-bottom:30px; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1) !important; -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1) !important; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1) !important;} .singolo-prodotto-card img{border-radius:15px 15px 0 0; margin-bottom:15px;} .singolo-prodotto-card:hover {-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2) !important; -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2) !important; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2) !important;} .singolo-prodotto-card svg{margin:0 20px 20px 0} .singola-applicazione {position:relative} .singola-applicazione img{border-radius:15px;} .titolo-applicazione {width: 100%; background: rgba(255, 255, 255, 0.85); min-height: 65px; display: flex; align-items: center; justify-content: center; bottom: 0 !important; border-radius: 0 0 12px 12px; margin:0; position:absolute} .img-sostenibilita, .box-oggi-domani .eb-accordion-container {border-radius: 15px !important;} .box-hp-img-sx img{border-radius:15px 0 0 15px;} .colonna-banner-fiere-hp {padding:20px 0} .colonna-banner-fiere-hp img{max-width:240px; height:auto; width: 100%;} .colonna-banner-fiere-hp .is-layout-grid {padding-right:80px;} .colonna-sost-hp{padding-right:40px;} /* timeline */ .eb-timeline-wrapper.eb-timeline-jfkfi.eb-timeline-line-style-three::before {display:none} /* 1. Nascondi il numero (il testo "11") */ .eb-timeline-dot-inner span.eb-timeline-dot-icon:not(.eb-timeline-complete-icon) {font-size: 0 !important; position: relative;} /* 2. Inserisci la freccia Dashicons al posto del numero */ .eb-timeline-dot-inner span.eb-timeline-dot-icon:not(.eb-timeline-complete-icon)::before { content: "\f345"; font-family: dashicons; font-size: 24px !important; display: inline-block; vertical-align: middle; padding:6px; margin-left:5px} .eb-timeline-dot-inner span.eb-timeline-complete-icon:not(:empty) ~ span.eb-timeline-dot-icon {display: none !important;} .eb-timeline-wrapper.eb-timeline-line-style-three .eb-timeline-progress-line {width:3px} .eb-timeline-dot {margin-top:15px} .eb-timeline-wrapper.eb-timeline-jfkfi .eb-timeline-dot.completed .eb-timeline-dot-inner .eb-timeline-dot-icon {padding:9px 0 32px !important; margin-left:5px} /*cambia colore company punto usa nella mappa */ div[data-hotspot-id="hotspot_1778601493656_rn1h46p3v"] .eb-hotspot-marker-inner .eb-hotspot-dot {background:var(--global-logo02); color:var(--global-logo02)} /* INIZIO NEWS SEO */ .news_seo {clear:both; display:flex} .news_seo img {border-radius:14px !important} .news_seo .alignright {width:calc(50% - 40px) !important; height:auto !important; margin-left:40px !important;} .news_seo .alignleft {width:calc(50% - 40px) !important; height:auto !important; margin-right:40px !important;} @media screen and (max-width: 800px) { .news_seo .alignright {width:100% !important; height:auto !important; margin-bottom:20px !important; } .news_seo .alignleft {width:100% !important; height:auto !important; margin-bottom:20px !important;} .video-testata {height: 45vh !important;} } .news_seo .wp-block-embed.alignright, .news_seo .wp-block-embed.alignleft{max-width:100%} /*.news_seo ul {display:inline-block}*/ /* FINE NEWS SEO */ .gruppo-no-pd .wp-block-group__inner-container{padding:0} .testo-blu {color:var(--global-logo01)} .accordion-usato .gb-accordion__item {margin-bottom:0; border:0; border-bottom:1px solid; padding:5px 0} .accordion-usato table{margin-bottom:0} .breadcrumb-sfondo-blu a, .breadcrumb-sfondo-blu .eb-breadcrumb-separator, .breadcrumb-sfondo-blu .eb-breadcrumb-item.current{color:#fff !important} .breadcrumb-sfondo-blu .eb-breadcrumb-wrapper {margin-bottom:0} .breadcrumb-news .eb-breadcrumb-wrapper {margin-bottom:0} .breadcrumb-news a {color:var(--col-nero) !important} .data-news{margin-bottom:30px; margin-top:30px} /* video */ .elenco-cat-video {list-style:none; margin:0; padding:0; display: flex; flex-direction: row; flex-wrap: wrap; line-height:2; justify-content: center;} .elenco-cat-video li {margin:0 15px 0px 0; float:left; display:flex;} .elenco-cat-video li br{display:none !important} .elenco-cat-video li a{text-decoration:underline !important; text-underline-offset: 4px;} .elenco-cat-video li::after{content: " | "; margin-left:15px } .elenco-cat-video li:last-of-type::after {display:none} @media screen and (max-width: 436px) { .elenco-cat-video li::after{display:none} .elenco-cat-video li{display:block; width:100%;} } .col-lavora-verde {border:3px solid #218316; padding:10px; border-radius:10px} /* --- MENU BLU .menu-blu-tagliato {position: relative; padding: 2px 50px; background: transparent !important;} .menu-blu-tagliato::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #003770; border-radius: 16px 16px 0 0; transform: skewX(-15deg); z-index: 1;} .menu-blu-tagliato > * {position: relative; z-index: 2;} .menu-applicazioni ul{column-count:2 !important; display:block !important; column-gap:10px; padding:20px; background:#003770; width:500px !important} .menu-applicazioni ul a{padding:10px !important} .colonne-menu {margin-bottom:-1px !important} .menu-blu-tagliato::before {bottom: -2px !important;} .header-sticky {position: -webkit-sticky; position: sticky; top: 0; left: 0; width: 100%; z-index: 999; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);} .menu-blu-tagliato ul li:not(:hover) ul, .menu-blu-tagliato .wp-block-navigation-item:not(:hover) .wp-block-navigation__submenu-container {visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; display: none !important;} .menu-blu-tagliato ul li:hover > ul, .menu-blu-tagliato .wp-block-navigation-item:hover > .wp-block-navigation__submenu-container {visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; display: block !important;} .header-sticky {pointer-events: none !important;} .header-sticky img, .header-sticky a, .header-sticky li, .header-sticky .menu-blu-tagliato {pointer-events: auto !important;} --- */ .site-footer {z-index:1; position:relative} .btn-bianco-verde {color:#fff !important; text-decoration: underline !important;} .btn-bianco-verde:hover{background:#fff !important; color: #218316 !important} .link-bianco a{color:#fff !important} .btn-bianco-blu {color:#fff !important; border-color:#fff !important; background-color: #003770 !important;} .btn-bianco-blu:hover{background-color:#fff !important; color: #003770 !important; border:1px solid #003770 !important} .btn-verde-bianco {color: #356130 !important; border:1px solid #356130 !important; font-weight:700 !important; justify-content: center !important; background-color: #E5F2E3 !important;} .btn-verde-bianco:hover{background:#356130 !important; color:#fff !important; border:1px solid #fff} .btn-blu {color:#fff !important} .col-form-contatti {border-radius:15px !important; margin-bottom:30px; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1) !important; -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1) !important; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1) !important; padding: 20px 0; margin-bottom: 40px !important;} .wpcf7 textarea {height: 120px;} input[type=submit] {background:var(--global-logo01); color:#fff; border-radius:50px; margin-top:10px; border:1px solid #fff} input[type=submit]:hover {background:var(--global-logo01-scuro);} .formbianco label{color:#fff !important} .formbianco a{color:#fff !important} .formbianco input[type="file"]{color:#fff} .eb-accordion-title-content-wrap {align-items: flex-start; flex-direction: column; gap:0 !important; padding:10px} .eb-accordion-title-content-wrap h2{line-height:1; margin-bottom:3px} .col-ombra {border-radius:15px !important; margin-bottom:30px; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1) !important; -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1) !important; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1) !important; padding: 20px 0; background:#fff} .gb-element-1900b98e{width: calc(100% - 50px);} .titolo-faq{margin-left:15px;} .box-fiera-su-img{display:grid;} .colonna-pilastri .wp-block-group{margin-bottom:20px;} h1.h1-assistenza, h1.h1-assistenza span {line-height:1em !important;} /*PRODOTTI*/ .griglia-video {gap: 2em !important;} .colonna-testo-parallax, .spazio-colonne {padding-top: 4% !important;} .elenco-puntato ul {margin-left: 15px;} .tabella-prodotti table td {border-width: 0 0 1px 0 !important; border-color: #dcdcdc; padding: 13px 0 !important;} .tabella-prodotti table tr {padding: 10px 0 !important;} .tabella-prodotti table {border-width: 0 !important;} .zato-parallax-box {display: block;/* sfonda fino al bordo destro: larghezza + margine (viewport - 1200px)/2 */width: calc(100% + max(0px, (100vw - var(--gb-container-width, 1200px)) / 2)) !important; max-width: none !important;/* alta come tutta l'altezza visibile */ height: 100vh;/* effetto parallasse: l'immagine resta fissa mentre il testo scorre */ position: sticky; top: 0; /* immagine di sfondo che riempie tutto */ background-size: cover; background-position: center center; background-repeat: no-repeat; /* arrotonda solo a sinistra, a destra a filo pagina */ border-radius: 14px 0 0 14px; overflow: hidden;} /* test modifiche */ /* Cella: foto a tutta area, angoli arrotondati, niente overflow */ .singola-applicazione {position: relative; display: block; overflow: hidden; border-radius: 14px;} .singola-applicazione figure.wp-block-image {margin: 0 !important; } .singola-applicazione img {display: block; width: 100%; border-radius: 0 !important; transition: transform .6s ease;} /* Sfumatura blu dal basso, per dare leggibilità al titolo */ .singola-applicazione::before {content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(to top, rgba(1, 34, 73, .88) 0%, rgba(1, 34, 73, .20) 45%, rgba(1, 34, 73, 0) 72%); transition: opacity .35s ease;} /* Zoom morbido della foto in hover */ .singola-applicazione:hover img { transform: scale(1.08); } /* Titolo: bianco, maiuscolo, in basso a sinistra (non più barra bianca) */ .singola-applicazione .titolo-applicazione {position: absolute !important; left: 0 !important; bottom: 0 !important; width: 100% !important; z-index: 3; background: transparent !important; min-height: 0 !important; border-radius: 0 !important; display: block !important; text-align: left !important; margin: 0 !important; padding: 0 18px 18px !important; color: #fff !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .04em;} /* Filo verde sotto il titolo, che si allunga in hover */ .singola-applicazione .titolo-applicazione::after {content: ""; display: block; width: 26px; height: 3px; margin-top: 8px; background: #fff; transition: width .35s ease;} .singola-applicazione:hover .titolo-applicazione::after { width: 64px; } /* Rispetto di "riduci movimento" (accessibilità) */ @media (prefers-reduced-motion: reduce) { .singola-applicazione img, .singola-applicazione .titolo-applicazione::after { transition: none !important; } .singola-applicazione:hover img { transform: none; } } .singolo-prodotto-card {position: relative; overflow: hidden; border: 0; border-radius: 14px; background: var(--global-logo01-scuro); box-shadow: 0 10px 30px rgba(1, 34, 73, .12); transition: transform .4s cubic-bezier(.2, .7, .2, 1), box-shadow .4s ease;} .singolo-prodotto-card:hover, .singolo-prodotto-card:focus-within {transform: translateY(-8px); box-shadow: 0 22px 50px rgba(1, 34, 73, .22);} /* Immagine: ritaglio uniforme 4:3 (distingue dalle applicazioni verticali) */ .singolo-prodotto-card figure.wp-block-image { margin: 0 !important; position: relative; aspect-ratio: 4 / 3; overflow: hidden;} .singolo-prodotto-card figure.wp-block-image img {margin: 0 !important; display: block; width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 0 !important; transition: transform .6s ease;} .singolo-prodotto-card:hover figure.wp-block-image img, .singolo-prodotto-card:focus-within figure.wp-block-image img { transform: scale(1.06);} /* Sfumatura blu dal basso (scrim alto per contrasto del testo) */ .singolo-prodotto-card::before {content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(to top, rgba(1, 34, 73, .95) 0%, rgba(1, 34, 73, .55) 40%, rgba(1, 34, 73, 0) 75%);} /* Titolo bianco sovrapposto in basso a sinistra */ .singolo-prodotto-card .gb-text {position: absolute; left: 0; right: 56px; /* spazio per la freccia */ bottom: 0; z-index: 3; margin: 0 !important; padding: 0 20px 20px !important; color: #fff !important; font-weight: 400 !important; line-height: 1.35; letter-spacing: .01em; text-align: left; text-shadow: 0 1px 3px rgba(0, 0, 0, .55); /* leggibilità */} .singolo-prodotto-card .gb-text strong {display: inline-block; margin-top: 3px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #fff !important; font-size: 1.05em;} /* Freccia: cerchio bianco + freccia blu, più piccola (firma prodotti) */ .singolo-prodotto-card .gb-shape {position: absolute; right: 16px; bottom: 16px; z-index: 4; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin: 0 !important; border-radius: 50%; background: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, .22); transition: background-color .3s ease, transform .35s cubic-bezier(.2, .7, .2, 1), box-shadow .3s ease;} .singolo-prodotto-card .gb-shape svg {margin: 0 !important; width: 15px !important; height: 15px !important; color: var(--global-logo01); fill: var(--global-logo01); transition: color .3s ease, fill .3s ease;} /* hover/focus: si inverte in blu con freccia bianca */ .singolo-prodotto-card:hover .gb-shape, .singolo-prodotto-card:focus-within .gb-shape {background: var(--global-logo01); transform: translateX(3px) scale(1.08); box-shadow: 0 8px 18px rgba(1, 34, 73, .4);} .singolo-prodotto-card:hover .gb-shape svg, .singolo-prodotto-card:focus-within .gb-shape svg {color: #fff; fill: #fff;} /* Accessibilità: focus tastiera visibile sul link della card */ .singolo-prodotto-card a:focus-visible {outline: 3px solid #fff; outline-offset: 3px; border-radius: 4px;} /* Accessibilità: rispetto di "riduci movimento" */ @media (prefers-reduced-motion: reduce) { .singolo-prodotto-card, .singolo-prodotto-card figure.wp-block-image img, .singolo-prodotto-card .gb-shape,.singolo-prodotto-card .gb-shape svg { transition: none !important; } .singolo-prodotto-card:hover, .singolo-prodotto-card:focus-within, .singolo-prodotto-card:hover figure.wp-block-image img, .singolo-prodotto-card:focus-within figure.wp-block-image img, .singolo-prodotto-card:hover .gb-shape, .singolo-prodotto-card:focus-within .gb-shape { transform: none !important; } } /** COMPANY **/ .zato-feature, .zato-feature > div {background: white !important; padding-top: 0 !important; padding-bottom: 0 !important;} .zato-feature {margin: 0px auto !important;} /* il blocco a due colonne diventa una sola card arrotondata */ .zato-feature .wp-block-columns {display: flex !important; align-items: stretch !important; gap: 0 !important; flex-wrap: nowrap; min-height: clamp(400px, 42vw, 560px); background: #fff; border-radius: 22px; overflow: hidden; box-shadow: 0 26px 60px -20px rgba(1, 34, 73, .30); transition: transform .45s cubic-bezier(.2, .7, .2, 1), box-shadow .45s ease;} .zato-feature .wp-block-columns:hover {transform: translateY(-6px); box-shadow: 0 38px 80px -22px rgba(1, 34, 73, .38);} /* META' IMMAGINE: la colonna che contiene una = sfondo cover a tutta altezza */ .zato-feature .wp-block-column:has(img) {flex: 0 0 50% !important; align-self: stretch !important; position: relative; overflow: hidden; padding: 0 !important;} .zato-feature .wp-block-column:has(img) img {position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center; /* es. "center top" se taglia un soggetto importante */ display: block; margin: 0 !important; border-radius: 0 !important; transition: transform .8s cubic-bezier(.2, .7, .2, 1);} .zato-feature .wp-block-columns:hover .wp-block-column:has(img) img {transform: scale(1.05);} /* META' TESTO: la colonna che contiene il titolo */ .zato-feature .wp-block-column:has(h2) {flex: 0 0 50% !important; align-self: stretch !important; display: flex; flex-direction: column; justify-content: center; padding: clamp(30px, 3.4vw, 58px) !important; background: #fff;} .zato-feature-sost .wp-block-column:has(h2) {background: var(--global-verde-chiaro) !important} .zato-feature .wp-block-column:has(h2) h2 {margin-top: 0; line-height: 1.12; position: relative; padding-bottom: 14px;} .zato-feature .wp-block-column:has(h2) h2::after {content: ""; position: absolute; left: 0; bottom: 0; width: 60px; height: 4px; background: var(--global-logo01);; border-radius: 2px;} .zato-feature-sost .wp-block-column:has(h2) h2::after {background: var(--global-verde-scuro) !important} /* paragrafo d'apertura = lead leggermente piu' grande */ .zato-feature .wp-block-column:has(h2) p:first-of-type {line-height: 1.6;} .zato-feature .wp-block-column:has(h2) p {line-height: 1.7;} /* MOBILE: card impilata, foto sopra */ @media (max-width: 880px) { .zato-feature { margin: 40px auto !important; } .zato-feature .wp-block-columns { flex-wrap: wrap; min-height: 0 !important; } .zato-feature .wp-block-column { flex: 1 1 100% !important; } .zato-feature .wp-block-column:has(img) { min-height: 280px; } } /* ACCESSIBILITA': riduzione del movimento */ @media (prefers-reduced-motion: reduce) { .zato-feature .wp-block-columns, .zato-feature .wp-block-column:has(img) img { transition: none !important; } .zato-feature .wp-block-columns:hover { transform: none !important; } .zato-feature .wp-block-columns:hover .wp-block-column:has(img) img { transform: none !important; } } /* prodotti interni link da macro cat cayman */ /* riga dei due tile affiancati */ .prodotti-interni-macro-cat .wp-block-columns {gap: 28px !important; align-items: stretch !important;} /* ogni box = tile immagine (come i prodotti in home) */ .prodotti-interni-macro-cat .wp-block-column {position: relative; overflow: hidden; border-radius: 14px; aspect-ratio: 4 / 3; background: #141414; /* ogni box = 1/3 del contenitore (piu' piccoli) */ flex: 0 0 calc(33.333% - 20px) !important; max-width: calc(33.333% - 20px) !important; padding: 0 !important; box-shadow: 0 10px 30px rgba(0, 0, 0, .14); transition: transform .4s cubic-bezier(.2, .7, .2, 1), box-shadow .4s ease;} .prodotti-interni-macro-cat .wp-block-column:hover {transform: translateY(-8px); box-shadow: 0 22px 50px rgba(0, 0, 0, .26);} /* immagine a sfondo cover (riempie tutto il tile) */ .prodotti-interni-macro-cat .wp-block-column img {position: absolute !important; inset: 0 !important; z-index: 1; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center; display: block; margin: 0 !important; border-radius: 0 !important; transition: transform .6s cubic-bezier(.2, .7, .2, 1);} .prodotti-interni-macro-cat .wp-block-column:hover img {transform: scale(1.06);} /* sfumatura blu dal basso */ .prodotti-interni-macro-cat .wp-block-column::before {content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .42) 38%, rgba(0, 0, 0, 0) 72%);} /* titolo (Cayman / Raylbraker) bianco maiuscolo, in basso a sinistra */ .prodotti-interni-macro-cat .wp-block-column p {position: absolute; left: 0; right: 64px; bottom: 0; z-index: 3; margin: 0 !important; padding: 0 20px 22px !important; color: #fff !important; font-weight: 700 !important; font-size: 1.2rem !important; line-height: 1.2; text-transform: uppercase; letter-spacing: .04em; text-shadow: 0 1px 3px rgba(0, 0, 0, .5);} /* il link "Discover" diventa la freccia circolare (cerchio bianco, freccia blu) .prodotti-interni-macro-cat .wp-block-column a {position: absolute; right: 16px; bottom: 16px; z-index: 4; width: 40px !important; height: 40px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center; justify-content: center; border: 0 !important; border-radius: 50% !important; background: #fff !important; color: transparent !important; /* nasconde "Discover" a video (resta leggibile dagli screen reader) *//*font-size: 0 !important; box-shadow: 0 4px 12px rgba(0, 0, 0, .22); transition: background-color .3s ease, transform .35s cubic-bezier(.2, .7, .2, 1), box-shadow .3s ease;}*/ /* freccia (chevron) costruita coi bordi .prodotti-interni-macro-cat .wp-block-column a::after {content: ""; width: 10px; height: 10px; margin-left: -3px; border-top: 2px solid #003770; border-right: 2px solid #003770; transform: rotate(45deg); transition: border-color .3s ease;}*/ /* il link "Discover" diventa la freccia circolare (cerchio bianco, freccia blu) */ .prodotti-interni-macro-cat .wp-block-column a { position: absolute !important; right: 16px !important; bottom: 16px !important; z-index: 4 !important; width: 40px !important; height: 40px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background-color: #ffffff !important; color: #ffffff !important; /* Colore solido uguale allo sfondo per nascondere il testo "Discover" senza transparent */ font-size: 1px !important; overflow: hidden !important; box-shadow: 0 4px 12px rgba(0, 0, 0, .22); transition: background-color .3s ease, transform .35s cubic-bezier(.2, .7, .2, 1), box-shadow .3s ease; } /* freccia (chevron) centrata in modo assoluto */ .prodotti-interni-macro-cat .wp-block-column a::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 10px !important; height: 10px !important; border-top: 2px solid #003770 !important; border-right: 2px solid #003770 !important; transform: translate(-65%, -50%) rotate(45deg) !important; transition: border-color .3s ease; } /* hover: si inverte in blu con freccia bianca */ .prodotti-interni-macro-cat .wp-block-column:hover a { background-color: #003770 !important; color: #003770 !important; transform: translateX(3px) scale(1.08) !important; box-shadow: 0 8px 18px rgba(1, 34, 73, .4) !important; } .prodotti-interni-macro-cat .wp-block-column:hover a::after { border-color: #ffffff !important; } /* hover: si inverte in blu con freccia bianca */ .prodotti-interni-macro-cat .wp-block-column:hover a {background: #003770 !important; transform: translateX(3px) scale(1.08); box-shadow: 0 8px 18px rgba(1, 34, 73, .4);} .prodotti-interni-macro-cat .wp-block-column:hover a::after {border-color: #fff;} /* mobile: tile impilati a tutta larghezza */ @media (max-width: 768px) { .prodotti-interni-macro-cat .wp-block-columns { flex-wrap: wrap; gap: 18px !important; } .prodotti-interni-macro-cat .wp-block-column {flex: 1 1 100% !important; max-width: 100% !important;} } /* accessibilita': riduzione del movimento */ @media (prefers-reduced-motion: reduce) { .prodotti-interni-macro-cat .wp-block-column, .prodotti-interni-macro-cat .wp-block-column img, .prodotti-interni-macro-cat .wp-block-column a { transition: none !important; } .prodotti-interni-macro-cat .wp-block-column:hover, .prodotti-interni-macro-cat .wp-block-column:hover img, .prodotti-interni-macro-cat .wp-block-column:hover a { transform: none !important; } } /* video youtube */ /* contenitore: centrato e con una larghezza massima sensata */ .wp-block-embed.is-provider-youtube {margin-left: auto; margin-right: auto; max-width: 900px;} /* il wrapper mantiene sempre il rapporto 16:9 (niente "salti" di altezza) */ .wp-block-embed.is-provider-youtube .wp-block-embed__wrapper {position: relative; aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden; box-shadow: 0 14px 36px rgba(1, 34, 73, .16); /* annulla il vecchio "padding hack" se presente */ padding-bottom: 0 !important; height: auto !important;} /* l'iframe riempie il wrapper, sempre */ .wp-block-embed.is-provider-youtube .wp-block-embed__wrapper iframe {position: absolute; inset: 0; width: 100% !important; height: 100% !important; border: 0; display: block;} /* FORM */ .form_zato .padding-mobile {padding: 25px 30px 0 !important;} .form_zato > div { background: transparent !important; } .form_zato .wp-block-columns {display: flex !important; align-items: stretch !important; gap: 0 !important; flex-wrap: nowrap; background: #fff; border-radius: 18px; overflow: hidden; box-shadow: 0 26px 60px -20px rgba(1, 34, 73, .30); /* la solita ombra */} .form_zato .wp-block-column:first-child {background: #003770 !important; display: flex !important; flex-direction: column; justify-content: center; padding: 45px !important;} .form_zato .wp-block-column:first-child h2, .form_zato .wp-block-column:first-child p { color: #fff !important; } .form_zato .wp-block-column:last-child {background: #fff !important; padding: 0 !important;} .form_zato [class*="col-"] { margin-bottom: 18px; } .form_zato label {display: block; margin-bottom: 8px; color: #012249 !important; font-weight: 600; font-size: .8rem; letter-spacing: .06em; text-transform: uppercase;} .form_zato input.wpcf7-form-control:not([type="checkbox"]):not([type="submit"]):not([type="hidden"]), .form_zato select.wpcf7-form-control, .form_zato textarea.wpcf7-form-control {width: 100% !important; box-sizing: border-box; background: #f4f6f8; color: #012249; border: 1px solid #dde2e8; border-radius: 10px; padding: 13px 16px; font-size: 15px; font-family: inherit; line-height: 1.3; appearance: none; -webkit-appearance: none; transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;} .form_zato textarea.wpcf7-form-control { min-height: 130px; resize: vertical; } .form_zato ::placeholder { color: #9aa3ad; opacity: 1; } .form_zato input.wpcf7-form-control:not([type="checkbox"]):not([type="submit"]):focus, .form_zato select.wpcf7-form-control:focus, .form_zato textarea.wpcf7-form-control:focus {outline: 0; background: #fff; border-color: #003770; box-shadow: 0 0 0 3px rgba(0, 55, 112, .18);} .form_zato select.wpcf7-form-control {background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23012249' stroke-width='2' d='M1 1l5 5 5-5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 12px; padding-right: 40px; cursor: pointer;} .form_zato .wpcf7-acceptance input[type="checkbox"] {width: 18px; height: 18px; accent-color: #003770; margin-right: 8px; vertical-align: middle; cursor: pointer;} .form_zato .privacy, .form_zato .privacy a { color: #012249 !important; } .form_zato input.wpcf7-submit {background: #003770 !important; color: #fff !important; border: 0 !important; border-radius: 50px !important; padding: 14px 36px !important; font-weight: 700; font-size: 15px; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; box-shadow: 0 8px 20px rgba(0, 55, 112, .28); transition: background-color .25s ease, transform .2s ease, box-shadow .25s ease;} .form_zato input.wpcf7-submit:hover {background: #012249 !important; transform: translateY(-2px); box-shadow: 0 12px 26px rgba(0, 55, 112, .38);} .form_zato input.wpcf7-submit:focus-visible {outline: 3px solid #003770; outline-offset: 3px;} /* stati di validazione */ .form_zato .wpcf7-not-valid {border-color: #d9534f !important; box-shadow: 0 0 0 3px rgba(217, 83, 79, .18) !important;} .form_zato .wpcf7-not-valid-tip {display: block; margin-top: 6px; color: #c0392b; font-size: .8rem;} .form_zato .wpcf7-response-output {border-radius: 10px; padding: 12px 16px; margin: 14px 0 0;} /* honeypot anti-spam nascosto */ .form_zato .xusifo { display: none !important; } .form_zato .gb-text a {color: #fff !important;} .form_zato .form-prodotti-col1 .wp-block-separator {margin: 20px 0 !important;} /* MOBILE: card impilata (blu sopra, form sotto) */ @media screen and (max-width: 1024px) { .form_zato {margin: 0 !important;} .form_zato .wp-block-column:first-child {padding: 25px !important;} } @media (max-width: 768px) { .form_zato .wp-block-columns { flex-wrap: wrap; } .form_zato .wp-block-column {flex: 1 1 100% !important;max-width: 100% !important;} .form_zato .wp-block-column:last-child {padding: 0px !important;} .form_zato [class*="col-"] {margin-bottom: 14px;} .form_zato .wp-block-column:first-child, form .form-contatti {padding: 25px !important;} } /*FINE from*/ /* tabelle*/ .tabella-prodotti {margin: 0 auto !important; border-radius: 16px; overflow: hidden; box-shadow: 0 26px 60px -20px rgba(1, 34, 73, .30); background: #fff;} .tabella-prodotti table {width: 100% !important; margin: 0 !important; border-collapse: collapse; font-size: 15px;} .tabella-prodotti td {padding: 15px 20px; border: 0; border-bottom: 1px solid #e9edf2; vertical-align: middle;} .tabella-prodotti td.has-text-align-center { text-align: center; } .tabella-prodotti td:not(:first-child) {color: #1c2b3a; border-left: 1px solid #eef1f5;} .tabella-prodotti td:first-child {width: 34%; text-align: left; background: #eef1f5; color: #012249; font-weight: 600; border-right: 1px solid #e3e8ee; padding-left:20px !important} .tabella-prodotti tr:first-child td {padding: 24px 20px; border-bottom: 2px solid #003770;} .tabella-prodotti tr:first-child td:not(:first-child) {background: #f7f9fc;} .tabella-prodotti tr:first-child a {text-decoration: none !important;} .tabella-prodotti tr:first-child img {border-radius: 10px; margin: 0 auto 10px !important;} .tabella-prodotti tr:first-child strong {display: block; margin-top: 6px; color: #003770; font-size: 1.05rem; text-transform: uppercase; letter-spacing: .04em;} .tabella-prodotti tr:nth-child(even):not(:first-child) td:not(:first-child) {background: #f3f6f9;} .tabella-prodotti tr:not(:first-child):hover td:not(:first-child) {background: #e9f1fb;} .tabella-prodotti tr:last-child td { border-bottom: 0; } .tabella-prodotti tr:last-child a {display: inline-block; transition: transform .2s ease, box-shadow .25s ease;} .tabella-prodotti tr:last-child a:hover {transform: translateY(-2px); box-shadow: 0 8px 18px rgba(0, 55, 112, .28);} /* MOBILE: scorrimento orizzontale se troppo stretta */ /*@media (max-width: 600px) { .tabella-prodotti { overflow-x: auto; } .tabella-prodotti table { min-width: 800px; } .tabella-prodotti td { padding: 12px 14px; font-size: 14px; } }*/ /* sostenibilità */ /* ============ 1) PILASTRI ============ */ /* voce icona+label: mini-card con hover (vale come base/mobile) */ .pilastri-zato .wp-block-group {padding: 18px 14px; border-radius: 14px; transition: transform .3s ease, background-color .3s ease, box-shadow .3s ease;} .pilastri-zato .wp-block-group img { transition: transform .3s ease; } .pilastri-zato .wp-block-group p { color: #012249; font-weight: 600; } .pilastri-zato h2 { position: relative; display: inline-block; padding-bottom: 12px; } .pilastri-zato h2::after {content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 56px; height: 4px; background: #62b259; border-radius: 2px;} /* --- DISPOSIZIONE A CERCHIO (solo desktop) --- */ @media (min-width: 1100px) { .pilastri-zato .wp-block-columns {position: relative; display: block !important; max-width: 1000px; min-height: 660px; margin: 0 auto;} /* anello decorativo verde dietro al titolo */ .pilastri-zato .wp-block-columns::before {content: ""; position: absolute; top: 50%; left: 50%; width: 560px; height: 560px; transform: translate(-50%, -50%); border: 2px dashed rgba(98, 178, 89, .45); border-radius: 50%;} /* titolo al centro */ .pilastri-zato .wp-block-column:nth-child(2) {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 300px; margin: 0; z-index: 2;} /* le colonne laterali non vincolano: gli item sono assoluti */ .pilastri-zato .wp-block-column:nth-child(1), .pilastri-zato .wp-block-column:nth-child(3) { position: static; } .pilastri-zato .wp-block-group {position: absolute; width: 200px; text-align: center; margin: 0 !important; transform: translate(-50%, -50%);} /* arco SINISTRO (colonna 1) */ .pilastri-zato .wp-block-column:nth-child(1) .wp-block-group:nth-child(1) { left: 20%; top: 9%; } .pilastri-zato .wp-block-column:nth-child(1) .wp-block-group:nth-child(2) { left: 9%; top: 38%; } .pilastri-zato .wp-block-column:nth-child(1) .wp-block-group:nth-child(3) { left: 9%; top: 64%; } .pilastri-zato .wp-block-column:nth-child(1) .wp-block-group:nth-child(4) { left: 20%; top: 92%; } /* arco DESTRO (colonna 3) */ .pilastri-zato .wp-block-column:nth-child(3) .wp-block-group:nth-child(1) { left: 80%; top: 9%; } .pilastri-zato .wp-block-column:nth-child(3) .wp-block-group:nth-child(2) { left: 91%; top: 38%; } .pilastri-zato .wp-block-column:nth-child(3) .wp-block-group:nth-child(3) { left: 91%; top: 64%; } .pilastri-zato .wp-block-column:nth-child(3) .wp-block-group:nth-child(4) { left: 80%; top: 92%; } } /* ============ 2) ENABLING CIRCULARITY: tile foto (riga BIANCA) ============ */ .circolarita-zato .wp-block-columns { flex-wrap: wrap; gap: 22px !important; } .circolarita-zato .wp-block-column {flex: 1 1 150px !important; min-width: 0; transition: transform .35s cubic-bezier(.2, .7, .2, 1);} .circolarita-zato .wp-block-column:hover { transform: translateY(-6px); } .circolarita-zato .wp-block-column img {width: 100% !important; height: auto; max-width: none !important; aspect-ratio: 3 / 2; object-fit: cover; display: block; border-radius: 12px; box-shadow: 0 12px 28px rgba(0, 0, 0, .28); transition: box-shadow .35s ease;} .circolarita-zato .wp-block-column:hover img { box-shadow: 0 20px 42px rgba(0, 0, 0, .42); } .circolarita-zato .wp-block-column p {color: #fff !important; margin: 14px 0 0; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; line-height: 1.25; position: relative; padding-bottom: 10px; background: #003770 !important;} .circolarita-zato .wp-block-column p::after {content: ""; position: absolute; left: 0; bottom: 0; width: 28px; height: 3px; background: #fff; /* riga BIANCA */ transition: width .35s ease;} .circolarita-zato .wp-block-column:hover p::after { width: 60px; } /* ============ 3) CTA REPORT: card-riga (NIENTE gradiente) ============ */ .cta-report-zato h2 { position: relative; padding-bottom: 14px; } .cta-report-zato h2::after {content: ""; position: absolute; left: 0; bottom: 0; width: 60px; height: 4px; background: #62b259; border-radius: 2px;} /* ogni report = card bianca con icona download blu */ .cta-report-zato .btn-blu {display: flex !important; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 14px; padding: 16px 18px 16px 22px !important; background: #fff !important; color: #012249 !important; border: 1px solid #e3e8ee !important; border-radius: 14px !important; font-weight: 600; letter-spacing: .01em; text-align: left; box-shadow: 0 6px 18px rgba(1, 34, 73, .06); transition: transform .2s ease, box-shadow .25s ease, border-color .25s ease;} .cta-report-zato .btn-blu::after {content: "↓"; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: #003770; color: #fff; font-size: 16px; line-height: 1; transition: transform .25s ease, background-color .25s ease;} .cta-report-zato .btn-blu:hover { transform: translateY(-3px); border-color: #003770; box-shadow: 0 14px 30px rgba(1, 34, 73, .14);} .cta-report-zato .btn-blu:hover::after { transform: translateY(2px); } .cta-report-zato a[href^="mailto"] { color: #003770; font-weight: 600; } /* ============ accessibilita' ============ */ @media (prefers-reduced-motion: reduce) { .pilastri-zato .wp-block-group, .pilastri-zato .wp-block-group img, .circolarita-zato .wp-block-column, .circolarita-zato .wp-block-column img, .cta-report-zato .btn-blu,.cta-report-zato .btn-blu::after { transition: none !important; } .pilastri-zato .wp-block-group:hover, .circolarita-zato .wp-block-column:hover, .cta-report-zato .btn-blu:hover { transform: none !important; } } /* lavora con noi */ /* riga: spaziatura + altezze uniformi + wrap su mobile */ .wp-block-columns:has(.col-lavora-verde) {gap: 24px !important; align-items: stretch !important; flex-wrap: wrap;} /* card */ .col-lavora-verde {background: #fff; border: 1px solid rgba(1, 34, 73, .06) !important; border-radius: 14px; padding: 28px 26px !important; box-shadow: 0 10px 30px rgba(1, 34, 73, .08); transition: transform .35s cubic-bezier(.2, .7, .2, 1), box-shadow .35s ease;} .col-lavora-verde:hover {transform: translateY(-8px); box-shadow: 0 22px 46px rgba(1, 34, 73, .16);} /* titolo verde + filo verde sotto che cresce in hover */ .col-lavora-verde h2 {margin-top: 0; color: #218316 !important;text-transform: uppercase; letter-spacing: .03em; font-size: 1.3rem; position: relative; padding-bottom: 12px;} .col-lavora-verde h2::after {content: ""; position: absolute; left: 0; bottom: 0; width: 36px; height: 3px; background: #218316; border-radius: 2px; transition: width .35s ease;} .col-lavora-verde:hover h2::after { width: 70px; } /* testo */ .col-lavora-verde p {margin: 0; color: #012249; line-height: 1.65;} /* mobile: 2 per riga, poi 1 */ @media (max-width: 880px) { .col-lavora-verde { flex: 1 1 45% !important; } } @media (max-width: 560px) { .col-lavora-verde { flex: 1 1 100% !important; } } /* accessibilita' */ @media (prefers-reduced-motion: reduce) { .col-lavora-verde, .col-lavora-verde h2::after { transition: none !important; } .col-lavora-verde:hover { transform: none !important; } } .titolo-posizione {background: #fff !important; color: #012249 !important; border-left: 5px solid #62b259; border-radius: 8px; padding: 14px 18px !important; margin: 0 0 18px !important; font-size: 1.05rem; line-height: 1.35; box-shadow: 0 4px 14px rgba(1, 34, 73, .06);} .titolo-posizione strong { color: #012249; } /* footer */ .zato-footer {background: #3c3c3b; border-top: 1px solid #003770; color: #d4d6da; padding: 34px 0;} .zato-footer-top {max-width: 1200px !important; margin: 0 auto !important; gap: 34px !important; align-items: flex-start !important; flex-wrap: wrap;} .zato-footer-top .ft-sx {flex: 0 0 300px !important; max-width: 300px;} .zato-footer-top .ft-dx {flex: 1 1 0 !important; min-width: 0;} /* logo + badge certificazioni */ .ft-sx > img, .ft-sx > figure img { max-height: 52px; width: auto; } .ft-certs {gap: 12px !important; margin: 14px 0 0 !important; justify-content: flex-start;} .ft-certs .wp-block-column {flex: 0 0 auto !important; width: auto !important;} .ft-certs img {width: 92px !important; height: 92px !important; object-fit: contain; max-height: none;} /* card newsletter: in palette (blu brand), non piu' chiara */ .nl-card {background: #003770; border: 1px solid rgba(255, 255, 255, .08); border-radius: 12px; padding: 18px 18px 20px; margin-top: 35px;} .nl-card .nl-titolo {color: #fff; font-size: 12px !important; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; line-height: 1.45; margin: 0 0 14px;} .nl-card p {color: rgba(255, 255, 255, .85); font-size: 13px; line-height: 1.45; margin: 0 0 12px;} /* ---- BOTTONE NEWSLETTER: bianco pieno sulla card blu ---- */ .nl-card a.nl-btn {display: block; width: 100%; text-align: center; background: #fff !important; color: #003770 !important; border: 0 !important; border-radius: 50px !important; padding: 12px 16px !important; font-weight: 700; font-size: 13px; letter-spacing: .3px; line-height: 1.2; text-decoration: none !important; transition: background-color .2s ease, color .2s ease, transform .2s ease;} .nl-card a.nl-btn:hover {background: #012249 !important; color: #fff !important; transform: translateY(-2px);} .ft-cards {gap: 18px !important; align-items: stretch !important; flex-wrap: wrap;} .ft-cards .ft-card { flex: 1 1 160px !important; min-width: 0; } .ft-card {background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .10); border-radius: 12px; padding: 18px 18px 20px;} .ft-card .ft-titolo {color: #fff; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; margin: 0 0 12px; padding-bottom: 8px; border-bottom: 1px solid rgba(255, 255, 255, .16);} .ft-card .ft-sub {color: #fff; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; margin: 14px 0 0;} .ft-card .wp-block-social-links { margin-top: 10px !important; } .ft-card p { margin: 0 0 4px; font-size: 14px; line-height: 1.55; color: #d4d6da; } .ft-card a {color: #d4d6da; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; line-height: 1.9; transition: color .2s ease;} .ft-card a:hover { color: #fff; } /* social a chip uniformi */ .ft-card .wp-block-social-links {gap: 8px !important; align-items: center; margin-bottom: 0 !important;} .ft-card .wp-social-link,.ft-card .wp-social-link.wp-social-link {width: 34px !important; height: 34px !important; border-radius: 50% !important; display: flex; align-items: center; justify-content: center; margin: 0 !important; transition: background-color .2s ease, transform .2s ease;} .ft-card .wp-social-link:hover {background: rgba(255, 255, 255, .26) !important; transform: translateY(-2px);} .ft-card .wp-social-link a {text-decoration: none !important; color: inherit; padding: 0 !important; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;} .ft-card .wp-social-link svg {width: 17px; height: 17px; fill: #e9ebed !important;} /* mobile */ /* accessibilita' */ @media (prefers-reduced-motion: reduce) { .nl-card a.nl-btn, .ft-card .wp-social-link { transition: none !important; } .nl-card a.nl-btn:hover, .ft-card .wp-social-link:hover { transform: none !important; } } /* MENU */ /* ============================================================ ZATO · Menu — grafica B - solo pallino (Visionova) Struttura reale: #menu-menu-top + .menu-blu-tagliato Font UNIFORME 14px (var --menu-fs). Solo navy/blu + bianco. Niente verde. Indicatore: solo punto bianco sotto la voce su hover/attivo (niente divisori, niente riga). ============================================================ */ .header-sticky{ --menu-fs:14px; } /* ---- header ---- */ .header-sticky{ background:linear-gradient(120deg,#012249 0%,#003770 10%,#0a4f8f 20%) !important; } .header-sticky .gb-menu-container{ background:transparent !important; } .header-sticky .wp-block-columns{ margin-bottom:0 !important; padding:10px 0 !important; } .menu-blu-tagliato, .gb-menu-container.menu-blu-tagliato{ background:transparent !important; box-shadow:none !important; border-radius:0 !important; clip-path:none !important; -webkit-clip-path:none !important; } .menu-blu-tagliato::before{ display:none !important; } .colonne-menu .wp-block-column:first-child img{ filter:brightness(0) invert(1); } /* =================== TOP MENU =================== */ #menu-menu-top{ align-items:center; } #menu-menu-top > .menu-item{ background:#0a4f8f !important; } #menu-menu-top > .menu-item > a{color:#fff !important; font-size:var(--menu-fs) !important; font-weight:500; letter-spacing:.4px; padding:8px 12px !important; position:relative; transition:opacity .18s ease;} /* punto su hover (coerente con B) #menu-menu-top > .menu-item > a::after{ content:""; position:absolute; left:50%; bottom:0; width:4px; height:4px; border-radius:50%; background:#fff; transform:translateX(-50%) scale(0); transition:transform .22s cubic-bezier(.34,1.4,.5,1); }*/ #menu-menu-top > .menu-item:hover > a::after{ transform:translateX(-50%) scale(1); } /* lingua pill */ #menu-menu-top .wpml-ls-current-language > a{border:1px solid #fff; border-radius:20px; padding:5px 12px !important; color:#fff !important; font-weight:600; font-size:var(--menu-fs) !important; transition:background-color .18s ease;} #menu-menu-top .wpml-ls-current-language > a::after{ display:none; } #menu-menu-top .wpml-ls-current-language:hover > a{ background:#0a4f8f; } #menu-menu-top .gb-submenu-toggle{ transition:transform .2s ease; } #menu-menu-top .menu-item-has-children:hover > a .gb-submenu-toggle{ transform:rotate(180deg); } #menu-menu-top .sub-menu{background:#0a2c52 !important; border:1px solid rgba(255,255,255,.14); border-radius:10px; box-shadow:0 16px 36px rgba(2,18,38,.28); padding:5px !important; right:13px !important; min-width:58px; width:auto !important;} #menu-menu-top .sub-menu .menu-item{ background:transparent !important; } #menu-menu-top .sub-menu .menu-item > a{ color:#fff !important; text-align:center; padding:7px 12px !important; border-radius:6px; } #menu-menu-top .sub-menu .menu-item > a::after{ display:none; } #menu-menu-top .sub-menu .menu-item > a span{ font-size:var(--menu-fs) !important; } #menu-menu-top .sub-menu .menu-item:hover > a{ background:#0a4f8f!important; color:#fff !important; } /* =================== MAIN MENU — solo punto =================== */ .menu-blu-tagliato > ul > .menu-item{ background:#003770 !important; } .menu-blu-tagliato > ul > .menu-item > a{color:#fff !important; position:relative; padding:16px 12px !important; font-size:var(--menu-fs) !important; font-weight:400; letter-spacing:normal; transition:color .2s ease;} /* ----- punto indicatore sotto la voce menu ----- .menu-blu-tagliato > ul > .menu-item > a::after{ content:""; position:absolute; left:50%; bottom:10px; width:5px; height:5px; border-radius:50%; background:#fff; transform:translateX(-50%) scale(0); transition:transform .24s cubic-bezier(.34,1.4,.5,1); }*/ .menu-blu-tagliato > ul > .menu-item:hover > a::after, .menu-blu-tagliato > ul > .menu-item:focus-within > a::after, .menu-blu-tagliato > ul > .menu-item.current-menu-item > a::after{ transform:translateX(-50%) scale(1); } /* la freccia ▾ allarga il link: centro il pallino sulla PAROLA per le voci con sottomenu */ .menu-blu-tagliato > ul > .menu-item-has-children > a::after{ left:calc(50% - 12px); } /* divisori verticali sottili tra le voci */ .menu-blu-tagliato > ul > .menu-item + .menu-item > a{ box-shadow:-1px 0 0 rgba(255,255,255,.20); } .menu-blu-tagliato .gb-submenu-toggle{ transition:transform .2s ease; } .menu-blu-tagliato .menu-item-has-children:hover > a .gb-submenu-toggle, .menu-blu-tagliato .menu-item-has-children:focus-within > a .gb-submenu-toggle{ transform:rotate(180deg); } /* tendine main */ .menu-blu-tagliato > ul > .menu-item > .sub-menu{ background:#0a2c52 !important; border:1px solid rgba(255,255,255,.14); border-radius:14px; box-shadow:0 26px 54px -18px rgba(1,18,38,.55); min-width:220px; } /* padding tendine semplici (mega escluso, ha il suo) */ .menu-blu-tagliato > ul > .menu-item:not(.mega-prod):not(.mega-app) > .sub-menu{ padding:10px 0 !important; } .menu-blu-tagliato .sub-menu .menu-item{ background:transparent !important; } .menu-blu-tagliato .sub-menu .menu-item > a{ color:#fff !important; font-size:var(--menu-fs) !important; font-weight:400; padding:9px 18px !important; transition:color .2s ease, background-color .2s ease, padding-left .2s ease; } .menu-blu-tagliato .sub-menu .menu-item:is(:hover,:focus-within) > a{ color:#9bd6ff !important; text-decoration:underline !important; } /* APPLICATIONS: 3 colonne */ /* MEGA APPLICATIONS: stesso padding 20px + ancorato al contenitore (non esce) */ .menu-blu-tagliato .mega-app{ position:static !important; } .menu-blu-tagliato > ul > .menu-item.mega-app > .sub-menu{ column-count:3; column-gap:20px; padding:20px !important; width:auto !important; left:auto !important; right:40px !important; } .menu-blu-tagliato .mega-app > .sub-menu > .menu-item{ break-inside:avoid; } .menu-blu-tagliato .mega-app > .sub-menu > .menu-item > a{ font-size:var(--menu-fs) !important; padding:9px 14px !important; white-space:nowrap; } /* PRODUCTS: mega compatto (solo layout) */ /* MEGA PRODUCTS: ancorato all header (non esce a sinistra) + padding 20px su tutti i lati */ .menu-blu-tagliato .mega-prod{ position:static !important; } .menu-blu-tagliato > ul > .menu-item.mega-prod > .sub-menu{ display:grid !important; grid-template-columns:repeat(6,1fr) !important; gap:16px; align-items:stretch !important; background:#012249 !important; padding:20px !important; width:auto !important; max-width:calc(100vw - 80px) !important; min-width:auto !important; left:auto !important; right:40px !important; } .menu-blu-tagliato .mega-prod > .sub-menu > .menu-item{ min-width:0; background:#0b2a4f !important; border:1px solid rgba(255,255,255,.1); border-radius:12px; padding:16px; overflow:hidden; transition:border-color .2s ease, background-color .2s ease; } .menu-blu-tagliato .mega-prod > .sub-menu > .menu-item .gb-menu-item a {background:#0a2c52 !important;} /* 2 card sopra (larghe), 3 sotto — posizionamento esplicito */ .menu-blu-tagliato .mega-prod > .sub-menu > .menu-item:nth-child(1){ grid-column:1 / 4; grid-row:1; } .menu-blu-tagliato .mega-prod > .sub-menu > .menu-item:nth-child(2){ grid-column:4 / 7; grid-row:1; } .menu-blu-tagliato .mega-prod > .sub-menu > .menu-item:nth-child(3){ grid-column:1 / 3; grid-row:2; } .menu-blu-tagliato .mega-prod > .sub-menu > .menu-item:nth-child(4){ grid-column:3 / 5; grid-row:2; } .menu-blu-tagliato .mega-prod > .sub-menu > .menu-item:nth-child(5){ grid-column:5 / 7; grid-row:2; } .menu-blu-tagliato .mega-prod > .sub-menu > .menu-item:hover{ background: #0e315a !important; border-color:rgba(255,255,255,.28) !important; } .sub-menu .gb-menu-item.menu-item-9097:hover > a, .sub-menu .gb-menu-item.menu-item-9071:hover > a, .sub-menu .gb-menu-item.menu-item-8740:hover > a, .sub-menu .gb-menu-item.menu-item-8777:hover > a, .sub-menu .gb-menu-item.menu-item-8870:hover > a {background: #0e315a !important} .menu-blu-tagliato .mega-prod > .sub-menu > .menu-item > a{ color:#eaf3ff !important; font-size:var(--menu-fs) !important; font-weight:600; text-transform:uppercase; letter-spacing:.06em; line-height:1.2; padding:0 !important; margin-bottom:9px; text-decoration:none !important; } .menu-blu-tagliato .mega-prod > .sub-menu > .menu-item:hover > a{ text-decoration:none !important; } .menu-blu-tagliato .mega-prod > .sub-menu > .menu-item > a:hover{ background:transparent !important; color:#ffffff !important; text-decoration:none !important; padding-left:0 !important; } .menu-blu-tagliato .mega-prod > .sub-menu > .menu-item::before{ content:""; display:block; width:100%; height:90px; margin:0 0 12px; border-radius:8px; background-size:cover; background-position:center; transition:transform .3s ease, filter .3s ease; } .menu-blu-tagliato .mega-prod > .sub-menu > .menu-item:hover::before{ transform:scale(1.05); filter:brightness(1.05); } .menu-blu-tagliato .mega-prod > .sub-menu > #menu-item-9097::before{ background-image:url('https://www.zatoshredder.com/wp-content/uploads/2026/05/hammer-mills.webp'); } .menu-blu-tagliato .mega-prod > .sub-menu > #menu-item-9071::before{ background-image:url('https://www.zatoshredder.com/wp-content/uploads/2026/05/single-shaft-shredders.webp'); } .menu-blu-tagliato .mega-prod > .sub-menu > #menu-item-8740::before{ background-image:url('https://www.zatoshredder.com/wp-content/uploads/2026/05/demolition-shears.webp'); } .menu-blu-tagliato .mega-prod > .sub-menu > #menu-item-8777::before{ background-image:url('https://www.zatoshredder.com/wp-content/uploads/2026/05/twin-shaft-shredders.webp'); } .menu-blu-tagliato .mega-prod > .sub-menu > #menu-item-8870::before{ background-image:url('https://www.zatoshredder.com/wp-content/uploads/2026/05/Metal-separation-plants.webp'); } .menu-blu-tagliato .mega-prod .sub-menu .sub-menu{ position:static !important; display:block !important; visibility:visible !important; opacity:1 !important; pointer-events:auto !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; padding:0 !important; min-width:0 !important; animation:none !important; } .menu-blu-tagliato .mega-prod .sub-menu .sub-menu .menu-item > a{ color:#dfe9f3 !important; font-size:var(--menu-fs) !important; font-weight:400; text-transform:none; padding:6px 0 !important; border:0; white-space:normal; line-height:1.35; } .menu-blu-tagliato .mega-prod .sub-menu .sub-menu .menu-item:hover > a{ background:transparent !important; color:#9bd6ff !important; text-decoration:underline !important; } .menu-blu-tagliato .mega-prod .sub-menu .gb-submenu-toggle{ display:none; } /* animazioni d entrata solo quando la tendina si apre (no sempre-aperto) */ #menu-menu-top .menu-item:hover > .sub-menu, #menu-menu-top .menu-item:focus-within > .sub-menu{ animation:ztDrop .2s ease; } .menu-blu-tagliato > ul > .menu-item:hover > .sub-menu, .menu-blu-tagliato > ul > .menu-item:focus-within > .sub-menu{ animation:ztDrop .22s cubic-bezier(.2,.8,.3,1); } /* righette divisorie tra le voci delle tendine (non "volano") */ .menu-blu-tagliato .mega-app > .sub-menu > .menu-item{ border-bottom:1px solid rgba(255,255,255,.12); } .menu-blu-tagliato .mega-prod .sub-menu .sub-menu .menu-item:not(:last-child){ border-bottom:1px solid rgba(255,255,255,.12); } #menu-menu-top .sub-menu .menu-item:not(:last-child){ border-bottom:1px solid rgba(255,255,255,.12); } /* ===== STILE FOOTER su tutto il menu: link sottolineati, peso normale ===== */ #menu-menu-top > .menu-item > a, .menu-blu-tagliato .sub-menu a{font-weight:400 !important; } /*.gb-menu-container .menu-item a.gb-menu-link:hover {border-bottom: 1px solid #fff !important;}*/ /* la pill lingua resta senza sottolineatura */ #menu-menu-top .wpml-ls-current-language > a{ text-decoration:none !important; font-weight:600 !important; } @keyframes ztDrop{ from{opacity:0; transform:translateY(-10px);} to{opacity:1; transform:translateY(0);} } @media (prefers-reduced-motion:reduce){ #menu-menu-top > .menu-item > a::after, .menu-blu-tagliato > ul > .menu-item > a::after, .menu-blu-tagliato .sub-menu .menu-item > a, .menu-blu-tagliato .gb-submenu-toggle, #menu-menu-top .gb-submenu-toggle{ transition:none !important; } .menu-blu-tagliato > ul > .menu-item > .sub-menu, #menu-menu-top .sub-menu, .menu-blu-tagliato .mega-prod > .sub-menu > .menu-item::before{ animation:none !important; transition:none !important; } } /* ---- sticky header ---- */ #page:has(.zato-parallax-box){ overflow-x:clip; } .gb-element-663ef111.header-sticky, .header-sticky{ position:-webkit-sticky !important; position:sticky !important; top:0 !important; z-index:1000 !important; } /* ========================================================= ZATO · Titoli "card" — stile 7D .titolo-su-img → gruppo (breadcrumb Essential Blocks + h1) .titolo-su-video → h1 singolo sopra il video (home) Solo colori Zato (navy/blu + bianco). Incollare in: style.css child theme / CSS aggiuntivo → purge Cloudflare ========================================================= */ /* ---- HERO: il gruppo diventa il contenitore ---- */ .titolo-su-img{ padding:0 !important; overflow:hidden; background:none !important;} /* ---- CARD: l'inner container del gruppo ---- */ .titolo-su-img > .wp-block-group__inner-container{ position:relative; z-index:1; margin:0 0 24px 40px; max-width:690px; background:rgba(1,34,73,.85); border:1px solid rgba(255,255,255,.14); border-radius:12px; padding:20px 30px;} /* ---- BREADCRUMB (Essential Blocks) dentro la card ---- */ .titolo-su-img .wp-block-essential-blocks-breadcrumbs, .titolo-su-img .breadcrumb-sfondo-blu, .titolo-su-img .eb-parent-wrapper, .titolo-su-img .eb-breadcrumb-wrapper {background:transparent !important; padding:0 !important; margin:0 !important;} .titolo-su-img .eb-breadcrumb {margin:0 0 10px !important;} .titolo-su-img .eb-breadcrumb-item, .titolo-su-img .eb-breadcrumb-separator, .titolo-su-img .eb-breadcrumb-item a {color:#fff !important; font-size:12px !important;} .titolo-su-img .eb-breadcrumb-item a {opacity:.85; text-decoration:none;} .titolo-su-img .eb-breadcrumb-item a:hover {opacity:1; text-decoration:underline;} .titolo-su-img .eb-breadcrumb-separator {opacity:.5;} .titolo-su-img .eb-breadcrumb-item.current {opacity:.7;} /* ---- TITOLO ---- */ .titolo-su-img h1 {color:#fff !important; font-size:30px !important; /* override dello stile inline 28px */ font-weight:600 !important; line-height:1.22; margin:0 !important;} /* ========================================================= .titolo-su-video — stessa "card" applicata all'h1 singolo (h1 in absolute sopra il video: mantengo la posizione in basso, lo trasformo in card e sposto l'offset da sinistra) ========================================================= */ .titolo-su-video{left:40px !important; right:auto !important; width:auto !important; max-width:500px !important; padding:20px 30px !important; background:rgba(1,34,73,.85) !important; border:1px solid rgba(255,255,255,.14); border-radius:12px; color:#fff !important; font-size:30px !important; font-weight:600 !important; line-height:1.22;} .colonne-nomargin {margin-bottom:0 !important;} .btn-nero {padding: 10px 40px; border-radius: 30px; background-color: #003770 !important; color: #fff !important;} .box-shark {box-shadow: 0 26px 60px -20px rgba(1, 34, 73, .30);} .box-shark h2 {padding-left: 15px;} .btn-meta {width: 50%;} .carosello-prodotti .eb-slider-wrapper.eb-slider-hh47j .slick-slider .eb-slider-item img:not(.slick-loading) {height: 100%;} .img-testata img {min-height: 45vh !important;} .btn-compliance {margin-top: 15px !important;} .inside-navigation {min-height: 55px;} .menu-blu-tagliato > ul > .menu-item.mega-prod > .sub-menu { display: none !important; } .menu-blu-tagliato > ul > .menu-item.mega-prod:hover > .sub-menu {display: grid !important; grid-template-columns: repeat(6, 1fr) !important; align-items: stretch !important; background: rgb(1, 34, 73) !important; padding: 20px !important; width: auto !important; max-width: calc(-80px + 100vw) !important; min-width: auto !important; left: auto !important; right: 40px !important; gap: 16px;} .fas.fa-money-check {display: none !important;} .titolo-su-img:has(.h1-after-sales) .wp-block-group__inner-container {max-width:900px !important;} .menu-blu-tagliato > ul > .menu-item.mega-prod .sub-menu .menu-item:hover .gb-menu-item a{background: #0e315a !important;} html, body, .news_seo {overflow-x: hidden !important;max-width: 100vw !important;} /* ============================================================ MENU HAMBURGER — ripristino dello scorrimento ============================================================ */ /* 1) html non deve essere un contenitore di scorrimento */ html { overflow-x: visible !important; max-width: none !important; } /* clip contiene lo sbordamento orizzontale SENZA creare scroll container */ body { overflow-x: clip !important; max-width: 100% !important; } @media (max-width: 1176px) { /* 2) il pannello del menu scorre al suo interno */ .gb-navigation .gb-menu-container { max-height: 100vh; max-height: 100dvh; /* il fondo non finisce sotto la barra del browser */ overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding-bottom: 60px; /* respiro sotto l'ultima voce */ } /* 3) dentro l'overlay i sottomenu non devono essere in posizione assoluta, altrimenti escono dal flusso e l'altezza del pannello resta sbagliata */ .gb-navigation .gb-menu-container .sub-menu { position: static !important; width: auto !important; min-width: 0 !important; max-width: none !important; left: auto !important; right: auto !important; column-count: 1 !important; box-shadow: none !important; } } .news_seo * {box-sizing: border-box !important;} /*btn usato*/ .singolo-usato {display: flex; flex-direction: column; height: 100%;} .accordion-usato {margin-top: auto;} .singolo-usato .wp-block-essential-blocks-button {margin-top: 0;} .btn-assistenza .wp-block-essential-blocks-button .eb-button-wrapper .eb-button a.eb-button-anchor {background-color: #003770 !important; text-decoration: underline !important; text-underline-offset: 3px !important; font-weight: 700 !important;} .btn-assistenza .eb-button-anchor:hover {background-color: #012249 !important;} .btn-aftersales-bn .eb-button-wrapper .eb-button-anchor {border: 1px solid #003770; color: #003770; background-color:#fff !important;} .btn-aftersales-bn .eb-button-wrapper .eb-button-anchor:hover {background-color: #00377017 !important;} /* Correzione colore #0a4f8f e contrasto per a.gb-menu-link */ a.gb-menu-link { background-color: #0a4f8f !important; color: #ffffff !important; } /* Hover pulito con sottolineatura */ a.gb-menu-link:hover, a.gb-menu-link:focus { background-color: #0a4f8f !important; color: #ffffff !important; text-decoration: underline !important; text-underline-offset: 4px !important; } /* voci visibili solo nel menu mobile */ .solo-mobile { display: none; } #mobile-header .solo-mobile { display: block; } /* selettore lingua del Main Menu: solo su mobile ----> DA AGGIUNGERE ALTRE LINGUE!!!!!!!!!!!!!!!*/ .wpml-ls-slot-9 { display: none; } #mobile-header .wpml-ls-slot-9 { display: block; } /*ACCESSIBILITÀ*/ .form_zato .form-contatti label, .form_zato .form-contatti span.privacy, .form_zato .form-contatti span.privacy a {background-color: #fff !important; color:#012249 !important;} .news-accessibilita h2 {font-weight: 600 !important;} /* Forziamo sfondo e colore testo direttamente sul tag del link per Essential Blocks */ .griglia-usato .singolo-usato a.eb-button-anchor, .btn-assistenza .btn-info-prodotto .eb-button-wrapper .eb-button-inner-wrapper a.eb-button-anchor, .btn-assistenza .btn-info-request .eb-button-wrapper .eb-button .eb-button-inner-wrapper a.eb-button-anchor {background-color: #ffffff !important; color: #000000 !important; display: inline-block !important;} .griglia-usato .singolo-usato a.eb-button-anchor:hover, .btn-assistenza .btn-info-prodotto .eb-button-wrapper .eb-button-inner-wrapper a.eb-button-anchor:hover,.btn-assistenza .btn-info-request .eb-button-wrapper .eb-button .eb-button-inner-wrapper a.eb-button-anchor:hover {color: #fff !important; background-color: #003770 !important; border: 1px solid #003770 !important;} .link-bianco-company a {background-color: #003770 !important;} .btn-after-sales {color: #fff !important; background-color: #003770 !important; font-weight: 700 !important;} .btn-after-sales:hover {color: #003770 !important; background-color: #fff !important;} a.btn-compliance, a.btn-legal-notice {font-weight: 700 !important; background-color: #003770 !important;} a.btn-compliance:hover; a.btn-legal-notice:hover {background-color: #012249 !important;} a.btn-sostenibilita {color: #fff !important;} .nl-card-ita-margindiverso {margin-top: 18px !important;} .nl-ft-de-margindiverso {margin-top: 4px !important;} /*Fine ACCESSIBILITÀ*/ /* ========================================================= RESPONSIVE ========================================================= */ @media screen and (max-width:1800px) { .header-sticky{ background:linear-gradient(120deg,#012249 0%,#003770 10%,#0a4f8f 20%) !important; } } @media screen and (max-width:1640px) { /*.titolo-su-img {top: 55vh;}*/ /*.titolo-su-img:has(.h1-demoshears) {top: 60vh !important;}*/ } @media screen and (max-width:1480px) { /*.titolo-su-img{top: auto; margin-top: -160px; padding-left:0px}*/ /*.titolo-su-img {top: 70vh;}*/ /*.titolo-su-img:has(.h1-after-sales), .titolo-su-img:has(.h1-demoshears) {top:80vh !important; }*/ .header-sticky{ background:linear-gradient(120deg,#012249 0%,#003770 14%,#0a4f8f 26%) !important; } } @media (max-width: 1400px) { .padding-mobile.colonne-100larghezza {width: 100% !important;} .titolo-su-img {margin-top: -230px;} .titolo-su-video {margin-top: -190px;} .news_seo .wp-block-group {margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important;} } @media (min-width: 1025px) and (max-width: 1400px) { .c1-bluesorter {width: 50% !important; max-width: 50% !important; flex: 0 0 50% !important; padding-right: 30px !important;} .c2-bluesorter {width: 50% !important; max-width: 50% !important; flex: 0 0 50% !important;} .c2-bluesorter .slick-slider .eb-slider-item img, .c2-bluesorter .carosello-prodotti img {height: 540px !important; width: 100% !important; object-fit: cover !important;border-radius: 12px;} } @media screen and (max-width: 1250px) { .padding-mobile{padding-left: 30px; padding-right:30px; padding-top: 25px !important;} .padding-mobile:has(.testo-intro) {padding-top: 0 !important;} .single-post .inside-article .entry-content > div[class^="gb-element-"], .single-post .inside-article .entry-content > div:not([class]) > div[class^="gb-element-"], .single-post .inside-article .entry-content > div[class*=" gb-element-"]{margin-left:30px; margin-right:30px;} .single-post .inside-article .entry-content > div:first-of-type {margin:0px !important;} .form_zato{margin:0px 30px;} .testata-job {margin-bottom: 0 !important;} /*.titolo-su-img { top: 60vh !important;}*/ } @media screen and (min-width: 781px) and (max-width:1250px) { .padding-mobile:has(.zato-parallax-box) {padding-right: 0 !important;} } @media screen and (max-width: 1176px) { .gb-element-663ef111.header-sticky {display: none !important;} /*.titolo-su-video, .titolo-su-img { top: 530px !important;}*/ /*.titolo-su-img:has(.h1-after-sales), .titolo-su-img:has(.h1-demoshears) {top:70vh !important; }*/ } @media screen and (max-width: 1150px) { .nl-ft-de-margindiverso {margin-top: 20px !important;} .titolo-su-img {margin-top: -270px;} .titolo-su-video {margin-top: -290px;} .cont-titolo-video .titolo-su-img {margin-top: -310px;} } @media (max-width: 1100px) { .tabella-prodotti {overflow-x: auto !important;-webkit-overflow-scrolling: touch;max-width: 100%;} .tabella-prodotti table {border-collapse: separate !important;border-spacing: 0;/*min-width: 1000px !important;*/width: 100%;} .tabella-prodotti table td:first-child {position: -webkit-sticky !important;position: sticky !important;left: 0 !important;z-index: 10;background-color: #f3f6f9 !important;box-shadow: 4px 0 8px rgba(0, 0, 0, 0.08);width: 250px !important;min-width: 140px !important;max-width: 260px !important;padding: 10px 25px !important;} .tabella-prodotti table td:not(:first-child) {min-width: 280px !important;padding: 15px !important;} } @media screen and (max-width:1078px) { /*.titolo-su-img:has(.h1-demoshears) {top:60vh !important; }*/ } @media screen and (max-width: 1050px) { .titolo-su-video{padding: 20px 40px 20px 70px; /*top:70vh;*/} .quattro-col-footer{display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important;} .imma-testo-colonna {flex-direction: column !important;} .imma-testo-colonna img {width: 100%;} .inverti-text-img {flex-direction: column-reverse !important;} .titolo-su-img { margin-top: -190px; } } @media screen and (max-width:1024px) { h1.h1-assistenza span {font-size: 25px !important;} .titolo-su-img > .wp-block-group__inner-container {max-width:800px !important; margin-right: 16px;} .box-prodotti-mills {grid-template-columns: repeat(2, minmax(0, 1fr)) !important; row-gap: 2em !important;} .griglia-usato {grid-template-columns: repeat(2,minmax(0,1fr)) !important;} } @media screen and (max-width:980px){ .griglia-box {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;} } @media (max-width: 960px) { .zato-footer-top { flex-direction: column; } .zato-footer-top .ft-sx, .zato-footer-top .ft-dx { flex: 1 1 100% !important; max-width: none; } /*.ft-cards*/ .ft-card { flex: 1 1 100% !important; } .ft-cards {margin-bottom:0 !important;} .ft-dx {width: calc(100% - 20px); margin: 10px !important;} .sqs-ft {margin-left: 10px !important; width: 45%;} .ft-sx {display: flex !important; align-items: center; width:100% !important; } .ft-card {margin: 0 10px 0 10px !important;} .ft-sx { margin: 0 10px 30px 0 !important;} } @media screen and (max-width: 950px) { .tre-blocchi-responsive{grid-template-columns: repeat(2,minmax(0,1fr)) !important;} .tre-news-responsive .eb-post-grid-posts-wrapper{grid-template-columns: repeat(2,minmax(0,1fr)) !important;} .mobile-video-col{grid-template-columns: repeat(2,minmax(0,1fr)) !important;} .tre-blocchi-responsive *:first-child { grid-column: span 2;} .sei-blocchi-responsive{grid-template-columns: repeat(4,minmax(0,1fr)) !important;} .col-md-4 {width:calc(100% - 10px); margin:5px; float:left} .col-md-6 {width:calc(100% - 10px); margin:5px; float:left} /*form .formbianco{padding:0px !important; margin:0px !important;}*/ form .form_su_bianco{padding:20px !important; margin:0px !important;} .form_zato .wp-block-column:first-child {justify-content: start !important;} .centoa950 {flex-direction: column !important;} } @media (max-width:900px){ .noa900 {display: none !important;} .h1-assistenza {margin-top: 30px;} .griglia-video {grid-template-columns:repeat(4,minmax(0,1fr)) !important;} .titolo-su-img > .wp-block-group__inner-container{ margin:0 20px 20px 24px; max-width:70%; } .titolo-su-video{ left:24px !important; max-width:70% !important; } /*.titolo-su-img { top: 390px !important; }*/ .titolo-su-video {margin-top: -330px;} .cont-titolo-video .titolo-su-img { margin-top: -360px; } } @media screen and (max-width: 880px) { .griglia-3box {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;} } @media screen and (max-width:810px) { /*.titolo-su-video{top:38vh;}*/ } @media screen and (max-width: 800px) { /*.titolo-su-video {top: 35vh !important;}*/ .titolo-su-img:has(.h1-after-sales) {margin-top: -230px; } .news_seo .video-news {margin-left: 0 !important;} .tabella-prodotti table img {max-width:150px !important} .titolo-su-video {margin-top: -170px;} } @media (min-width: 769px) and (max-width: 1024px) { .c1-bluesorter {width: 50% !important; max-width: 50% !important; flex: 0 0 50% !important; padding-right: 20px !important;} .c2-bluesorter {width: 50% !important; max-width: 50% !important; flex: 0 0 50% !important;} .c2-bluesorter .slick-slider .eb-slider-item img, .c2-bluesorter .carosello-prodotti img {height: 390px !important; width: 100% !important; object-fit: cover !important; border-radius: 12px;} } @media screen and (min-width:782px) and (max-width:950px) { .zato-feature .company-circulareconomy .mobile-circular img {height: 60% !important; inset: 100px auto !important;} } @media screen and (min-width:782px) and (max-width:900px) { .wp-block-group.is-content-justification-left:has(.btn-compliance) {flex-direction: column !important;} .btn-compliance {width:100%; text-align: center;} } @media screen and (max-width: 781px) { .colonna-banner-fiere-hp, .colonna-sost-hp{padding: 0px 30px 30px 30px;} .box-hp-img-sx img{width:100% !important; border-radius:15px 15px 0 0;} .btn-newsletter{width:100%; text-align:center; display:inline-block !important;} .titolo-su-img > div{padding:8px 30px !important;} /*.titolo-su-img{position: relative; margin-top: -220px; z-index: 9;}*/ .me-video-65{max-height:none !important;} .breadcrumb-sfondo-blu{margin-bottom:10px;} .titolo-su-img h1{font-size:24px !important;} .mobile-ordine-meno1{order:-1;} .mobile-circular{order:-1; max-width:250px;} .colonna-pilastri .wp-block-group{display:block;} .colonna-pilastri .wp-block-group p{text-align:center;} .colonna-pilastri .wp-block-group img{margin:auto;} /*.titolo-su-img {top: 0 !important;}*/ .breadcrumb-sfondo-blu {padding-top:10px !important;} .titolo-su-img h1 {padding-bottom:10px !important;} .box-prodotti-mills { grid-template-columns: repeat(1, minmax(0, 1fr)) !important;} .gb-element-2102a6fc .testo-intro, .h2-lavori {margin-top: 40px !important;} /*.titolo-su-img:has(.h1-contatti), .padding-mobile.pagina-contatti, .titolo-su-img:has(.h1-demoshears), .titolo-su-img:has(.h1-sostenibilita), .titolo-su-img:has(.h1-lavori) {top:5vh !important; }*/ .titolo-su-img:has(.h1-contatti) .wp-block-group__inner-container {max-width:370px !important;} .padding-mobile.pagina-contatti {position: relative;} .col2-sost {order: 1; margin-top: 20px !important; display: flex; justify-content: center !important;} .col1-sost {order: 2;} .col3-sost {order: 3;} .pilastri-zato .wp-block-group {padding: 0 !important;} .company-circulareconomy {justify-content: center !important;} .img-dimensioni {flex-direction: column !important;} .img-dimensioni img{max-width:100%;} .order-1a781 {order: -1 !important;} .intro-greenwebsite {margin-top: 6vh !important;} .titolo-su-img.titolo-greenwebsite {top: 5vh !important;} } @media screen and (min-width: 769px) and (max-width:934px) { .c1-bluesorter .wp-block-group.btn-assistenza {flex-direction: column;} .c1-bluesorter .wp-block-essential-blocks-button.btn-assistenza {width: 100%;} } @media (min-width: 769px) { .wp-block-columns:has(.zato-parallax-box) {align-items: stretch !important;} } @media (max-width: 768px) { .zato-parallax-box {position: static; width: 100% !important; height: auto; min-height: 60vh; border-radius: 14px;} .news_seo .wp-block-group:has(> .c1-bluesorter) {display: flex !important; flex-direction: column !important;} .c1-bluesorter, .c2-bluesorter {width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; display: block !important;} .c1-bluesorter {padding-right: 0 !important; margin-bottom: 25px !important;} .c1-bluesorter .btn-assistenza {display: flex !important; justify-content: center !important;} .c2-bluesorter .slick-slider .eb-slider-item img,.c2-bluesorter .carosello-prodotti img {height: 580px !important; width: 100% !important; object-fit: cover !important; border-radius: 12px;} .eb-slider-wrapper.eb-slider-hh47j {padding-bottom: 0 !important;} } @media screen and (max-width: 767px) { .eb-timeline-wrapper.eb-timeline-jfkfi .eb-timeline-item { margin-left: -14px;} .single-post .eb-breadcrumb{display: block; padding: 10px 30px;} .single-post .eb-breadcrumb-item a, .single-post .eb-breadcrumb-item.current, .single-post span.eb-breadcrumb-separator, .single-post .eb-breadcrumb, .single-post .eb-breadcrumb a, .single-post .eb-breadcrumb span{font-size:14px !important;} .single-post .eb-breadcrumb-separator{margin:0 5px;} .griglia-video {grid-template-columns:repeat(3,minmax(0,1fr)) !important;} .site-logo.mobile-header-logo a img {width: 80px; height: auto !important;} } @media screen and (max-width: 750px) { .sei-blocchi-responsive{grid-template-columns: repeat(3,minmax(0,1fr)) !important;} .mobile-video-col{grid-template-columns: repeat(2,minmax(0,1fr)) !important;} .tre-news-responsive .eb-post-grid-posts-wrapper{grid-template-columns: repeat(1,minmax(0,1fr)) !important;} /*.titolo-su-video{top:40vh;}*/ } @media screen and (max-width:700px) { .griglia-usato {grid-template-columns: repeat(1,minmax(0,1fr)) !important;} } @media screen and (max-width:694px) { /*.titolo-su-img:has(.h1-demoshears) {top: 2vh !important;}*/ } @media screen and (min-width:651px) and (max-width:706px) { .testo-intro.intro-company {margin-top: 3vh !important;} } @media screen and (max-width: 650px) { .titolo-su-img > .wp-block-group__inner-container{margin:0 16px 16px; max-width:none; padding:14px 18px;} .titolo-su-img h1.wp-block-heading{ font-size:20px !important; } .titolo-su-img .eb-breadcrumb-item, .titolo-su-img .eb-breadcrumb-separator, .titolo-su-img .eb-breadcrumb-item a{ font-size:11px !important; } .titolo-su-video {left:16px !important; right:16px !important; max-width:none !important;width:auto !important; padding:14px 18px !important; font-size:20px !important; margin-top:-130px;} /*.titolo-su-video {top: 45vh !important;}*/ /*.titolo-su-img {top: 5vh !important;}*/ .testo-intro {margin-top:10vh !important;} /*.titolo-su-img:has(.h1-demoshears) {top: 7vh !important;}*/ /*.testo-intro.testo-demoshears {margin-top: 13vh !important;}*/ .sqs-ft {width: 60% !important;} } @media screen and (max-width:600px) { .griglia-video {grid-template-columns:repeat(2,minmax(0,1fr)) !important;} } @media screen and (max-width: 590px) { .sqs-ft {flex: 1 1 70% !important;} } @media screen and (max-width:587px) { .titolo-su-img.h1-after-sales {top:37vh !important;} } @media screen and (min-width:577px) and (max-width:650px) { .testo-intro.testo-scrap {margin-top: 13vh !important;} .testo-after {margin-top: 5vh !important;} } @media screen and (max-width: 570px) { .tre-blocchi-responsive{grid-template-columns: repeat(1,minmax(0,1fr)) !important;} .tre-blocchi-responsive *:first-child { grid-column: span 1;} .sei-blocchi-responsive{grid-template-columns: repeat(2,minmax(0,1fr)) !important;} h2{font-size:23px !important;} h2.eb-accordion-title{font-size:18px !important;} .titolo-su-img h1 {font-size: 21px !important;} .titolo-su-img{margin-bottom:30px;} .faq-titolo {font-size: 40px !important;} .news-accessibilita h2 {line-height: 1em;} .titolo-su-img { margin-top: -150px; } } @media screen and (max-width:567px) { .mobile-video-col{grid-template-columns: repeat(1,minmax(0,1fr)) !important;} } @media screen and (max-width:550px) { .tabella-prodotti table td:first-child {width: 135px !important; padding: 10px !important;} } @media screen and (max-width: 520px) { .quattro-col-footer{display: grid !important; grid-template-columns: repeat(1,minmax(0,1fr)) !important;} .zato-parallax-box {min-height:45vh !important;} .sqs-ft {flex: 1 1 100% !important;} } @media screen and (max-width:500px) { .btn-assistenza {flex-direction: column !important;} .btn-assistenza .eb-button-wrapper {margin:0;} .btn-assistenza .wp-block-essential-blocks-button {width: 100%;} .griglia-box, .griglia-3box {grid-template-columns: repeat(1, minmax(0, 1fr)) !important;} .c2-bluesorter .slick-slider .eb-slider-item img, .c2-bluesorter .carosello-prodotti img {height: 420px !important;} .eb-slider-wrapper.eb-slider-hh47j {padding-bottom: 0 !important;} .gb-element-e97a9430 {padding-top: 0 !important;} } @media screen and (max-width:474px) { .eb-breadcrumb .eb-breadcrumb-item a, .eb-breadcrumb .eb-breadcrumb-separator, .eb-breadcrumb .eb-breadcrumb-item a, .eb-breadcrumb .eb-breadcrumb-item.current {font-size: 11px !important;} } @media screen and (max-width:465px) { .wp-block-group.is-content-justification-left:has(.btn-compliance) {flex-direction: column !important;} .btn-compliance {width:100%; text-align: center;} } @media screen and (max-width:460px) { .ft-sx {flex-direction: column;} .nl-card.ft-card {width: calc(100% - 40px); margin-top: 20px !important;} .zato-footer-top { display: flex;gap: 0 !important;} .sqs-ft {margin-top: 10px; margin-left: 0 !important; width: 53% !important;} } @media screen and (max-width: 450px) { .img-testata img {min-height:30vh !important;} } @media screen and (max-width:420px) { .c2-bluesorter .slick-slider .eb-slider-item img, .c2-bluesorter .carosello-prodotti img {height: 350px !important;} .eb-slider-wrapper.eb-slider-hh47j {padding-bottom: 0 !important;} .gb-element-e97a9430 {padding-top: 0 !important;} .titolo-su-img:has(.h1-after-sales) { margin-top: -170px; } } @media screen and (max-width:400px){ .griglia-video {grid-template-columns:repeat(1,minmax(0,1fr)) !important;} .griglia-video .singola-applicazione {height: 200px !important;} } @media (max-width: 375px) { .sqs-ft {width:60% !important;justify-content: center;} /*.testo-intro.testo-demoshears {margin-top: 12vh !important;}*/ } @media screen and (max-width: 370px) { /*.titolo-su-img {top: 2vh !important;}*/ } @media screen and (max-width: 350px) { /*.titolo-su-video {top: 40vh !important;}*/ } /*PROVA*/ @media (max-width: 1024px), (min-width: 1025px) { .main-navigation.sticky-navigation-transition .main-nav > ul > li > a, .sticky-navigation-transition .menu-toggle, .main-navigation.sticky-navigation-transition .menu-bar-item > a, .sticky-navigation-transition .navigation-branding .main-title {line-height:20px;} } /*SISTEMA MENU A TENDINA*/ @media (max-width: 768px) { /* blocca lo scroll della pagina mentre il menu è aperto */ html.mobile-menu-open, html.mobile-menu-open body { overflow: hidden; } /* il pannello del menu scorre da solo, entro l'altezza dello schermo */ #mobile-header.toggled .main-nav > ul, .main-navigation.toggled .main-nav > ul { max-height: calc(100vh - 55px); /* fallback browser vecchi */ max-height: calc(100dvh - 55px); /* 55px = altezza barra header mobile */ overflow-y: auto; overscroll-behavior: contain; /* evita che lo scroll "passi" alla pagina */ -webkit-overflow-scrolling: touch; } } @media (max-width: 400px) { .singola-applicazione .titolo-applicazione{font-size:14px !important;} } @media (max-width: 600px) { .eb-breadcrumb {display:block !important} .eb-breadcrumb-separator {margin:0 5px !important} } @media (max-width: 800px) { .colonna-banner-fiere-hp .is-layout-grid { padding-right: 0px;} iframe{max-width:100% !important;} } #form, #planning, #corrective-support, #original-parts, #technical-support {scroll-margin-top: 110px !important;} a.vezzo-circolarita {color: var(--col-bianco); font-weight: 700; letter-spacing: 0.64px; text-decoration: none; cursor: auto; display: block; position: relative; margin-top: 14px; padding-bottom: 10px;} a.vezzo-circolarita:hover {color: var(--col-bianco); text-decoration: none;} a.vezzo-circolarita::after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 28px; height: 3px; background: var(--col-bianco); transition: width 0.35s;} .circolarita-zato .wp-block-column:hover a.vezzo-circolarita::after {width: 60px;} .circolarita-zato .vezzo-circolarita {cursor: pointer;} html { scroll-behavior: smooth; scroll-padding-top: 150px; } .img-bordi14px img {border-radius: 14px !important;} html[lang="de-DE"] p, html[lang="de-DE"] a, html[lang="de-DE"] h1, html[lang="de-DE"] h2, html[lang="de-DE"] h3, html[lang="de-DE"] h4, html[lang="de-DE"] h5, html[lang="de-DE"] h6{word-break: break-all !important;} /* ============ Pagina risultati di ricerca — restyle on-brand ============ */ /* Titolo pagina */ body.search-results .page-header{ margin-bottom:0; } body.search-results .page-header .page-title, body.search-results .page-header h1{ color:#16335F !important; font-weight:800; line-height:1.15; position:relative; padding-bottom:16px; } /* Spaziatura tra le righe della griglia */ body.search-results .generate-columns-container > article{ margin:20px !important; width:calc(100%/3 - 40px) } /* Ogni risultato = card */ body.search-results article .inside-article{ height:100%; box-sizing:border-box; display:flex; flex-direction:column; background:#fff; border:1px solid #e8edf4; border-radius:16px; padding:0; box-shadow:0 1px 2px rgba(10,58,96,.05); transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease; } .search .post-image-aligned-left .inside-article .post-image {margin-right:0 !important} .search img{border-radius:15px 15px 0 0 !important} body.search-results article .inside-article:hover{ box-shadow:0 12px 28px -14px rgba(10,58,96,.28); border-color:#cfe0f0; transform:translateY(-2px); } /* Titolo del risultato */ body.search-results .entry-header{ margin:0 0 10px; } body.search-results .entry-title{ font-size:19px !important; line-height:1.32; margin:0; } .search header{padding:20px} body.search-results .entry-title a{ font-weight:700; text-decoration:none; } body.search-results .entry-title a:hover{ color:#008BD2 !important; } /* Estratto */ body.search-results .entry-summary{ color:#5a6673; font-size:14.5px; line-height:1.6; flex:1 1 auto; } body.search-results .entry-summary p{ margin:0; } /* Paginazione */ body.search-results .paging-navigation{ margin-top:8px; } body.search-results .paging-navigation a, body.search-results .paging-navigation .page-numbers{ display:inline-block; padding:9px 16px; border:1px solid #e8edf4; border-radius:8px; color:#16335F; text-decoration:none; font-weight:600; } body.search-results .paging-navigation a:hover{ border-color:#008BD2; color:#008BD2; } /* ====== Pagina ricerca SENZA risultati — restyle on-brand ====== */ body.search-no-results .no-results{ max-width:620px; margin:20px auto 12px; } body.search-no-results .no-results .inside-article{ text-align:center; background:#fff; border:1px solid #e8edf4; border-radius:18px; padding:48px 32px 42px; box-shadow:0 1px 2px rgba(10,58,96,.05); } /* icona lente sopra il titolo */ body.search-no-results .no-results .entry-header::before{ content:""; display:block; width:84px; height:84px; margin:0 auto 22px; border-radius:50%; background:#eaf3fb url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230A3A60%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22M21%2021l-4.3-4.3%22%2F%3E%3C%2Fsvg%3E") center / 40px 40px no-repeat; } body.search-no-results .no-results .entry-title{ color:#16335F !important; font-weight:800; font-size:clamp(23px,3.6vw,30px) !important; margin:0 0 12px; } body.search-no-results .no-results .entry-content > p{ color:#5a6673; font-size:16px; line-height:1.6; max-width:440px; margin:0 auto 26px; } /* form di ricerca centrato e curato */ body.search-no-results .no-results .search-form{ display:flex; justify-content:center; gap:10px; max-width:460px; margin:0 auto; } body.search-no-results .no-results .search-form label{ flex:1 1 auto; margin:0; } body.search-no-results .no-results .search-field{ width:100%; box-sizing:border-box; padding:13px 16px; border:1.5px solid #cdd9e6; border-radius:10px; font-size:15px; background:#fff; color:#1c2b3a; } body.search-no-results .no-results .search-field:focus{ outline:none; border-color:#008BD2; box-shadow:0 0 0 3px rgba(0,139,210,.15); } body.search-no-results .no-results .search-submit{ flex:0 0 auto; min-width:54px; padding:0 18px; background:#16335F; color:#fff; border:none; border-radius:10px; cursor:pointer; font-size:17px; display:inline-flex; align-items:center; justify-content:center; transition:background .2s ease; } body.search-no-results .no-results .search-submit:hover{ background:#008BD2; } /* ============ Popup di ricerca (GeneratePress search modal) — accessibile ============ */ .search-modal-form {margin:auto !important} /* Overlay: velo navy abbastanza opaco da garantire il contrasto del titolo bianco */ #gp-search .gp-modal__overlay{ background:rgba(10,58,96,.72) !important; -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); padding-top:16vh !important; } #gp-search .gp-modal__container{ width:640px !important; max-width:92% !important; padding:0 !important; } /* Titolo sopra la barra (decorativo; il dialog ha già aria-label e l'input ha la sua label) */ html[lang="en-US"] #gp-search .search-modal-form::before{content:"Search on site";} html[lang="it-IT"] #gp-search .search-modal-form::before{content:"Cerca nel sito";} html[lang="fr-FR"] #gp-search .search-modal-form::before{content:"Recherche sur le site";} html[lang="de-DE"] #gp-search .search-modal-form::before{content:"Auf der Website suchen";} html[lang="es-ES"] #gp-search .search-modal-form::before{content:"Buscar en la web";} html[lang="pt-br"] #gp-search .search-modal-form::before{content:"Pesquisar no site";} html[lang="pl-PL"] #gp-search .search-modal-form::before{content:"Wyszukiwanie na stronie";} html[lang="ko-KR"] #gp-search .search-modal-form::before{content:"사이트 내 검색";} #gp-search .search-modal-form::before{ display:block; text-align:center; color:#ffffff; /* bianco su overlay navy .72 -> contrasto alto */ font-weight:700; font-size:22px; margin:0 0 18px; } /* Barra di ricerca (niente overflow:hidden, così i focus ring non vengono tagliati) */ #gp-search .search-modal-fields{ display:flex !important; width:100% !important; max-width:none !important; background:#ffffff !important; border:1px solid #cdd9e6 !important; border-radius:14px !important; box-shadow:0 24px 55px -22px rgba(0,0,0,.55) !important; } /* Indicatore di focus visibile sull'intera barra quando si scrive (WCAG 2.4.7) */ #gp-search .search-modal-fields:focus-within{ border-color:#008BD2 !important; box-shadow:0 0 0 3px rgba(0,139,210,.45), 0 24px 55px -22px rgba(0,0,0,.55) !important; } /* Campo di testo */ #gp-search .search-modal-fields .search-field{ flex:1 1 auto !important; height:62px !important; padding:0 20px !important; border:none !important; background:transparent !important; font-size:17px !important; color:#16335F !important; border-radius:14px 0 0 14px !important; box-shadow:none !important; } /* placeholder con contrasto >= 4.5:1 su bianco */ #gp-search .search-modal-fields .search-field::placeholder{ color:#5f6a77 !important; opacity:1 !important; } /* l'outline nativo lo sostituisco con l'anello sul contenitore (focus-within), più visibile */ #gp-search .search-modal-fields .search-field:focus{ outline:none !important; } /* Pulsante */ #gp-search .search-modal-fields button{ flex:0 0 auto !important; width:66px !important; height:62px !important; background:#16335F !important; color:#ffffff !important; border:none !important; border-radius:0 14px 14px 0 !important; padding:0 !important; cursor:pointer !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; font-size:18px !important; transition:background .2s ease; } #gp-search .search-modal-fields button:hover{ background:#0073ad !important; } /* focus da tastiera sul pulsante: anello bianco interno, ben visibile sul navy */ #gp-search .search-modal-fields button:focus-visible{ outline:2px solid #ffffff !important; outline-offset:-5px !important; } #gp-search .search-modal-fields button .gp-icon, #gp-search .search-modal-fields button svg{ color:#ffffff !important; fill:currentColor !important; } @media (prefers-reduced-motion: reduce){ #gp-search .search-modal-fields button{ transition:none !important; } } .read-more-container a {border:1px solid; border-radius:50px} .read-more-container {margin-left:20px !important} .error404 .content-area {display:none} #mobile-header .mobile-lang-switcher { font-size: 14px; margin-left: 8px; } .faq-area {margin:4% auto 0; background-color: var(--col-grigiochiaro) !important; max-width: 800px; border-radius: 20px; padding: 30px !important;} .faq-area .eb-accordion-slg0r.eb-accordion-container .title-content-eb-accordion-slg0r .eb-accordion-title {color: var(--global-logo01) !important; font-size: 20px !important; line-height: 38px; font-weight: 600;} .faq-area .eb-accordion-icon-wrapper{ display: flex !important; justify-content: center !important; align-items: center !important; padding: 8px !important; border-width: 1px !important; border-color: rgba(176, 187, 207, 1) !important; border-style: solid !important; border-radius: 50% !important; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s !important; background:var(--col-grigiochiaro) !important } .faq-area .dashicon {text-align: center !important; color: var(--col-nero) !important; font-size: 14px !important; width: 14px !important; height: 14px !important; } .faq-area h2, .faq-area h3 {color: var(--global-logo01) !important; font-weight: 600 !important;} .faq-area .eb-accordion-title-wrapper, .faq-area .eb-accordion-content-wrapper, .faq-area .eb-accordion-content, .faq-area .eb-accordion-vf8nb.eb-accordion-container .eb-accordion-wrapper:not(.eb-accordion-hidden,.for_edit_page) .eb-accordion-title-wrapper-eb-accordion-vf8nb {background:var(--col-grigiochiaro) !important } @media (max-width: 850px) { .faq-area{padding: 0 0 30px 0 !important; margin: 35px 30px 0 !important;} } @media (max-width: 800px) { .tabella-prodotti { overflow-x: auto !important; -webkit-overflow-scrolling: touch; display: block; } .tabella-prodotti table { table-layout: auto !important; width: max-content !important; } /* Prima colonna: stretta, testo va a capo */ .tabella-prodotti td:first-child, .tabella-prodotti th:first-child { min-width: 100px !important; max-width: 110px !important; white-space: normal !important; word-break: break-word; } /* Colonne dati: no wrap */ .tabella-prodotti td:not(:first-child), .tabella-prodotti th:not(:first-child) { min-width: 120px !important; white-space: nowrap !important; } } .img-testata, div:has(> .video-testata) {height:650px !important; overflow:hidden !important; margin-bottom:20px !important} @media (max-width: 1400px) { .img-testata, div:has(> .video-testata) {height:500px !important;} /*.titolo-su-video{top: 450px;}*/ } @media (max-width: 1150px) { .img-testata, div:has(> .video-testata) {height:400px !important;} /*.titolo-su-video{top: 310px !important;}*/ } @media (max-width: 900px) { .img-testata, div:has(> .video-testata) {height:350px !important;} /*.titolo-su-video{top: 250px !important;}*/ } @media (max-width: 600px) { .img-testata, div:has(> .video-testata) {height:370px !important;} } @media (max-width: 450px) { .img-testata, div:has(> .video-testata) {height:250px !important;} .video-testata{height:auto !important;} /*.titolo-su-video { top: 200px !important; }*/ } @media (max-width: 400px) { /*.titolo-su-video{top: 170px !important;}*/ div:has(> .video-testata) {height:220px !important;} .titolo-su-img { margin-top: -170px; } .titolo-su-video{margin-top:-100px;} }