@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,300;0,700;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
/* Sovrascrittura radicale */
/*:root {
  --main-font: 'Libre Franklin', sans-serif;
}*/

.main-wrapper {
     padding: 2rem 5rem;
   }

h1  {font-family: 'Playfair Display', serif;  font-weight: 700; display: none;}

h2  {font-family: 'Playfair Display', serif;  font-weight: 700;}

h3  {font-family: 'Playfair Display', serif;  font-weight: 700;}

h4  {font-family: 'Playfair Display', serif;  font-weight: 700; }

h5 {font-weight: 400; color: #2B549F; text-transform: uppercase; }

h6 {font-weight: 400; text-transform: uppercase;}

.views-field-field-sommario {font-family: 'Libre Franklin', sans-serif;display: block; font-size: 0.75rem; line-height: 140%; font-weight: 500; color: #3a3a3a; margin-bottom: 0.64em; margin-top: 0.24em; line-height: 145%;}

.img-destra img {
  float: right !important;
  margin-left: 1.14em;
  height: auto;
  
}

p {font-family: 'Libre Franklin', sans-serif;
}font-weight: 450; color:#666666; }

b,
strong {}

i,
em {}

dfn {}

sup {}

sub {}

del {}

ins {}

blockquote {margin-left: auto; margin-right: auto; padding: 40px 4% 40px 4%; font-size: 100%!important; font-style: italic; line-height: 140%!important;}

:root {
  --color-primary: #2A2A2A;
  --color-hover: rgba(28,28,28,0.7);
  --transition-time: 0.4s;
  --easing-effect: cubic-bezier(0.25, 0.46, 0.45, 0.94);     

}

a {
  color: var(--color-primary);
  text-decoration: none;
  transition: all var(--transition-time) var(--easing-effect);
  display: inline;
}

a:hover,
a:focus {
  color: var(--color-hover);
  opacity: 0.9;
}

/* Gestione accessibilità per focus state */
a:focus {
  outline: 2px solid var(--color-hover);
  outline-offset: 3px;
}

/* Media query per ridurre animazioni */
@media (prefers-reduced-motion: reduce) {
  a {
    transition: none !important;
  }
}

/* Versione alternativa senza linea (solo dissolvenza colore) */
a.animated-only-color:hover {
  color: var(--color-hover);
  opacity: 0.8;
}

a.animated-only-color::after {
  display: none;
}

/* Media query per ridurre animazioni */
@media (prefers-reduced-motion: reduce) {
  a,
  a::after {
    transition: none !important;
  }
}



.primary-menu  {

  left: unset;
  font-size: 0.65em;
  color: #cc0000;
  font-weight: 700;
  line-height: 110%;
  margin: 0 0 0 0;
  text-transform: uppercase;

}

h2 {  line-height: 115%; margin-bottom: 0.24em;}
h3 { line-height: 120%; margin: 0 0 0.24em 0;}
h4 { display: block; margin: 0 0 0.24em 0; padding: 0 0 0 0!important;line-height: 120%; }
h5 {display:inline;font-size: 0.74em; font-family: 'Libre Franklin', sans-serif;font-weight: 800; color: #000000; text-transform: none; font-size: 0.94em; line-height: 95%!important; line-height: 90%!important; }
h6 { display:inline; font-size: 0.74em; text-transform: uppercase; letter-spacing: 2px; margin: 0em 0 1em 0; color: #2B549F; font-weight: 800; }
/*.frontpage_2025 .views-field-field-sommario, .frontpage_2025 .views-field-field-sottotitolo, .frontpage_2025 .views-field-body    {font-family: 'Libre Franklin', sans-serif;display: block; font-size: 0.9em; line-height: 140%; font-weight: 500; color: #3a3a3a; margin-bottom: 0.64em; margin-top: 0.24em; line-height: 145%;}
.frontpage_2025 .views-field-field-correlati ul {clear: both; margin-left: 0; padding: 0 0px 0 0;}
.frontpage_2025 .views-field-field-correlati li {  padding: 0 0px 0 0;
 font-family: 'Libre Franklin', sans-serif;display: block; font-size: 0.9em; line-height: 120%; font-weight: 700; color: #1d1d1d; margin-bottom: 0.24em; margin-top: 0.44em; margin-left: 0;}
.frontpage_2025 .views-field-field-correlati li::before {content: "◼︎"; color: #2B549F; font-size: 0.9em;  display: inline-block; width: 1.14em;}
.frontpage_2025 .views-field-view-node {display: block; font-family: 'Libre Franklin', sans-serif;font-weight: 700; font-size: 0.74em; text-transform: uppercase; margin-top: 2.44em;margin: 0.74em 0 0.74em 0;}
.frontpage_2025 .views-field-field-miniatura {position: relative;}
.frontpage_2025 .views-field-nothing {margin: 0 0 0.74em 0; position: relative;}
.frontpage_2025 td, 	.frontpage_2025 th, 	.frontpage_2025 tr:first-child td, .frontpage_2025 tr:last-child td  {padding-top: 10px; padding-bottom: 20px!important; background: #transparent; border-bottom: 1px solid #dddddd;}
.frontpage_2025 tr:first-child td  {padding-top: 0px;}
.frontpage_2025 tr:last-child td  {padding-bottom: 0px!important;border-bottom: 0px solid #dddddd!important;}

.frontpage_2025 .views-field-field-didascalia-long, 
.frontpage_2025 .views-field-field-didascalia {display: block; font-family: 'Libre Franklin', sans-serif;font-weight: 500; font-size: 0.8em; margin: -0.24em 0 0.94em 0; color: #999999; line-height: 140%;}*/

.block-views-blockfrontpage25-cover-block {
border-bottom: 1px solid #999999 !important;
  padding-bottom: 20px !important;
  }

.custom-attachment-1 {
  display: flex;
  flex-direction: row-reverse; /* Inverte l'ordine naturale */
  justify-content: flex-start; /* Allinea a destra */
  align-items: center;
  gap: 30px;
}

 /*    font-size: 18px;
    --color-primary: #2A2A2A;
    --color-hover: rgba(28,28,28,0.7);
    --transition-time: 0.4s;
    --easing-effect: cubic-bezier(0.25, 0.46, 0.45, 0.94);*/

#block-views-block-frontpage-2025-l1-left .views-field.views-field-field-miniatura {
  width: 28%;
  float: right;
  clear: none;
  position: relative;

  margin-right: -1px;
  margin-bottom: 0px;
  }

  .views.view.frontpage-2025.view.l1-left .views-field.views-field-field-miniatura {
  position: relative;  
  }    
  
.region-header-top-right #toggle-icon {
	height: 30px;
	box-sizing: unset;
}

.region-header-top-left, .region-header-top-right {
	display: flex;
	align-items: center;
}



@media screen and (max-width: 319px){	

#block-healthdesk-x-searchapipagesearchblockform {
  display: none;
  
}


}

@media screen and (max-width: 406px){	
	
	
.region-header-top-left img, .header-top-left img {	
	
	max-width: 120px !important;
    height: auto;
}

.region-header-top-left {
  width: 120px;
}
  #edit-keys {
   max-width: 66px;
    height: 19px;
  }
  
  .region-header-top-right #edit-submit, .region-header-top-right #edit-submit--2, .region-header-top-right #edit-submit--3 {
  background:
0;
  border:
0;
  color: #e2e2e2;
  font-size: 14px;
  text-transform: uppercase;
  padding:
0 0 0 8px;
}


}




/* Stili specifici per header mobile - Solo per dispositivi mobili (max-width: 767px) */
@media screen and (min-width: 407px) and (max-width: 768px)  {
 
  .header-top-container {
	  flex-direction: initial;
  }
  
  /* Logo a sinistra (regione header-top-left) */


					 
					
   
  
.region-header-top-left img, .header-top-left img {
    max-width: 180px !important;
    height: auto;
  }
  
													 
											   
				
				  
						   
						  
						
				 
   

  /* Blocco ricerca */
  #block-formdiricerca {
    width: auto;
    max-width: 150px;
    margin-bottom: 10px;
  }
  
  #block-formdiricerca .form-search {
    width: 100%;
	height: 65%;
	
  }
  
  #block-formdiricerca .form-actions {
    display: inline-block;
  }
  
						 
					 
				
						
					  
   
  
 
						  
						
				 
			  
  
   
  
/* Nascondi la barra del toggle mantenendo il menu espanso */
.sf-accordion-toggle {
  display: none;
}

/* Assicurati che il menu accordion sia sempre visibile ed espanso */
.sf-accordion.sf-expanded {
  display: block !important;
}

/* Se il menu non è visibile per impostazione predefinita, 
   aggiungi questo al tuo CSS personalizzato */
ul.sf-menu.sf-accordion {
  display: block !important;
  visibility: visible !important;
}

/* In caso il menu utilizzi la classe sf-hidden per nasconderlo */
ul.sf-menu.sf-accordion.sf-hidden {
  display: block !important;
  visibility: visible !important;
}

  #superfish-main {
    display: flex !important;
  }
  
  #block-navigazioneprincipale, #block-newsletter, #block-formdiricerca{
	  margin-top: -7%;
  }
  .region-header-top-right .sf-depth-1
  {
	  padding: unset !important;
	  margin: 10px 2px 1px 1px;
  }
}

  /* Applica questo CSS al tuo tema Drupal */
#block-views-block-frontpage-2025-topics-2 .views-view-grid.horizontal {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#block-views-block-frontpage-2025-topics-2 .horizontal-list-row {
  display: grid;
  grid-template-rows: repeat(2, auto); /* Forza 2 righe */
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 10px;
}

#block-views-block-frontpage-2025-topics-2 .horizontal-list.views-col {
  width: auto !important; /* Sovrascrive la larghezza fissa dell'11.111111% */
  text-align: center;
}

/* Assicuriamoci che il testo si adatti bene */
#block-views-block-frontpage-2025-topics-2 .views-field-field-short-title {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Media query per schermi più piccoli */
@media screen and (max-width: 768px) {
#block-views-block-frontpage-2025-topics-2 .horizontal-list-row {
    grid-template-columns: repeat(5, 1fr); /* 5 elementi per riga su tablet */
  }
}

@media screen and (max-width: 480px) {
#block-views-block-frontpage-2025-topics-2  .horizontal-list-row {
    grid-template-columns: repeat(3, 1fr); /* 3 elementi per riga su mobile */
  }
}

/* Layout di base */
.three-column-layout {
  display: grid;
  grid-template-columns: 1fr 1fr 300px; /* Terza colonna fissa a 300px */
  gap: 20px;
  width: 100%;
}

/* Stile per le colonne */
.sidebar-first,
.main-content,
.sidebar-second {
  width: 100%;
}

#block-healthdesk-x-views-block-frontpage-2025-sossn {
	padding: 1rem 0;
	border: 1px solid #ddd;
	margin: 2rem 0;
	}
#block-healthdesk-x-views-block-frontpage-2025-sossn h2{
	font-family: 'Libre Franklin', sans-serif;
  font-weight: 700;
	}



/* Media query per tablet */
@media screen and (max-width: 992px) {
  .three-column-layout {
    grid-template-columns: 1fr 220px; /* Due colonne su tablet */
    grid-template-areas:
      "main sidebar-right"
      "sidebar-left sidebar-right";
  }

  .sidebar-first {
    grid-area: sidebar-left;
  }

  .main-content {
    grid-area: main;
  }

  .sidebar-second {
    grid-area: sidebar-right;
  }
   .menu-wrapper.custom-two-columns, .region-footer-nine, .region-footer-ten {
  display: none; 
}
}

/* Media query per mobile */
@media screen and (max-width: 768px) {
  .three-column-layout {
    flex-direction: column;
    padding: 0 15px;
  }
  
    .footer-columns{
   flex-direction: column;
      }

  .footer-third .views-row, .footer-five-right .views-row {
    display: inline;
  }
    #block-healthdesk-x-views-block-frontpage-2025-cover-news{
    padding: 30px;
  }
  
  /* Aggiungere scroll fluido */
html {
  scroll-behavior: smooth;
}


  /* Struttura dell'header */
  .footer-first, .footer-second, .footer-five, .footer-six, .footer-seven {
          max-width: 100%;
 }
 
 .block-region.region-footer-second {
     margin-left: 0px;
 }
 .block-region.region-footer-second .block img {
     max-width: 96%;
 }

    #superfish-footer {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
    }

 .main-wrapper {
     padding: 0.5rem;
   }
 
 
 }