.elementor-kit-162{--e-global-color-primary:#4A9C2D;--e-global-color-secondary:#1B1B1B;--e-global-color-text:#000000;--e-global-color-accent:#1A5A4C;--e-global-color-f74a39a:#FFFFFF;--e-global-color-d4e6954:#EBEBEB;--e-global-color-3f4dc8d:#F5F5F5;--e-global-color-547c441:#00BF36;--e-global-color-4640e4c:#FF9900;--e-global-color-42fa5b4:#CC0000;--e-global-color-751bbcc:#02010100;--e-global-color-8d843a2:#323232;--e-global-color-407b880:#9B9B9B12;--e-global-color-2be49fe:#FFFFFF14;--e-global-color-37d32a3:#966134;--e-global-typography-primary-font-family:"Jost";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter Tight";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter Tight";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Jost";--e-global-typography-accent-font-weight:500;--e-global-typography-05b982c-font-family:"DM Serif Display";--e-global-typography-05b982c-font-size:64px;--e-global-typography-05b982c-font-weight:400;--e-global-typography-05b982c-line-height:77px;--e-global-typography-4837d60-font-family:"DM Serif Display";--e-global-typography-4837d60-font-size:64px;--e-global-typography-4837d60-font-weight:400;--e-global-typography-4837d60-line-height:77px;--e-global-typography-e50476a-font-family:"DM Serif Display";--e-global-typography-e50476a-font-size:64px;--e-global-typography-e50476a-font-weight:400;--e-global-typography-e50476a-line-height:77px;--e-global-typography-49670bf-font-family:"DM Serif Display";--e-global-typography-49670bf-font-size:64px;--e-global-typography-49670bf-font-weight:400;--e-global-typography-49670bf-line-height:77px;--e-global-typography-f2d9d58-font-family:"DM Serif Display";--e-global-typography-f2d9d58-font-size:48px;--e-global-typography-f2d9d58-font-weight:400;--e-global-typography-f2d9d58-line-height:58px;--e-global-typography-f923ef6-font-family:"DM Serif Display";--e-global-typography-f923ef6-font-size:48px;--e-global-typography-f923ef6-font-weight:400;--e-global-typography-f923ef6-line-height:58px;--e-global-typography-d40b9d0-font-family:"DM Serif Display";--e-global-typography-d40b9d0-font-size:48px;--e-global-typography-d40b9d0-font-weight:400;--e-global-typography-d40b9d0-line-height:58px;--e-global-typography-38f9d9d-font-family:"DM Serif Display";--e-global-typography-38f9d9d-font-size:48px;--e-global-typography-38f9d9d-font-weight:400;--e-global-typography-38f9d9d-line-height:58px;--e-global-typography-c5fda3c-font-family:"DM Serif Display";--e-global-typography-c5fda3c-font-size:40px;--e-global-typography-c5fda3c-font-weight:400;--e-global-typography-c5fda3c-line-height:48px;--e-global-typography-ce757de-font-family:"DM Serif Display";--e-global-typography-ce757de-font-size:40px;--e-global-typography-ce757de-font-weight:400;--e-global-typography-ce757de-line-height:48px;--e-global-typography-9b7f3b2-font-family:"DM Serif Display";--e-global-typography-9b7f3b2-font-size:40px;--e-global-typography-9b7f3b2-font-weight:400;--e-global-typography-9b7f3b2-line-height:48px;--e-global-typography-708c7e4-font-family:"DM Serif Display";--e-global-typography-708c7e4-font-size:40px;--e-global-typography-708c7e4-font-weight:400;--e-global-typography-708c7e4-line-height:48px;--e-global-typography-881d09a-font-family:"Jost";--e-global-typography-881d09a-font-size:32px;--e-global-typography-881d09a-font-weight:400;--e-global-typography-881d09a-line-height:39px;--e-global-typography-fa4db82-font-family:"Jost";--e-global-typography-fa4db82-font-size:32px;--e-global-typography-fa4db82-font-weight:400;--e-global-typography-fa4db82-line-height:39px;--e-global-typography-f999d11-font-family:"Jost";--e-global-typography-f999d11-font-size:32px;--e-global-typography-f999d11-font-weight:400;--e-global-typography-f999d11-line-height:39px;--e-global-typography-bd2a917-font-family:"Jost";--e-global-typography-bd2a917-font-size:32px;--e-global-typography-bd2a917-font-weight:400;--e-global-typography-bd2a917-line-height:39px;--e-global-typography-8333109-font-family:"Jost";--e-global-typography-8333109-font-size:24px;--e-global-typography-8333109-font-weight:400;--e-global-typography-8333109-line-height:29px;--e-global-typography-43cb27c-font-family:"Jost";--e-global-typography-43cb27c-font-size:24px;--e-global-typography-43cb27c-font-weight:400;--e-global-typography-43cb27c-line-height:29px;--e-global-typography-ce751e1-font-family:"Jost";--e-global-typography-ce751e1-font-size:24px;--e-global-typography-ce751e1-font-weight:400;--e-global-typography-ce751e1-line-height:29px;--e-global-typography-4530ab9-font-family:"Jost";--e-global-typography-4530ab9-font-size:24px;--e-global-typography-4530ab9-font-weight:400;--e-global-typography-4530ab9-line-height:29px;--e-global-typography-ea21317-font-family:"Jost";--e-global-typography-ea21317-font-size:18px;--e-global-typography-ea21317-font-weight:400;--e-global-typography-ea21317-line-height:22px;--e-global-typography-8191543-font-family:"Jost";--e-global-typography-8191543-font-size:18px;--e-global-typography-8191543-font-weight:400;--e-global-typography-8191543-line-height:22px;--e-global-typography-0bb828c-font-family:"Jost";--e-global-typography-0bb828c-font-size:18px;--e-global-typography-0bb828c-font-weight:400;--e-global-typography-0bb828c-line-height:22px;--e-global-typography-6fa7a7c-font-family:"Jost";--e-global-typography-6fa7a7c-font-size:18px;--e-global-typography-6fa7a7c-font-weight:400;--e-global-typography-6fa7a7c-line-height:22px;--e-global-typography-2989ba9-font-family:"Inter Tight";--e-global-typography-2989ba9-font-size:16px;--e-global-typography-2989ba9-font-weight:700;--e-global-typography-2989ba9-line-height:24px;--e-global-typography-57a6060-font-family:"Inter Tight";--e-global-typography-57a6060-font-size:16px;--e-global-typography-57a6060-font-weight:600;--e-global-typography-57a6060-line-height:24px;--e-global-typography-d97c851-font-family:"Inter Tight";--e-global-typography-d97c851-font-size:16px;--e-global-typography-d97c851-font-weight:500;--e-global-typography-d97c851-line-height:24px;--e-global-typography-292affe-font-family:"Inter Tight";--e-global-typography-292affe-font-size:16px;--e-global-typography-292affe-font-weight:400;--e-global-typography-292affe-line-height:24px;--e-global-typography-94c32b3-font-family:"Inter Tight";--e-global-typography-94c32b3-font-size:14px;--e-global-typography-94c32b3-font-weight:700;--e-global-typography-94c32b3-line-height:20px;--e-global-typography-6b161a2-font-family:"Inter Tight";--e-global-typography-6b161a2-font-size:14px;--e-global-typography-6b161a2-font-weight:600;--e-global-typography-6b161a2-line-height:20px;--e-global-typography-2b65c69-font-family:"Inter Tight";--e-global-typography-2b65c69-font-size:14px;--e-global-typography-2b65c69-font-weight:500;--e-global-typography-2b65c69-line-height:20px;--e-global-typography-0e1c549-font-family:"Inter Tight";--e-global-typography-0e1c549-font-size:14px;--e-global-typography-0e1c549-font-weight:400;--e-global-typography-0e1c549-line-height:20px;--e-global-typography-71e3ec7-font-family:"Inter Tight";--e-global-typography-71e3ec7-font-size:12px;--e-global-typography-71e3ec7-font-weight:700;--e-global-typography-71e3ec7-line-height:16px;--e-global-typography-c68b166-font-family:"Inter Tight";--e-global-typography-c68b166-font-size:12px;--e-global-typography-c68b166-font-weight:600;--e-global-typography-c68b166-line-height:16px;--e-global-typography-6fa62cc-font-family:"Inter Tight";--e-global-typography-6fa62cc-font-size:12px;--e-global-typography-6fa62cc-font-weight:500;--e-global-typography-6fa62cc-line-height:16px;--e-global-typography-f164aea-font-family:"Inter Tight";--e-global-typography-f164aea-font-size:12px;--e-global-typography-f164aea-font-weight:400;--e-global-typography-f164aea-line-height:16px;--e-global-typography-aec55ba-font-family:"DM Serif Display";--e-global-typography-aec55ba-font-size:88px;--e-global-typography-aec55ba-font-weight:400;--e-global-typography-aec55ba-line-height:106px;}.elementor-kit-162 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-162{--e-global-typography-05b982c-font-size:40px;--e-global-typography-05b982c-line-height:48px;--e-global-typography-4837d60-font-size:40px;--e-global-typography-4837d60-line-height:48px;--e-global-typography-e50476a-font-size:40px;--e-global-typography-e50476a-line-height:48px;--e-global-typography-49670bf-font-size:40px;--e-global-typography-49670bf-line-height:48px;--e-global-typography-f2d9d58-font-size:36px;--e-global-typography-f2d9d58-line-height:44px;--e-global-typography-f923ef6-font-size:36px;--e-global-typography-f923ef6-line-height:44px;--e-global-typography-d40b9d0-font-size:36px;--e-global-typography-d40b9d0-line-height:44px;--e-global-typography-38f9d9d-font-size:36px;--e-global-typography-38f9d9d-line-height:44px;--e-global-typography-c5fda3c-font-size:28px;--e-global-typography-c5fda3c-line-height:34px;--e-global-typography-ce757de-font-size:28px;--e-global-typography-ce757de-line-height:34px;--e-global-typography-9b7f3b2-font-size:28px;--e-global-typography-9b7f3b2-line-height:34px;--e-global-typography-708c7e4-font-size:28px;--e-global-typography-708c7e4-line-height:34px;--e-global-typography-881d09a-font-size:20px;--e-global-typography-881d09a-line-height:24px;--e-global-typography-fa4db82-font-size:20px;--e-global-typography-fa4db82-line-height:24px;--e-global-typography-f999d11-font-size:20px;--e-global-typography-f999d11-line-height:24px;--e-global-typography-bd2a917-font-size:20px;--e-global-typography-bd2a917-line-height:24px;--e-global-typography-8333109-font-size:16px;--e-global-typography-8333109-line-height:20px;--e-global-typography-43cb27c-font-size:16px;--e-global-typography-43cb27c-line-height:20px;--e-global-typography-ce751e1-font-size:16px;--e-global-typography-ce751e1-line-height:20px;--e-global-typography-4530ab9-font-size:16px;--e-global-typography-4530ab9-line-height:20px;--e-global-typography-ea21317-font-size:16px;--e-global-typography-ea21317-line-height:20px;--e-global-typography-8191543-font-size:16px;--e-global-typography-8191543-line-height:20px;--e-global-typography-0bb828c-font-size:16px;--e-global-typography-0bb828c-line-height:20px;--e-global-typography-6fa7a7c-font-size:16px;--e-global-typography-6fa7a7c-line-height:20px;--e-global-typography-2989ba9-font-size:24px;--e-global-typography-2989ba9-line-height:26px;--e-global-typography-57a6060-font-size:14px;--e-global-typography-57a6060-line-height:16px;--e-global-typography-d97c851-font-size:14px;--e-global-typography-d97c851-line-height:16px;--e-global-typography-292affe-font-size:14px;--e-global-typography-292affe-line-height:16px;--e-global-typography-94c32b3-font-size:12px;--e-global-typography-94c32b3-line-height:14px;--e-global-typography-6b161a2-font-size:12px;--e-global-typography-6b161a2-line-height:14px;--e-global-typography-2b65c69-font-size:12px;--e-global-typography-2b65c69-line-height:14px;--e-global-typography-0e1c549-font-size:12px;--e-global-typography-0e1c549-line-height:14px;--e-global-typography-71e3ec7-font-size:11px;--e-global-typography-71e3ec7-line-height:12px;--e-global-typography-c68b166-font-size:11px;--e-global-typography-c68b166-line-height:12px;--e-global-typography-6fa62cc-font-size:11px;--e-global-typography-6fa62cc-line-height:12px;--e-global-typography-f164aea-font-size:11px;--e-global-typography-f164aea-line-height:12px;--e-global-typography-aec55ba-font-size:80px;--e-global-typography-aec55ba-line-height:96px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-162{--e-global-typography-text-font-size:16px;--e-global-typography-05b982c-font-size:36px;--e-global-typography-05b982c-line-height:44px;--e-global-typography-4837d60-font-size:36px;--e-global-typography-4837d60-line-height:44px;--e-global-typography-e50476a-font-size:36px;--e-global-typography-e50476a-line-height:44px;--e-global-typography-49670bf-font-size:36px;--e-global-typography-49670bf-line-height:44px;--e-global-typography-f2d9d58-font-size:24px;--e-global-typography-f2d9d58-line-height:29px;--e-global-typography-f923ef6-font-size:24px;--e-global-typography-f923ef6-line-height:29px;--e-global-typography-d40b9d0-font-size:24px;--e-global-typography-d40b9d0-line-height:29px;--e-global-typography-38f9d9d-font-size:24px;--e-global-typography-38f9d9d-line-height:29px;--e-global-typography-c5fda3c-font-size:24px;--e-global-typography-c5fda3c-line-height:29px;--e-global-typography-ce757de-font-size:24px;--e-global-typography-ce757de-line-height:29px;--e-global-typography-9b7f3b2-font-size:24px;--e-global-typography-9b7f3b2-line-height:29px;--e-global-typography-708c7e4-font-size:24px;--e-global-typography-708c7e4-line-height:29px;--e-global-typography-881d09a-font-size:18px;--e-global-typography-881d09a-line-height:22px;--e-global-typography-fa4db82-font-size:18px;--e-global-typography-fa4db82-line-height:22px;--e-global-typography-f999d11-font-size:18px;--e-global-typography-f999d11-line-height:22px;--e-global-typography-bd2a917-font-size:18px;--e-global-typography-bd2a917-line-height:22px;--e-global-typography-8333109-font-size:14px;--e-global-typography-8333109-line-height:17px;--e-global-typography-43cb27c-font-size:14px;--e-global-typography-43cb27c-line-height:17px;--e-global-typography-ce751e1-font-size:14px;--e-global-typography-ce751e1-line-height:17px;--e-global-typography-4530ab9-font-size:14px;--e-global-typography-4530ab9-line-height:17px;--e-global-typography-ea21317-font-size:14px;--e-global-typography-ea21317-line-height:17px;--e-global-typography-8191543-font-size:14px;--e-global-typography-8191543-line-height:17px;--e-global-typography-0bb828c-font-size:18px;--e-global-typography-0bb828c-line-height:22px;--e-global-typography-6fa7a7c-font-size:14px;--e-global-typography-6fa7a7c-line-height:17px;--e-global-typography-2989ba9-font-size:12px;--e-global-typography-2989ba9-line-height:14px;--e-global-typography-57a6060-font-size:12px;--e-global-typography-57a6060-line-height:14px;--e-global-typography-d97c851-font-size:12px;--e-global-typography-d97c851-line-height:14px;--e-global-typography-292affe-font-size:12px;--e-global-typography-292affe-line-height:14px;--e-global-typography-94c32b3-font-size:11px;--e-global-typography-94c32b3-line-height:12px;--e-global-typography-6b161a2-font-size:11px;--e-global-typography-6b161a2-line-height:12px;--e-global-typography-2b65c69-font-size:11px;--e-global-typography-2b65c69-line-height:12px;--e-global-typography-0e1c549-font-size:11px;--e-global-typography-0e1c549-line-height:12px;--e-global-typography-71e3ec7-font-size:10px;--e-global-typography-71e3ec7-line-height:11px;--e-global-typography-c68b166-font-size:10px;--e-global-typography-c68b166-line-height:11px;--e-global-typography-6fa62cc-font-size:10px;--e-global-typography-6fa62cc-line-height:11px;--e-global-typography-f164aea-font-size:10px;--e-global-typography-f164aea-line-height:111px;--e-global-typography-aec55ba-font-size:48px;--e-global-typography-aec55ba-line-height:58px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Bebas resta ai titoli, mai ai testi (Marco, 21/8/2026) */ .rkit-accordion__content, .rkit-accordion__content p, .rkit-accordion__content li, .rkit-accordion__content span{ font-family:"Jost", system-ui, sans-serif !important; font-size:22px !important; line-height:1.6 !important; } @media(max-width:1024px){.rkit-accordion__content, .rkit-accordion__content p{font-size:19px !important}} @media(max-width:767px){.rkit-accordion__content, .rkit-accordion__content p{font-size:17px !important}} /* Wood You tiene il suo font: Bebas Neue e' il carattere del brand */ .elementor-element-8b43234 h1,.elementor-element-8b43234 h2,.elementor-element-8b43234 h3, .elementor-element-8b43234 h4,.elementor-element-8b43234 .elementor-heading-title, body.page-id-360 h1, body.page-id-360 h2, body.page-id-360 h3, body.page-id-360 .elementor-heading-title, body.page-id-360 .headline-text{ font-family:'Bebas Neue', Impact, sans-serif !important; letter-spacing:.012em; line-height:1.32 !important; } .elementor-element-66de413 strong{font-family:'Bebas Neue',Impact,sans-serif !important;font-size:34px;line-height:1.32;letter-spacing:.02em;display:inline-block;color:#3B7D24} /* ogni titolo entra quando lo raggiungi con lo scorrimento (classe messa dal JS in mbanim01) */ .mb-anim{opacity:0;transform:translateY(26px);will-change:opacity,transform} .mb-anim.mb-anim-on{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)} /* chi ha chiesto meno animazioni vede i titoli fermi e gia' al loro posto */ @media (prefers-reduced-motion:reduce) and (min-width:99999px){.mb-anim{opacity:1 !important;transform:none !important;transition:none !important}} html[data-mb-anim="1"] .mb-anim{opacity:1 !important;transform:none !important;transition:none !important} /* Colore dei titoli (Marco, 22/8/2026): verde Wood You #4A9C2D sui fondi chiari (contrasto 3,5:1, sufficiente per i titoli grandi) e bianco sui fondi scuri, dove il bianco batte qualsiasi verde. */ h1, h2, h3, .elementor-heading-title, .rkit-accordion__title{ color:#4A9C2D !important; } .elementor-element-018bc01 h1, .elementor-element-018bc01 h2, .elementor-element-018bc01 h3, .elementor-element-018bc01 .elementor-heading-title, .elementor-element-018bc01 .headline-text, .elementor-element-f592a98 h1, .elementor-element-f592a98 h2, .elementor-element-f592a98 h3, .elementor-element-f592a98 .elementor-heading-title, .elementor-element-1488a8e h1, .elementor-element-1488a8e h2, .elementor-element-1488a8e h3, .elementor-element-1488a8e .elementor-heading-title{ color:#FFFFFF !important; } /* verde chiaro fuori dal sito: ovunque si usava #7ED957 ora c'e' il verde Wood You */ .mbv{--mbvg2:#4A9C2D !important} .mbv-hero h1 em, .mbv-num, .mbv a{color:#4A9C2D !important} /* riquadri due per riga: il contenitore diventa una griglia a due colonne, cosi' la larghezza la decide la griglia e non le impostazioni di larghezza dei singoli widget (con quelle i riquadri collassavano a 143px). Con 600px di spazio i titoli possono crescere. */ .elementor-element-bfb4970, .elementor-element-bd54104{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:40px !important; } @media(max-width:860px){ .elementor-element-bfb4970, .elementor-element-bd54104{grid-template-columns:1fr !important} } .elementskit-info-box-title{font-size:44px !important;line-height:1.16 !important;margin-bottom:.4em !important} @media(max-width:1024px){.elementskit-info-box-title{font-size:38px !important}} @media(max-width:767px){.elementskit-info-box-title{font-size:34px !important}} /* fascia CTA del footer: un'immagine diversa per pagina, stesso trattamento verde (l'immagine sta al 50% sul fondo scuro, il verde lo mette gia' la fascia). Foto da Pexels, uso commerciale libero, nessuna attribuzione dovuta. */ body.home .elementor-element-1488a8e::before{background-image:url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-cta-01.jpg) !important} body.page-id-356 .elementor-element-1488a8e::before{background-image:url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-cta-02.jpg) !important} body.page-id-499 .elementor-element-1488a8e::before{background-image:url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-cta-03.jpg) !important} body.page-id-505 .elementor-element-1488a8e::before{background-image:url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-cta-04.jpg) !important} body.page-id-507 .elementor-element-1488a8e::before{background-image:url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-cta-05.jpg) !important} body.page-id-501 .elementor-element-1488a8e::before{background-image:url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-cta-06.jpg) !important} body.page-id-503 .elementor-element-1488a8e::before{background-image:url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-cta-07.jpg) !important} body.page-id-358 .elementor-element-1488a8e::before{background-image:url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-cta-08.jpg) !important} body.page-id-724 .elementor-element-1488a8e::before{background-image:url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-cta-09.jpg) !important} body.page-id-9175 .elementor-element-1488a8e::before{background-image:url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-cta-10.jpg) !important} body.blog .elementor-element-1488a8e::before, body.archive .elementor-element-1488a8e::before, body.category .elementor-element-1488a8e::before{background-image:url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-cta-11.jpg) !important} body.single-post .elementor-element-1488a8e::before{background-image:url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-cta-12.jpg) !important} body.page-id-360 .elementor-element-1488a8e::before{background-image:url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-cta-13.jpg) !important} body.page-id-554 .elementor-element-1488a8e::before{background-image:url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-cta-14.jpg) !important} body.page-id-17 .elementor-element-1488a8e::before{background-image:url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-cta-15.jpg) !important} /* Titolo del blog: la parola visibile e' il ::before dell'H1 (l'H1 vero dice «Archivi» ed e' a corpo zero). Quindi la misura va messa li'. Lettere molto distanziate, stile insegna. */ body.blog .page-header h1.entry-title::before, body.archive .page-header h1.entry-title::before, body.category .page-header h1.entry-title::before{ display:block !important; font-family:"Bodoni Moda","Times New Roman",serif !important; font-weight:900 !important; font-size:14vw !important; line-height:1.02 !important; letter-spacing:.30em !important; margin-right:-.30em !important; color:#4A9C2D !important; } @media(max-width:767px){ body.blog .page-header h1.entry-title::before, body.archive .page-header h1.entry-title::before, body.category .page-header h1.entry-title::before{ font-size:22vw !important; letter-spacing:.26em !important; margin-right:-.26em !important; } body.blog .page-header, body.archive .page-header, body.category .page-header{ padding-top:14px !important; padding-bottom:2px !important; } } /* Un'immagine di fondo per sezione, contestualizzata, sotto un velo bianco quasi pieno. */ body.page-id-7{background-image:linear-gradient(180deg, rgba(255,255,255,.93) 0%, rgba(255,255,255,.90) 45%, rgba(255,255,255,.95) 100%), url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-sfondo-7.jpg) !important} body.page-id-356{background-image:linear-gradient(180deg, rgba(255,255,255,.93) 0%, rgba(255,255,255,.90) 45%, rgba(255,255,255,.95) 100%), url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-sfondo-356.jpg) !important} body.page-id-499{background-image:linear-gradient(180deg, rgba(255,255,255,.93) 0%, rgba(255,255,255,.90) 45%, rgba(255,255,255,.95) 100%), url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-sfondo-499.jpg) !important} body.page-id-505{background-image:linear-gradient(180deg, rgba(255,255,255,.93) 0%, rgba(255,255,255,.90) 45%, rgba(255,255,255,.95) 100%), url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-sfondo-505.jpg) !important} body.page-id-507{background-image:linear-gradient(180deg, rgba(255,255,255,.93) 0%, rgba(255,255,255,.90) 45%, rgba(255,255,255,.95) 100%), url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-sfondo-507.jpg) !important} body.page-id-501{background-image:linear-gradient(180deg, rgba(255,255,255,.93) 0%, rgba(255,255,255,.90) 45%, rgba(255,255,255,.95) 100%), url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-sfondo-501.jpg) !important} body.page-id-503{background-image:linear-gradient(180deg, rgba(255,255,255,.93) 0%, rgba(255,255,255,.90) 45%, rgba(255,255,255,.95) 100%), url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-sfondo-503.jpg) !important} /* 23 agosto 2026 - Chi Sono: sfondo col ritratto di Marco, quello in bianco e nero col vestito. Portato a 1920x2400, schiarito e sfumato ai bordi, cosi' non si vede il rettangolo della foto ma solo la figura che affiora. Il velo qui e' leggero apposta: l'immagine e' gia' quasi bianca, e col velo al 93% delle altre pagine sparirebbe del tutto. */ body.page-id-358{background-image:linear-gradient(180deg, rgba(255,255,255,.30) 0%, rgba(255,255,255,.20) 45%, rgba(255,255,255,.42) 100%), url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-sfondo-chisono.jpg) !important; background-size:cover !important; background-position:center top !important; background-attachment:fixed !important; background-repeat:no-repeat !important} body.page-id-724{background-image:linear-gradient(180deg, rgba(255,255,255,.93) 0%, rgba(255,255,255,.90) 45%, rgba(255,255,255,.95) 100%), url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-sfondo-724.jpg) !important} body.page-id-9175{background-image:linear-gradient(180deg, rgba(255,255,255,.93) 0%, rgba(255,255,255,.90) 45%, rgba(255,255,255,.95) 100%), url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-sfondo-9175.jpg) !important} body.page-id-360{background-image:linear-gradient(180deg, rgba(255,255,255,.93) 0%, rgba(255,255,255,.90) 45%, rgba(255,255,255,.95) 100%), url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-sfondo-360.jpg) !important} body.page-id-554{background-image:linear-gradient(180deg, rgba(255,255,255,.93) 0%, rgba(255,255,255,.90) 45%, rgba(255,255,255,.95) 100%), url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-sfondo-554.jpg) !important} body.page-id-17{background-image:linear-gradient(180deg, rgba(255,255,255,.93) 0%, rgba(255,255,255,.90) 45%, rgba(255,255,255,.95) 100%), url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-sfondo-17.jpg) !important} body.blog, body.archive, body.category, body.single-post{ background-image:linear-gradient(180deg, rgba(255,255,255,.93) 0%, rgba(255,255,255,.90) 45%, rgba(255,255,255,.95) 100%), url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-blog-sfondo.jpg) !important; } body[class*="page-id-"], body.blog, body.archive, body.category, body.single-post{ background-size:cover !important; background-position:center top !important; background-repeat:no-repeat !important; background-attachment:fixed !important; background-color:#fff !important; } @media(max-width:860px){ body[class*="page-id-"], body.blog, body.archive, body.category, body.single-post{background-attachment:scroll !important} } /* ===== Correzioni 22 agosto 2026, pomeriggio ============================= */ /* 1. VEDOVE — nessuna parola sola sull'ultima riga. Misurate su tutte e 80 le pagine a 393px: 565 vedove, 181 nei titoli. 'balance' spartisce le parole fra le righe dei titoli, 'pretty' fa lo stesso sul corpo senza toccare le righe di mezzo. */ h1, h2, h3, h4, h5, h6, .elementor-heading-title, .entry-title, .page-title, .elementor-button-text, blockquote, figcaption { text-wrap: balance; } p, li, .elementor-widget-text-editor, .elementor-text-editor { text-wrap: pretty; } /* 2. PAGINA VIDEO /media/ (9175) — titoli in bianco, non in verde. Il verde del brand sul verde scuro della pagina da' 3,1:1, sotto il minimo di 4,5:1. In bianco supera 12:1. Link e numeri restano un accento, in un verde chiaro che si legge. */ body.page-id-9175 h1, body.page-id-9175 h2, body.page-id-9175 h3, body.page-id-9175 h4, body.page-id-9175 .elementor-heading-title, body.page-id-9175 .mbv h1, body.page-id-9175 .mbv h2, body.page-id-9175 .mbv h3 { color:#FFFFFF !important; } body.page-id-9175 .mbv a, body.page-id-9175 .mbv-num, body.page-id-9175 .mbv-hero h1 em { color:#8FD46A !important; } /* 3. BLOG — insegna a tutta larghezza in Bebas Neue. La parola visibile e' il ::before dell'H1 (l'H1 vero dice «Archivi» ed e' a corpo zero). Il contenuto diventa "B L O G" e la riga e' giustificata: il browser distribuisce lo spazio e la parola tocca i due bordi a QUALSIASI larghezza, desktop e telefono. I 20px in meno di 100vw tengono fuori la barra di scorrimento. Interlinea 1,30: Bebas Neue occupa 1,29 volte il corpo. */ body.blog .page-header, body.archive .page-header, body.category .page-header { width: min(calc(100vw - 20px), 1700px) !important; max-width: none !important; margin-left: calc(50% - min(50vw - 10px, 850px)) !important; margin-right: calc(50% - min(50vw - 10px, 850px)) !important; padding: 0 2.5vw !important; overflow: hidden !important; } body.blog main.site-main, body.archive main.site-main, body.category main.site-main { padding-top:70px !important; } body.blog .page-header h1.entry-title::before, body.archive .page-header h1.entry-title::before, body.category .page-header h1.entry-title::before { content: "B L O G" !important; display: block !important; font-family: 'Bebas Neue', Impact, sans-serif !important; font-weight: 400 !important; font-size: min(24vw, 340px) !important; line-height: 1.30 !important; letter-spacing: 0 !important; margin: 0 !important; white-space: nowrap !important; text-align: justify !important; -moz-text-align-last: justify !important; text-align-last: justify !important; color: #4A9C2D !important; } @media (max-width: 767px) { body.blog .page-header, body.archive .page-header, body.category .page-header { padding: 0 3vw !important; } body.blog .page-header h1.entry-title::before, body.archive .page-header h1.entry-title::before, body.category .page-header h1.entry-title::before { font-size: 34vw !important; } } /* 4. PAGINA PODCAST (page-id 10510) — stessa aria del blog: sfondo delle mani sul quaderno sotto il velo bianco, e l'ultima delle 16 foto libere per la fascia CTA del footer. */ body.page-id-10510{background-image:linear-gradient(180deg, rgba(255,255,255,.93) 0%, rgba(255,255,255,.90) 45%, rgba(255,255,255,.95) 100%), url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-sfondo-10510.jpg) !important} body.page-id-10510 .elementor-element-1488a8e::before{background-image:url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-cta-16.jpg) !important} /* 5. INSEGNA MBINS01 — due conseguenze sul resto del sito. (a) Sul blog il cartello BLOG adesso lo fa l'insegna in cima alla pagina: la vecchia scritta dentro .page-header sparisce alla vista, ma l'H1 resta per i lettori di schermo. Cosi' non ce ne sono due. (b) Il menu del telefono deve stare sopra a tutto: l'intestazione prende un piano altissimo e il contenuto della pagina viene chiuso in un piano suo, da cui nessuna sezione puo' scavalcarla. */ body.blog .page-header, body.archive .page-header, body.category .page-header{ position:absolute !important; width:1px !important; height:1px !important; min-height:0 !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; white-space:nowrap !important; margin:0 !important; padding:0 !important; border:0 !important; } body.blog main.site-main, body.archive main.site-main, body.category main.site-main{ padding-top:34px !important; } header.elementor-location-header{position:relative !important; z-index:9999 !important} body > div.elementor:not(.elementor-location-header):not(.elementor-location-footer){ position:relative; z-index:0; } .elementor-nav-menu--dropdown{background-color:#1B1B1B !important} /* 6. HOME — i tre punti numerati (01, 02, 03). Il testo stava a 16px dentro colonne da 316px: troppo piccolo. Adesso 18,5px con interlinea 1,62, giustificato con la sillabazione italiana (senza, il giustificato in colonne strette apre buchi fra le parole) e 'text-wrap: pretty' perche' l'ultima riga non resti con una parola sola. Sul telefono i widget vanno a tutta larghezza: si passa da 268px a 331px di riga. */ body.home .elementor-element-cfe9f5e p{ font-size:18.5px !important; line-height:1.62 !important; text-align:justify !important; text-align-last:left !important; -webkit-hyphens:auto; hyphens:auto; text-wrap:pretty; } body.home .elementor-element-cfe9f5e h2.elementor-heading-title{ font-size:28px !important; line-height:1.22 !important; text-wrap:balance; } @media(max-width:1024px){ body.home .elementor-element-cfe9f5e p{font-size:18px !important} } @media(max-width:767px){ body.home .elementor-element-cfe9f5e p{font-size:17.5px !important; line-height:1.66 !important} body.home .elementor-element-cfe9f5e h2.elementor-heading-title{font-size:26px !important} body.home .elementor-element-cfe9f5e .elementor-widget{width:100% !important; max-width:100% !important} body.home .elementor-element-cfe9f5e > .e-con{padding-left:6px !important; padding-right:6px !important} } /* 7. MENU A UNA RIGA — con «Podcast» le voci di primo livello sono 9 e fra i 1025 e i 1400px andavano a capo, raddoppiando l'altezza dell'intestazione. Qui si stringe lo spazio fra una voce e l'altra (e sotto i 1300px anche il corpo) quel tanto che basta a tenerle su una riga sola. Sopra i 1440px e sotto i 1025px (dove c'e' il menu a tendina) non cambia niente. */ @media(min-width:1025px) and (max-width:1440px){ header .elementor-nav-menu--main .elementor-item{ padding-left:7px !important; padding-right:7px !important; } } @media(min-width:1025px) and (max-width:1300px){ header .elementor-nav-menu--main .elementor-item{ padding-left:5px !important; padding-right:5px !important; font-size:15px !important; } } /* 8. WOOD YOU (page-id 360) — due cose viste da Marco. (a) In cima, il widget di «WOOD YOU» aveva -20px di margine sotto. Sul telefono la riga e' alta 31,7px e l'aria intorno alle lettere e' appena 14px: 20px di risalita bastano a far finire «Designed for you» dentro «WOOD YOU». Sotto i 1024px il margine torna a zero (su desktop la riga e' alta 63px e l'aria basta, quindi li' non si tocca). (b) In fondo, il riquadro «Made in italy, pensato per durare» sta su fondo #1B1B1B (e' il ::before del contenitore): il titolo passa dal verde al bianco, come il testo che ha sotto, che era gia' bianco. */ @media(max-width:1024px){ body.page-id-360 .elementor-element-6fbb80f .elementor-widget-container{ margin-bottom:0 !important } } body.page-id-360 .elementor-element-9a78a07 h2, body.page-id-360 .elementor-element-9a78a07 .elementor-heading-title{ color:#FFFFFF !important } /* 8-bis. WOOD YOU — la foto sotto «Made in italy, pensato per durare». Il velo scuro che Elementor le mette sopra era al **30%**: la foto passava attraverso il testo e si impastava. Adesso e' un velo **graduato**, piu' fitto in alto e in basso (66% e 68%, dove stanno il titolo e il pulsante) e piu' leggero a meta' (46%, dove la foto si vede): in media circa il 55%. Il testo bianco si stacca, la foto resta riconoscibile. Per cambiarlo basta toccare i tre numeri qui sotto. */ body.page-id-360 .elementor-element-301c53c::before{ background-color:transparent !important; background-image:linear-gradient(180deg, rgba(20,20,20,.66) 0%, rgba(20,20,20,.46) 45%, rgba(20,20,20,.68) 100%) !important; opacity:1 !important; } /* 9. RIQUADRI SCURI — una sola impaginazione, su desktop e sul telefono. Nei riquadri col fondo verde scuro il titolo restava a 44px anche quando il riquadro si stringeva. Adesso il corpo scala col riquadro (clamp), il testo e' giustificato con la sillabazione italiana (senza, in colonne strette il giustificato apre buchi), l'ultima riga non resta con una parola sola, e una parola lunga non puo' in nessun caso uscire dal bordo. Lo spazio interno passa da 26/24 a 34/32 px, e a 24/22 sul telefono. */ body div[class*="elementor-element-"] .elementskit-info-image-box.ekit-image-box{ padding:34px 32px !important; } .elementskit-info-box-title{ font-size:clamp(26px, 2.9vw, 44px) !important; line-height:1.16 !important; text-wrap:balance; overflow-wrap:break-word; -webkit-hyphens:auto; hyphens:auto; } .elementskit-box-style-content, .elementskit-box-style-content p{ font-size:clamp(15.5px, 1.2vw, 17.5px) !important; line-height:1.62 !important; text-align:justify; text-align-last:left; -webkit-hyphens:auto; hyphens:auto; text-wrap:pretty; } body.home .elementor-element-f592a98 p, body.home .elementor-element-018bc01 p, .elementor-element-1488a8e p{ font-size:clamp(15.5px, 1.2vw, 17.5px) !important; line-height:1.62 !important; text-align:justify; text-align-last:left; -webkit-hyphens:auto; hyphens:auto; text-wrap:pretty; } body.home .elementor-element-f592a98 h2{ font-size:clamp(30px, 3.2vw, 48px) !important; line-height:1.16 !important; text-wrap:balance; overflow-wrap:break-word; } @media(max-width:767px){ body div[class*="elementor-element-"] .elementskit-info-image-box.ekit-image-box{ padding:24px 22px !important; } } /* 10. TITOLI DOPPI — su Portfolio e Podcast il titolo della pagina era scritto due volte: una nell'insegna in cima e una nel testo sotto l'intestazione. Quello sotto sparisce alla vista ma resta nel codice, per i lettori di schermo e per Google. Tolto il titolo, si toglie anche lo spazio che teneva. */ body.page-id-724 .mbp-intro h1, body.page-id-724 .mbp-intro .mbp-line, body.page-id-10510 .mbp-hero h1{ position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; white-space:nowrap !important; margin:-1px !important; padding:0 !important; border:0 !important; } body.page-id-10510 .mbp{ padding-top:24px !important; } @media(max-width:600px){ body.page-id-10510 .mbp{ padding-top:18px !important; } } /* 11. FASCIA CTA DEL FOOTER — la foto era al 50% e i dettagli passavano attraverso il testo. Adesso e' piu' scarica (34%) e leggermente sfocata: si legge il testo, la foto resta come atmosfera. L'ingrandimento del 5% serve a non far vedere i bordi sfumati. */ .elementor-element-1488a8e{ overflow:hidden !important; } .elementor-element-1488a8e::before{ opacity:.34 !important; filter:blur(2.5px) saturate(.92) !important; transform:scale(1.05) !important; } /* 23 agosto 2026 - gli sfondi che mancavano: App (10530) e Servizi (10536) erano le uniche due voci di menu senza immagine. Stesso velo bianco delle altre pagine chiare, cosi' l'immagine si intravede e basta. App: la macchina laser che incide. Servizi: una scrivania di lavoro dall'alto. */ body.page-id-10530{background-image:linear-gradient(180deg, rgba(255,255,255,.93) 0%, rgba(255,255,255,.90) 45%, rgba(255,255,255,.95) 100%), url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-sfondo-10530.jpg) !important} body.page-id-10536{background-image:linear-gradient(180deg, rgba(255,255,255,.996) 0%, rgba(255,255,255,.98) 45%, rgba(255,255,255,.99) 100%), url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-sfondo-10536.jpg) !important} /* Le due fasce crema di Chi Sono coprivano il ritratto sul body: le rendo trasparenti cosi' l'immagine corre continua sotto tutta la pagina. Le due fasce scure restano opache: sono volute. */ body.page-id-358 .elementor-element-6a9bd7a, body.page-id-358 .elementor-element-da6c927{background-color:transparent !important} /* 23 agosto 2026 - il footer social "Dove mi trovi" era verde nudo. Ci metto sotto un'immagine contestualizzata (un telefono con le icone delle app), gia' scurita e sfumata verso il verde del footer, cosi' non serve un secondo velo. Va su uno pseudo-elemento per non toccare il gradiente verde che c'e' gia'. */ .elementor-element-mbcanc01{position:relative} .elementor-element-mbcanc01::before{content:"";position:absolute;inset:0;z-index:0; background:url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-sfondo-social-footer.jpg) center center / cover no-repeat; opacity:.20;pointer-events:none} .elementor-element-mbcanc01::after{content:"";position:absolute;inset:0;z-index:0; background:linear-gradient(180deg, rgba(14,44,21,.55) 0%, rgba(14,44,21,.35) 45%, rgba(14,44,21,.60) 100%); pointer-events:none} .elementor-element-mbcanc01 > *{position:relative;z-index:1} /* 23 agosto 2026 - la sezione Video era verde sfumato nudo: la fascia mbvcon01 e' alta 8.300 px e col suo gradiente copriva lo sfondo della pagina. Ci metto sotto un rig da ripresa, gia' desaturato e sfumato verso lo stesso verde della fascia. Stesso impianto del footer social: pseudo-elemento, cosi' il gradiente che c'era resta dov'e'. */ .elementor-element-mbvcon01{position:relative} .elementor-element-mbvcon01::before{content:"";position:absolute;inset:0;z-index:0; background:url(https://www.marcobrustia.com/wp-content/uploads/2026/08/mb-sfondo-video-sezione.jpg) center center / cover no-repeat fixed; opacity:.22;pointer-events:none} .elementor-element-mbvcon01 > *{position:relative;z-index:1} /* MBWIDE01 — schermo pieno sui monitor grandi (attivo per tutti dal 26/8/2026) */ @media (min-width:1500px){ html:root .e-con{--content-width:1560px} html:root .elementor-section.elementor-section-boxed > .elementor-container{max-width:1560px} html:root #mbhome01,html:root .mbse,html:root .mbpf,html:root .mbap,html:root .mbcan,html:root .mbwy__in{max-width:1480px} html:root .mbse p,html:root .mbpf p,html:root .mbap p,html:root .mbcan p,html:root .mbwy p,html:root #mbhome01 p{font-size:clamp(16.5px,.70vw,19.4px);line-height:1.62} html:root .mbse h2,html:root .mbpf h2,html:root .mbap h2,html:root .mbcan h2,html:root .mbwy h2{font-size:clamp(40px,2.05vw,56px);line-height:1.14} html:root .mbse h3,html:root .mbpf h3,html:root .mbap h3,html:root .mbcan h3{font-size:clamp(25px,1.18vw,32px);line-height:1.2} html:root .mbpf-intro,html:root .mbpf-sotto,html:root .mbpf-coda{max-width:74ch} } @media (min-width:1900px){ html:root .e-con{--content-width:1780px} html:root .elementor-section.elementor-section-boxed > .elementor-container{max-width:1780px} html:root #mbhome01,html:root .mbse,html:root .mbpf,html:root .mbap,html:root .mbcan,html:root .mbwy__in{max-width:1700px} } /* MBWIDE02 — i widget Elementor (home e pagine senza blocco custom) */ @media (min-width:1500px){ html:root .elementor-widget-text-editor p,html:root .elementor-widget-text-editor li{font-size:clamp(16.5px,.70vw,19.4px) !important;line-height:1.62 !important} html:root .elementor-widget-icon-box .elementor-icon-box-description,html:root .elementor-widget-icon-list .elementor-icon-list-text{font-size:clamp(16px,.66vw,18.6px) !important} } /* MBWIDE03 — gabbia unica e righe non oltre ~80 caratteri */ @media (min-width:1500px){ html:root .elementor-widget-text-editor,html:root .elementor-widget-heading,html:root .elementor-widget-button,html:root .elementor-widget-icon-list{width:100%;max-width:1700px;margin-inline:auto} html:root .elementor-widget-text-editor > p,html:root .elementor-widget-text-editor > ul,html:root .elementor-widget-text-editor > ol{max-width:80ch} } /* MBWIDE05 — tutte le fasce con testo partono dallo stesso punto */ @media (min-width:1500px){ html:root .elementor > .e-con:has(.elementor-widget-heading),html:root .elementor > .e-con:has(.elementor-widget-text-editor){padding-inline:max(24px,calc((100% - 1700px)/2)) !important} html:root .elementor > .e-con:has(video),html:root .elementor > .e-con:has(.mb-mq),html:root .elementor > .e-con:has(.mbwy){padding-inline:0 !important} }/* End custom CSS */