.elementor-507 .elementor-element.elementor-element-1f01ff93{color:var(--nb-body);font-family:"var(--nb-font-text)", Sans-serif;font-size:19px;line-height:1.75px;}.elementor-507 .elementor-element.elementor-element-9ac443b{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}@media(max-width:1024px){ .elementor-507 .elementor-element.elementor-element-9ac443b{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(max-width:767px){ .elementor-507 .elementor-element.elementor-element-9ac443b{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}/* Start custom CSS for theme-post-content, class: .elementor-element-1f01ff93 */& p, & li { font-family: var(--nb-font-text); font-size: 19px; line-height: 1.75; color: var(--nb-body); } & p { margin: 0 0 1.25em; } & h2 { font-family: var(--nb-font-display); font-weight: 400; font-size: 38px; line-height: 1.15; color: var(--nb-ink); margin: 2em 0 0.6em; scroll-margin-top: 110px; } & h3 { font-family: var(--nb-font-text); font-weight: 800; font-size: 23px; line-height: 1.3; color: var(--nb-ink); margin: 1.6em 0 0.5em; scroll-margin-top: 110px; } & h4 { font-family: var(--nb-font-text); font-weight: 800; font-size: 19px; color: var(--nb-ink); margin: 1.4em 0 0.4em; } & a { color: var(--nb-purple); font-weight: 600; text-decoration: underline; text-decoration-color: var(--nb-cyan); text-decoration-thickness: 3px; text-underline-offset: 4px; } & a:hover { background-color: var(--nb-yellow); color: var(--nb-ink); } & strong { color: var(--nb-ink); } & ul, & ol { padding-left: 1.3em; margin: 0 0 1.4em; } & li { margin-bottom: 0.4em; } & li::marker { color: var(--nb-purple); font-weight: 700; } & blockquote, & .wp-block-quote { margin: 2em 0; padding: 20px 24px; background-color: var(--nb-white); border: 3px solid var(--nb-ink); border-left: 10px solid var(--nb-yellow); box-shadow: var(--nb-shadow); font-style: normal; } & blockquote p { font-size: 20px; font-weight: 500; color: var(--nb-ink); margin: 0; } & figure.wp-block-image { margin: 2em 0; } & figure.wp-block-image img { border: 3px solid var(--nb-ink); box-shadow: var(--nb-shadow); height: auto; } & figcaption { font-size: 14px; color: var(--nb-body); margin-top: 12px; text-align: center; } & code { font-size: 0.9em; background-color: #F1E9FA; padding: 2px 6px; border: 1px solid var(--nb-ink); } & .simpletoc { margin: 0 0 2.5em; background-color: var(--nb-white); border: 3px solid var(--nb-ink); box-shadow: var(--nb-shadow); } & .simpletoc h2.simpletoc-accordion-heading { margin: 0; font-size: 1em; } & .simpletoc-collapsible { all: unset; box-sizing: border-box; display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; padding: 16px 20px; background-color: var(--nb-yellow); font-family: var(--nb-font-text); font-size: 15px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--nb-ink); } & .simpletoc-collapsible::before { content: '☰'; font-size: 18px; letter-spacing: 0; } & .simpletoc-collapsible[aria-expanded=true] { border-bottom: 3px solid var(--nb-ink); } & .simpletoc-collapsible:focus-visible { outline: 3px solid var(--nb-purple); outline-offset: 2px; } & .simpletoc-icon { margin-left: auto; } & .simpletoc-content { padding: 0; } & .simpletoc-list { list-style: none; counter-reset: toc; margin: 0; padding: 12px 20px 16px; } & .simpletoc-list > li { counter-increment: toc; margin: 0; border-bottom: 2px dashed #D9D2E3; } & .simpletoc-list > li:last-child { border-bottom: 0; } & .simpletoc-list > li > a { display: flex; gap: 12px; align-items: baseline; padding: 10px 0; font-size: 17px; font-weight: 700; line-height: 1.4; color: var(--nb-ink); text-decoration: none; } & .simpletoc-list > li > a::before { content: counter(toc, decimal-leading-zero); flex-shrink: 0; min-width: 34px; font-family: var(--nb-font-text); font-size: 13px; font-weight: 800; color: var(--nb-purple); } & .simpletoc-list > li > a:hover { background: none; color: var(--nb-purple); text-decoration: underline; text-decoration-color: var(--nb-cyan); text-decoration-thickness: 3px; } & .simpletoc-list ul { list-style: none; margin: -4px 0 10px 46px; padding: 0; } & .simpletoc-list ul li { margin: 0; } & .simpletoc-list ul a { display: block; padding: 4px 0; font-size: 15px; font-weight: 500; color: var(--nb-body); text-decoration: none; } & .simpletoc-list ul a:hover { background: none; color: var(--nb-purple); } & .simpletoc-list ul ul { margin: 0 0 0 16px; } @media (max-width: 767px) { & p, & li { font-size: 17.5px; line-height: 1.7; } & h2 { font-size: 29px; } & h3 { font-size: 20px; } & .simpletoc-list { padding: 8px 16px 12px; } & .simpletoc-list > li > a { font-size: 16px; } & .simpletoc-list ul { margin-left: 36px; } & .simpletoc-list ul ul { display: none; } & blockquote, & .wp-block-quote { padding: 16px 18px; } & figure.wp-block-image img { box-shadow: 4px 4px 0 0 var(--nb-ink); } }/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-1b75466d */width: 100%; & .elementor-nav-menu { display: flex !important; flex-direction: row; flex-wrap: wrap; gap: 8px; } & .elementor-nav-menu > li { width: auto; border: 0 !important; } & .elementor-nav-menu > li > a.elementor-item { font-family: var(--nb-font-text); font-size: 14px; font-weight: 700; color: var(--nb-ink); background-color: var(--nb-white); border: 2px solid var(--nb-ink); box-shadow: 3px 3px 0 0 var(--nb-ink); padding: 6px 12px; margin: 0; } & .elementor-nav-menu > li > a.elementor-item:hover, & .elementor-nav-menu > li > a.elementor-item-active { background-color: var(--nb-yellow); color: var(--nb-ink); }/* End custom CSS */
/* Start custom CSS *//* === NB articolo: contenuto - scala tipografica fluida (variabili nb-fs-*) === */
.elementor-507 article .elementor-widget-theme-post-content, .elementor-507 article .elementor-widget-theme-post-content p, .elementor-507 article .elementor-widget-theme-post-content li { font-family: 'DM Sans', sans-serif; font-size: var(--nb-fs-read); line-height: 1.75; color: #26222B; }
.elementor-507 article .elementor-widget-theme-post-content p { margin: 0 0 1.25em; }
.elementor-507 article .elementor-widget-theme-post-content h2 { font-family: 'DM Serif Display', serif; font-weight: 400; font-size: var(--nb-fs-2xl); line-height: 1.1; color: #111111; margin: 2em 0 0.6em; scroll-margin-top: 110px; }
.elementor-507 article .elementor-widget-theme-post-content h3 { font-family: 'DM Sans', sans-serif; font-weight: 800; font-size: var(--nb-fs-lg); line-height: 1.3; color: #111111; margin: 1.6em 0 0.5em; scroll-margin-top: 110px; }
.elementor-507 article .elementor-widget-theme-post-content h4 { font-family: 'DM Sans', sans-serif; font-weight: 800; font-size: var(--nb-fs-body); line-height: 1.4; color: #111111; margin: 1.4em 0 0.4em; }
.elementor-507 article .elementor-widget-theme-post-content a { color: #550F8B; font-weight: 600; text-decoration: underline; text-decoration-color: #25CAD1; text-decoration-thickness: 3px; text-underline-offset: 4px; }
.elementor-507 article .elementor-widget-theme-post-content a:hover { background-color: #FCCB0A; color: #111111; font-size: inherit; }
.elementor-507 article .elementor-widget-theme-post-content strong { color: #111111; }
.elementor-507 article .elementor-widget-theme-post-content ul, .elementor-507 article .elementor-widget-theme-post-content ol { padding-left: 1.3em; margin: 0 0 1.4em; }
.elementor-507 article .elementor-widget-theme-post-content li { margin-bottom: 0.4em; }
.elementor-507 article .elementor-widget-theme-post-content li::marker { color: #550F8B; font-weight: 700; }
.elementor-507 article .elementor-widget-theme-post-content blockquote, .elementor-507 article .elementor-widget-theme-post-content .wp-block-quote { margin: 2em 0; padding: 20px 24px; background: #FFFFFF; border: 3px solid #111111; border-left: 10px solid #FCCB0A; box-shadow: 6px 6px 0 0 #111111; font-style: normal; }
.elementor-507 article .elementor-widget-theme-post-content blockquote p { font-size: var(--nb-fs-lead); line-height: 1.55; font-weight: 500; color: #111111; margin: 0; }
.elementor-507 article .elementor-widget-theme-post-content figure.wp-block-image { margin: 2em 0; }
.elementor-507 article .elementor-widget-theme-post-content figure.wp-block-image img { border: 3px solid #111111; box-shadow: 6px 6px 0 0 #111111; height: auto; }
.elementor-507 article .elementor-widget-theme-post-content figcaption { font-size: var(--nb-fs-sm); color: #26222B; margin-top: 12px; text-align: center; }
.elementor-507 article .elementor-widget-theme-post-content code { font-size: 0.9em; background: #F1E9FA; padding: 2px 6px; border: 1px solid #111111; }
/* === NB articolo: indice SimpleTOC === */
.elementor-507 article .simpletoc { margin: 0 0 2.5em; padding: 0 !important; background: #FFFFFF; border: 3px solid #111111; box-shadow: 6px 6px 0 0 #111111; }
.elementor-507 article .simpletoc h2.simpletoc-accordion-heading { margin: 0; font-size: 1em; }
.elementor-507 article .simpletoc-collapsible, .elementor-507 article .simpletoc h2.simpletoc-title { all: unset; box-sizing: border-box; display: flex; width: 100%; align-items: center; gap: 12px; cursor: pointer; padding: 16px 20px; background: #FCCB0A; font-family: 'DM Sans', sans-serif; font-size: var(--nb-fs-sm); font-weight: 800; line-height: 1.2; letter-spacing: 0.12em; text-transform: uppercase; color: #111111; }
.elementor-507 article .simpletoc h2.simpletoc-title { cursor: default; margin: 0 !important; border-bottom: 3px solid #111111; }
.elementor-507 article .simpletoc-collapsible::before, .elementor-507 article .simpletoc h2.simpletoc-title::before { content: '\2630'; font-size: 1.3em; letter-spacing: 0; }
.elementor-507 article .simpletoc-collapsible[aria-expanded=true] { border-bottom: 3px solid #111111; }
.elementor-507 article .simpletoc-collapsible:focus-visible { outline: 3px solid #550F8B; outline-offset: 2px; }
.elementor-507 article .simpletoc-icon { margin-left: auto; }
.elementor-507 article .simpletoc-list { list-style: none; counter-reset: toc; margin: 0; padding: 12px 20px 16px; }
.elementor-507 article .simpletoc-list > li { counter-increment: toc; margin: 0; border-bottom: 2px dashed #D9D2E3; }
.elementor-507 article .simpletoc-list > li:last-child { border-bottom: 0; }
.elementor-507 article .simpletoc-list > li > a { display: flex; gap: 12px; align-items: baseline; padding: 10px 0; font-size: var(--nb-fs-body); font-weight: 700; line-height: 1.4; color: #111111; text-decoration: none; }
.elementor-507 article .simpletoc-list > li > a::before { content: counter(toc, decimal-leading-zero); flex-shrink: 0; min-width: 34px; font-size: var(--nb-fs-xs); font-weight: 800; letter-spacing: 0.05em; color: #550F8B; }
.elementor-507 article .simpletoc-list > li > a:hover { background: none; color: #550F8B; text-decoration: underline; text-decoration-color: #25CAD1; text-decoration-thickness: 3px; font-size: var(--nb-fs-body); }
.elementor-507 article .simpletoc-list ul { list-style: none; margin: -4px 0 10px 46px; padding: 0; }
.elementor-507 article .simpletoc-list ul li { margin: 0; }
.elementor-507 article .simpletoc-list ul a { display: block; padding: 4px 0; font-size: var(--nb-fs-ui); font-weight: 500; line-height: 1.45; color: #26222B; text-decoration: none; }
.elementor-507 article .simpletoc-list ul a:hover { background: none; color: #550F8B; font-size: var(--nb-fs-ui); }
.elementor-507 article .simpletoc-list ul ul { margin: 0 0 0 16px; }
/* === NB articolo: argomenti sidebar (unico hover animato) === */
.elementor-507 aside .elementor-widget-nav-menu .elementor-nav-menu { display: flex !important; flex-direction: row; flex-wrap: wrap; gap: 8px; }
.elementor-507 aside .elementor-widget-nav-menu .elementor-nav-menu > li { width: auto; border: 0 !important; }
.elementor-507 aside .elementor-widget-nav-menu .elementor-nav-menu > li > a.elementor-item { font-family: 'DM Sans', sans-serif; font-size: var(--nb-fs-sm); font-weight: 700; line-height: 1.3; color: #111111; background: #FFFFFF; border: 2px solid #111111; box-shadow: 3px 3px 0 0 #111111; padding: 6px 12px; margin: 0; transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease; }
.elementor-507 aside .elementor-widget-nav-menu .elementor-nav-menu > li > a.elementor-item:hover, .elementor-507 aside .elementor-widget-nav-menu .elementor-nav-menu > li > a.elementor-item-active { background: #FCCB0A; color: #111111; transform: translate(2px, 2px); box-shadow: 1px 1px 0 0 #111111; font-size: var(--nb-fs-sm); }
/* === NB articolo: pulsanti di condivisione === */
.elementor-507 aside .elementor-share-buttons { gap: 8px; }
.elementor-507 aside .elementor-share-buttons .elementor-grid-item { margin: 0 !important; }
.elementor-507 aside .elementor-share-btn { height: auto !important; min-height: 38px; background: #25CAD1 !important; border: 2px solid #111111 !important; border-radius: 0 !important; box-shadow: 3px 3px 0 0 #111111; color: #111111 !important; transition: transform .2s ease-out !important; }
.elementor-507 aside .elementor-share-btn:hover { background: #25CAD1 !important; filter: none !important; transform: rotate(-1.5deg); }
.elementor-507 aside .elementor-share-btn__icon { background: transparent !important; color: #111111 !important; width: 38px; }
.elementor-507 aside .elementor-share-btn__icon i, .elementor-507 aside .elementor-share-btn__icon svg { color: #111111 !important; fill: #111111 !important; }
.elementor-507 aside .elementor-share-btn__text { padding: 0 12px 0 0; }
.elementor-507 aside .elementor-share-btn__title { font-family: 'DM Sans', sans-serif; font-size: var(--nb-fs-sm); font-weight: 700; color: #111111 !important; }
/* === NB articolo: pulsante newsletter viola, testo sempre bianco === */
.elementor-507 a.nb-btn[href*="/newsletter"], .elementor-507 a.nb-btn[href*="/newsletter"]:hover, .elementor-507 a.nb-btn[href*="/newsletter"]:focus, .elementor-507 a.nb-btn[href*="/newsletter"]:active { color: #FFFFFF !important; }
/* === NB articolo: mobile === */
@media (max-width: 767px) {
.elementor-507 article .simpletoc-list { padding: 8px 16px 12px; }
.elementor-507 article .simpletoc-list ul { margin-left: 36px; }
.elementor-507 article .simpletoc-list ul ul { display: none; }
.elementor-507 article .elementor-widget-theme-post-content blockquote { padding: 16px 18px; }
.elementor-507 article .elementor-widget-theme-post-content figure.wp-block-image img { box-shadow: 4px 4px 0 0 #111111; }
}/* End custom CSS */