/*
Theme Name: Colorificio Child
Theme URI: https://www.colorificio.sm/
Description: Colorificio Child Theme
Author: The Space Team
Author URI: https://thespacesm.com/
Template: colorificio
Version: 2.0.0
Text Domain: colorificio-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo,
editor-style, featured-images, rtl-language-support, threaded-comments,
translation-ready
*/
/* Add your custom styles here */



@font-face {
font-family: "Helvetica Now Display";
src: url("/fonts/HelveticaNowDisplay.woff2") format("woff2");
font-style: normal;
font-display: swap;
}
html,
body {
font-family: "Helvetica Now Display", Helvetica, Arial, sans-serif;
}
html {
scroll-behavior: auto !important;
}

/*CODICE ETICO ICONA ALLINEAMENTO ACCORDION*/
.page-id-1273 .e-n-accordion-item-title {
    align-items: baseline !important;
}
/*STRATEGIA AMBIENTALE ALLINEAMENTO ICONA ACCORDION*/
.page-id-978 .e-n-accordion-item-title{
    align-items: flex-start;
}
/*PADDING ACCORDION TITLE CERTIFICAZIONI E PARTNERSHIP*/
.page-id-1145 .elementor-element-1f2b186 .e-n-accordion-item-title,
.page-id-1145 .elementor-element-838c20a .e-n-accordion-item-title{
padding-left: 0px;
}
/*DIDASCALIA FOTO GALLERIA ARTICOLI*/
.elementor-slideshow__footer.elementor-lightbox-prevent-close{
display: none;
}
/*FRECCIA DIAGONALE*/
.page-id-882 .elementor-button-icon svg,
.page-id-1145 .elementor-button-icon svg,
.page-id-939 .elementor-button-icon svg{
width: 0.7em !important;
}
/*VIDEO IFRAME ARTICOLO*/
.video-wrapper {
 position: relative;
 width: 100%;
 max-width: 800px;
 aspect-ratio: 800 / 636;
 height: auto !important;
 padding: 0 !important;
 overflow: hidden;
 box-sizing: border-box;
}

.video-wrapper iframe {
 position: absolute !important;
 inset: 0;
 width: 100% !important;
 height: 100% !important;
 max-width: 100% !important;
 border: 0;
}

@supports not (aspect-ratio: 1 / 1) {
 .video-wrapper {
 height: 0 !important;
 padding-bottom: 79.5% !important;
 }

 .video-wrapper iframe {
 position: absolute !important;
 }
}
/*RIASSUNTO ARTICOLI*/
.testo-iniziale-excerpt {
font-family: "Helvetica Now Display", Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1.4;
}
@media (max-width: 767px) {
.testo-iniziale-excerpt {
font-size: 15px;
}
}
/*CSS LINGUE*/
.elementor-element-829cca9 .elementor-shortcode{
font-weight: 600;
}
.elementor-element-829cca9 a.notranslate.glink.nturl.gt_raw_link-xxjexk{
color: #666666 !important;
}
.elementor-element-829cca9
a.gt-current-lang.notranslate.glink.nturl.gt_raw_link-xxjexk{
color: #333333 !important;
}
.elementor-element-bf17d4e a.notranslate.glink.nturl.gt_raw_link-xxjexk{
    color: #606060;
}
/*LINGUE SECONDO HEADER*/
.elementor-element-a6bb573 .elementor-shortcode{
font-weight: 600 !important;
font-size: 20px !important;
}
.elementor-element-a6bb573 a.notranslate.glink.nturl.gt_raw_link-xxjexk{
color: #666666 !important;
}
.elementor-element-a6bb573 a.gt-current-lang.notranslate.glink.nturl.gt_raw_link-xxjexk{
color: #333333 !important;
}

/*LINGUE PRIMO HEADER*/
.elementor-element-dc1910b .elementor-shortcode{
font-weight: 600 !important;
font-size: 20px !important;
}
.elementor-element-dc1910b a.notranslate.glink.nturl.gt_raw_link-xxjexk{
color: #666666 !important;
}
.elementor-element-dc1910b a.gt-current-lang.notranslate.glink.nturl.gt_raw_link-xxjexk{
color: #333333 !important;
}

/*SELETTORE LINGUE FOOTER*/
.elementor-element-7daa0ad .elementor-shortcode {
display: grid !important;
}
.elementor-element-7daa0ad .elementor-shortcode
a.notranslate.glink.nturl.gt_raw_link-xxjexk{
color: #7D7D7D !important;
font-family: "Helvetica Now Display", Helvetica, Arial, sans-serif
!important;
font-weight: 400 !important;
font-size: 12px;
}
.elementor-element-7daa0ad .elementor-shortcode
a.gt-current-lang.notranslate.glink.nturl.gt_raw_link-xxjexk{
color: #7D7D7D !important;
font-weight: 700 !important;
font-family: "Helvetica Now Display", Helvetica, Arial, sans-serif
!important;
}
/*Mobile*/
.elementor-element-85fb32a .elementor-shortcode a {
color: #fff !important;
font-family: "Helvetica Now Display", Helvetica, Arial, sans-serif
!important;
font-weight: 400;
font-size: 14px;
}
.elementor-element-85fb32a .gtranslate_wrapper a.notranslate.glink.nturl.gt_raw_link-xxjexk {
color: #fff !important;
font-weight: 700 !important;
font-family: "Helvetica Now Display", Helvetica, Arial, sans-serif !important;
}

/*GTRANSLATE POPUP MOBILE*/
.elementor-element-30dca5c .elementor-shortcode{
margin-top: -230px;
}
.elementor-element-30dca5c a.notranslate.glink.nturl.gt_raw_link-xxjexk{
    color: #606060;
}
.elementor-element-30dca5c a.gt-current-lang.notranslate.glink.nturl.gt_raw_link-xxjexk{
    color: #333333;
}
/*VIDEO VIMEO*/
/* Wrapper */
.video-block-space {
position: relative;
overflow: hidden;
}
/* Overlay sopra l'iframe - z-index alto garantisce che copra sempre
l'iframe */
.video-block-space .pt-video-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.3s ease;
z-index: 10;
}
.video-block-space .pt-video-overlay-dark {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
transition: background-color 0.3s ease;
}
.video-block-space .pt-video-overlay:hover .pt-video-overlay-dark {
background-color: rgba(0, 0, 0, 0.35);
}
.video-block-space .pt-video-play-icon {
position: relative;
width: 80px;
height: 80px;
z-index: 2;
transition: transform 0.3s ease;
}
.video-block-space .pt-video-overlay:hover .pt-video-play-icon {
transform: scale(1.1);
}
.video-block-space .pt-video-close {
display: none;
position: absolute;
top: 16px;
right: 16px;
width: 40px;
height: 40px;
border: none;
border-radius: 50%;
background: rgba(0, 0, 0, 0.6);
color: #fff;
font-size: 22px;
line-height: 1;
cursor: pointer;
z-index: 10000;
align-items: center;
justify-content: center;
}
/* Mobile: altezza fissa, niente padding-top */
@media (max-width: 767px) {
.video-block-space:not(.pt-fullscreen-active) {
padding: 0 !important;
height: 436px !important;
}
}
/* Fullscreen simulato - solo mobile via JS */
.video-block-space.pt-fullscreen-active {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
padding: 0 !important;
margin: 0 !important;
z-index: 2147483647 !important;
background: #000;
}
.video-block-space.pt-fullscreen-active .pt-video-close {
display: flex !important;
}
/* In fullscreen l'iframe torna gestito dal JS con dimensioni esplicite
*/
.video-block-space.pt-fullscreen-active .pt-video-iframe {
position: absolute !important;
}
/*FINE VIDEO VIMEO*/
/*MENU POPUP*/
.elementor-element-bf17d4e{
margin-top: -145px;
z-index: 99;
}
.elementor-element-bf17d4e .elementor-shortcode{
color: #606060;
font-family: "Helvetica Now Display", Helvetica, Arial, sans-serif
!important;
font-weight: 400 !important;
font-size: 30px;
}
.elementor-element-bf17d4e .elementor-shortcode
a.glink.nturl.notranslate.gt-current-lang {
color: #333333 !important;
font-weight: 600 !important;
}
/*HEADER 2*/
.elementor-element-c2a670c .gtranslate_wrapper a{
font-weight: 400;
font-size: 20px;
color: #333333;
}
.elementor-element-c2a670c .gtranslate_wrapper
a.glink.nturl.notranslate.gt-current-lang{
font-weight: 600;
}
/*CSS BUTTON ARROW*/
.elementor-element-bf69bcb .elementor-button:hover svg path,
.elementor-element-003023f .elementor-button:hover svg path,
.elementor-element-1e8f49f .elementor-button:hover svg path,
.elementor-element-f1a276d .elementor-button:hover svg path{
fill: #EBEBEB !important;
}
/*CSS POPUP*/
.space-mn-wrap,
.space-mn-wrap *,
.space-mob-wrap,
.space-mob-wrap * {
font-family: "Helvetica Now Display", Helvetica, Arial, sans-serif
!important;
color: #333333 !important;
}
.elementor-popup-modal .space-mn-wrap a:hover,
.elementor-popup-modal .space-mob-wrap a:hover,
.elementor-popup-modal .space-mn-wrap li:hover,
.elementor-popup-modal .space-mob-wrap li:hover {
color: #6D6D6D !important;
}
/*STRATEGIA AMBIENTALE*/
.page-id-978 .e-n-accordion-item-title{
padding: 0;
}
.page-id-978 .elementor-element-843451a
.e-n-accordion-item-title-header,
.page-id-978 .elementor-element-03d7c89
.e-n-accordion-item-title-header,
.page-id-978 .elementor-element-b43596d
.e-n-accordion-item-title-header{
padding-top: 10px !important;
}
/*
.page-id-978 .autonomia-space .e-n-accordion-item-title,
.page-id-978 .elementor-element-f9d3549 .e-n-accordion-item-title,
.page-id-978 .elementor-element-9022f21 .e-n-accordion-item-title,
.page-id-978 .elementor-element-678f2bf .e-n-accordion-item-title,
.page-id-978 .elementor-element-7b54114 .e-n-accordion-item-title{
width: 49%;
padding: 0;
border-top: solid 1px #333333 !important;
pointer-events: none;
}*/
.page-id-978 .qualita-accordion-space summary.e-n-accordion-item-title{
padding-top: 0px !important;
}
.page-id-978 .elementor-element-0aaef29{
margin-top: -36px;
}
.page-id-978 .elementor-element-24c4d1a{
margin-top: -71px;
}
.page-id-978 .elementor-element-09ae774{
margin-top: 20px !important;
}
.page-id-978 .elementor-element-9a5983c{
margin-top: -36px ;
}
.page-id-978 .elementor-element-bdf376e{
margin-top: -36px;
}
/*SVG SOSETINIBILITÀ*/
.page-id-978 .e-n-accordion .e-n-accordion-item-title{
padding-top: 0px !important;
}
.autonomia-space-svg::before{
content: "";
position: absolute;
inset: 0;
background-image:
url("https://www.colorificio.sm/wp-content/uploads/2026/06/autonomia-sostenibilita.svg");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
z-index: 1;
pointer-events: none;
}
.petrolio-space-svg::before{
content: "";
position: absolute;
inset: 0;
background-image:
url("https://www.colorificio.sm/wp-content/uploads/2026/06/petrolio-sostenibilita.svg");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
z-index: 1;
pointer-events: none;
}
.energia-space-svg::before{
content: "";
position: absolute;
inset: 0;
background-image:
url("https://www.colorificio.sm/wp-content/uploads/2026/06/energia-sostenibilita.svg");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
z-index: 1;
pointer-events: none;
}
.acqua-space-svg::before{
content: "";
position: absolute;
inset: 0;
background-image:
url("https://www.colorificio.sm/wp-content/uploads/2026/06/acqua-sostenibilita.svg");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
z-index: 1;
pointer-events: none;
}
.emissioni-space-svg::before{
content: "";
position: absolute;
inset: 0;
background-image:
url("https://www.colorificio.sm/wp-content/uploads/2026/06/emissioni-sostenibilita.svg");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
z-index: 1;
pointer-events: none;
}
/*accordion sostenibilità*/
.e-n-accordion-item-2480{
margin-top: -46px !important;
}
.elementor-element-39b4db1{
margin-top: -91px !important;
}
/*icona footer*/
.footer-space .e-n-accordion-item-title{
align-items: baseline;
}
.elementor-element.elementor-element-872f29a::before{
content: "";
position: absolute;
inset: 0;
background:
url("https://www.colorificio.sm/wp-content/uploads/2026/06/strategia-ambientale-home.svg")
center / contain no-repeat;
z-index: 1;
pointer-events: none;
height: 460px;
top: 35px;
left: 60px;
}
/*FORM INFO*/
input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
color: #fff;
background-color: #333333;
border: solid 1px #333333;
}
.contact-cf .send-cf {
position: absolute;
bottom: 10px;
right: 0;
}
.contact-cf p {
margin-bottom: 0;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner{
float: right;
padding: 0px;
height: 30px;
width: 30px;
border-radius: 100px;
border: 1px solid #333333 !important;
color: #333333;
font-size: 20px;
margin-bottom: 10px;
}
/*.contact-cf .send-cf input {
font-size: 26px;
border: solid 1px #333333;
color: #333333;
padding: 0;
float: right;
height: 30px;
width: 30px;
line-height: 50px;
background-color: none;
border-radius: 50%;
}*/
.contact-cf .send-cf input:hover {
color: #fff;
background-color: #333;
}
.contact-cf .half-cf {
display: flex;
column-gap: 24px;
}
.contact-cf .half-cf input {
border: none;
border-bottom: 1px solid #000;
border-radius: 0;
margin-top: 12px;
margin-bottom: 8px;
padding-right: 0;
padding-left: 0;
}
.contact-cf textarea {
height: 100px;
border: none;
margin-top: 12px;
border-bottom: 1px solid #000;
border-radius: 0;
padding-right: 0;
padding-left: 0;
}
.wpcf7 form .wpcf7-response-output {
position: absolute;
margin: 10px 0;
border-radius: 100px;
font-size: 14px;
}
.wpcf7 .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label {
font-size: 14px;
line-height: 16px;
max-width: 400px;
}
.wpcf7 .wpcf7-form-control.wpcf7-acceptance [type=checkbox] {
background-color: #F9F9F9;
border: none;
height: 30px;
width: 30px;
border-radius: 100px;
margin-right: 10px;
}
.wpcf7 .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
margin: 0;
}
.wpcf7 .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item label {
display: flex;
}
.contact-cf {
position: relative;
}
.contact-cf .textarea-cf {
margin-bottom: 15px;
}
.wpcf7-form-control-wrap input{
background: none;
}
.wpcf7-form-control.wpcf7-textarea{
background: none;
}
/*Time line*/
.space-timeline__year{
margin-bottom: 0;
}
.space-timeline__arrow-icon.e-font-icon-svg{
fill: white !important;
}
/*CAROSELLO ARTICOLI*/
.elementor-arrows-position-inside svg{
display: none;
}
/*LINEA DEL TEMPO*/
.space-timeline{
padding: 0px !important;
}
.space-timeline__panel.is-active{
column-gap: 20px !important;
}
.space-timeline__marker.is-active span.space-timeline__marker-year{
font-weight: 700 !important;
}
.elementor-180 .elementor-element.elementor-element-25f79ef
.space-timeline__tick{
border-left-color: none !important;
}
/*ACCORDION AMBIENTE*/
.elementor-element-5ab7c87 .e-n-accordion-item-title{
width: 100%;
border-top: solid 1px #333333 !important;
}
.p-strategia-space{
/*margin-top: -56px;*/
border-top: solid 1px #333333;
}
/*ACCORDION TINTOMETRIA*/
.e-n-accordion-item-title{
width: 49%;
padding: 0;
border-top: solid 1px #333333 !important;
pointer-events: none;
cursor: default;
}
.p-accordion-space{
margin-top: -126px;
border-top: solid 1px #333333;
}
.p-accordion-space-2{
margin-top: -161px;
border-top: solid 1px #333333;
}
/*.elementor-element.elementor-widget__width-initial.elementor-widget-text-editor
p{
margin-top: 10px;
}*/
.e-n-accordion-item-title-icon{
display: none !important;
}
.elementor-element.elementor-element-ba2d3ce.elementor-hidden-mobile{
height: fit-content !important;
margin-top: 38px !important;
}
.doble-column-space .elementor-widget-theme-post-content{
column-count: 2;
column-gap: 20px;
}
/*CAROSELLO IMMAGINI ARTICOLI*/
.acf-carousel {
position: relative;
width: 100%;
max-width: 100%; /* o come vuoi */
margin: 0 auto;
}
.acf-carousel img {
width: 100%;
display: block;
}
.swiper-pagination {
justify-content: center;
bottom: 20px !important;
left: 50%;
display: flex;
gap: 0px;
}
.swiper-pagination .rectangular-bullet {
display: block;
width: 20px; /* larghezza del rettangolo */
height: 2px; /* altezza del rettangolo */
background: rgba(255,255,255,0.5);
border-radius: 3px;
cursor: pointer;
}
.swiper-pagination .rectangular-bullet.swiper-pagination-bullet-active {
background: #fff; /* colore del rettangolo attivo */
}
/*ACCORDION LAVORA CON NOI*/
.accordion-lavora-space .e-n-accordion-item-title{
width: 100%;
padding: 0;
pointer-events: auto;
cursor: pointer;
border-top: none !important;
}
.accordion-lavora-space .e-n-accordion-item-title-icon{
display: block !important;
}
/*INFO CANDIDATURA PAGINA FORM*/
.candidatura-info-space .candidatura-info{
font-family: 'Helvetica Now Display';
font-size: 30px;
}
.candidatura-info-space .candidatura-info h2{
font-weight: 600;
margin: 0px;
}
.candidatura-info-space .candidatura-info p{
font-weight: 300;
}
/*FORM CANDIDATURA*/
.form-candidatura-space .elementor-widget-shortcode{
font-family: 'Helvetica Now Display';
font-size: 20px !important;
font-weight: 300;
}
.form-candidatura-space .half-cf div{
width: 50%;
}
.form-candidatura-space .half-cf span.wpcf7-form-control-wrap input{
font-family: 'Helvetica Now Display';
font-size: 20px !important;
font-weight: 300;
}
.form-candidatura-space .wpcf7-form-control.wpcf7-textarea{
font-family: 'Helvetica Now Display';
font-size: 20px !important;
font-weight: 300;
}
.form-candidatura-space .send-cf .wpcf7-form-control.wpcf7-submit{
position: absolute;
width: 260px;
right: 0;
top: 340px;
border: solid 1px #333;
border-radius: 100px;
color: #333;
font-weight: 600;
}
.form-candidatura-space .wpcf7-list-item-label a{
color: #333;
text-decoration: underline;
}
.form-candidatura-space .wpcf7-form-control.wpcf7-submit:hover,
.form-candidatura-space .wpcf7-form-control.wpcf7-submit:active{
background: white !important;
}
.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date{
 color: #333333 !important;
}
.elementor-custom-embed-play svg{
width: 40px;
}
.swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal{
position: absolute;
bottom: 0px;
top: 320px;
height: 2px;
}
/*ACCORDION certificazioni*/
.elementor-element-1f2b186 .e-n-accordion-item-title{
display: block;
width: 33%;
padding-top: 0px;
}
.elementor-element-1f2b186 summary.e-n-accordion-item-title:before {
content: 'ISO 9001 ';
font-family: 'Helvetica Now Display';
font-weight: 600;
font-size: 30px;
color: #333333;
}
.elementor-element.elementor-element-8f3607e{
margin-top: -125px;
border-top: solid 1px #333333;
}
.elementor-element-8f3607e p{
margin-top: 0px;
}
.elementor-element-838c20a .e-n-accordion-item-title{
display: block;
width: 33%;
padding-top: 0px;
}
.elementor-element-838c20a summary.e-n-accordion-item-title:before {
content: 'CCC';
font-family: 'Helvetica Now Display';
font-weight: 600;
font-size: 30px;
color: #333333;
}
.elementor-element.elementor-element-56b1f53{
margin-top: -127px;
border-top: solid 1px #333333;
}
.elementor-element-56b1f53 p{
margin-top: 0px;
}
.asso-space .e-n-accordion-item-title{
width: 33%;
padding: 0;
}
.asso-space .elementor-element-e92cf84{
margin-top: -84px;
border-top: solid 1px #333333;
}
.asso-space .elementor-element-af0558f p{
margin-top: 10px;
}
.motor-space .e-n-accordion-item-title{
width: 34%;
padding: 0;
}
.motor-space .elementor-element-b681425{
margin-top: -91px !important;
border-top: solid 1px #333333;
}
.anima-space .e-n-accordion-item-title{
width: 33%;
padding: 0;
}
.anima-space .elementor-element-5dd74df{
margin-top: -150px;
border-top: solid 1px #333333;
}
.anis-space .e-n-accordion-item-title{
width: 33%;
padding: 0;
}
.anis-space .elementor-element-6052b56{
margin-top: -89px;
border-top: solid 1px #333333;
}
.purpose-space .e-n-accordion-item-title{
width: 33%;
padding: 0;
}
.purpose-space .elementor-element-c4b4ed4{
column-gap: 20px;
}
.purpose-space .elementor-element-8eddfaa{
width: 33%;
}
.purpose-space .elementor-element-076c687{
width: 67%;
margin-top: -106px;
}
.indirizzi-space .e-n-accordion-item-title {
width: 33%;
}
.indirizzi-space .elementor-element-ebd7926 {
column-gap: 20px;
}
.indirizzi-space .elementor-element-1a6fe5d{
width: 33%;
}
.indirizzi-space .elementor-element-ac47bcf {
width: 67%;
margin-top: -71px;
}
.persone-space .e-n-accordion-item-title{
width: 33%;
}
.persone-space .elementor-element-0a58f1c{
column-gap: 20px;
}
.persone-space .elementor-element-8100d61{
width: 33%;
}
.persone-space .elementor-element-14368d3{
width: 67%;
margin-top: -71px;
}
.rapporti-space .e-n-accordion-item-title{
width: 33%;
}
.rapporti-space .elementor-element-6814562{
column-gap: 20px;
}
.rapporti-space .elementor-element-c063a17{
width: 33%;
}
.rapporti-space .elementor-element-e40fdee{
width: 67%;
margin-top: -36px;
}
.territorio-space .e-n-accordion-item-title{
width: 33%;
}
.territorio-space .elementor-element-826fbea{
column-gap: 20px;
}
.territorio-space .elementor-element-1730c33{
width: 33%;
}
.territorio-space .elementor-element-36252ac{
width: 67%;
margin-top: -36px;
}
.promozione-space .e-n-accordion-item-title{
width: 33%;
}
.promozione-space .elementor-element-39ba5f6{
column-gap: 20px;
}
.promozione-space .elementor-element-653cb2f{
width: 33%;
}
.promozione-space .elementor-element-e6dd4f7{
width: 67%;
margin-top: -71px;
}
/*HEADER BIANCO DEKSTOP*/
.menu-white-space {
position: fixed !important;
width: 100% !important;
z-index: 10 !important;
background-color: transparent !important;
transition: background-color 0.3s ease, box-shadow 0.3s ease, padding
0.3s ease !important;
height: 100px;
}
/* Stato iniziale: header trasparente */
.menu-white-space .logo-black,
.menu-white-space .popup-icon-black,
.menu-white-space .main-menu-scroll {
display: none !important;
}
.menu-white-space .logo-white,
.menu-white-space .popup-icon-white {
display: flex !important;
}
.logo-white .elementor-icon-wrapper{
align-content: center;
}
/* Stato dopo scroll */
.menu-white-space.header-scrolled {
background-color: #B2B2B2 !important;
}
/* Dopo scroll: nascondi elementi bianchi */
.menu-white-space.header-scrolled .logo-white,
.menu-white-space.header-scrolled .popup-icon-white {
display: none !important;
}
/* Dopo scroll: mostra elementi neri e menu */
.menu-white-space.header-scrolled .logo-black,
.menu-white-space.header-scrolled .popup-icon-black,
.menu-white-space.header-scrolled .main-menu-scroll {
display: flex !important;
}
/* Link menu neri dopo scroll */
.menu-white-space.header-scrolled .main-menu-scroll a,
.menu-white-space.header-scrolled .main-menu-scroll .elementor-item {
color: #000000 !important;
}
/* Sicurezza per Elementor Nav Menu */
.menu-white-space.header-scrolled .main-menu-scroll nav,
.menu-white-space.header-scrolled .main-menu-scroll ul,
.menu-white-space.header-scrolled .main-menu-scroll li {
display: flex !important;
}
.popup-icon-white .elementor-icon-wrapper{
align-content: center;
}
.popup-icon-white svg line{
stroke: white;
}
.popup-icon-black .elementor-icon-wrapper{
align-content: center;
}
.logo-black .elementor-icon-wrapper{
align-content: center;
}
/* =========================================================
POPUP DESKTOP - SPACE MENU
Widget WordPress Menu / Elementor Menu
========================================================= */
/* Contenitore menu originale Elementor / WordPress */
.menu-dekstop-space {
position: relative;
}
/* Nasconde entrambe le nav duplicate di Elementor / WordPress */
.menu-dekstop-space nav {
display: none !important;
pointer-events: none !important;
}
/* Fix nav verticale Elementor */
.elementor-nav-menu.sm-vertical {
width: 50%;
padding: 0;
margin: 0;
}
/* =========================================================
WRAPPER PRINCIPALE
========================================================= */
.space-mn-wrap {
background: #B2B2B2;
display: flex;
width: 100%;
min-height: 500px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
box-sizing: border-box;
overflow: hidden;
position: relative;
z-index: 20;
pointer-events: auto;
column-gap: 50px;
}
.space-mn-wrap * {
pointer-events: auto;
}
/* =========================================================
PANNELLO SINISTRO - LIVELLO 1
========================================================= */
.space-mn-left {
flex: 0 0 44%;
display: flex;
flex-direction: column;
}
.space-mn-main-list {
list-style: none;
margin: 0;
padding: 0;
}
.space-mn-main-list > li {
display: flex;
align-items: center;
gap: 10px;
font-size: 80px;
font-weight: 700;
color: #1c1c1a;
line-height: 1.18;
cursor: pointer;
user-select: none;
transition: opacity 0.18s ease;
}
.space-mn-main-list > li:hover:not(.active) {
opacity: 0.55;
}
.space-mn-main-list > li .space-mn-l1-arrow {
height: 30px;
margin-top: -30px;
width: 30px;
opacity: 0;
transition: opacity 0.18s ease;
flex-shrink: 0;
}
.space-mn-main-list > li.active .space-mn-l1-arrow {
opacity: 1;
}
/* =========================================================
PANNELLO DESTRO
========================================================= */
.space-mn-right {
flex: 1;
position: relative;
}
.space-mn-sub-list li a{
font-weight: 600 !important;
}
.space-mn-sub-list li.has-children{
font-weight: 600 !important;
}
/* =========================================================
PANNELLI ANIMATI
========================================================= */
.space-mn-panel {
position: absolute;
top: 0;
left: 40px;
right: 0;
z-index: 1;
transition: transform 0.26s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.26s
ease;
will-change: transform, opacity;
}
.space-mn-panel.hidden-right {
transform: translateX(30px);
opacity: 0;
pointer-events: none;
z-index: 1;
}
.space-mn-panel.hidden-left {
transform: translateX(-30px);
opacity: 0;
pointer-events: none;
z-index: 1;
}
.space-mn-panel.visible {
transform: translateX(0);
opacity: 1;
pointer-events: auto;
z-index: 5;
}
/* =========================================================
DIVISORI
========================================================= */
.space-mn-divider {
border: none;
border-top: 1px solid #333333;
margin: 0 0 16px;
}
.space-mn-group-hr {
border: none;
border-top: 1px solid #333333;
margin: 0 0 10px;
}
/* =========================================================
LISTA SUBMENU - LIVELLO 2
========================================================= */
.space-mn-sub-list {
list-style: none;
margin: 0;
padding: 0;
}
.space-mn-sub-list > li {
display: flex;
align-items: center;
justify-content: space-between;
padding: 7px 0;
font-size: 30px;
font-weight: 500;
color: #1c1c1a;
line-height: 1;
cursor: pointer;
transition: opacity 0.15s ease;
}
.space-mn-sub-list > li:hover {
opacity: 0.5;
}
.space-mn-sub-list > li a {
color: #1c1c1a;
text-decoration: none;
flex: 1;
font-size: 30px;
font-weight: 500;
transition: opacity 0.15s ease;
}
.space-mn-sub-list > li .space-sarr {
width: 16px;
height: 16px;
opacity: 0;
transition: opacity 0.15s ease;
flex-shrink: 0;
}
.space-mn-sub-list > li:hover .space-sarr {
opacity: 1;
}
/* =========================================================
BOTTONE INDIETRO
========================================================= */
.space-mn-back {
display: inline-flex;
align-items: center;
cursor: pointer;
margin-bottom: 30px;
opacity: 0.55;
transition: opacity 0.15s ease;
}
.space-mn-back:hover {
opacity: 1;
}
.space-mn-back img {
width: 17px;
height: 17px;
transform: rotate(180deg);
display: block;
}
/* =========================================================
LIVELLO 3 / LIVELLO 4
========================================================= */
/* Etichetta piccola del gruppo */
.space-mn-group-label {
font-size: 30px;
color: #333333;
font-weight: 300;
letter-spacing: 0.03em;
margin-bottom: 4px;
}
/* Link bold dentro gruppo */
.space-mn-group-name {
padding-bottom: 25px;
}
.space-mn-group-name a {
font-size: 30px;
font-weight: 700;
color: #1c1c1a;
text-decoration: none;
display: block;
transition: opacity 0.15s ease;
}
.space-mn-group-name a:hover {
opacity: 0.55;
}
/* Link diretto nel sub-panel */
.space-mn-direct-link {
padding: 6px 0;
}
.space-mn-direct-link a {
font-size: 30px;
font-weight: 700;
color: #1c1c1a;
text-decoration: none;
display: block;
transition: opacity 0.15s ease;
}
.space-mn-direct-link a:hover {
opacity: 0.55;
}
/* =========================================================
FIX CLICK / OVERLAY
========================================================= */
/* Il layout custom deve rimanere cliccabile */
.menu-dekstop-space .space-mn-wrap,
.menu-dekstop-space .space-mn-wrap * {
pointer-events: auto;
}
/* I pannelli nascosti non devono intercettare click */
.menu-dekstop-space .space-mn-panel.hidden-left,
.menu-dekstop-space .space-mn-panel.hidden-right {
pointer-events: none !important;
}
/* Il pannello visibile deve stare sopra e ricevere i click */
.menu-dekstop-space .space-mn-panel.visible {
pointer-events: auto !important;
z-index: 10;
}
/* Previene interferenze del menu Elementor originale nascosto */
.menu-dekstop-space nav,
.menu-dekstop-space .elementor-nav-menu--main,
.menu-dekstop-space .elementor-nav-menu--dropdown {
display: none !important;
pointer-events: none !important;
visibility: hidden !important;
}
/* Ma non nasconde il menu custom generato via JS */
.menu-dekstop-space .space-mn-wrap {
display: flex !important;
visibility: visible !important;
}
/* =========================================================
VARIANTE SPECIALE SUBMENU SETTORI
========================================================= */
.space-mn-sector-group {
margin-bottom: 18px;
border-top: solid 1px #333333;
}
.space-mn-sector-group:not(:first-child) {
border-top: 1px solid #333333;
padding-top: 0px;
}
.space-mn-sector-label {
font-size: 30px;
line-height: 1.1;
font-weight: 300;
color: #333333;
margin-bottom: 8px;
text-decoration: none;
display: inline-block;
transition: opacity 0.15s ease;
margin-top: 10px;
}
.space-mn-sector-label:hover {
opacity: 0.55;
}
.space-mn-sector-link {
margin-bottom: 6px;
}
.space-mn-sector-link:has(a[href$="#rival"]),
.space-mn-sector-link:has(a[href$="#colsam-industria"]) {
margin-bottom: 40px;
}
.space-mn-sector-link a {
font-size: 30px;
line-height: 1.1;
font-weight: 700;
color: #333333;
text-decoration: none;
display: inline-block;
transition: opacity 0.15s ease;
}
.space-mn-sector-link a:hover {
opacity: 0.55;
}
/* =========================================================
POPUP MOBILE - SPACE MENU
Classe contenitore: menu-mobile-space
========================================================= */
.menu-mobile-space {
position: relative;
}
/* Nasconde il menu originale Elementor / WordPress */
.menu-mobile-space nav,
.menu-mobile-space .elementor-nav-menu--main,
.menu-mobile-space .elementor-nav-menu--dropdown {
display: none !important;
pointer-events: none !important;
visibility: hidden !important;
}
/* Wrapper principale mobile */
.space-mob-wrap {
background: #B2B2B2;
width: 100%;
min-height: 100vh;
font-family: 'Helvetica Now Display', 'Helvetica Neue', Helvetica,
Arial, sans-serif;
box-sizing: border-box;
position: relative;
overflow: hidden;
z-index: 20;
pointer-events: auto;
}
.space-mob-wrap * {
box-sizing: border-box;
pointer-events: auto;
font-family: 'Helvetica Now Display', 'Helvetica Neue', Helvetica,
Arial, sans-serif;
}
/* Area pannelli */
.space-mob-stage {
position: relative;
width: 100%;
min-height: 68vh !important;
}
/* =========================================================
PANNELLI MOBILE
========================================================= */
.space-mob-panel {
position: absolute;
inset: 0;
width: 100%;
min-height: 100vh;
padding: 50px 20px 20px;
transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.28s
ease;
will-change: transform, opacity;
}
.space-mob-panel.visible {
transform: translateX(0);
opacity: 1;
z-index: 5;
pointer-events: auto;
}
.space-mob-panel.hidden-right {
transform: translateX(35px);
opacity: 0;
z-index: 1;
pointer-events: none;
}
.space-mob-panel.hidden-left {
transform: translateX(-35px);
opacity: 0;
z-index: 1;
pointer-events: none;
}
/* =========================================================
RESET LISTE
========================================================= */
.space-mob-main-list,
.space-mob-sub-list {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.space-mob-main-list li,
.space-mob-sub-list li {
list-style: none !important;
}
.space-mob-main-list li::marker,
.space-mob-sub-list li::marker {
display: none;
content: "";
}
/* =========================================================
LISTA PRINCIPALE
========================================================= */
.space-mob-main-list > li {
font-size: 30px;
line-height: 1.5;
font-weight: 600;
color: #333333;
cursor: pointer;
user-select: none;
transition: color 0.15s ease, opacity 0.15s ease;
}
.space-mob-main-list > li:hover {
color: #EBEBEB;
}
.space-mob-main-list > li a {
font-size: 30px;
line-height: 1.1;
font-weight: 600;
color: #333333;
text-decoration: none;
transition: color 0.15s ease;
}
.space-mob-main-list > li a:hover {
color: #EBEBEB;
}
/* =========================================================
BOTTONE INDIETRO
========================================================= */
.space-mob-back {
position: absolute;
top: 15px;
left: 20px;
width: 22px;
height: 22px;
cursor: pointer;
opacity: 0.8;
transition: opacity 0.15s ease;
}
.space-mob-back:hover {
opacity: 1;
}
.space-mob-back img {
width: 18px;
height: 18px;
display: block;
transform: rotate(-180deg);
}
/* =========================================================
LISTA SUBMENU NORMALE
========================================================= */
.space-mob-sub-list > li {
font-size: 30px;
line-height: 1.5;
font-weight: 600;
color: #333333;
cursor: pointer;
transition: color 0.15s ease, opacity 0.15s ease;
}
.space-mob-sub-list > li:hover {
color: #EBEBEB;
}
.space-mob-sub-list > li a {
font-size: 30px;
line-height: 1.1;
font-weight: 600;
color: #333333;
text-decoration: none;
display: inline-block;
transition: color 0.15s ease;
}
.space-mob-sub-list > li a:hover {
color: #EBEBEB;
}
.space-mob-sub-list > li.has-children {
display: flex;
align-items: center;
justify-content: space-between;
}
/* =========================================================
DIVISORI
========================================================= */
.space-mob-divider {
border: none;
border-top: 1px solid #333333;
margin: 0 0 8px;
}
.space-mob-group-hr {
border: none;
border-top: 1px solid #333333;
margin: 24px 0 8px;
}
/* =========================================================
LIVELLO 3 / LIVELLO 4
========================================================= */
.space-mob-group-label {
font-size: 30px;
line-height: 1.15;
font-weight: 300;
color: #333333;
text-decoration: none;
display: inline-block;
margin-bottom: 8px;
transition: color 0.15s ease;
}
.space-mob-group-label:hover {
color: #EBEBEB;
}
.space-mob-group-name {
margin-bottom: 30px !important;
}
.space-mob-group-name a {
font-size: 30px;
line-height: 1.15;
font-weight: 600;
color: #333333;
text-decoration: none;
display: inline-block;
transition: color 0.15s ease;
}
.space-mob-group-name a:hover {
color: #EBEBEB;
}
.space-mob-direct-link {
margin-bottom: 6px;
}
.space-mob-direct-link a {
font-size: 30px;
line-height: 1.15;
font-weight: 600;
color: #333333;
text-decoration: none;
display: inline-block;
transition: color 0.15s ease;
}
.space-mob-direct-link a:hover {
color: #EBEBEB;
}
/* =========================================================
VARIANTE SPECIALE SETTORI
========================================================= */
.space-mob-sector-group {
border-top: 1px solid #333333;
padding-top: 8px;
margin-bottom: 34px;
}
.space-mob-sector-label {
font-size: 30px;
line-height: 1.15;
font-weight: 300;
color: #333333;
text-decoration: none;
display: inline-block;
margin-bottom: 8px;
transition: color 0.15s ease;
}
.space-mob-sector-label:hover {
color: #EBEBEB;
}
.space-mob-sector-link {
margin-bottom: 6px;
}
.space-mob-sector-link a {
font-size: 30px;
line-height: 1.15;
font-weight: 600;
color: #333333;
text-decoration: none;
display: inline-block;
transition: color 0.15s ease;
}
.space-mob-sector-link a:hover {
color: #EBEBEB;
}
/* =========================================================
RESPONSIVE VISIBILITY DESKTOP / MOBILE
========================================================= */
.space-popup-desktop-menu {
display: block;
}
.space-popup-mobile-menu {
display: none;
}
/* Link con freccia (Colsam, Ep!c, Rival, Colsam Industria, Samoline,
Urban Safety,
Colormaker, PureTech)  layout flex, freccia visibile SOLO in hover */
.space-mn-group-name a,
.space-mn-sector-link a {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.space-mn-group-name a .space-sarr,
.space-mn-group-name a .space-sarr-diagonal,
.space-mn-sector-link a .space-sarr,
.space-mn-sector-link a .space-sarr-diagonal {
width: 13px;
height: 13px;
flex-shrink: 0;
opacity: 0;
transition: opacity 0.15s ease;
}
.space-mn-group-name a:hover .space-sarr,
.space-mn-group-name a:hover .space-sarr-diagonal,
.space-mn-sector-link a:hover .space-sarr,
.space-mn-sector-link a:hover .space-sarr-diagonal {
opacity: 1;
}
@media (max-width: 767px) {
.space-popup-desktop-menu {
display: none !important;
}
.space-popup-mobile-menu {
display: block !important;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1024px) and
(min-height: 1366px) and (max-height: 1366px) {
.p-accordion-space-2 {
margin-top: -126px !important;
}
/*.elementor-element.elementor-widget.elementor-widget-button{
top: 126px !important;
}*/
.elementor-element.elementor-element-b8d70bf.elementor-widget.elementor-widget-button{
top: 97px;
}
.elementor-element.elementor-element-bed843c.elementor-widget.elementor-widget-button{
top: 71px;
}
.archivio-post-space
.elementor-element.elementor-widget.elementor-widget-button{
top: 0px;
}
}
@media screen and (max-width: 1024px){
.form-candidatura-space .send-cf .wpcf7-form-control.wpcf7-submit{
position: static;
display: flex;
margin-top: 50px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner{
float: left;
}
.elementor-element-24c4d1a{
margin-top: -56px !important;
}
.elementor-element.elementor-element-872f29a::before{
height: 340px;
top: 55px;
left: 40px;
}
.p-accordion-space{
margin-top: -127px;
border-top: solid 1px #333333;
}
.e-n-accordion-item-title-text{
font-size: 20px !important;
}
.e-n-accordion-item-title-text u{
font-size: 20px !important;
line-height: 22px !important;
}
.p-accordion-space-2{
margin-top: -161px;
border-top: solid 1px #333333;
}
.elementor-element.elementor-element-8f3607e{
margin-top: -173px;
}
.elementor-element.elementor-element-56b1f53{
margin-top: -130px;
}
.asso-space .elementor-element-e92cf84{
margin-top: -89px;
}
.motor-space .elementor-element-cd4bbe2{
margin-top: -3px;
}
.anima-space .elementor-element-0d1932c{
margin-top: -6px;
}
.anis-space .elementor-element-f164b4d{
margin-top: -3px;
}
}
@media (min-width: 768px) {
.loop-articoli-space
.elementor-swiper-button.elementor-swiper-button-prev,
.loop-articoli-space
.elementor-swiper-button.elementor-swiper-button-next {
display: none !important;
}
}

/* ============================================================
   READ MORE ARTICOLI — DESKTOP
   Su desktop mostra sempre tutto l'articolo e nasconde il pulsante.
   ============================================================ */
@media screen and (min-width: 768px) {
    .elementor-widget-theme-post-content .read-toggle {
        display: none !important;
    }

    .elementor-widget-theme-post-content .readmore-wrapper {
        max-height: none !important;
        overflow: visible !important;
        margin-top: 0;
    }
}

@media screen and (max-width: 767px) {

  .elementor-element-4894413{
    position: relative;
  }

   .elementor-widget-theme-post-content .readmore-wrapper {
        overflow: hidden;
        max-height: 0;
        margin-top: 10px;
        transition: max-height 0.5s ease;
    }

    .elementor-widget-theme-post-content .read-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 30px;
        padding: 0 0 10px;
        margin: 10px 0 50px;
        border: 0;
        border-bottom: 1px solid #333333;
        border-radius: 0;
        background: transparent;
        color: #333333;
        font-family: "Helvetica Now Display", Helvetica, Arial, sans-serif;
        font-size: 15px;
        font-weight: 300;
        line-height: 1.3;
        text-align: left;
        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
    }

    .elementor-widget-theme-post-content .read-toggle:hover,
    .elementor-widget-theme-post-content .read-toggle:focus,
    .elementor-widget-theme-post-content .read-toggle:active {
        border-bottom-color: #333333;
        background: transparent;
        color: #333333;
        outline: none;
        box-shadow: none;
    }

    .elementor-widget-theme-post-content .read-toggle .text {
        display: block;
        flex: 1 1 auto;
    }

    .elementor-widget-theme-post-content .read-toggle .symbol {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;
        width: 20px;
        height: 20px;
        margin-left: 10px;
        font-size: 0;
        line-height: 0;
    }

    .elementor-widget-theme-post-content
    .read-toggle
    .read-toggle-icon {
        display: block;
        width: 20px;
        height: 20px;
        max-width: none;
        object-fit: contain;
        pointer-events: none;
    }
 /*GALLERIA ARTICOLO FOCUS*/
 .gallery-flex-space .gallery{
 display: block;
 }
 /*PAGINA TINTOMETRIA MOBILE*/
 .page-id-205 .e-n-accordion-item-title-icon{
 margin-top: 10px;
 }
 .page-id-205 .e-n-accordion-item-title{
 align-items: flex-start;
 }
 .page-id-205 .testo-seconda-linea{
 line-height: 70px !important;
 }
/*STRATEGIA AMBIENTALE TERZA ACCORDION GIALLA*/
.page-id-978 .elementor-element-09ae774{
margin-top: 0px !important;
}
.elementor-element.elementor-element-872f29a::before{
height: 300px;
top: 80px;
left: 30px;
}
.elementor-arrows-position-inside svg{
display: block;
}
.p-strategia-space{
margin-top: 10px !important;
border-top: none !important;
}
.space-timeline__year, .space-timeline__text{
font-size: 20px !important;
line-height: 25px !important;
}
.e-n-accordion-item-title{
width: 100%;
padding: 0px !important;
}
.p-accordion-space{
margin-top: 0px;
border-top: none;
}
.p-accordion-space-2{
margin-top: 0px;
border-top: none;
}
.e-n-accordion-item-title{
pointer-events: auto; /* abilita il click */
cursor: pointer;
}
.e-n-accordion-item-title-text{
margin-top: 10px;
}
.e-n-accordion-item-title-text u{
font-size: 15px !important;
}
.e-n-accordion-item-title-icon{
display: block !important;
}
.doble-column-space .elementor-widget-theme-post-content{
column-count: 1;
}
/* CONTENUTO NASCOSTO DEL CONTINUA LA LETTURA */
.elementor-widget-theme-post-content .readmore-wrapper {
overflow: hidden;
max-height: 0;
margin-top: 10px;
transition: max-height 0.5s ease;
}

/* CONTINUA LA LETTURA - stile originale con icone SVG */
.elementor-widget-theme-post-content .read-toggle {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
border: 0;
border-bottom: solid 1px #333;
border-radius: 0;
padding: 0 0 10px;
margin: 10px 0 50px;
background: transparent;
color: #333333;
font-family: "Helvetica Now Display", Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 1.3;
text-align: left;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
}
.elementor-widget-theme-post-content .read-toggle:hover,
.elementor-widget-theme-post-content .read-toggle:focus,
.elementor-widget-theme-post-content .read-toggle:active {
background: transparent;
color: #333333;
border-bottom-color: #333333;
outline: none;
box-shadow: none;
}
.elementor-widget-theme-post-content .read-toggle .text {
display: block;
flex: 1 1 auto;
}
.elementor-widget-theme-post-content .read-toggle .symbol {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 20px;
height: 20px;
margin-left: 10px;
font-size: 0;
line-height: 0;
}
.elementor-widget-theme-post-content .read-toggle .read-toggle-icon,
.elementor-widget-theme-post-content .read-toggle .symbol img {
display: block;
width: 20px;
height: 20px;
max-width: none;
object-fit: contain;
pointer-events: none;
}
.qualita-accordion-space {
position: relative;
}
/*.qualita-accordion-space::after {
content: "Qualità";
display: block;
font-weight: 700;
margin-top: 10px;
opacity: 1;
max-height: 40px;
overflow: hidden;
transition:
opacity 0.25s ease,
max-height 0.35s ease,
margin-top 0.35s ease;
}
.qualita-accordion-space:has(.elementor-tab-title[aria-expanded="true"])::after,
.qualita-accordion-space:has(.e-n-accordion-item[open])::after {
opacity: 0;
max-height: 0;
margin-top: 0;
}*/
.etica-accordion-space{
position: relative;
}
/*.etica-accordion-space::after {
content: "Etica";
display: block;
font-weight: 700;
margin-top: 10px;
opacity: 1;
max-height: 40px;
overflow: hidden;
transition:
opacity 0.25s ease,
max-height 0.35s ease,
margin-top 0.35s ease;
}
.etica-accordion-space:has(.elementor-tab-title[aria-expanded="true"])::after,
.etica-accordion-space:has(.e-n-accordion-item[open])::after {
opacity: 0;
max-height: 0;
margin-top: 0;
}*/
.ambiente-accordion-space{
position: relative;
}
/*.ambiente-accordion-space::after {
content: "Ambiente";
display: block;
font-weight: 700;
margin-top: 10px;
opacity: 1;
max-height: 40px;
overflow: hidden;
transition:
opacity 0.25s ease,
max-height 0.35s ease,
margin-top 0.35s ease;
}
.ambiente-accordion-space:has(.elementor-tab-title[aria-expanded="true"])::after,
.ambiente-accordion-space:has(.e-n-accordion-item[open])::after {
opacity: 0;
max-height: 0;
margin-top: 0;
}*/
/*TEST CSS TESTO STAMPATO STRATEGIA AMBIENTALE*/
.e-n-accordion-item:not([open]) .accordion-mobile-subtitle {
display: block;
font-family: 'Helvetica Now Display', sans-serif;
font-weight: 600;
font-size: 15px;
line-height: 1.3;
margin-top: 10px;
opacity: 1;
max-height: 40px;
overflow: hidden;
color: #333333;
}
.e-n-accordion-item[open] .accordion-mobile-subtitle {
display: none;
}
/*.autonomia-space::after {
content: 'Sosteniamo il nostro fabbisogno energetico.';
display: block;
font-family: 'Helvetica Now Display';
font-weight: 600;
font-size: 15px;
margin-top: 10px;
opacity: 1;
max-height: 40px;
overflow: hidden;
transition:
opacity 0.25s ease,
max-height 0.35s ease,
margin-top 0.35s ease;
}
.autonomia-space:has(.elementor-tab-title[aria-expanded="true"])::after,
.autonomia-space:has(.e-n-accordion-item[open])::after {
opacity: 0;
max-height: 0;
margin-top: 0;
}*/
/*.energia-space::after {
content: 'Mettiamo in circolo il calore del sole.';
display: block;
font-family: 'Helvetica Now Display';
font-weight: 600;
font-size: 15px;
margin-top: 10px;
opacity: 1;
max-height: 40px;
overflow: hidden;
transition:
opacity 0.25s ease,
max-height 0.35s ease,
margin-top 0.35s ease;
}
.energia-space:has(.elementor-tab-title[aria-expanded="true"])::after,
.energia-space:has(.e-n-accordion-item[open])::after {
opacity: 0;
max-height: 0;
margin-top: 0;
}*/
/*.acqua-space::after {
content: 'Recuperiamo per riutilizzare.';
display: block;
font-family: 'Helvetica Now Display';
font-weight: 600;
font-size: 15px;
margin-top: 10px;
opacity: 1;
max-height: 40px;
overflow: hidden;
transition:
opacity 0.25s ease,
max-height 0.35s ease,
margin-top 0.35s ease;
}
.acqua-space:has(.elementor-tab-title[aria-expanded="true"])::after,
.acqua-space:has(.e-n-accordion-item[open])::after {
opacity: 0;
max-height: 0;
margin-top: 0;
}*/
/*.emissioni-space::after {
content: 'Produciamo meglio per respirare meglio.';
display: block;
font-family: 'Helvetica Now Display';
font-weight: 600;
font-size: 15px;
margin-top: 10px;
opacity: 1;
max-height: 40px;
overflow: hidden;
transition:
opacity 0.25s ease,
max-height 0.35s ease,
margin-top 0.35s ease;
}
.emissioni-space:has(.elementor-tab-title[aria-expanded="true"])::after,
.emissioni-space:has(.e-n-accordion-item[open])::after {
opacity: 0;
max-height: 0;
margin-top: 0;
}*/
/*.petrolio-space.elementor-widget.elementor-widget-n-accordion:after {
content: 'Scegliamo unalternativa green.';
display: block;
font-family: 'Helvetica Now Display';
font-weight: 600;
font-size: 15px;
margin-top: 10px;
opacity: 1;
max-height: 40px;
overflow: hidden;
transition: opacity 0.25s ease, max-height 0.35s ease, margin-top 0.35s
ease;
}*/
/*.petrolio-space:has(.elementor-tab-title[aria-expanded="true"])::after,
.petrolio-space:has(.e-n-accordion-item[open])::after {
opacity: 0;
max-height: 0;
margin-top: 0;
}*/
.page-id-978 .e-n-accordion-item-title-icon{
margin-top: 10px;
}
.elementor-element-1f2b186 summary.e-n-accordion-item-title::before {
content: none !important;
}
.elementor-element-1f2b186 .e-n-accordion-item-title{
display: flex;
width: 100%;
}
.elementor-element.elementor-element-8f3607e{
margin-top: 0px;
border-top: none;
}
.elementor-element-8f3607e p{
margin-top: 0px;
}
/*.elementor-element-1f2b186::after {
content: 'China Compulsory Certificate';
display: block;
font-family: 'Helvetica Now Display';
font-weight: 600;
font-size: 15px;
margin-top: 10px;
opacity: 1;
max-height: 40px;
overflow: hidden;
transition:
opacity 0.25s ease,
max-height 0.35s ease,
margin-top 0.35s ease;
}
.elementor-element-1f2b186:has(.elementor-tab-title[aria-expanded="true"])::after,
.elementor-element-1f2b186:has(.e-n-accordion-item[open])::after {
opacity: 0;
max-height: 0;
margin-top: 0;
}*/
.elementor-element-838c20a summary.e-n-accordion-item-title::before {
content: none !important;
}
.elementor-element-838c20a .e-n-accordion-item-title{
display: flex;
width: 100%;
}
.elementor-element.elementor-element-56b1f53{
margin-top: 0px;
border-top: none;
}
.elementor-element-8f3607e p{
margin-top: 0px;
}
/*.elementor-element-838c20a::after {
content: 'China Compulsory Certificate';
display: block;
font-family: 'Helvetica Now Display';
font-weight: 600;
font-size: 15px;
margin-top: 10px;
opacity: 1;
max-height: 40px;
overflow: hidden;
transition:
opacity 0.25s ease,
max-height 0.35s ease,
margin-top 0.35s ease;
}
.elementor-element-838c20a:has(.elementor-tab-title[aria-expanded="true"])::after,
.elementor-element-838c20a:has(.e-n-accordion-item[open])::after {
opacity: 0;
max-height: 0;
margin-top: 0;
}*/
.asso-space .e-n-accordion-item-title{
width: 100%;
}
.asso-space .elementor-element-e92cf84{
margin-top: 0px;
border-top: none;
}
/*.asso-space::after {
content: 'Socio ordinario';
display: block;
font-family: 'Helvetica Now Display';
font-weight: 600;
font-size: 15px;
margin-top: 10px;
opacity: 1;
max-height: 40px;
overflow: hidden;
transition:
opacity 0.25s ease,
max-height 0.35s ease,
margin-top 0.35s ease;
}
.asso-space:has(.elementor-tab-title[aria-expanded="true"])::after,
.asso-space:has(.e-n-accordion-item[open])::after {
opacity: 0;
max-height: 0;
margin-top: 0;
}*/
.asso-space .e-n-accordion-item-title{
width: 100%;
}
.asso-space .elementor-element-af0558f{
margin-top: 0px;
border-top: none;
}
.motor-space .e-n-accordion-item-title{
width: 100%;
}
.motor-space .elementor-element-b681425{
margin-top: 0px !important;
border-top: none;
}
.motor-space .elementor-element-cd4bbe2{
margin-top: 0px;
}
/*.motor-space::after {
content: 'Socio sostenitore';
display: block;
font-family: 'Helvetica Now Display';
font-weight: 600;
font-size: 15px;
margin-top: 10px;
opacity: 1;
max-height: 40px;
overflow: hidden;
transition:
opacity 0.25s ease,
max-height 0.35s ease,
margin-top 0.35s ease;
}
.motor-space:has(.elementor-tab-title[aria-expanded="true"])::after,
.motor-space:has(.e-n-accordion-item[open])::after {
opacity: 0;
max-height: 0;
margin-top: 0;
}*/
.anima-space .e-n-accordion-item-title{
width: 100%;
}
.anima-space .elementor-element-5dd74df{
margin-top: 0px;
border-top: none;
}
/*.anima-space::after {
content: 'Socio';
display: block;
font-family: 'Helvetica Now Display';
font-weight: 600;
font-size: 15px;
margin-top: 10px;
opacity: 1;
max-height: 40px;
overflow: hidden;
transition:
opacity 0.25s ease,
max-height 0.35s ease,
margin-top 0.35s ease;
}
.anima-space:has(.elementor-tab-title[aria-expanded="true"])::after,
.anima-space:has(.e-n-accordion-item[open])::after {
opacity: 0;
max-height: 0;
margin-top: 0;
}*/
.anis-space .e-n-accordion-item-title{
width: 100%;
}
.anis-space .elementor-element-6052b56{
margin-top: 0px;
border-top: none;
}
/*.anis-space::after {
content: 'Socio';
display: block;
font-family: 'Helvetica Now Display';
font-weight: 600;
font-size: 15px;
margin-top: 10px;
opacity: 1;
max-height: 40px;
overflow: hidden;
transition:
opacity 0.25s ease,
max-height 0.35s ease,
margin-top 0.35s ease;
}
.anis-space:has(.elementor-tab-title[aria-expanded="true"])::after,
.anis-space:has(.e-n-accordion-item[open])::after {
opacity: 0;
max-height: 0;
margin-top: 0;
}*/
.purpose-space .e-n-accordion-item-title{
width: 100%;
}
.purpose-space .elementor-element-076c687{
margin: 0px;
}
.purpose-space .elementor-element-076c687{
width: 100%;
margin-top: 20px;
}
.indirizzi-space .e-n-accordion-item-title {
width: 100%;
}
.indirizzi-space .e-n-accordion-item-title-icon{
margin-top: 10px;
}
.indirizzi-space .elementor-element-ac47bcf{
width: 100%;
margin-top: 20px;
}
.persone-space .e-n-accordion-item-title{
width: 100%;
}
.persone-space .elementor-element-14368d3{
width: 100%;
margin-top: 20px;
}
.rapporti-space .e-n-accordion-item-title{
width: 100%;
}
.rapporti-space .elementor-element-e40fdee{
width: 100%;
margin-top: 20px;
}
.rapporti-space .e-n-accordion-item-title-icon{
margin-top: 10px;
}
.territorio-space .e-n-accordion-item-title{
width: 100%;
}
.territorio-space .elementor-element-36252ac{
width: 100%;
margin-top: 20px;
}
.territorio-space .e-n-accordion-item-title-icon{
margin-top: 10px;
}
.promozione-space .e-n-accordion-item-title{
width: 100%;
}
.promozione-space .elementor-element-e6dd4f7{
width: 100%;
margin-top: 20px;
}
/* =========================================================
HEADER BIANCO DESKTOP
========================================================= */
.menu-white-space {
top: 0px;
position: fixed !important;
width: 100% !important;
z-index: 10 !important;
background-color: transparent !important;
transition: background-color 0.3s ease, box-shadow 0.3s ease, padding
0.3s ease !important;
height: 100px;
}
/* Stato iniziale: header trasparente */
.menu-white-space .logo-black,
.menu-white-space .popup-icon-black,
.menu-white-space .main-menu-scroll {
display: none !important;
}
.menu-white-space .logo-white,
.menu-white-space .popup-icon-white {
display: flex !important;
}
/* Stato dopo scroll */
.menu-white-space.header-scrolled {
background-color: #B2B2B2 !important;
}
/* Dopo scroll: nascondi elementi bianchi */
.menu-white-space.header-scrolled .logo-white,
.menu-white-space.header-scrolled .popup-icon-white {
display: none !important;
}
/* Dopo scroll: mostra elementi neri e menu */
.menu-white-space.header-scrolled .logo-black,
.menu-white-space.header-scrolled .popup-icon-black,
.menu-white-space.header-scrolled .main-menu-scroll {
display: flex !important;
}
/* Link menu neri dopo scroll */
.menu-white-space.header-scrolled .main-menu-scroll a,
.menu-white-space.header-scrolled .main-menu-scroll .elementor-item {
color: #000000 !important;
}
/* Sicurezza per Elementor Nav Menu */
.menu-white-space.header-scrolled .main-menu-scroll nav,
.menu-white-space.header-scrolled .main-menu-scroll ul,
.menu-white-space.header-scrolled .main-menu-scroll li {
display: flex !important;
}
/* Icone */
.popup-icon-white .elementor-icon-wrapper,
.popup-icon-black .elementor-icon-wrapper {
align-content: center;
}
.popup-icon-white svg line {
stroke: white;
}
/* =========================================================
HEADER MOBILE
========================================================= */
.menu-white-space {
padding-top: 18px !important;
padding-bottom: 18px !important;
background-color: transparent !important;
}
/*
Il menu centrale non deve mai vedersi da mobile,
né prima né dopo scroll.
*/
.menu-white-space .main-menu-scroll,
.menu-white-space.header-scrolled .main-menu-scroll,
.menu-white-space .main-menu-scroll nav,
.menu-white-space .main-menu-scroll ul,
.menu-white-space .main-menu-scroll li {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
/*
Stato iniziale mobile:
logo bianco + icona bianca
*/
.menu-white-space:not(.header-scrolled) .logo-white,
.menu-white-space:not(.header-scrolled) .popup-icon-white {
display: flex !important;
}
.menu-white-space:not(.header-scrolled) .logo-black,
.menu-white-space:not(.header-scrolled) .popup-icon-black {
display: none !important;
}
/*
Stato mobile dopo scroll:
fondo grigio + logo nero + icona nera
*/
.menu-white-space.header-scrolled {
background-color: #B2B2B2 !important;
}
.menu-white-space.header-scrolled .logo-white,
.menu-white-space.header-scrolled .popup-icon-white {
display: none !important;
}
.menu-white-space.header-scrolled .logo-black,
.menu-white-space.header-scrolled .popup-icon-black {
display: flex !important;
}
.popup-icon-white svg line {
stroke: white !important;
}
.popup-icon-black svg line {
stroke: #333333 !important;
}
.contact-cf .half-cf {
flex-direction: column;
column-gap: 0;
row-gap: 0;
}
.contact-cf .half-cf > div,
.contact-cf .half-cf > p,
.contact-cf .half-cf .wpcf7-form-control-wrap {
width: 100%;
}
.contact-cf .half-cf input {
width: 100%;
}
.elementor-element-f3fba0e .elementor-icon-box-wrapper{
justify-content: flex-end;
column-gap: 20px !important;
}
.elementor-element-f3fba0e .elementor-icon-box-content{
max-width: fit-content;
}
/*ICONA ACCORDION*/
.page-id-1145 .e-n-accordion-item-title{
align-items: flex-start;
}
.page-id-1145 .e-n-accordion-item-title .e-n-accordion-item-title-icon{
margin-top: 10px;
}
/*ACCORDION FOOTER*/
#e-n-accordion-item-5120 summary {
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
}
#e-n-accordion-item-5120 [role="region"] {
pointer-events: auto;
touch-action: pan-y;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner{
float: right;
}
.contact-cf input::placeholder,
.contact-cf textarea::placeholder {
color: #333333;
opacity: 1;
}
}

/* =========================================================
 FIX OVERFLOW ORIZZONTALE / VIDEO / HEADER / ELEMENTOR
 Aggiunto per evitare scroll laterale su mobile e tablet.
========================================================= */

html,
body {
 width: 100%;
 max-width: 100%;
 overflow-x: hidden;
}

@supports (overflow: clip) {
 html,
 body {
 overflow-x: clip;
 }
}

.site-main,
.page-content,
.elementor,
.elementor-section,
.elementor-container,
.e-con,
.e-con-inner,
.elementor-widget,
.elementor-widget-container {
 max-width: 100%;
 box-sizing: border-box;
}

.e-con,
.e-con-inner,
.elementor-container,
.elementor-column,
.elementor-widget-wrap {
 min-width: 0;
}

img,
video,
iframe {
 max-width: 100%;
 box-sizing: border-box;
}

.elementor-background-video-container,
.elementor-background-video-embed,
.elementor-background-video-hosted,
.elementor-element-faffea2 {
 overflow: hidden;
}

.elementor-background-video-container {
 width: 100%;
 max-width: 100vw;
 left: 0;
 right: 0;
}

.elementor-background-video-container iframe.elementor-background-video-embed {
 max-width: none;
}

.menu-white-space,
.menu-white-space.elementor-sticky,
.menu-white-space.elementor-sticky--active,
.menu-white-space.elementor-sticky__spacer {
 width: 100% !important;
 max-width: 100vw !important;
 left: 0 !important;
 right: 0 !important;
 box-sizing: border-box;
 overflow-x: clip;
}

.menu-white-space .logo-white,
.menu-white-space .logo-black,
.menu-white-space .popup-icon-white,
.menu-white-space .popup-icon-black {
 min-width: 0;
 max-width: 100%;
}

.menu-white-space .logo-white svg,
.menu-white-space .logo-black svg,
.menu-white-space .popup-icon-white svg,
.menu-white-space .popup-icon-black svg {
 max-width: 100%;
 height: auto;
}

@media (max-width: 767px) {
 .menu-white-space .logo-black svg {
 width: auto;
 max-width: 170px;
 max-height: 52px;
 }

 .menu-white-space .logo-white svg {
 width: auto;
 max-width: 170px;
 max-height: 52px;
 }
}

.swiper,
.elementor-swiper,
.swiper-wrapper,
.elementor-main-swiper {
 max-width: 100%;
 box-sizing: border-box;
}

.swiper,
.elementor-swiper,
.elementor-main-swiper {
 overflow: hidden;
}

.swiper-pagination {
 max-width: 100%;
 box-sizing: border-box;
}

.space-mn-wrap,
.space-mob-wrap,
.space-mob-stage,
.space-mn-right,
.space-mn-left {
 max-width: 100%;
 box-sizing: border-box;
}

.space-mn-panel,
.space-mob-panel {
 max-width: 100%;
 box-sizing: border-box;
}