.bold_orange {border-bottom: 1px solid #F9C461;border-top: 1px solid #F9C461;padding: 1px;margin-right: 3px;
        color: #666666;background: #FBDFAB;font-weight: bold;}
.bold_grey {border-bottom: 1px solid #cccccc;border-top: 1px solid #cccccc;padding: 1px;color: #666666;
	margin-right: 3px;background: #F7F7F7;font-weight: bold;}
/* Note Style */
.stickynote {padding: 10px 20px 10px 20px;border: 1px solid #CACACC;background: none repeat scroll 0 0 #FFFFFF;}
.sticky {
    padding: 10px 10px 10px 10px;
    background: none repeat scroll 0 0 #FFFFFF;
}
.material img {margin: 3px; border: 2px solid #cccccc}

.thumbnail , .thumb {
	margin:6px;
	border:2px solid #cccccc;
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
	box-shadow: 6px 5px 15px -5px rgba(0,0,0,0.61);
}

.nocciola {
  text-align: center;
  color: #AD7441 !important;
  font-size: calc(1.325rem + 0.9vw) !important; /* Stessa dimensione fluida degli H2 */
  line-height: 1.4em;                           /* O 1.2 se lo preferisci più compatto */
}

/* Assicura che l'ancora/link eredi il colore e non prenda quello di default del template */
.nocciola a {
  color: inherit !important;
  text-decoration: none;          /* Opzionale: rimuove la sottolineatura se presente */
}

/* Make sure that the top navigation never overlaps content when an anchor is clicked */
body,
html {
    scroll-padding-top: 58px;
    /* adjust the pixel amount here for your top navigation bar height */
    overflow: initial !important;
}
.custom-vertical-spacing {
    margin-top: 1.25rem;
    /* ~20px se il font-size base è 16px */
    margin-bottom: 1.25rem;
}

.sige_masonry .sige_thumb_masonry img {
    height: inherit;
}

/* --- Struttura Base e Responsive --- */
.divider-limited {
  display: flex;          /* Allinea linea-cerchio-linea orizzontalmente */
  align-items: center;    /* Allinea perfettamente i centri di linee e cerchio */
  width: 90%;            /* Su schermi piccoli, occupa quasi tutta la larghezza */
  max-width: 400px;       /* Su schermi grandi, si ferma a questa dimensione */
  margin: 70px auto;      /* 70px spazio verticale (Large), auto per centrare il blocco */
}

/* --- Variante Margine Ridotto --- */
.divider-limited.small {
  margin: 40px auto;      /* Sovrascrive lo spazio verticale se aggiungi la classe 'small' */
}

/* --- Linee Laterali --- */
.divider-limited .line {
  flex: 1;                /* Forza la linea a riempire tutto lo spazio disponibile */
  height: 1px;            /* Spessore della linea */
  background-color: #e5e5e5; /* Colore grigio chiaro simile a UIkit */
}

/* --- Cerchio Centrale --- */
.divider-limited .circle {
  width: 14px;            /* Larghezza fissa */
  height: 14px;           /* Altezza fissa */
  border: 1px solid #999; /* Bordo del cerchio */
  border-radius: 50%;     /* Lo rende perfettamente circolare */
  margin: 0 15px;         /* "Gap" (spazio vuoto) tra la linea e il cerchio */
  flex-shrink: 0;         /* Impedisce al cerchio di schiacciarsi su schermi stretti */
  background-color: transparent; /* Permette di vedere lo sfondo (utile per gradienti) */
}

/* --- Elimina freccetta menu --- */
li.current a span.nav-title::after {
  display: none !important;
}