/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.btn-primary {
  color: #fff;
  font-weight:bold;
  background-color: #C4302B;
  border-color: #C4302B;
}
.btn-primary:hover {
  color: #fff;
  background-color: #B72C28;
  border-color: #9D2502;
}

.accordion-button:not(.collapsed) {
  /*color: #0c63e4;*/
  color: #ffffff; /* MODIFICATO */
  font-weight: bold;
  /*background-color: #e7f1ff;*/
  background-color: #C4302B; /* MODIFICATO */
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}








/* =================================================================
   SOLUZIONE DINAMICA: Testata e Menu Fissi, Proporzionali alla Finestra
   ================================================================= */

/* 1. Fissare la Nuova Testata (#top-image-header) in alto */
#top-image-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    /* L'altezza non e piu auto, ma e definita dalla proporzione dell'immagine interna */
    
    /* Opzionale: Garantisce che il contenitore si estenda per tutta la larghezza */
    line-height: 0;
    margin: 0;
    padding: 0;
}

/* 2. Fissare l'Header principale (#header) immediatamente sotto la testata (DINAMICO) */
#header {
    position: fixed !important; 
    
    /* POSIZIONE DINAMICA: 10.93vw e l'altezza proporzionale della testata (164/1500 * 100) */
    top: 10.93vw !important;      
    
    width: 100%;
    z-index: 1010 !important;   
    
    transform: none !important; 
    transition: none !important;
}

/* 3. Spostare il WRAPPER (#wrapper) per compensare lo spazio totale (DINAMICO + FISSO) */
#wrapper {
    /* Altezza Totale Fissa = 10.93vw (Testata Dinamica) + 100px (Menu Fisso) */
    margin-top: calc(10.93vw + 100px) !important; 
    
    /* Rimuoviamo il padding-top aggiuntivo che causava artefatti */
    padding-top: 0 !important; 
}

/* 4. Nascondere la Top Bar (#top-bar) per eliminare la striscia fissa da 35px */
/* Se non e strettamente necessaria, la nascondiamo per pulizia del layout fisso. */
#top-bar {
    display: none !important;
}

/* 5. Neutralizzare elementi residui del tema (sicurezza) */
.header-wrap-clone {
    height: 0 !important; 
    min-height: 0 !important;
}

/* 6. Regole per l'Adattamento delle Immagini di Sfondo */
.parallax {
    background-size: cover !important;
    background-repeat: no-repeat !important;
}







/* Intestazione fissa */
#top-image-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001; /* Leggermente superiore per stare sopra lo sfondo */
    width: 100%;
    line-height: 0;
    margin: 0;
    padding: 0;
}

/* Immagine della testata */
#top-image-header img {
    width: 100%;
    height: auto;
    display: block;
}

/* Area Menu Sincronizzata */
.dark #header-wrap {
	background-color: #000;
    background-image: url('../grafica/background-header.jpg');
    background-repeat: no-repeat;
    
    /* Centra l'immagine orizzontalmente */
    background-position: top center;
    
    /* FORZA lo sfondo a scalare esattamente come l'immagine della testata */
    /* Usiamo 100vw per legare la larghezza dello sfondo alla larghezza del viewport */
    background-size: 100vw auto; 
    
    /* Rimuoviamo eventuali padding o bordi che potrebbero creare micro-scollamenti */
    border: none;
    margin: 0;
	/*height: 11vw;*/
}

/*.dark .menu-link {
	color: #000;
}

.dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item > .menu-link {
	color: #FFF;
}*/


body {
	line-height: 1.5;
	color: #FFF;
	font-family: 'Lato', sans-serif;
	background-color: #000;
}

#content {
	position: relative;
	background-color: #000;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	color: #F98200;
	font-weight: 600;
	line-height: 1.5;
	margin: 0 0 0px 0;
	font-family: 'Poppins', sans-serif;
}


.dark #copyrights,
#copyrights.dark {
	color: #FFF;
	background-color: rgba(0,0,0,0.9);
}




	.dark .primary-menu:not(.not-dark) .sub-menu-container,
	.dark .primary-menu:not(.not-dark) .mega-menu-content {
		background-color: #000;
		border-color: rgba(255,255,255,0.05);
		border-top-color: #F98200;
	}
	
	
.entry-title h2 a,
.entry-title h3 a,
.entry-title h4 a { color: #FFF; }


footer#footer {
    margin-top: 0 !important;
}




/* 1. Stato normale: forza l'arancione su link e tag <u> */
.entry-content a,
.entry-content u {
  color: #ff8c00 !important;
  text-decoration-color: #ff8c00 !important;
}

/* 2. Stato HOVER: quando passi sopra l'area del link/<u>, tutto diventa BIANCO */
.entry-content u:hover,
.entry-content u:hover a,
.entry-content u:hover b,
.entry-content a:hover {
  color: #ffffff !important;
  text-decoration-color: #ffffff !important;
}




/* Ripristina il colore bianco per l'icona e il testo del pulsante Indietro */
.entry-content a.button,
.entry-content a.button i,
.entry-content a.button * {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Stato hover per il pulsante (se desideri mantenere il testo/icona bianchi) */
.entry-content a.button:hover,
.entry-content a.button:hover i,
.entry-content a.button:hover * {
  color: #ffffff !important;
  text-decoration: none !important;
}