@media only screen {body {    margin: 0;    padding: 0;}.source-theme-warning{display:none!important}
}

.navbar ul li{
    background-color:var(--background-color-alt);
    border-radius:4px;
}
.navbar .ml-menu li {
	margin:10px 4px!important;
}
.nav-wrap, .popdrop-popover-alert, .iconic-caption {
  background: var(--background-color-alt)!important;
  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #B5C9A7, #B9C8AA)!important;
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #B5C9A7, #B9C8AA)!important;
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.cloudy {
  background: #ffffff;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to top, var(--background-color-alt), #ffffff);/* Chrome 10-25, Safari 5.1-6 */background: linear-gradient(to top, var(--background-color-alt), #ffffff);/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}.iconic-caption {	color:var(--text-color-normal)!important;}mark {background-color: rgba(255, 255, 128, .5);}.popdrop-popover-alert .popdrop-popover-title {background-color: var(--accent-color)!important;border-bottom: 1px solid var(--background-color-alt)!important;}.ml-dropdown {	background-color: transparent !important;	//background-color:var(--background-color-alt);}.branding div {	font-weight:bold!important;}.button-second a, .button-primary a {	text-shadow: 		-2px 2px 6px rgba(0, 0, 0, 0.3),		2px -2px 6px rgba(255, 255, 255, 0.4);	box-shadow:		rgba(60, 64, 67, 0.15) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 2px 0px;}        /* ==========================================================================   BLOCKQUOTE SPECIALE (Classe: cit-speciale) - VERSIONE COMPLETA ANTI-BLOCCO   ========================================================================== *//* --------------------------------------------------------------------------   1. REGIONALI MOBILE (Schermi piccoli: Riquadro centrato e 10px dalle virgolette)   -------------------------------------------------------------------------- */.cit-speciale blockquote {position: relative;z-index: 1;/* Margini simmetrici su Mobile per centrare il riquadro */    margin: 20px 25px 20px 25px;padding: 25px;border: 1px solid rgba(204, 204, 204, 1.00);border-radius: 0px;overflow: visible;/* 🔥 RISOLUZIONE PULSANTE: Fa passare i click "attraverso" il riquadro invisibile dello Stack */    pointer-events: none;}/* 🔥 Permette comunque di selezionare il testo o cliccare sui loghi all'interno della citazione */.cit-speciale blockquote p,.cit-speciale blockquote img,.cit-speciale blockquote picture,.cit-speciale blockquote strong {pointer-events: auto;}/* Evita spazi vuoti strani sotto l'ultimo paragrafo di testo dello Stack */.cit-speciale blockquote p:last-of-type {margin-bottom: 0;}/* Regole comuni per le virgolette giganti sullo sfondo */.cit-speciale blockquote::before, .cit-speciale blockquote::after {position: absolute;display: block;line-height: 0;color: rgba(107, 146, 78, 0.50);/* Il tuo verde esatto al 50% */    font-family: "Arial Black", Gadget, sans-serif;font-size: 280px;}/* Virgoletta iniziale: Spinta fuori di 15px (lascia esattamente 10px dal bordo schermo) */.cit-speciale blockquote::before {content: "\201C";z-index: -1;left: -15px;top: -10px;margin-top: calc(280px / 3);}/* Virgoletta di chiusura: Speculare a destra per simmetria assoluta su Mobile */.cit-speciale blockquote::after {content: "\201D";z-index: -1;text-align: right;right: -15px;bottom: 0px;}/* --------------------------------------------------------------------------   2. RESPONSIVE DESIGN (Invariato: Tornano i tuoi valori per Tablet e PC)   -------------------------------------------------------------------------- *//* TABLET (Schermi da 640px in su) */@media all and (min-width: 640px) {.cit-speciale blockquote {        /* Torna il layout asimmetrico originale che preferisci */        margin: 30px 30px 30px 55px;padding: 35px;}    .cit-speciale blockquote::before,     .cit-speciale blockquote::after {font-size: 300px;}    .cit-speciale blockquote::before {left: -40px;/* Torna il taglio originale a 1/3 */        margin-top: calc(300px / 3);}    .cit-speciale blockquote::after {right: 15px;/* Torna interna a destra */    }}/* COMPUTER (Schermi da 1000px in su) */@media all and (min-width: 1000px) {.cit-speciale blockquote {        /* Torna il layout asimmetrico originale per Desktop */        margin: 40px 40px 40px 65px;padding: 40px;}    .cit-speciale blockquote::before,     .cit-speciale blockquote::after {font-size: 330px;}    .cit-speciale blockquote::before {left: -48px;/* Torna il taglio originale a 1/3 su monitor grandi */        margin-top: calc(330px / 3);}    .cit-speciale blockquote::after {right: 15px;/* Torna interna a destra */    }}/* ==========================================================================   CONTAINER SPECIALE (Classe: div-speciale)   ========================================================================== *//* 1. Struttura base del Container su Mobile */.div-speciale {position: relative;z-index: 1;/* Margini simmetrici per centrare il riquadro */   // margin: 20px 25px;padding: 0px 0px 1.4em 0px;/* ----------------------------------------------------       👉 QUI PUOI CAMBIARE IL COLORE (e lo spessore) DEL BORDO       ---------------------------------------------------- */    border: 1px solid rgba(204, 204, 204, 1.00);border-radius: 0px;overflow: visible;/* Permette di cliccare gli elementi interni (immagini, link, ecc.) */    pointer-events: auto;}/* Regole comuni per le virgolette giganti sullo sfondo */.div-speciale::before, .div-speciale::after {position: absolute;display: block;line-height: 0;/* ----------------------------------------------------       👉 QUI PUOI CAMBIARE IL COLORE DELLE VIRGOLETTE       (il valore finale, es. 0.50, regola la trasparenza)       ---------------------------------------------------- */    color: rgba(107, 146, 78, 0.50);font-family: "Arial Black", Gadget, sans-serif;font-size: 280px;}/* Virgoletta iniziale in alto a sinistra */.div-speciale::before {content: "\201C";z-index: -1;left: -15px;top: -10px;margin-top: calc(280px / 3);}/* Virgoletta di chiusura in basso a destra */.div-speciale::after {content: "\201D";z-index: -1;text-align: right;right: -15px;bottom: 0px;}/* --------------------------------------------------------------------------   2. RESPONSIVE DESIGN (Tablet e PC)   -------------------------------------------------------------------------- *//* TABLET (Schermi da 640px in su) */@media all and (min-width: 640px) {.div-speciale {        margin: 30px 30px 30px 30px;padding: 35px;}    .div-speciale::before,     .div-speciale::after {font-size: 300px;}    .div-speciale::before {left: -40px;margin-top: calc(300px / 3);}    .div-speciale::after {right: 15px;}}/* COMPUTER (Schermi da 1000px in su) */@media all and (min-width: 1000px) {.div-speciale {        margin: 40px 40px 40px 65px;padding: 40px;}    .div-speciale::before,     .div-speciale::after {font-size: 330px;}    .div-speciale::before {left: -48px;margin-top: calc(330px / 3);}    .div-speciale::after {right: 15px;}}