/* Use this CSS file to override theme CSS rules */
/* fuori da questo file ho fatto altre modifiche */
/* ho qui modificato node.css per dare al content type node le stesse */
/* caratteristiche del mtpost 
/* ricordati che ho modificato print.css (ma non qui) in modo che la pagina documento venga stampata bene */
/* poi i primi giorni, da qualche parte, avevo ridotto le dimensioni di qualche titolo */
/* oggi 16 ott 2016 ho ripristinato tema intonso e inserito solo qui tutte le possibili modifiche */
/* comprese titoli e formattazioni testo */
/* ma print.css non č modificato qui, bensė nella sua propria allocazione */


/* Sistemiamo il logo nei piccoli schermi e riduciamo le distanze in cima alla pagina*/

@media (max-width: 767px) {
  .logo {
    float: none;
    margin-right: 0;
    text-align: center;
    width: 100%;
	margin-bottom: -2em;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.95);
  }
	
	#main-content {
    padding-top: 10px;
}
}	
	
/* Modifica 2023 Drupal 10*/
	
#main-content	{
    padding-top: 0;
}

/* il search in alto */

.dropdown-menu {
  top:80%;
} 

/* Modifica 2023 Drupal 10*/

#block-searchformdropdown .icons-list a{
  padding-top:6px;
	
}


/* titoli troppo grossi */


#block-pagetitle h1, .heading-a {
  font-size:20px;
}

#block-journaleight-content h1, .heading-a {
  font-size:20px;
}



/* i titoli nelle immagini in prima pagina */
/* passano da 20 a 18 px cosė sono 2 righe anzi che 3 */

.content-wrapper .views-field-title a {
    font-size: 18px;
    margin-bottom: 5px;
}


/* distanzio i titoli dal mio breadcrumb */


#block-pagetitle h1 {
  margin-top:1em;
}



/* link in prima pagina vedi anche dopo: views-field-suntomio*/
.sunto-prima a {
  color: #3F3F3F;
}
.sunto-prima a:hover,
.sunto-prima a:focus,
.sunto-prima a:active {
  color: #3F51B5;
  text-decoration: none;
}


/* 
/* E' solo una piccola modifica estetica 
/* per evitare che la linea grigia sia disalinneata e allora la tolgo */

#block-views-block-mt-latest-block-1-2 .more-link,
#block-views-block-mt-latest-block-1 .more-link {
  border-bottom:0;
}



/*ho messo il giustificato*/

body {

  font-family: 'Lato', Helvetica Neue, Arial, Sans-serif;

  text-align: justify;

} 



/*
 * da node.css
 */


.node-type-documento h1#page-title,
.node-type-blog h1#page-title,
.node-type-article h1#page-title {
  display: none;
}

.page-node-type-documento #block-journaleight-page-title {
  display: none;
}


/*
 * correzioni al main navigation menu
 */

#main-navigation ul.menu {
    font-style: italic;
}


/* riparazione malfunzionamento menų che ho preparato per il book*/
/* 2018 ho perso il blocco con questo nome, alla fine ho usato solo la versione semplificata che era la sitemap*/

.menu--guida-pratica-invalidita-ci ul.menu ul li a {
  color:#3F3F3F;
}


.menu--guida-pratica-invalidita-ci ul.menu ul li a:hover,
.menu--guida-pratica-invalidita-ci ul.menu ul li a:focus,
.menu--guida-pratica-invalidita-ci ul.menu ul li a:active {
  color: #FFFFFF;
}

.menu--guida-pratica-invalidita-ci ul.menu a.is-active {
    color: #000;
}
	
.menu--guida-pratica-invalidita-ci ul.menu a.is-active:hover,
.menu--guida-pratica-invalidita-ci ul.menu a.is-active:focus,
.menu--guida-pratica-invalidita-ci ul.menu a.is-active:active {
 color: #FFFFFF;
}



/* metto a posto un malfunzionamento del superfish menu nel mostrare l'indice book nella sitemap*/
/* 2018 perō č successo che a forza di spostare i block essi hanno cambiato nome*/
/*  e quindi ora questa versione semplificata ora la uso sia nella sitemap che come menų del book*/

#block-navigazioneprincipale-2 ul.menu li a {
padding:5px 10px 5px 25px;
line-height:1.2em;
}

#block-navigazioneprincipale-2 ul.menu ul li a {
  color:#3F3F3F;
}

#block-navigazioneprincipale-2 ul.menu ul li a:hover,
#block-navigazioneprincipale-2 ul.menu ul li a:focus {
  color: #FFFFFF;
}


#block-navigazioneprincipale-2 ul.menu a.is-active {
  color:#000000;
  font-style:italic;
  font-weight:bold;
  background-color: transparent;
}


#block-navigazioneprincipale-2 ul.menu a.is-active:hover,
#block-navigazioneprincipale-2 ul.menu a.is-active:focus {
  color:#000000;
  font-style:italic;
  font-weight:bold;
  text-decoration: none;
  background-color: transparent;
}

#block-navigazioneprincipale-3 ul.menu li a {
padding:5px 10px 5px 25px;
line-height:1.2em;
}

#block-navigazioneprincipale-3 ul.menu ul li a {
  color:#3F3F3F;
}

#block-navigazioneprincipale-3 ul.menu ul li a:hover,
#block-navigazioneprincipale-3 ul.menu ul li a:focus {
  color: #FFFFFF;
}
	
/*
 * ora seguono modifiche tranquille
 */

 
 /*
 * sempre il menų di navigazione a destra del book e nell sitemap
 */
 
#block-navigazioneprincipale-2-menu {
margin-bottom:10px;
}

#block-navigazioneprincipale-3-menu {
margin-bottom:10px;
}
 
/*
 * box con sfondo azzurrro come Corriere e pių chiaro di Repubblica
 */

/* esempio #block-importielimitidireddito2017 {
 *  background-color: #eff4f7;
 *}
  */

 /* mettiamo a posto sintesi e  massima   */
 
.field--name-field-titolo-o-sintesi p {
  padding:0 0 5px;
}
 
 .field--name-field-massima {
  font-style:italic;
}
 

 
/* Sidebar destra togliamo spazi eccessivi */

#block-views-block-fonti-del-documento-block-1-2 {
  padding:0 0 5px;
}

.views-field-datamia {
  font-size:12px; 
  margin-bottom:0;
}


.views-field-tipomio {
  font-size:14px;
  margin-top:0;  
  margin-bottom:0px;
}


.views-field-tipomio a {
  color: #3F3F3F;
  font-weight:bold;
  font-style:italic;
}


.views-field-suntomio {
  color:#3F3F3F;
  font-size:14px;
  line-height:1.55;
}


.views-field-suntomio a {
  color: #3F3F3F;
}
.views-field-suntomio a:hover,
.views-field-suntomio a:focus,
.views-field-suntomio a:active {
  color: #3F51B5;
  text-decoration: none;
}




/* metto a posto la pagina dei risultati di ricerca */
/* influisce anche sul collapse text */

.js-form-wrapper {
  text-align:justify;
}


/* cambio il titolo dei block */


.page .block h2.block__title {
    font-size: 18px;
    font-weight: 600;
    text-align: left;
}

/* sistemiamo il block sunto giornalistico che appare nel node */

.sunto-nel-node {
    font-style: italic;
	font-weight: bold;
}


/* sistemiamo il block related content */

.view-related-content,
.view-related-content h3{
    font-size: 14px;
}


.views-field-field-titolo-o-sintesi a {
  color: #3F3F3F;
}
.views-field-field-titolo-o-sintesi a:hover,
.views-field-field-titolo-o-sintesi a:focus,
.views-field-field-titolo-o-sintesi a:active {
  color: #3F51B5;
  text-decoration: none;
}



.page .block h2.block__title {
    font-size: 18px;
    font-weight: 600;
    text-align: left;
}



/* mappa di google responsive */


.map-responsivemio{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsivemio iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


/* Datetime nel book */
.field--name-field-autore,
.field--name-field-date-revisioni {   
    font-size: 13px;
    font-style: italic;
	}
	
/* Datetime nel commento */
.autore-e-data {   
    font-size: 13px;
    font-style: italic;
	}	
	
	
/*pagina chi*/
	
img.imgchi {   
    margin-right: 5px;
	}	
	
/* il mio breadrcumb */
.elementi-breadcrumb {   
    display: inline;
	}	
		
.elementi-breadcrumb:after {
  content: '>';
  padding: 0 5px;
}

.elementi-breadcrumb:last-child:after {
  content: '';
}

.view-breadcrumb-mio {   
	text-align: left;
	}
	
.block-views-blockbreadcrumb-mio-block-1,
.block-views-blockbreadcrumb-mio-block-2,
.block-views-blockbreadcrumb-mio-block-3,
.block-views-blockbreadcrumb-mio-block-4,
.block-views-blockbreadcrumb-mio-block-5,
.block-views-blockbreadcrumb-mio-block-6 {
  padding:0;
}

/* Sistemiamo le immagini nei post */

@media (min-width: 768px) {
.block-views-blockcommento-mio-al-documento-block-1 img{
  float: left;
  padding-right: 20px;
  padding-top: 5px;  
}
}

/* Separatore fra commento e documento */

#block-views-block-separatore-prima-di-documento-block-1 {
    padding: 2em 0 0 0;
}

#block-views-block-separatore-prima-di-documento-block-1 h2 {
  background-color: #3f51b51c;
  text-align:center;
  padding-top: 0.5em;
}

#block-views-block-separatore-prima-di-documento-block-1 h2::after {
  border-top-color: #eaecf7;
}

/* coloriamo il titolo Fonti */

#block-views-block-fonti-del-documento-block-1-2 h2 {
  background-color: #3f51b51c;
  text-align:center;
  padding-top: 0.5em;
}

#block-views-block-fonti-del-documento-block-1-2 h2::after {
  border-top-color: #eaecf7;
}

/* coloriamo il titolo Sullo stesso argomento */

#block-views-block-related-content-block-1-2 h2 {
  background-color: #3f51b51c;
  text-align:center;
  padding-top: 0.5em;
}

#block-views-block-related-content-block-1-2 h2::after {
  border-top-color: #eaecf7;
}

/* Arrotondiamo le immagini */

/* Arrotonda il contenitore globale e taglia automaticamente gli spigoli di immagini, effetti hover e didascalie */
.views-field-field-image .overlayed {
    border-radius: 8px;
    overflow: hidden; 
}

/* Arrotonda le immagini grandi dello slider principale */
.slider-revolution img {
    border-radius: 8px !important;
}


/*
Soluzione globale "tutto in uno"
Se vuoi che tutte le immagini generate da Drupal (escluse magari l'icona del tuo profilo e il logo in alto) abbiano i bordi arrotondati in modo uniforme con una sola regola, puoi puntare direttamente alle classi degli "stili immagine" (image styles) che hai configurato:

Arrotonda tutte le miniature, le immagini medie e quelle dello slider
img.image-style-mt-thumbnails,
img.image-style-medium,
img.image-style-mt-slideshow,
.views-field-field-image .overlay {
    border-radius: 8px;
}
*/

/* =========================================
   DARK MODE STYLES
   ========================================= */

/* Colori base di sfondo e testo */
body.dark-theme {
  background-color: #121212;
  color: #e0e0e0;
}

/* Sfondo dell'intestazione e del footer (aggiusta le classi in base a quelle che usi) */
body.dark-theme #header,
body.dark-theme #footer,
body.dark-theme #main-content {
  background-color: #1a1a1a;
  color: #e0e0e0;
}

/* Colore dei link in dark mode */
body.dark-theme a {
  color: #66b2ff; /* Un azzurro pių chiaro per contrastare il nero */
}

/* Colore dei testi principali dentro le view e i nodi */
body.dark-theme .node__content,
body.dark-theme .views-field-suntomio {
  color: #cccccc;
}

/* Didascalie delle immagini o blocchi scuri */
body.dark-theme .overlayed .image-caption {
  background-color: #000000;
  color: #ffffff;
}