/* Cy Style */

/*BEGIN RIDEFINIZIONI GLOBALI 

html {
		font-size: 95%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
}*/


/* riduce globalmente la radice su tutti i dispositivi */
html { font-size: 15px; } /* 1rem = 15px */

/* mantiene scala responsive simile a Bootstrap Italia */
@media (min-width: 576px) {
  html { font-size: 17px; } /* 1rem = 17px su desktop/tablet */
}

.it-header-sticky.is-sticky .nav-item button.nav-link, 
.nav-link {
	font-size:1rem;
	}

body.user-anonymous .it-header-slim-wrapper {
	display:none;
}

code {
	background-color: #f5f5f5;
}

/*END RIDEFINIZIONI GLOBALI */

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm  {
	width: 92%;
}

.it-header-center-wrapper .it-header-center-content-wrapper {
  padding-left: 0px;}

#it-topnotizie,
#it-articoliinevidenza {
	width: 90%;
	margin-right:auto;
	margin-left:auto;
	}

#it-articoliinevidenza header {
	
}

#it-topnotizie header h2,
#it-topnotizie footer h2,
#it-articoliinevidenza header h2,
#it-articoliinevidenza footer h2 {
	text-transform: uppercase;
	font-size: 1.8rem;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
	color: #3c60a6;
	}
	
#it-topnotizie header p,
#it-topnotizie footer p
#it-articoliinevidenza header p,
#it-articoliinevidenza footer p,
#it-before-velox p {
	font-size: 1rem;
	color: #5f6a7e;
	cursor: help;
}

#it-topnotizie header p.info::before,
#it-topnotizie footer p.info::before
#it-articoliinevidenza header p.info::before,
#it-articoliinevidenza footer p.info::before,
#it-before-velox p.info::before {
	content: "\f05a";
	font-size: 0.9em;
	display: inline-block;
	font-family: "FontAwesome";
	font-weight: 100;
	font-style: normal;
	line-height: 1;
	margin-right: 0.4rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#757575;
}

#articolipercategorie:target,
#it-protezionecivile-news:target,
#it-multevelox dd:target,
#it-novita-scadenze:target,
#it-inprimopiano:target,
#it-servizidigitali:target,
#it-webcam:target {
  outline: 4px solid #ff0;
}

.articoliInEvidenza .news-date {
	font-size: 3rem;
	right: 2rem;
	display: block;
}

.articoliInEvidenza .cal-main {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	background: #1a3f6a;
}

#it-page-front .row > [class*=" home-"] {  
	padding-left:0px;
	padding-right:0px;
	}
	
#it-page-front .row > [class*=" home-"] {  
	padding-left:0px;
	padding-right:0px;
	}

/* Blocco di ricerca della Amministrazione Trasparente */

.view-uffici form,
.view-ricerca {
	background-color: #e4f3f9;
	padding: 1rem;
}

.view-motori-ricerca form {
	background-color: #e4f3f9;
	padding: 1rem;
}

.view-uffici form {
	padding-top: 3rem;
	margin-top: 1rem;
}

.view-modulistica {
	background-color: #e4f3f9;
	padding: 1rem;
}
	
.home-first-row {width: 90%;}

.home-first-row a:hover {
	background-color: #fffbf0;
	text-decoration: none;
}

/* TMP DEBUG */

.box {background-color: #CCC}

/* RIDEFINIZIONE MENU' ORIZZONTALI */


/* RIDEFINIZIONE DEL MENU' LATERALE SINISTRO */

/* Stili per il menù laterale a partire dal tag nav */
.menuSx {
    background-color: #fdfdfd; /* Colore ghiaccio di sfondo del menù */
    border-right: 1px solid #dee2e6; /* Bordo destro */
	border-left: 1px solid #dee2e6; /* Bordo destro */
}

/* Stili per il menù */
.sidebar-wrapper {
    padding: 0px;
}

/* Stili per il titolo del menù */
.sidebar-wrapper h3 {
    font-size: 1.5rem; /* Dimensione del font per il titolo */
    margin-bottom: 1.5rem; /* Margine inferiore */
    color: #0f4b86; /* Colore dell'intestazione */
}

/* Stili per la lista del menù */
.menu {
    list-style: none; /* Rimuove i punti elenco */
    padding-left: 0; /* Rimuove il padding */
    margin: 0; /* Rimuove il margine */
}

/* Stili per gli elementi del menù (primo livello) */
.menu__item {
    
}

/* Stili per i link del primo livello */
.menu__item--level-1 > .menu__link {
    display: block; /* Rende l'intero elemento cliccabile */
    padding: 1.5rem; /* Maggiore padding per il primo livello */
    text-decoration: none; /* Rimuove la sottolineatura */
    color: #ffffff; /* Colore del testo per il primo livello */
    background-color: #0f4b86; /* Colore di sfondo per il primo livello */
    font-size: 1.4rem; /* Dimensione del font per il primo livello */
    transition: background-color 0.3s; /* Transizione per il colore di sfondo */
    border-top-left-radius: 0.5rem; /* Angoli arrotondati */
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0rem;
    border-bottom-left-radius: 0rem;
}

/* Effetto hover sui link del primo livello */
.menu__item--level-1 > .menu__link:hover {
    background-color: #0d3a6b; /* Colore di sfondo al passaggio del mouse */
}

/* Stili per i link del secondo livello */
.menu__item--level-2 > .menu__link {
    display: block; /* Rende l'intero elemento cliccabile */
    padding: 1rem; /* Padding per il secondo livello */
    text-decoration: none; /* Rimuove la sottolineatura */
    color: #0088d5; /* Colore del testo per il secondo livello */
    font-size: 1.2rem; /* Dimensione del font per il secondo livello */
    border-bottom: 1px solid #dee2e6; /* Bordo inferiore per separare le voci */
}

.menu__item--level-2 > .menu__link::before {
  content: '\f054';
  font-size: 1.1rem;
  margin-right: 0.8rem;
  font-family: "FontAwesome";
}

.menu__item--level-2 > .menu__link--has-children::before {
  content: '\f078';
  font-size: 1.1rem;
  margin-right: 0.5rem;
  margin-left: -0.3rem;
  font-family: "FontAwesome";
}

.menu__item--level-2 > .menu__link.modulistica::before {
  content: '\f56d';
  font-size: 1.1rem;
  margin-right: 0.7rem;
  font-family: "FontAwesome";
}

.menu__item--level-2 > .menu__link.normativa::before {
  content: '\f0e3';
  margin-right: 0.5rem;
  font-family: "FontAwesome";
}

.menu__item--level-2 > .menu__link.notizie::before {
  content: '\f1ea';
  margin-right: 0.5rem;
  font-family: "FontAwesome";
}

.menu__item--level-2 > .menu__link.accessoatti::before {
  content: '\f502';
  font-size: 1.1rem;
  margin-right: 0.5rem;
  font-family: "FontAwesome";
}

.menu__item--level-2 > .menu__link.colli::before {
  content: '\f6fc';
  font-size: 1.1rem;
  margin-right: 0.7rem;
  font-family: "FontAwesome";
}

.menu__item--level-2 > .menu__link.infotraffico::before {
  content: '\f018';
  font-size: 1.1rem;
  margin-right: 0.7rem;
  font-family: "FontAwesome";
}

.menu__item--level-2 > .menu__link.info::before {
  content: '\f059';
  font-size: 1.1rem;
  margin-right: 0.5rem;
  font-family: "FontAwesome";
}

.menu__item--level-2 .rimossa {
  background-color: #ededed;
}

/* Stili per i link del terzo livello */
.menu__item--level-3 > .menu__link {
    display: block; /* Rende l'intero elemento cliccabile */
    padding: 0.8rem 0 0.8rem 1rem; /* Padding per il terzo livello con indentazione */
    text-decoration: none; /* Rimuove la sottolineatura */
    color: #495057; /* Colore del testo per il terzo livello */
    font-size: 1.1rem; /* Dimensione del font per il terzo livello */
    text-transform: uppercase; /* Imposta il testo in maiuscoletto */
}

/* Aggiunta di un'icona per i sottomenu a sinistra */

.menu__item--level-3 > .menu__link:before 
{
    content: '-'; /* Icona indicativa per i sottomenu */    
    margin-right: 8px; /* Spaziatura tra l'icona e il testo */    
    font-size: 01em; /* Dimensione dell'icona */
}

.menu__link--has-children > .menu__item--level-3 > .menu__link:before 
{    
    content: '▼'; /* Icona indicativa per i sottomenu */    
    margin-right: 0.7rem; /* Spaziatura tra l'icona e il testo */    
    font-size: 01em; /* Dimensione dell'icona */
	margin-left: -0.2rem;
}

/* Stili per i link del quarto livello */
.menu__item--level-4 > .menu__link {
    display: block; /* Rende l'intero elemento cliccabile */
    padding: 0.6rem 0.8rem 0.6rem 1.8rem; /* Padding per il quarto livello con indentazione */
    text-decoration: none; /* Rimuove la sottolineatura */
    color: #0a597b; /* Colore del testo per il quarto livello */
    font-size: 1.1rem; /* Dimensione del font per il quarto livello */
    font-style: italic;
}

/* Stili per i link del quarto livello */
.menu__item--level-5 > .menu__link {
    display: block; /* Rende l'intero elemento cliccabile */
    padding: 0.6rem 0.9rem 0.6rem 2.6rem; /* Padding per il quarto livello con indentazione */
    text-decoration: none; /* Rimuove la sottolineatura */
    color: #007aaf; /* Colore del testo per il quarto livello */
    font-size: 1rem; /* Dimensione del font per il quarto livello */
}

.menu__item--level-5 > .menu__link::before {
  content: '>';
  margin-right: 8px;
  font-size: 01em;
}

/* Effetto hover sui link */

.menu__item--level-2 > .menu__link:hover,
.menu__item--level-3 > .menu__link:hover ,
.menu__item--level-4 > .menu__link:hover ,
.menu__item--level-5 > .menu__link:hover {
	background-color: #005f9e;  color: #ffffff;
	}
	
.menu__item .is-active {
	background-color: #005f9e;
	color: #ffffff;
	border-left-color: #e6b90a;
    border-left-style: solid;
    border-left-width: 4px;
	}


/*END */

/* RIDEFINIZIONE COLORI HEADER E TEMA */

.btn {
	background-color: #388cb1;
	color: #FFFFFF;
}

.it-header-slim-wrapper {
  background-color: #ffffff;
}

.it-header-center-wrapper {
  height: auto !important;
  position: relative;
  background: linear-gradient(180deg,#1788b7 0%, #21538f 100%);
  background-color: #1b4f63; /*BLU*/
  overflow: hidden;
  color: #fff;
}

.it-header-wrapper .it-nav-wrapper .it-header-navbar-wrapper {
	/* border-top: 1px solid #203f4b;*/
}

.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .icon {
  padding: 4px;
}

.navbar, 
.navbar .navbar-collapsable .menu-wrapper, 
.it-header-navbar-wrapper, 
.it-footer-small-prints {
	background-color: #193a62;
}



.btn-primary.dropdown-toggle.show {
    background-color: #0053a5;
    color: #fff;
    border-color: #004d99;
}

.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper .it-brand-text {
	margin-top: 15px;
	margin-left: -24px;
}

.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .it-brand-title {
    text-transform: uppercase;
    font-size: 3.05rem !important; 
	text-shadow: 0 2px 2px #0d4369; /*ombra dietro il titolo PROVINCIA DI CUNEO */
}

.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .it-brand-tagline {
    font-size: 0.9rem;
    margin-bottom: 1rem;
    color: #fffae6;
	margin-top: -5px;
	margin-left: 2px;
}

.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper img {
	filter: drop-shadow(0 0 12px #2a3849);
}


.it-header-slim-wrapper .it-header-slim-wrapper-content .field--type-text-with-summary a {
	color: #314257;
}

.it-header-slim-wrapper .it-header-slim-wrapper-content .link-list a  {
	
}

#headerSlimMenu a {
	color: #314257;
	/*background-color: #e9e9e9;*/
}

/* COLORI MENU ORIZZ */

a.servizi-digitali:hover,
button.servizi-digitali:hover {
    background-color: #286a92!important;
    border-bottom: 3px solid #ffffff!important;
}

.navbar-secondary .servizi-digitali .dropdown-menu :is(a:hover, a:focus),
.navbar-secondary .servizi-digitali .dropdown-menu .link-list-wrapper  ul.link-list li :is(a:hover, a:focus) span{
	color: #286a92;
	text-decoration: underline !important;
}

a.trasparenza-amministrativa:hover,
button.trasparenza-amministrativa:hover/*,
.menu-wrapper nav a[href*="trasparenza-amministrativa"].active,
.menu-wrapper nav a[href*="trasparenza-amministrativa"]:hover*/ {
    background-color: #0d739c!important;
    border-bottom: 3px solid #ffffff!important;
}

.navbar-secondary .trasparenza-amministrativa .dropdown-menu :is(a:hover, a:focus),
.navbar-secondary .trasparenza-amministrativa .dropdown-menu .link-list-wrapper  ul.link-list li :is(a:hover, a:focus) span{
	color: #0d739c;
	text-decoration: underline !important;
}

/* Ammministrazione */

button.amministrazione:hover {
    background-color: #283a81!important;
    border-bottom: 3px solid #ffffff!important;
}
.navbar .amministrazione .dropdown-menu :is(a:hover, a:focus),
.navbar .amministrazione .dropdown-menu .link-list-wrapper  ul.link-list li :is(a:hover, a:focus) span{
	color: #283a81;
	text-decoration: underline !important;
}


/* Ambiente e territorio */

button.ambiente-territorio:hover/*,
.menu-wrapper nav a[href*="ambiente-e-territorio"].active,
.menu-wrapper nav a[href*="ambiente-e-territorio"]:hover*/ {
    background-color: #28816d!important;
    border-bottom: 3px solid #ffffff!important;
}
.navbar .ambiente-territorio .dropdown-menu :is(a:hover, a:focus),
.navbar .ambiente-territorio .dropdown-menu .link-list-wrapper  ul.link-list li :is(a:hover, a:focus) span{
	color: #28816d;
	text-decoration: underline !important;
}

/* Persona */ 

button.persona:hover/*,
.menu-wrapper nav a[href*="persona"].active,
.menu-wrapper nav a[href*="persona"]:hover*/ {
    background-color: #7E4478!important;
    border-bottom: 3px solid #ffffff!important;
}

.navbar .persona .dropdown-menu :is(a:hover, a:focus),
.navbar .persona .dropdown-menu .link-list-wrapper  ul.link-list li :is(a:hover, a:focus) span{
	color: #7E4478;
	text-decoration: underline !important;
}

/* Turismo */

button.turismo:hover/*,
.menu-wrapper nav a[href*="programmazione-europea-e-turismo"].active,
.menu-wrapper nav a[href*="programmazione-europea-e-turismo"]:hover*/ {
    background-color: #896b00!important;
    border-bottom: 3px solid #ffffff!important;
}

.navbar .turismo .dropdown-menu :is(a:hover, a:focus),
.navbar .turismo .dropdown-menu .link-list-wrapper  ul.link-list li :is(a:hover, a:focus) span{
	color: #896b00;
	text-decoration: underline !important;
}

/* Servizi Interni */

button.servizi-interni:hover/*,
.menu-wrapper nav a[href*="servizi-interni"].active,
.menu-wrapper nav a[href*="servizi-interni"]:hover*/ {
    background-color: #298202!important;
    border-bottom: 3px solid #ffffff!important;
}

.navbar .servizi-interni .dropdown-menu :is(a:hover, a:focus),
.navbar .servizi-interni .dropdown-menu .link-list-wrapper  ul.link-list li :is(a:hover, a:focus) span{
	color: #298202;
	text-decoration: underline !important;
}

/* TRASPORTI VIABILITA'... */

button.trasporti-viabilita-edilizia:hover/*,
.menu-wrapper nav a[href*="trasporti-viabilita-edilizia"].active,
.menu-wrapper nav a[href*="trasporti-viabilita-edilizia"]:hover*/{
    background-color: #3E3838!important;
    border-bottom: 3px solid #ffffff!important;
}

.navbar .trasporti-viabilita-edilizia .dropdown-menu :is(a:hover, a:focus),
.navbar .trasporti-viabilita-edilizia .dropdown-menu .link-list-wrapper  ul.link-list li :is(a:hover, a:focus) span{
	color: #3E3838;
	text-decoration: underline !important;
}

/* PROTEZIONE CIVILE */

button.protezionecivile:hover {
    background-color: #ba5618!important;
    border-bottom: 3px solid #ffffff!important;
}
.navbar .protezionecivile .dropdown-menu :is(a:hover, a:focus),
.navbar .protezionecivile .dropdown-menu .link-list-wrapper  ul.link-list li :is(a:hover, a:focus) span{
	color: #ba5618;
	text-decoration: underline !important;
}

/* DEFINIZIONE LARGHEZZE PAGINA E COLONNE MENù */

.ds-3col-stacked-fluid.group-one-sidebar > .group-middle {
	width: 68%;
}

.locus-admin .ds-3col-stacked-fluid > .group-right {
	width: 25%; /*nell'interfaccia di admin lascio largezza di default*/
}

.ds-3col-stacked-fluid > .group-left {
	/*width: 32%; valore di default */
}

.ds-3col-stacked-fluid > .group-right {
	width: 32%;
}

.group-middle, .group-right {
	/*margin-top: 1.5rem;*/
}

/* FORMATTAZIONI CORPO PAGINA */

.group-middle {
    font-size: 1.1rem;
    line-height: 2.2rem;
    text-align: justify;
	margin-top: 1.5rem;
}

.group-middle #it-corpopagina p:target,
.group-middle #it-corpopagina h2:target,
.group-middle #it-corpopagina h3:target {
  outline: 4px solid #ff0;
}

.group-middle #it-corpopagina,
.group-middle #it-corpopagina p {
	line-height: 2.5rem;
}
.group-middle #it-corpopagina ul,
.group-middle #it-corpopagina ol {
    overflow: hidden;
    padding-left: 3rem;
}

.group-middle li {
    line-height: 2.5rem;
}

.group-middle #it-corpopagina h4 {
	margin-top: 2.2rem;
	margin-bottom: 1.6rem;
}

.group-middle #it-corpopagina h4:first-of-type { margin-top: 0; }


@media (min-width: 576px) {
	.group-middle h2 {
		font-size: 2.2rem;
	}
}

.group-middle #it-corpopagina h2:first-of-type { margin-top: 0; }

.group-middle #it-corpopagina h2 { color: #0f264d; } /* molto scuro */
.group-middle #it-corpopagina h3 { color: #103967; }
.group-middle #it-corpopagina h4 { color: #1a4885; }
.group-middle #it-corpopagina h5 { color: #175cb4; }
.group-middle #it-corpopagina h6 { color: #2163c9; } /* accessibile su bianco */

.group-middle #it-corpopagina h2,
.group-middle #it-corpopagina h3 {
	margin-top:1.5rem;
	margin-bottom:1rem;
}

/* Formattazione del blocco "Avviso" */
blockquote.avviso,
#it-avviso, #edit-field-avviso-0--description {
  background-color: #f5f5f0;
    border: 1px solid #ccc;
    padding: 1rem;
    margin-left: auto;
    margin-bottom: 1rem;
    border-radius: 0.6rem; /* Bordi arrotondati */
}

.immagineNascondi img {
	display:none;
}

#it-avviso {
	margin-top: 1rem;
}

#it-avviso p {
    font-size: 1rem;
}

a.su {
	text-align:right;
	font-size:0.9rem;
	
	text-decoration:none;
}

a.su:after {
	clear:both;
}
a.su:before {
  content: '\f139';
  font-size: 1.1rem;
  margin-right: 0.5rem;
  font-family: "FontAwesome";
}

span.evidenziatoreGiallo, span.evidenziatoreArancione, span.evidenziatoreFuxia, span.evidenziatoreVerde {
	padding-top: 0.1rem;
	padding-right: 0.4rem;
	padding-bottom: 0.2rem;
	padding-left: 0.4rem;
	border-radius: 0.4rem;
}

p.evidenziatoreGiallo, p.evidenziatoreArancione, p.evidenziatoreFuxia, p.evidenziatoreVerde {
	display: inline;
	padding-top: 0.2rem;
	padding-right: 0.6rem;
	padding-bottom: 0.2rem;
	padding-left: 0.6rem;
	border-radius: 0.4rem;
}

span.evidenziatoreGiallo,
p.evidenziatoreGiallo {
	background-color: #ffd7008c;
  }

span.evidenziatoreArancione,
p.evidenziatoreArancione {
	background-color: #ffa802b5;
}

span.evidenziatoreFuxia,
p.evidenziatoreFuxia {
	background-color: #f088ffb5;
}

span.evidenziatoreVerde,
p.evidenziatoreVerde {
	background-color: #bcff02b5;
}

/* Formattazione dell'etichetta "Avviso" */
.field--name-field-avviso > div:first-child {
  font-weight: bold;
  margin-right: 40px; /* Spazio per l'icona */
}

/* Icona accanto all'etichetta "Avviso" */
.field--name-field-avviso > div:first-child::before {
  content: "\26A0"; /* Simbolo di avviso */
  font-size: 1.2rem;
  margin-right: 0.5rem;
}

/* Stili comuni a tutti i callout */
[id^="it-nb-"] {
  position: relative;
  padding: 1rem 1rem;
  border-radius: 0.375rem;
  background-clip: padding-box;
  box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.03);
  line-height: 1.4;
  padding-left: 1rem; /* spazio ridotto: nessuna icona */
}

/* bordo a sinistra marcato */
[id^="it-nb-"] {
  border-left: 0.375rem solid transparent;
}

/* NB TOP - lasciato invariato (nessuna icona) */
#it-nb-top, blockquote.info {
  background-color: #e8f4ff; /* azzurro molto chiaro */
  border-left-color: #0d6efd; /* blu bootstrap */
  color: #0b5ed7;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

/* Variante 1 - NB BOTTOM: stile "soft card" con sfumatura e contrasto leggero */
#it-nb-bottom {
  background: linear-gradient(180deg, #f7fff7 0%, #f0fff0 100%);
  border-left-color: #198754;
  color: #145c32;
  box-shadow: 0 0.25rem 0.5rem rgba(25,135,84,0.06);
  border: 1px solid rgba(25,135,84,0.06);
  margin-top: 1.5rem;
}

/* bd-callout - warning style per #it-informazioni */
#it-informazioni {
  background-color: #fff3cd;        /* sfondo warning chiaro */
  border-left: 0.25rem solid #ffc107; /* bordo sinistro color warning */
  color: #856404;                   /* testo scuro/contrastato */
  padding: 2rem;
  margin: 1rem 0;
  box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.03);
  margin-top: 1.5rem;
}

/* Titolo (se presente) */
#it-informazioni h4 {
  margin: 0 0 0.25rem 0;
  color: #664d03;
  font-weight: 600;
}

/* Testo secondario/muted */
#it-informazioni p {
  margin: 0;
  color: #856404;
  opacity: 0.95;
  line-height: 2.2rem;
  }
  
 em.art {
  color: #4d5462;
  border-bottom: 2px dotted #83775291;
  }
  
 /* E-mail Card-like container */
blockquote.emailto {
  background: #ffffff;                  /* card background */
  border: 1px solid #dee2e6;           /* subtle bootstrap border */
  border-radius: .25rem;               /* card radius */
  padding: 1rem 1.25rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.03); /* subtle shadow */
  color: inherit;                      /* keep text sizing/colors from page */
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

/* Strong as card header (visual only) */
blockquote.emailto > p:first-of-type > strong {
  display: block;
  background: #f8f9fa;                 /* light gray header */
  border-bottom: 1px solid #e9ecef;    /* separator like bootstrap card-header */
  padding: .5rem .75rem;
  margin: -1rem -1.25rem 0;            /* align header to card edges */
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}

blockquote.emailto > p:first-of-type > strong::before {
  content: '\f0e0';
  font-size: 1.1rem;
  margin-right: 0.5rem;
  font-family: "FontAwesome";
}

/* Keep list/background consistent inside card */
blockquote.emailto ul {
  background: transparent;
  margin: .5rem 0 0 1.15rem;
  padding: 0;
}

/* Nested phone list: no extra visual change except indentation */
blockquote.emailto ul ul {
  margin-top: .25rem;
  margin-left: .75rem;
}

/* Links styled like bootstrap link color */
blockquote.emailto a {
  color: #0d6efd;
  text-decoration: none;
}
blockquote.emailto a:hover,
blockquote.emailto a:focus {
  text-decoration: underline;
}
  
/* Card-like container */
blockquote.contatti {
  background: #ffffff;                  /* card background */
  border: 1px solid #dee2e6;           /* subtle bootstrap border */
  border-radius: .25rem;               /* card radius */
  padding: 1rem 1.25rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.03); /* subtle shadow */
  color: inherit;                      /* keep text sizing/colors from page */
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

/* Strong as card header (visual only) */
blockquote.contatti > p > strong {
  display: block;
  background: #f8f9fa;                 /* light gray header */
  border-bottom: 1px solid #e9ecef;    /* separator like bootstrap card-header */
  padding: .5rem .75rem;
  margin: -1rem -1.25rem 0;            /* align header to card edges */
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}

/* Keep list/background consistent inside card */
blockquote.contatti ul {
  background: transparent;
  margin: .5rem 0 0 1.15rem;
  padding: 0;
}

/* Nested phone list: no extra visual change except indentation */
blockquote.contatti ul ul {
  margin-top: .25rem;
  margin-left: .75rem;
}

/* Links styled like bootstrap link color */
blockquote.contatti a {
  color: #0d6efd;
  text-decoration: none;
}
blockquote.contatti a:hover,
blockquote.contatti a:focus {
  text-decoration: underline;
}

/* Card-like container */
blockquote.pagamenti {
  background: #ffffff;                  /* card background */
  border: 1px solid #dee2e6;           /* subtle bootstrap border */
  border-radius: .25rem;               /* card radius */
  padding: 1rem 1.25rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.03); /* subtle shadow */
  color: inherit;                      /* keep text sizing/colors from page */
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  color: #05420f;
}

/* Strong as card header (visual only) */
blockquote.pagamenti > p:first-of-type > strong {
  display: block;
  background: #f2fbea;
  border-bottom: 1px solid #ccdecb;
  padding: .5rem .75rem;
  margin: -1rem -1.25rem 0;            /* align header to card edges */
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  text-transform: uppercase;
}

blockquote.pagamenti > p:first-of-type > strong::before {
  content: '\f555';
  font-size: 1.1rem;
  margin-right: 0.5rem;
  font-family: "FontAwesome";
}

/* Keep list/background consistent inside card */
blockquote.pagamenti ul {
  background: transparent;
  margin: .5rem 0 0 1.15rem;
  padding: 0;
}

/* Nested phone list: no extra visual change except indentation */
blockquote.pagamenti ul ul {
  margin-top: .25rem;
  margin-left: .75rem;
}

/* Links styled like bootstrap link color */
blockquote.pagamenti a {
  color: #0d6efd;
  text-decoration: none;
}
blockquote.pagamenti a:hover,
blockquote.pagamenti a:focus {
  text-decoration: underline;
}

/*Note*/
.group-middle #it-corpopagina p.note {
	font-size: 1rem;
  line-height: 1.5rem;
  color: #2f3232;
  text-align: left;
  background-color: #fffbee;
  padding: 0.5rem;
  font-style: italic;
}

/* Contenitore card-like (rosso) */
blockquote.importante,
div.importante {
  background: #f8d7da;                 /* bg warning-danger light */
  border: 1px solid #f5c2c7;          /* bordo soft rosso */
  border-radius: .25rem;
  padding: 1rem;
  margin: 1rem 0;
  box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.03);
  color: #721c24;                      /* testo principale scuro rosso */
}

/* Intestazione visiva tramite h4/h5 (solo colori/bordi, non dimensioni) */
blockquote.importante > h4,
blockquote.importante > h5,
div.importante > h4,
div.importante > h5 {
  display: block;
  background: rgba(255,255,255,0.35); /* leggero contrasto */
  padding: .4rem .6rem;
  margin: -1rem -1rem 0;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  border-bottom: 1px solid rgba(0,0,0,0.04);
  color: inherit;
}

/* Strong: colore e peso (visivo solo) */
blockquote.importante strong,
div.importante strong {
  color: #7b1f2d;
  font-weight: 700;
}

/* Em: colore e italic (visivo solo) */
blockquote.importante em,
div.importante em {
  font-style: italic;
  color: #6a1a24;
}

/* Link coerenti con il tema rosso */
blockquote.importante a,
div.importante a {
  color: #b02a37;
  text-decoration: underline;
}
blockquote.importante a:hover,
div.importante a:hover {
  color: #7b1f2d;
}

/* Eventuali link all'interno */

/* Responsive: spazi più compressi su schermi piccoli */
@media (max-width: 576px) {
  #it-informazioni { padding: 0.75rem 0.9rem; }
}

h1 {
    margin-bottom: 1.5rem;
}

#it-block-italiagov-page-title {
   border-bottom: 1px solid #0f4b86; 
}

.layout__region.layout__region--first,
.layout__region.layout__region--second {
   margin-top: 1rem; 
}

.layout__region.layout__region--second > div, .group-right {
    padding-left: 2rem;
}


#it-settore, #it-ufficio, #it-ubicazioneufficio, #it-dirigente, #it-telefono, #it-email, #it-riferimentonormativo, 
#it-allegati-modulistica, #it-allegati-normativa, #it-altriallegati, #it-informativa-privacy, #it-linkesterni, 
#it-argomenticorrelati, #it-oneriistruttori, #it-allegati-oneriistruttori {
	padding: 0.8rem;
	}

#it-settore dl dt span,
#it-ufficio dl dt span, 
#it-ubicazioneufficio dl dt span, 
#it-dirigente dl dt span,
#it-telefono dl dt span,
#it-email dl dt span,
#it-riferimentonormativo dl dt span,
#it-allegati-modulistica  dl dt span, 
#it-allegati-normativa dl dt span, 
#it-altriallegati dl dt span,
#it-informativa-privacy dl dt span,
#it-oneriistruttori dl dt span,
#it-allegati-oneriistruttori dl dt span,
#it-linkesterni dl dt span,
#it-argomenticorrelati dl dt span{
  font-weight: bold;
  margin-right: 40px; /* Spazio per l'icona */
}

#it-riferimentonormativo dl dt,
#it-allegati-modulistica  dl dt, 
#it-allegati-normativa dl dt, 
#it-altriallegati dl dt,
#it-informativa-privacy dl dt,
#it-oneriistruttori dl dt,
#it-allegati-oneriistruttori dl dt,
#it-linkesterni dl dt,
#it-argomenticorrelati dl dt{
  margin-bottom: 1rem; 
}

#it-settore > dl > dt > span::before,
#it-ufficio > dl > dt > span::before {
  content: '\f0e8';
  font-size: 1.1rem;
  margin-right: 0.5rem;
  font-family: "FontAwesome";
}

#it-ubicazioneufficio > dl > dt > span::before {
  content: '\f52b';
  font-size: 1.1rem;
  margin-right: 0.5rem;
  font-family: "FontAwesome";
}

#it-dirigente > dl > dt > span::before {
  content: '\f508';
  font-size: 1.1rem;
  margin-right: 0.5rem;
  font-family: "FontAwesome";
}

#it-telefono > dl > dt > span::before {
  content: '\f095';
  font-size: 1.1rem;
  margin-right: 0.5rem;
  font-family: "FontAwesome";
}

#it-email > dl > dt > span::before {
  content: '\f0e0';
  font-size: 1.1rem;
  margin-right: 0.5rem;
  font-family: "FontAwesome";
}

#it-riferimentonormativo > dl > dt > span::before {
  content: '\f0e3';
  font-size: 1.1rem;
  margin-right: 0.5rem;
  font-family: "FontAwesome";
}

#it-allegati-modulistica > dl > dt > span::before {
  content: '\f56d';
  font-size: 1.1rem;
  margin-right: 0.5rem;
  font-family: "FontAwesome";
}

#it-allegati-normativa > dl > dt > span::before {
	content: '\f570';
  font-size: 1.1rem;
  margin-right: 0.5rem;
  font-family: "FontAwesome";
}

#it-informativa-privacy > dl > dt > span::before {
	content: '\f4d5';
  font-size: 1.1rem;
  margin-right: 0.5rem;
  font-family: "FontAwesome";
}

#it-altriallegati > dl > dt > span::before {
	content: '\f570';
  font-size: 1.1rem;
  margin-right: 0.5rem;
  font-family: "FontAwesome";
}

#it-allegati-oneriistruttori > dl > dt > span::before {
	content: '\f570';
  font-size: 1.1rem;
  margin-right: 0.5rem;
  font-family: "FontAwesome";
}

#it-oneriistruttori > dl > dt > span::before {
	content: '\f05a';
  font-size: 1.1rem;
  margin-right: 0.5rem;
  font-family: "FontAwesome";
}

#it-linkesterni > dl > dt > span::before {
	content: '\f35d';
  font-size: 1.1rem;
  margin-right: 0.5rem;
  font-family: "FontAwesome";
}

#it-linkesterni > dl > dt > dd > a{
color: #087118;
}


a[href^="mailto:"]{
	color: #08a3b5;
}

#footer a[href^="mailto:"]{
	color: #75f1ff
}

#it-argomenticorrelati > dl > dt > span::before {
	content: '\f0c1';
  font-size: 1.1rem;
  margin-right: 0.5rem;
  font-family: "FontAwesome";
}

#it-argomenticorrelati a{
color: #710843;
}

/* layout base per link file */
a[href$=".pdf" i],
a[href$=".doc" i],
a[href$=".docx" i],
a[href$=".xls" i],
a[href$=".xlsx" i],
a[href$=".ppt" i],
a[href$=".pptx" i],
a[href$=".zip" i],
a[href$=".rar" i],
a[href$=".7z" i],
a[href$=".csv" i],
a[href$=".txt" i],
a[href$=".rtf" i],
a[href$=".jpg" i],
a[href$=".jpeg" i],
a[href$=".png" i],
a[href$=".gif" i],
a[href$=".svg" i],
a[href$=".mp3" i],
a[href$=".wav" i],
a[href$=".mp4" i],
a[href$=".mov" i] {
  align-items: center;
  gap: .5rem;
  transition: background-color .12s ease, color .12s ease;
  margin-left: 0.1rem;
}

/* pseudo-elemento comune (icona prima del testo) */
a[href$=".pdf" i]::before,
a[href$=".doc" i]::before,
a[href$=".docx" i]::before,
a[href$=".xls" i]::before,
a[href$=".xlsx" i]::before,
a[href$=".ppt" i]::before,
a[href$=".pptx" i]::before,
a[href$=".zip" i]::before,
a[href$=".rar" i]::before,
a[href$=".7z" i]::before,
a[href$=".csv" i]::before,
a[href$=".txt" i]::before,
a[href$=".rtf" i]::before,
a[href$=".jpg" i]::before,
a[href$=".jpeg" i]::before,
a[href$=".png" i]::before,
a[href$=".gif" i]::before,
a[href$=".svg" i]::before,
a[href$=".mp3" i]::before,
a[href$=".wav" i]::before,
a[href$=".mp4" i]::before,
a[href$=".mov" i]::before {
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-style: normal;
  font-size: 1.2rem;
  line-height: 1;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#page-default a[target=_blank]::after {
    content: '\f08e';
    display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-style: normal;
  font-size: 0.9rem;
  line-height: 1;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #087118;
}

a[href^="mailto:"]::before {
    content: '\f0e0';
    display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-style: normal;
  font-size: 0.9rem;
  line-height: 1;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #08a3b5;
}

/*colori specifici per link, gli stessi verranno rifefiniti sotto per le icone*/
a[href$=".pdf" i] { color: #c82333; }       /* PDF */
a[href$=".doc" i],
a[href$=".docx" i] { color: #0b5ed7; }     /* Word */
a[href$=".xls" i],
a[href$=".xlsx" i] { color: #198754; }     /* Excel */
a[href$=".ppt" i],
a[href$=".pptx" i] { color: #d95425; }     /* PowerPoint */
a[href$=".jpg" i],
a[href$=".jpeg" i],
a[href$=".png" i],
a[href$=".gif" i],
a[href$=".svg" i] { color: #0d6efd; }      /* Image */
a[href$=".zip" i],
a[href$=".rar" i],
a[href$=".7z" i] { color: #6c757d; }       /* Archive */
a[href$=".csv" i],
a[href$=".txt" i] { color: #0f5132; }      /* Text/CSV */
a[href$=".rtf" i] { color: #6f42c1; }      /* RTF */
a[href$=".mp3" i],
a[href$=".wav" i] { color: #0d6efd; }      /* Audio */
a[href$=".mp4" i],
a[href$=".mov" i] { color: #0d6efd; }      /* Video */

/* icone e colori specifici */
a[href$=".pdf" i]::before {content: "\f1c1";}       /* PDF */
a[href$=".doc" i]::before,
a[href$=".docx" i]::before { content: "\f1c2"; color: #0b5ed7; }    /* Word */
a[href$=".xls" i]::before,
a[href$=".xlsx" i]::before { content: "\f1c3"; color: #198754; }    /* Excel */
a[href$=".ppt" i]::before,
a[href$=".pptx" i]::before { content: "\f1c4"; color: #d95425; }    /* PowerPoint */
a[href$=".jpg" i]::before,
a[href$=".jpeg" i]::before,
a[href$=".png" i]::before,
a[href$=".gif" i]::before,
a[href$=".svg" i]::before { content: "\f1c5"; color: #0d6efd; }     /* Image */
a[href$=".zip" i]::before,
a[href$=".rar" i]::before,
a[href$=".7z" i]::before { content: "\f1c6"; color: #6c757d; }     /* Archive */
a[href$=".csv" i]::before,
a[href$=".txt" i]::before { content: "\f15c"; color: #0f5132; }     /* Text/CSV */
a[href$=".rtf" i]::before { content: "\f1c2"; color: #6f42c1; }     /* RTF (word icon) */
a[href$=".mp3" i]::before,
a[href$=".wav" i]::before { content: "\f1c7"; color: #0d6efd; }     /* Audio */
a[href$=".mp4" i]::before,
a[href$=".mov" i]::before { content: "\f1c8"; color: #0d6efd; }     /* Video */

/* hover/focus: sfondo giallino e testo/icona scuri (esadecimali) */
a[href$=".pdf" i]:hover,
a[href$=".doc" i]:hover,
a[href$=".docx" i]:hover,
a[href$=".xls" i]:hover,
a[href$=".xlsx" i]:hover,
a[href$=".ppt" i]:hover,
a[href$=".pptx" i]:hover,
a[href$=".zip" i]:hover,
a[href$=".rar" i]:hover,
a[href$=".7z" i]:hover,
a[href$=".csv" i]:hover,
a[href$=".txt" i]:hover,
a[href$=".rtf" i]:hover,
a[href$=".jpg" i]:hover,
a[href$=".jpeg" i]:hover,
a[href$=".png" i]:hover,
a[href$=".gif" i]:hover,
a[href$=".svg" i]:hover,
a[href$=".mp3" i]:hover,
a[href$=".wav" i]:hover,
a[href$=".mp4" i]:hover,
a[href$=".mov" i]:hover,
a[href$=".pdf" i]:focus,
a[href$=".doc" i]:focus,
a[href$=".docx" i]:focus,
.group-middle a:focus,
.group-right a:focus,
.group-middle a:hover,
.group-right a:hover{
  background-color: #fff3cd;   /* giallino */
  color: #000000 !important;   /* testo/icona scuri per contrasto */
  border-radius: .25rem;
  text-decoration: none;
  outline: none;
}

/* assicurare che l'icona erediti il colore nello stato hover/focus */
a[href$=".pdf" i]:hover::before,
a[href$=".doc" i]:hover::before,
a[href$=".docx" i]:hover::before,
a[href$=".xls" i]:hover::before,
a[href$=".xlsx" i]:hover::before,
a[href$=".ppt" i]:hover::before,
a[href$=".pptx" i]:hover::before,
a[href$=".zip" i]:hover::before,
a[href$=".rar" i]:hover::before,
a[href$=".7z" i]:hover::before,
a[href$=".csv" i]:hover::before,
a[href$=".txt" i]:hover::before,
a[href$=".rtf" i]:hover::before,
a[href$=".jpg" i]:hover::before,
a[href$=".jpeg" i]:hover::before,
a[href$=".png" i]:hover::before,
a[href$=".gif" i]:hover::before,
a[href$=".svg" i]:hover::before,
a[href$=".mp3" i]:hover::before,
a[href$=".wav" i]:hover::before,
a[href$=".mp4" i]:hover::before,
a[href$=".mov" i]:hover::before,
a[href$=".pdf" i]:focus::before,
a[href$=".doc" i]:focus::before,
a[href$=".docx" i]:focus::before {
  color: #000000 !important;
}

#it-locandina img {
	border: 1px double #c9c8c8;
  margin-bottom: 1rem;
  padding: 1rem;
  line-height: 1.2rem;
  box-shadow: 0 4px 10px #03121a1f, 0 2px 6px #03121a0f;
  transform: rotate(-1deg);
}

/* GALLERIA FOTOGRAFICA PAGINE BEGIN */

/* Container principale */
#it-galleriafotografica {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  margin-top: 1rem;
}

/* Rimuove stili predefiniti dei dl/dd e imposta la grid */
#it-galleriafotografica > .field {
  margin: 0;
  padding: 0;
}
#it-galleriafotografica dl > dl {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 0.75rem; /* spazio tra immagini */
  align-items: start;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Ogni elemento immagine (dd) come contenitore */
#it-galleriafotografica dl > dl dd {
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  display: block;
}

/* Wrapper immagine: mantiene ratio e ritaglia overflow */
#it-galleriafotografica dl > dl dd .image-style-medium,
#it-galleriafotografica dl > dl dd img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  transition: transform .35s ease, filter .25s ease;
  will-change: transform;
  border-radius: 0.35rem; /* mantiene rounded dalle classi esistenti */
  object-fit: cover;
  padding: 0.7rem;
}

/* Forza altezza costante (opzionale): mantiene griglia ordinata
   Scegli l'altezza desiderata; qui esempio 140px per miniature */
#it-galleriafotografica.dense th,
#it-galleriafotografica.dense dl > dl dd img {
  height: 140px;
  width: 100%;
  object-fit: cover;
}

/* Hover/focus: leggero zoom e contrasto */
#it-galleriafotografica dl > dl dd:focus-within,
#it-galleriafotografica dl > dl dd:hover {
  outline: none;
}
#it-galleriafotografica dl > dl dd img:hover,
#it-galleriafotografica dl > dl dd img:focus {
  transform: scale(1.04);
  filter: saturate(1.05);
}

/* Se le immagini sono linkabili, rendi il link piena area e accessibile */
#it-galleriafotografica dl > dl dd a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

/* Caption (se presente) */
#it-galleriafotografica dl > dl dd .caption,
#it-galleriafotografica dl > dl dd .image-caption {
  display: block;
  padding-top: .35rem;
  font-size: .875rem;
  color: #444;
}

/* Responsive: più colonne sui dispositivi grandi */
@media (min-width: 992px) {
  #it-galleriafotografica dl > dl {
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 1rem;
  }
}

/* Piccoli dispositivi: una colonna se necessario */
@media (max-width: 420px) {
  #it-galleriafotografica dl > dl {
    grid-template-columns: 1fr 1fr; /* due colonne per telefoni stretti */
  }
}

/* Riduce impatto visivo quando immagini non caricate */
#it-galleriafotografica dl > dl dd img[loading="lazy"] {
  background-color: #f5f5f5;
}

/* GALLERIA FOTOGRAFICA PAGINE END */

/* BANDI CONCORSO */

#edit-area-contrattuale {
	margin-top: 1rem;
	margin-bottom: 2rem;
}

/* ENTI CONTROLLATI */

body.page-node-type--at-ente-controllato table.table {
	width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
}

.view-icon-servizi-homepage img[src$=".svg"] {
  width: 5rem;
  height: 3.5rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
  margin-bottom: 0.7rem;
}

#it-servizidigitali img[src$=".svg"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
  margin-bottom: 0.7rem;
  line-height: 48px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
  margin-bottom: 0.7rem;
  line-height: 48px;
  background-color: #286a92;
  padding: 0.4rem;
  border-radius: 0.4rem;
}

/* SERVIZIO CIVILE */



body.locus-servizio-civile .menu__item--level-1 > .menu__link {
    background-color: #7E4478!important;
}

body.locus-servizio-civile .it-header-center-wrapper {
    background-image: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0) 70%), url('../../../../../_images/banner/serviziocivile5.png');
    background-size: cover; /* Fa in modo che l'immagine copra l'intero elemento */
    background-position: center; /* Centra l'immagine */
    background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
    /* height: 100%;  Imposta l'altezza del nav, puoi cambiarla secondo necessità */
	height: 10rem !important;
}

/* VIA: colore titolo menù e header di sfondo  */

body.locus-valutazione-impatto-ambientale .menu__item--level-1 > .menu__link {
    background-color: #28816d!important;
}

body.locus-valutazione-impatto-ambientale .it-header-center-wrapper {
    background-image: url('../../../../../_images/banner/via.png'); /* Imposta l'immagine di sfondo */
    background-size: cover; /* Fa in modo che l'immagine copra l'intero elemento */
    background-position: center; /* Centra l'immagine */
    background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
    /* height: 100%;  Imposta l'altezza del nav, puoi cambiarla secondo necessità */
	height: 10rem !important;
}

body.path-frontpage .it-header-center-wrapper {
    background-image: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0) 70%), url('../../../../../_images/banner/amministrazione-trasparente.jpeg'); /* Imposta l'immagine di sfondo */
    background-size: cover; /* Fa in modo che l'immagine copra l'intero elemento */
    background-position: center; /* Centra l'immagine */
    background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
    /* height: 100%;  Imposta l'altezza del nav, puoi cambiarla secondo necessità */
	height: 10rem !important;
}

/* AMMINISTRAZIONE TRASPARENTE: colore titolo menù e header di sfondo */

body.locus-amministrazione-trasparente .menu__item--level-1 > .menu__link {
    background-color: #0d739c!important;
}

body.locus-ente .menu__item--level-1 > .menu__link,
body.locus-istituzione .menu__item--level-1 > .menu__link {
    background-color: #283a81!important;
}

body.locus-ente .it-header-center-wrapper,
body.locus-istituzione .it-header-center-wrapper,
body.locus-amministrazione-trasparente .it-header-center-wrapper {
    background-image: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0) 70%), url('../../../../../_images/banner/amministrazione-trasparente.jpeg'); /* Imposta l'immagine di sfondo */
    background-size: cover; /* Fa in modo che l'immagine copra l'intero elemento */
    background-position: center; /* Centra l'immagine */
    background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
    /* height: 100%;  Imposta l'altezza del nav, puoi cambiarla secondo necessità */
	height: 10rem !important;
}

/* ACQUE: colore titolo menù e header di sfondo */

body.locus-acque .menu__item--level-1 > .menu__link {
    background-color: #28816d!important;
}

body.locus-acque .it-header-center-wrapper {
    background-image: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0) 70%), url('../../../../../_images/banner/acque.png'); /* Imposta l'immagine di sfondo */
    background-size: cover; /* Fa in modo che l'immagine copra l'intero elemento */
    background-position: center; /* Centra l'immagine */
    background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
    /* height: 100%;  Imposta l'altezza del nav, puoi cambiarla secondo necessità */
	height: 10rem !important;
}

/* ACQUE MINERALI TERMALI: colore titolo menù e header di sfondo */

body.locus-acque-minerali-termali .menu__item--level-1 > .menu__link {
    background-color: #28816d!important;
}

body.locus-acque-minerali-termali .it-header-center-wrapper {
    background-image: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0) 70%), url('../../../../../_images/banner/acquemineralitermali.jpg'); /* Imposta l'immagine di sfondo */
    background-size: cover; /* Fa in modo che l'immagine copra l'intero elemento */
    background-position: center; /* Centra l'immagine */
    background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
    /* height: 100%;  Imposta l'altezza del nav, puoi cambiarla secondo necessità */
	height: 10rem !important;
}

/* CAVE: colore titolo menù e header di sfondo */

body.locus-cave .menu__item--level-1 > .menu__link {
    background-color: #28816d!important;
}

body.locus-cave .it-header-center-wrapper {
    background-image: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0) 70%), url('../../../../../_images/banner/cave.jpeg'); /* Imposta l'immagine di sfondo */
    background-size: cover; /* Fa in modo che l'immagine copra l'intero elemento */
    background-position: center; /* Centra l'immagine */
    background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
    /* height: 100%;  Imposta l'altezza del nav, puoi cambiarla secondo necessità */
	height: 10rem !important;
}

/* Gestione Faunistica Ambientale: colore titolo menù e header di sfondo */

body.locus-gestione-faunistica-ambientale .menu__item--level-1 > .menu__link {
    background-color: #28816d!important;
}

body.locus-gestione-faunistica-ambientale .it-header-center-wrapper {
    background-image: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0) 70%), url('../../../../../_images/banner/tutelafauna.jpg'); /* Imposta l'immagine di sfondo */
    background-size: cover; /* Fa in modo che l'immagine copra l'intero elemento */
    background-position: center; /* Centra l'immagine */
    background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
    /* height: 100%;  Imposta l'altezza del nav, puoi cambiarla secondo necessità */
	height: 10rem !important;
}

/* ENERGIA: colore titolo menù e header di sfondo */

body.locus-energia .menu__item--level-1 > .menu__link {
    background-color: #28816d!important;
}

body.locus-energia .it-header-center-wrapper {
    background-image: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0) 70%), url('../../../../../_images/banner/energia.jpeg'); /* Imposta l'immagine di sfondo */
    background-size: cover; /* Fa in modo che l'immagine copra l'intero elemento */
    background-position: center; /* Centra l'immagine */
    background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
    /* height: 100%;  Imposta l'altezza del nav, puoi cambiarla secondo necessità */
	height: 10rem !important;
}

/* TUTELA AMBIENTE: colore titolo menù e header di sfondo */

body.locus-tutela-ambiente .menu__item--level-1 > .menu__link {
    background-color: #28816d!important;
}

body.locus-tutela-ambiente .it-header-center-wrapper {
    background-image: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0) 70%), url('../../../../../_images/banner/tutela-ambiente.png'); /* Imposta l'immagine di sfondo */
    background-size: cover; /* Fa in modo che l'immagine copra l'intero elemento */
    background-position: center; /* Centra l'immagine */
    background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
    /* height: 100%;  Imposta l'altezza del nav, puoi cambiarla secondo necessità */
	height: 10rem !important;
}

/* PROGRAMMAZIONE EUROPEA: colore titolo menù e header di sfondo */

body.locus-programmazione-europea .menu__item--level-1 > .menu__link {
    background-color: #28816d!important;
}

body.locus-programmazione-europea .it-header-center-wrapper {
    background-image: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0) 70%), url('../../../../../_images/banner/programmazioneeuropea.png'); /* Imposta l'immagine di sfondo */
    background-size: cover; /* Fa in modo che l'immagine copra l'intero elemento */
    background-position: center; /* Centra l'immagine */
    background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
    /* height: 100%;  Imposta l'altezza del nav, puoi cambiarla secondo necessità */
	height: 10rem !important;
}

/* TURISMO: colore titolo menù e header di sfondo */

body.locus-turismo .menu__item--level-1 > .menu__link {
    background-color: #28816d!important;
}

body.locus-turismo .it-header-center-wrapper {
    background-image: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0) 70%), url('../../../../../_images/banner/turismo.jpg'); /* Imposta l'immagine di sfondo */
    background-size: cover; /* Fa in modo che l'immagine copra l'intero elemento */
    background-position: center; /* Centra l'immagine */
    background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
    /* height: 100%;  Imposta l'altezza del nav, puoi cambiarla secondo necessità */
	height: 10rem !important;
}

/* TARTUFICULTURA: colore titolo menù e header di sfondo */

body.locus-tartuficoltura .menu__item--level-1 > .menu__link {
    background-color: #28816d!important;
}

body.locus-tartuficoltura .it-header-center-wrapper {
    background-image: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0) 70%), url('../../../../../_images/banner/tartufi.png'); /* Imposta l'immagine di sfondo */
    background-size: cover; /* Fa in modo che l'immagine copra l'intero elemento */
    background-position: center; /* Centra l'immagine */
    background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
    /* height: 100%;  Imposta l'altezza del nav, puoi cambiarla secondo necessità */
	height: 10rem !important;
}

/* TRASPORTI: colore titolo menù e header di sfondo */

body.locus-trasporti .menu__item--level-1 > .menu__link {
    background-color: #3E3838!important;
}

body.locus-trasporti .it-header-center-wrapper {
    background-image: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0) 70%), url('../../../../../_images/banner/trasporti3.jpeg'); /* Imposta l'immagine di sfondo */
    background-size: cover; /* Fa in modo che l'immagine copra l'intero elemento */
    background-position: center; /* Centra l'immagine */
    background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
    /* height: 100%;  Imposta l'altezza del nav, puoi cambiarla secondo necessità */
	height: 10rem !important;
}

/* GARE SPORTIVE: colore titolo menù e header di sfondo */

body.locus-gare-sportive .menu__item--level-1 > .menu__link {
    background-color: #3E3838!important;
}

body.locus-gare-sportive .it-header-center-wrapper {
    background-image: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0) 70%), url('../../../../../_images/banner/garesportive.png'); /* Imposta l'immagine di sfondo */
    background-size: cover; /* Fa in modo che l'immagine copra l'intero elemento */
    background-position: center; /* Centra l'immagine */
    background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
    /* height: 100%;  Imposta l'altezza del nav, puoi cambiarla secondo necessità */
	height: 10rem !important;
}


/* VIABILITA: colore titolo menù e header di sfondo */

body.locus-viabilita .menu__item--level-1 > .menu__link {
    background-color: #3E3838!important;
}

body.locus-viabilita .it-header-center-wrapper {
    background-image: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0) 70%), url('../../../../../_images/banner/viabilita.jpeg'); /* Imposta l'immagine di sfondo */
    background-size: cover; /* Fa in modo che l'immagine copra l'intero elemento */
    background-position: center; /* Centra l'immagine */
    background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
    /* height: 100%;  Imposta l'altezza del nav, puoi cambiarla secondo necessità */
	height: 10rem !important;
}

/* EDILIZIA SCOLASTICA: colore titolo menù e header di sfondo */

body.locus-edilizia-scolastica .menu__item--level-1 > .menu__link {
    background-color: #28816d!important;
}

body.locus-edilizia-scolastica .it-header-center-wrapper {
    background-image: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0) 70%), url('../../../../../_images/banner/edilizia-scolastica.jpg'); /* Imposta l'immagine di sfondo */
    background-size: cover; /* Fa in modo che l'immagine copra l'intero elemento */
    background-position: center; /* Centra l'immagine */
    background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
    /* height: 100%;  Imposta l'altezza del nav, puoi cambiarla secondo necessità */
	height: 10rem !important;
}

/* CORPO DI POLIZIA LOCALE: colore titolo menù e header di sfondo */

body.locus-corpo-polizia-locale .menu__item--level-1 > .menu__link {
    background-color: #28816d!important;
}

body.locus-corpo-polizia-locale .it-header-center-wrapper {
    background-image: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0) 70%), url('../../../../../_images/banner/polizialocale.jpeg'); /* Imposta l'immagine di sfondo */
    background-size: cover; /* Fa in modo che l'immagine copra l'intero elemento */
    background-position: center; /* Centra l'immagine */
    background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
    /* height: 100%;  Imposta l'altezza del nav, puoi cambiarla secondo necessità */
	height: 10rem !important;
}


/* RIDEFINIZIONI PER IL MENù LATERALE SECONDARIO */

div.layout__region--second  {
    font-size: 1rem;
}

div.layout__region--second > div > div > div:first-child  {
    font-weight: bold;
    color: #1D1A1A;
    
}

div.layout__region--second > div > div > div:first-child a {
    color: #605A2C;
}

#it-riferimentonormativo blockquote li,
#it-riferimentonormativo blockquote p  {
    font-family: Courier New;
    line-height: 1.2rem;
}
#it-riferimentonormativo blockquote  {
    margin-top: 0.4rem;
}

#it-riferimentonormativo blockquote ul  {
    padding-left: 1.2rem;
}

/*ESEMPIO CODICE
.it-header-center-wrapper {
    background-image: url('https://d11.provincia.cuneo.it/sites/default/files/ambiente-territorio-big.png'); 
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; 
    height: 100%; 
}
*/

/* CSS Basic User Interface Module Level 4 values 
appearance: none;
appearance: auto;
appearance: menulist-button;
appearance: textfield;
appearance: base-select;*/

/* Global values 
appearance: inherit;
appearance: initial;
appearance: revert;
appearance: revert-layer;
appearance: unset;*/

/* <compat-auto> values have the same effect as 'auto' 
appearance: button;
appearance: checkbox;
*/


/* FOOTER */

.it-footer-main .it-brand-wrapper {
  border-bottom: solid 1px #2064a8;
}

.it-footer-main {
 background-color: #0a4580;
}

.it-footer-small-prints nav {
    margin-top: 1rem!important;
    color: beige;
}

#dovesiamo img {
    display: inline-block;
    position: relative;
    width: 12rem;
    height: 12rem;
    overflow: hidden;
    border-radius: 50%;
    float: left;
    margin-right: 30px;
}

/* GENERICHE di FORMATTAZIONE */
#block-italiagov-indirizzo.small dl p {
    font-size: 0.9rem !important;
	color: #314257;
    margin-bottom: 0px;
    font-style: italic;
	vertical-align: bottom;
	display: inline;
	line-height: 0.9rem;
}

/* definizioni di colore per ragionare sull'interfaccia e sulla disposizione degli elementi */


/* HOME */

/* ARTICOLO */


.notizia .description {
  width: 60%;
  height: 7rem;
  box-sizing: content-box;
  background-color: #fafbff;
  border: 1px double #c9c8c8;
  padding: 0.8rem;
  line-height: 1.2rem;
  box-shadow: 0 4px 10px #03121a1f, 0 2px 6px #03121a0f;
  position: absolute;
  left: 1.5rem;
  bottom: 10%;
  overflow: hidden;
  }
  
 .notizia h3 {
	font-size: 1.15rem;
	line-height: 1.4rem;
 }
 
 .notizia .description p {
	font-size: 0.9rem;
	line-height: 1.3rem;
	 }
 
 .notizia .description a {
	 color: #064ba4!important;
	 }
	 
/* Nasconde su tablet e schermi più piccoli (≤2500) */
@media (max-width: 2500px) {
	.notizia .description p {
		display: none;
	}
	.notizia .description {
		font-size: 1rem;
		width: 80%;
		height: 3rem;
		box-sizing: content-box;
		background-color: #fafbff;
		border: 1px double #c9c8c8;
		line-height: 1.1rem;
		position: absolute;
		left: 1.5rem;
		text-overflow: ellipsis;
		padding: 0.5rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		bottom: 8%;
	}
	.notizia .description h3 {
        font-size: 1rem;
	}
	
	.articoliInEvidenza .cal-main {
		right: 1.5rem;
	}
}
 
 .notizia  a {
	text-decoration: none;
 }
 .notizia em {
	color:grey;
	font-size: 0.8rem;
	margin-bottom:0.6rem;
	display: block;
}

 
.notizia img {
	border-width: thin;
	border-style: solid;
	border-color: #cadcf2;
	padding: 0.8rem;
	background-color: #f6f8f8;
}

.it-carousel-wrapper .splide__pagination button {
  width:2rem;
  height:2rem;
  background:hsl(210,83%,77%);
  display:inline-block;
  transition:all .3s;
  border-radius:50px;
  margin:0 8px;
  padding:0;
  box-shadow:none;
  border:none
}


/* PROTEZIONE CIVILE */

#it-inevidenzaprociv,
#it-protezionecivile-news {
	background-color: #fff;
    padding: 1rem;
    border: 1px solid #f9ead2;
    border-radius: 0.6rem;
	margin-top: 2rem;
    margin-bottom: 1rem;
	overflow:auto;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	min-height: 26rem;
}

#it-allertameteo {
	background-color: #f8f8f8;
	padding: 1rem;
	border: 1px solid #e9eef6;
	border-radius: 0.6rem;
	margin-top: 2rem;
	margin-bottom: 1rem;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	min-height: 26rem; 
}

#it-protezionecivile-news {
	height:26rem;
}

/* WebKit/Blink: larghezza scrollbar, track, thumb, corner */
it-protezionecivile-news::-webkit-scrollbar {
  width: 0.6rem;            /* scrollbar verticale */
  height: 0.6rem;           /* scrollbar orizzontale */
}
it-protezionecivile-news::-webkit-scrollbar-track {
  background: #ececec;
  border-radius: 8px;
  margin: 4px;            /* evita che tocchi i bordi se vuoi */
}
it-protezionecivile-news::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg,#c1b6a0,#a8926e);
  border-radius: 8px;
  border: 2px solid #ececec; /* crea effetto "padding" tra thumb e track */
}
it-protezionecivile-news::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg,#b99f7f,#95724f);
}
it-protezionecivile-news::-webkit-scrollbar-corner {
  background: #ececec;
}

/* Firefox: larghezza e colori */
it-protezionecivile-news {
  scrollbar-width: thin;                /* auto | thin | none */
  scrollbar-color: #a8926e #ececec;    /* thumb track */
}

/* Accessibilità: assicurati contrasto e focus */
it-protezionecivile-news:focus { outline: none; }
it-protezionecivile-news::-webkit-scrollbar-thumb:focus { box-shadow: 0 0 0 3px rgba(168,130,80,0.2); }



#it-allertameteo section {
	display:block;
	min-height: 4.6rem;
    margin-bottom: 0.4rem;
	font-size: 1rem;
}

#allertameteo div {
  vertical-align: middle;
  display: block-inline;
 }

#allertameteo div:after {
	clear:both;
}

#allertameteo div span {
  margin-left: 6px;
  padding-right: 6px;
  margin-top: 5px;
  vertical-align: baseline;
}



#it-qol-eventi,
#it-qol-viabilita,
#it-qol-ediliziascolastica,
#it-qol-progettitransfrontalieri,
#it-qol-ambiente,
#it-qol-tutelafaunaeflora {
	padding: 1rem;
}

#it-qol-tutelafaunaeflora {
	background-color: #fefefb;
	border-radius: 4px;
	border: 2px solid #eefaf5;
}

#it-qol-eventi h2,
#it-qol-viabilita h2,
#it-qol-ediliziascolastica h2,
#it-qol-ambiente h2,
#it-qol-progettitransfrontalieri h2,
#it-qol-tutelafaunaeflora h2,
#it-novita-scadenze h2,
#it-inevidenzaprociv h2,
#it-allertameteo h2,
#it-protezionecivile-news h2,
#it-multevelox h2,
#it-webcam h2 {
	text-transform: uppercase;
	margin-bottom: 1.8rem;
	font-size: 1.7rem;
	line-height: 1.7rem;
}
#it-protezionecivile-news h2 {color: #d67942;}
#it-allertameteo h2 {color: #475a69;}
#it-inevidenzaprociv h2 {color: #d67942;}
#it-multevelox h2 {color: #fef453;}
#it-webcam h2 {color: #01b1db;}
#it-novita-scadenze	{color: #5a8719;}

#it-qol-eventi h2, #it-qol-eventi a {color: #935c5c;}
#it-qol-viabilita h2, #it-qol-viabilita a {color: #5a6e8c;}
#it-qol-ediliziascolastica h2, #it-qol-ediliziascolastica a {color: #875c19;}
#it-qol-ambiente h2, #it-qol-ambiente a {color: #28816d;}

#it-qol-tutelafaunaeflora h2, #it-qol-tutelafaunaeflora a {color: #28816d;}
#it-qol-progettitransfrontalieri h2, #it-qol-progettitransfrontalieri a {color: #163d9d;}



#it-inevidenzaprociv a,
#it-protezionecivile-news a {
	color: #2d64a4; /* fallback colore */
}

#it-protezionecivile-news {
	
}

#it-multevelox {
	background-color: #285080;
  padding: 2rem;
  color: #fff;
  margin-bottom: 3rem;
  width: 50%;
  transform: rotate(-1deg);
  box-shadow: 0 6px 10px #03121a1f, 0 2px 6px #03121a0f;
  border-radius: .5rem;
  border: 2rem solid #fff;
  margin-left: auto;
  margin-right: auto;
}

#it-multevelox strong,
#it-multevelox a {color: #fef453;}

div.home-first-row ul {
	padding-left: 1rem;
}

article.newsProciv,
article.newsEventi,
article.newsViabilita,
article.newsEdiliziascolastica,
article.newsAmbiente,
article.newsTutelaFaunaFlora,
article.newsProgettiTransfrontalieri {
	border-left-width: 0.3rem;
	border-left-style: solid;
	border-left-color: orange;
	padding-left: 1rem;
	display:flex; 
	flex-direction:column; 
	gap:0.5rem;
}

article.newsProciv {
	border-left-color: orange;
}

article.newsEventi{
	border-left-color: #d3a694;
	}
article.newsViabilita{
	border-left-color: #aac1d6;
}
article.newsEdiliziascolastica{
	border-left-color: #ccc2ba;
}
article.newsAmbiente{
	border-left-color: #9bcec2;
}
article.newsTutelaFaunaFlora{
	border-left-color: #9bcec2;
}
article.newsProgettiTransfrontalieri{
	border-left-color: #ccc2ba;
}

.news-header { display:flex; gap:1rem; align-items:center; }
.news-date.calendar { display:flex; align-items:center; gap:0.75rem; }
.cal-main { background:#3268a6; color:#fff; padding:0.4rem 0.6rem; text-align:center; border-radius:4px; min-width:3.2rem; }
#it-qol-eventi .cal-main {
	background:#852424;
	}
.cal-day { display:block; font-weight:700; font-size:1.15rem; line-height:1; }
.cal-month { display:block; font-size:0.85rem; text-transform:uppercase; }
.cal-meta { font-size:0.85rem; color:#333; display:flex; align-items:center; gap:0.5rem; }
.cal-year { display:block; font-weight:600; font-size:2rem; color:#333; }


.cal-time { color:#666; font-weight:400; }
.news-title { 
	margin:0; 
	font-size: 1.5rem;
    line-height: 1.8rem;
  }
.news-body { display:flex; gap:1rem; margin-top:0.5rem; align-items:flex-start; }
.news-media img { 
	max-width:11rem;
	height:auto; 
	object-fit:cover; 
	border-radius:4px; 
	display:block; 
	}
.news-excerpt { color:#333; font-size:1.1rem; }
.news-excerpt:after {
          content:"...";
		}
.post-actions { margin-top:0.5rem; }

#it-inevidenzaprociv footer p a,
#it-protezionecivile-news footer p a {
	text-decoration-color: orange;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-thickness: auto;
	color: #d67942;
}

#it-protezionecivile-news a[target=_blank]::after,
#it-inevidenzaprociv a[target=_blank]::after,
#it-allertameteo a[target=_blank]::after {
    content: '\f08e';
    display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-style: normal;
  font-size: 0.9rem;
  line-height: 1;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }

#it-novita-scadenze a:hover,
#it-novita-scadenze a:active,
#it-inprimopiano a:hover,
#it-inprimopiano a:active,
#it-allertameteo a:hover,
#it-allertameteo a:active,
#it-inevidenzaprociv a:hover, 
#it-inevidenzaprociv a:active,
#it-protezionecivile-news a:hover, 
#it-protezionecivile-news a:active,
#it-multevelox a:hover,
#it-multevelox a:active,
#it-webcam a:hover,
#it-webcam a:active {
	background-color: #fff3cd;   /* giallino */
	color: #000000 !important;   /* testo/icona scuri per contrasto */
	border-radius: .25rem;
	text-decoration: none;
	outline: none;
}

#it-qol-eventi h2::before,
#it-qol-viabilita h2::before,
#it-qol-ediliziascolastica h2::before,
#it-qol-ambiente h2::before,
#it-qol-tutelafaunaeflora h2::before,
#it-qol-progettitransfrontalieri h2::before,
#it-inprimopiano h2::before,
#it-protezionecivile-news h2::before,
#it-novita-scadenze h2::before,
#it-allertameteo h2::before,
#it-inevidenzaprociv h2::before,
#it-multevelox h2::before {
	font-size: 0.9em; /* dimensione */  
  display: inline-block;
  font-family: "FontAwesome";
  font-weight: 100;
  font-style: normal;
  line-height: 1;
  margin-right: 0.4rem;
  margin-left: 0.2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-left:0.6rem;
}

#it-inprimopiano h2::before {
	/* content: "\f08d";     simbolo personalizzato ICONA PIN APPUNTA */
}

#it-protezionecivile-news h2::before {
  content: "\f0a1";    /* simbolo personalizzato */
}

#it-novita-scadenze h2::before {
  content: "\f133";    /* simbolo personalizzato */
}

#it-allertameteo h2::before {
  content: "\f6c4";    /* simbolo personalizzato */
  }

#it-inevidenzaprociv h2::before {
  content: "\f02e";    /* simbolo personalizzato */
}

#it-multevelox h2::before {
  content: "\f625";    /* simbolo personalizzato */
}

#it-qol-eventi h2::before{
  content: "\f073";    /* simbolo personalizzato */
}
#it-qol-viabilita h2::before{
  content: "\f018";    /* simbolo personalizzato */
}
#it-qol-ediliziascolastica h2::before{
  content: "\f1ad";    /* simbolo personalizzato */
}
#it-qol-ambiente h2::before{
  content: "\f06c";    /* simbolo personalizzato */
}
#it-qol-tutelafaunaeflora h2::before{
  content: "\f1b0";    /* simbolo personalizzato */
}

#it-qol-progettitransfrontalieri h2::before{
  content: "\f7a2";    /* simbolo personalizzato */
}

span.categoria::before {
	font-size: 0.9em; /* dimensione */  
	display: inline-block;
	font-family: "FontAwesome";
	font-weight: 100;
	font-style: normal;
	line-height: 1;
	margin-left: 0rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

span.categoria.notizia::before {
	content: "\f1ea";    /* simbolo personalizzato */
}
span.categoria.avviso::before {
	content: "\f06a";    /* simbolo personalizzato */
}
span.categoria.bando::before {
	content: "\f15c";    /* simbolo personalizzato */
}
span.categoria.comunicato::before {
	content: "\f0a1";    /* simbolo personalizzato */
}
span.categoria.evento::before {
	content: "\f133";    /* simbolo personalizzato */
}
span.categoria.informativa::before {
	content: "\f05a";    /* simbolo personalizzato */
}
span.categoria.modulistica::before {
	content: "\f56d";    /* simbolo personalizzato */
}
span.categoria.normativa::before {
	content: "\f0e3";    /* simbolo personalizzato */
}

#dovesiamo h3::before,
#orari h3::before,
#contatti h3::before {
	font-size: 0.9em; /* dimensione */  
	display: inline-block;
	font-family: "FontAwesome";
	font-weight: 100;
	font-style: normal;
	line-height: 1;
	margin-right: 0.4rem;
	margin-left: 0.2rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-left:0.6rem;
	}

#dovesiamo h3::before {
	content: "\f5a0";    /* simbolo personalizzato */
}
#orari h3::before {
	content: "\f017";    /* simbolo personalizzato */
}
#contatti h3::before {
	content: "\f0e0";    /* simbolo personalizzato */
}

/* Placeholder immagine */
.img-placeholder {
  width:12rem;
  max-width:12rem;
  height:100%;
  background:#eef2fb;
  border-radius:6px;
  overflow:hidden;
  display:block;
}

/* Riduci dimensione svg dentro placeholder per mantenere ratio */
.img-placeholder svg { display:block; width:100%; height:100%; }

/* Pulsante "Leggi" */
.btn-read {
  display:inline-block;
  padding:0.45rem 0.7rem;
  background:#0b74de;
  color:#fff;
  border-radius:6px;
  text-decoration:none;
  font-weight:600;
  font-size:0.95rem;
  transition:background .12s ease, transform .08s ease;
  margin-top:0.35rem;
}
.btn-read:hover, .btn-read:focus {
  background:#085fae;
  transform:translateY(-1px);
  outline:none;
  box-shadow:0 4px 14px rgba(11,116,222,0.12);
}

/* Assicura layout coerente quando image è SVG/IMG */
.news-media img,
.news-media .img-placeholder {
  width:12rem;
  height:7rem;
  object-fit:cover;
}

/* Mobile: immagine full width */
@media (max-width:640px) {
  .img-placeholder, .news-media img { width:100%; height:auto; max-height:260px; }
}

#meteo3r .icon {
	background-position: center center;
  width: 65px;
  height: 65px;
  float: left;
  margin-right: 10px;
  margin-left: auto;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background-repeat: no-repeat;
  background-image: url('../../../../../_images/home/meteo3r.png');
  display:block;
  background-color: #fff;
  background-size: cover;
  border: 1px solid #e9eef6;
}


#muoversinpiemonte .icon {
	background-position: center center;
  width: 65px;
  height: 65px;
  float: left;
  margin-right: 10px;
  margin-left: auto;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background-repeat: no-repeat;
  background-image: url('../../../../../_images/home/muoversinpiemonte.png');
  display:block;
  background-color: #fff;
  background-size: cover;
  border: 1px solid #e9eef6;
}

/*In primo piano - Homepage*/
/*:root{
  --bg-white: #fff;
  --border-grey: #e9eef6;
  --colore-grigio-bluastro: #6b7280;
  --colore-blubrillante: #0d6efd;
  --raggio: 0.6rem;
  --gap: 1rem;
}*/

.splide__pagination {
	margin-bottom: 2rem;
}

.posts-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}
@media (min-width:640px){ 
	.posts-grid{ grid-template-columns: repeat(2,1fr); } 
	}
@media (min-width:1024px){
	.posts-grid{ grid-template-columns: repeat(3,1fr); } 
	}

#it-region-home-third-row-full-width {
	margin-top:1rem;
	margin-bottom:1rem;
	/*width: 92%;*/
    margin-right: auto;
    margin-left: auto;
	margin-top: 1rem;
	/*background-color: #2e68a5;
	padding-bottom:1rem;*/
}

#it-inprimopiano .it-grid-list-wrapper {
	width: 80%;
    margin-left: auto;
    margin-right: auto;
}

#it-region-home-second-row-full-width {
	margin-top:1rem;
	margin-bottom:1rem;
}

#it-region-home-second-row-first {
	/*margin-top:1rem;
	margin-bottom:1rem;*/
}

/*
#it-icon-servizi {
	width:70%;
	padding-top:1rem;
	padding-bottom:2rem;
	margin-right:auto;
	margin-left:auto;
	background: linear-gradient(180deg,#398fb2 0%, #2c62a3 100%);
	border-radius: 0.6rem;
	
	position: relative;
	padding-top: 4rem;
}
*/

/* evita overflow orizzontale quando si usa 100vw */
html, body { overflow-x: hidden; }

/* sfondo arancio per la protezione civile */

.home-second-row__wrapper {
  background: linear-gradient(180deg,#e7c339 0%, #c96c1b 100%);
  padding-top: 2rem;
  padding-bottom: 2rem;
}



/* contenitore esterno con gradiente e spazio per le onde */
#it-region-home-second-row-full-width {
  position: relative;
  width: 100%;
  background: linear-gradient(180deg,#398fb2 0%, #2c62a3 100%);
  padding-top: calc(4rem + 140px);    /* 4rem + altezza onda superiore */
  padding-bottom: calc(2rem + 160px); /* 2rem + altezza onda inferiore */
  overflow: visible;
  z-index: 0;
}

#it-block-italiagov-views-block-quotidiano-online-qol-inrilievo {
	width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.it-carousel-wrapper .splide__pagination button {
content: "\f35a";
font-family: "FontAwesome";
	color: #FFF;
}

#it-servizidigitali{
  width: 92%;
  margin-left: auto;
  margin-right: auto;
  border-radius: .6rem;
  margin-bottom: 2rem;
  margin-top: 2rem;
  background-color: #286a92;
  padding: 2rem;
}

#it-servizidigitali h2 {
	text-transform: uppercase;
  margin-bottom: 1.4rem;
  font-size: 1.8rem;
  color: #ffffff;
  text-align: center;
  margin-bottom: 1rem;
}

/* card interna */
#it-icon-servizi{
  width: 82%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 3; /* deve stare sopra le onde */
  border-radius: .6rem;
  /* regola questi valori per più/meno "inserimento" nelle onde */
  margin-top: -90px;   /* tira la card dentro l'onda superiore */
  margin-bottom: -40px;/* opzionale, tira la card dentro l'onda inferiore */
}

/* pseudo-elementi per onde full-viewport-width */
#it-region-home-second-row-full-width::before,
#it-region-home-second-row-full-width::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;               /* forza piena larghezza viewport */
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: 100% 100%; /* scala orizz./vert. per riempire l'area */
}

/* onda superiore (bianca) */
#it-region-home-second-row-full-width::before {
  top: 0;
  height: 140px; /* regola per l'altezza dell'onda */
  z-index: 1;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 160' preserveAspectRatio='none'><path d='M0,56 C120,16 240,12 360,36 C480,60 600,110 720,96 C840,82 960,18 1080,28 C1140,32 1200,44 1200,44 L1200,0 L0,0 Z' fill='%23ffffff'/></svg>");
  background-position: center top;
}

/* onda inferiore (bianca) */
#it-region-home-second-row-full-width::after {
  bottom: 0;
  height: 160px; /* regola per l'altezza dell'onda inferiore */
  z-index: 2;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 180' preserveAspectRatio='none'><path d='M0,96 C90,120 210,60 330,78 C450,96 570,156 690,140 C810,124 930,58 1030,72 C1086,82 1146,108 1200,120 L1200,180 L0,180 Z' fill='%23ffffff'/></svg>");
  background-position: center bottom;
}

/* breakpoint: regola spazi/margini su schermi piccoli */
@media (max-width: 768px) {
  #it-icon-servizi {
    width: 99%;
    margin-top: -60px;
    margin-bottom: -20px;
    padding: 1rem;
  }
  #it-region-home-second-row-full-width::before { height: 100px; }
  #it-region-home-second-row-full-width::after  { height: 120px; }
  #it-region-home-second-row-full-width {
    padding-top: calc(4rem + 100px);
    padding-bottom: calc(2rem + 120px);
  }
}

#home-second-row {
	background-color: #d67942;
	padding-top: 1rem;
padding-right: 2rem;
padding-bottom: 1rem;
padding-left: 2rem;
}

#it-protezionecivile h2 {
	text-transform: uppercase;
  margin-top: 1.4rem;
  color: #d67942;
  text-align:center;
}

#it-icon-servizi h2 {
	text-transform: uppercase;
  margin-bottom: 3rem;
  font-size: 1.8rem;
  color:#fffddc;
  text-align:center;
}

#it-icon-servizi a {
	color:#FFFFFF;
	font-size: 1.2rem;
    font-weight: 700;
    text-decoration: none;
}

#it-icon-servizi a .fontawesome-icon span {
	font-weight: 100;
}

#it-icon-servizi a:hover,
#it-icon-servizi a:active {
color:#fffddc;}

#it-icon-servizi a .fontawesome-icon span:hover {color:#fffddc;}

#it-icon-servizi .views-view-responsive-grid__item {
	text-align: center;
}

#it-icon-servizi .fontawesome-icons,
#it-servizidigitali .fontawesome-icons {
	font-family: "FontAwesome";
	color: #FFF;
}

/* Stile base per ogni article */

/*eventi QOL*/

.home-first-row__first {
	background-color: #f9f8f4;
	margin-bottom:1rem;
	margin-top:1rem;
}

nav.pagination-wrapper.pagination-total p {
	color: #545d5a;
}

.pagination .page-item .page-link {
	color: #777a79;
}

.pagination .page-item .page-link[aria-current] {
	border: 1px solid #4b7e00;
    color: #4b7e00;
}

/*BEGIN Novità e Scadenze */

#it-novita-scadenze {
	width: 92%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
  margin-top: 2rem;
}

#it-novita-scadenze h2 {
	text-align: center;
}

#it-novita-scadenze .card::after {
	margin-top: 0px;
}

/* Scoped to #it-novita-scadenze */
#it-novita-scadenze .bi-card {
  background: #ffffff;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
  transition: transform .18s ease, box-shadow .18s ease;
  display: flex;
  flex-direction: column;
}

#it-novita-scadenze .bi-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
}

/* Immagine in alto */
#it-novita-scadenze .bi-card .card-img-top {
  height: 180px;
  overflow: hidden;
  background: #f5f5f5;
}
#it-novita-scadenze .bi-card .card-img-top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s ease;
}
#it-novita-scadenze .bi-card:hover .card-img-top img {
  transform: scale(1.03);
}

/* Corpo della card */
#it-novita-scadenze .bi-card .card-body {
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Meta (icona + categoria + data) */
#it-novita-scadenze .bi-card .meta {
  color: #667085;
  font-size: 0.78rem;
  letter-spacing: 0.03em;
}
#it-novita-scadenze .bi-card .meta .meta-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  margin-right: 8px;
}

/* Categoria: testo uppercase; la classe dinamica (.categoria.<valore>) è disponibile per aggiungere icone/colore via CSS */
#it-novita-scadenze .bi-card .categoria {
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.04em;
  display: inline-block;
  text-transform: uppercase;
  color: #67767d; /* fallback colore */
  margin-right: 12px;
}

/* Esempio (da aggiungere tu nel tema se vuoi):
   #it-novita-scadenze .categoria.bando { color: #d1493b; background-image: url(...); padding-left: 20px; background-repeat: no-repeat; background-position: left center; }
*/

/* Data */
#it-novita-scadenze .bi-card .data {
  margin-left: auto;
  color: #667891;
  font-size: 0.78rem;
}

/* Titolo */
#it-novita-scadenze .bi-card .card-title {
  margin: 0;
  font-size: 1.3rem;
  line-height: 1.3;
  color: #5b910e;
  font-weight: 700;
}

/* Estratto */
#it-novita-scadenze .bi-card .card-text {
  font-size: 0.95rem;
  color: #475569;
  margin-bottom: 0.5rem;
  line-height: 1.4;
  max-height: 6.3em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

/* Link "Vai alla pagina" */
#it-novita-scadenze .bi-card .btn-link {
  color: #b91c1c;
  text-decoration: none;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
#it-novita-scadenze .bi-card .btn-link:hover {
  text-decoration: underline;
}

/* Grid responsiveness */
#it-novita-scadenze .it-grid-list-wrapper .grid-row {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
#it-novita-scadenze .it-grid-list-wrapper .col-6 {
  width: calc(50% - 12px);
}
@media (min-width: 992px) {
  #it-novita-scadenze .it-grid-list-wrapper .col-lg-4 {
    width: calc(33.333% - 16px);
  }
}

/* Piccoli aggiustamenti estetici */
#it-novita-scadenze .bi-card .card-body .meta + .card-title { margin-top: 4px; }
#it-novita-scadenze .bi-card .card-body .meta svg { opacity: 0.85; }

/* Forza il link del titolo a ereditare lo stile se viene renderizzato come <a> */
#it-novita-scadenze .bi-card .card-title a {
  color: inherit;
  text-decoration: none;
}
#it-novita-scadenze .bi-card .card-title a:hover {
  text-decoration: underline;
}

/*END Novità e Scadenze */

#it-inprimopiano {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #2e68a5;
	padding-bottom: 1rem;
}

#it-inprimopiano h2 {
	color: white;
	text-transform: uppercase;
	padding-top: 1rem;
	text-align: center;
	margin-bottom: 1rem;
}

#it-inprimopiano article {
	background: #FFF;
	border: 1px solid #e9eef6;
	border-radius: 0.6rem;
	color: #111827;
	min-height: 24rem;
	margin: 0.4rem;
	position: relative;
	padding-top: 1.2rem;
	padding-right: 1.8rem;
	padding-bottom: 1.8rem;
	padding-left: 1.8rem;
}

/* Header: titolo + meta */
#it-inprimopiano article header { 
	/*display: flex; 
	flex-direction: column; 
	gap: 4px; */
	}
#it-inprimopiano article h2, article .post-title { 
	margin: 0; 
	font-size: 1.7rem;
	}
#it-inprimopiano article .post-meta { 
	font-size: 0.85rem;
	color: #797474; 
	margin-bottom: 0.6rem;
	}

.notizia em time::before,
#it-inprimopiano article .post-meta::before {
	font-size: 0.9em; /* dimensione */  
	display: inline-block;
	font-family: "FontAwesome";
	font-weight: 100;
	font-style: normal;
	line-height: 1;
	margin-right: 0.4rem;
	margin-left: 0.2rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f133";    /* simbolo personalizzato */
}

/* Immagine */
#it-inprimopiano article figure { 
	margin: 0; 
	}
#it-inprimopiano article img {
	width: 12rem;
	height: 12rem;
	margin-right: 1rem;
	margin-bottom: 1rem;
	}


/* Corpo */
#it-inprimopiano article .post-body { 
	/*font-size: 1.1rem; */
	color: #334155; 
	line-height: 1.5; 
	}

/* Footer / link */
#it-inprimopiano article footer { 
	/*display: flex; 
	justify-content: flex-end; */
	}
#it-inprimopiano article a.read-more {
  text-decoration: none;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 0.9rem;
}

/* Focus accessibile */
#it-inprimopiano article a:focus { 
	outline: 3px solid rgba(13,110,253,0.18); 
	outline-offset: 2px; 
	}
	
.post-tags {
  position: absolute;
  right: 0.8rem;
  bottom: 0.8rem;
  display: flex;
  gap: 0.4rem;            /* spazio tra i tag */
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  max-width: calc(100% - 2.4rem); /* evita overflow orizzontale */
  cursor: default;
}

/* singolo tag */
.post-tag {
  display: inline-block;
  padding: 0.25rem 0.6rem;
  font-size: 0.8rem;
  color: #fff;
  background-color: #06c;
  border-radius: 0.375rem;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  text-transform: uppercase;
  white-space: nowrap;
}

/* mobile: dimensioni/posizione ridotte */
@media (max-width: 480px) {
  .post-tags { right: 0.6rem; bottom: 0.6rem; gap: 0.3rem; }
  .post-tag { font-size: 0.75rem; padding: 0.18rem 0.45rem; }
}
	


/*RESET VARI*/

.card-title svg {
	display: none;
}


/* per evitare di ripetere .table-responsive uso la pseudo‑class selector :is() (o :where() se voglio zero specificità).*/

:is(#it-allegati-modulistica, #it-allegati-normativa, #it-altriallegati, #it-informativa-privacy, #it-oneriistruttori, #it-allegati-oneriistruttori, #it-vista-modulistica, .table-responsive) :is(
  .card,
  .card-bg,
  .border,
  .card.card-bg,
  .shadow,
  /*.rounded,*/
  .card .card-body h5.card-title
) {
  all: unset !important; /* rimuove gli stili forniti dal browser (user-agent), dai fogli esterni e dalle regole normali */
}

:is(#it-allegati-modulistica, #it-allegati-normativa, #it-altriallegati, #it-informativa-privacy, #it-oneriistruttori, #it-allegati-oneriistruttori, #it-vista-modulistica, .table-responsive) 
.card.card-bg.shadow.card-teaser.rounded.border.no-after {
	all: unset !important;
	display: block;
}

:is(#it-allegati-modulistica, #it-allegati-normativa, #it-altriallegati, #it-informativa-privacy, #it-oneriistruttori, #it-allegati-oneriistruttori) 
 a {
	font-size:1rem;
}

:is(#it-allegati-modulistica, #it-allegati-normativa, #it-altriallegati, #it-informativa-privacy, #it-oneriistruttori, #it-allegati-oneriistruttori, #it-vista-modulistica) 
h5 > span {
	font-size:1rem;
	display:in-line;
}
	
 .navbar .navbar-collapsable .menu-wrapper .nav-item.megamenu .dropdown-menu .it-heading-link-wrapper {
    padding-bottom: 10px;
	margin: 0 0 14px;
  }
  
 .navbar .navbar-collapsable .menu-wrapper .nav-item.megamenu .dropdown-menu .col-12 .link-list-wrapper ul.link-list li a {
    padding: .2em 10px !important;
    line-height: 0.1rem;
  }
  
.dropdown-menu .link-list li:last-child {
	margin-bottom: 0.8rem;
}

#allerta-rossa, #allerta-arancione, #allerta-gialla, #allerta-nessuna {
  background-position: center center;
  width: 65px;
  height: 65px;
  float: left;
  margin-right: 10px;
  margin-left: auto;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background-repeat: no-repeat;
}
#allerta-rossa {
  background-color: #E1080A;
  background-image: url(https://www.provincia.cuneo.it/_images/allerta-meteo/small-rossa.png);
}
#allerta-arancione {
  background-color: #F98A0D;
  background-image: url(https://www.provincia.cuneo.it/_images/allerta-meteo/small-arancione.png);
}
#allerta-gialla {
  background-color: #FADC04;
  background-image: url(https://www.provincia.cuneo.it/_images/allerta-meteo/small-gialla.png);
}
#allerta-nessuna {
  background-color: #6eb700;
  background-image: url(https://www.provincia.cuneo.it/_images/allerta-meteo/small-nessuna.png);
}

#it-protezionecivile-news footer p {
	margin-bottom:0px;
}

#it-uffici-palazzo {
  /*background-color: #1b371d;*/
  padding: 2rem;
  /*color: #fff;*/
  margin-bottom: 2rem;
  width: 98%;
  /*transform: rotate(1deg);*/
  box-shadow: 0 6px 10px #03121a1f, 0 2px 6px #03121a0f;
  border-radius: 1rem;
  /*border: 2rem solid #fff;*/
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  height:26rem;
}

#it-eventi {
  /*background-color: #1b371d;*/
  padding: 2rem;
  /*color: #fff;*/
  margin-bottom: 2rem;
  width: 98%;
  /*transform: rotate(1deg);*/
  box-shadow: 0 6px 10px #03121a1f, 0 2px 6px #03121a0f;
  border-radius: 1rem;
  /*border: 2rem solid #fff;*/
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  height:26rem;
}

#it-uffici-palazzo h2 {
	text-transform: uppercase;
    margin-bottom: 1.4rem;
    color: #7d6d59;;
}

#it-eventi h2 {
	text-transform: uppercase;
	margin-bottom: 1.4rem;
	color: #388ac6;
}

#it-webcam-direct img {
	
}


#it-webcam-direct h2 {
	text-transform: uppercase;
	margin-bottom: 1.4rem;
}

#it-webcam-direct a {
	color: #40c7e7;
}

#it-eventi a {
	/*color:#FFFFFF;*/
}

#it-uffici-palazzo img {
	width:300px;
}

#it-eventi img {
	width:300px;
}


#it-sponsor {
	background-color: #1b371d;
  padding: 2rem;
  color: #fff;
  margin-bottom: 2rem;
  width: 98%;
  /*transform: rotate(1deg);*/
  box-shadow: 0 6px 10px #03121a1f, 0 2px 6px #03121a0f;
  border-radius: 1rem;
  /*border: 2rem solid #fff;*/
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  height:26rem;
}

#it-sponsor a {
	color:#FFFFFF;
}

/*WEBCAM*/

#it-webcam-direct {
	background-color: #000;
  padding: 2rem;
  color: #fff;
  margin-bottom: 2rem;
  width: 98%;
  border-radius: 1rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  height: 26rem;
}

#it-webcam {
  background-color: #333642;
  padding: 2rem;
  color: #fff;
  margin-bottom: 2rem;
  width: 98%;
  /*transform: rotate(1deg);*/
  box-shadow: 0 6px 10px #03121a1f, 0 2px 6px #03121a0f;
  border-radius: 1rem;
  /*border: 2rem solid #fff;*/
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  height:26rem;
}

#it-webcam p a {
	color:#01b1db;
}

#it-webcam p {
	margin-bottom:2rem;
	color: #fff;
}

#it-webcam h2::before {
  content: "\f030";    /* simbolo personalizzato */
  font-size: 0.9em; /* dimensione */  
  display: inline-block;
  font-family: "FontAwesome";
  font-weight: 100;
  font-style: normal;
  line-height: 1;
  margin-right: 0.4rem;
  margin-left: 0.2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-left:0.6rem;
}

/* Reset DL/DD */
#it-webcam dl,
#it-webcam dd { margin: 0; padding: 0; }

/* container grid: colonne variabili, righe fisse */
#it-webcam ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .8rem;
  grid-template-columns: repeat(10, 1fr); /* desktop: 9 per riga */
  grid-auto-rows: 100px;                   /* altezza riga fissa */
  max-height: calc( (100px * 2) + .8rem ); /* mostra solo 2 righe + gap */
  overflow: hidden;
  justify-items: center; /* centra le celle */
}
/* singolo item */
#it-webcam ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
/* link/thumbnail: riempie la cella */
#it-webcam ul li a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 4px;
  border: 4px solid #fff;
  background: #fff;
  box-sizing: border-box;
}
/* immagine come prima */
#it-webcam ul li a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* breakpoint: meno colonne su schermi medi */
@media (max-width: 1920px) {
  #it-webcam ul { grid-template-columns: repeat(9, 1fr); }
}
@media (max-width: 1600px) {
  #it-webcam ul { grid-template-columns: repeat(6, 1fr); }
}
@media (max-width: 1400px) {
  #it-webcam ul { grid-template-columns: repeat(4, 1fr); }
}
/* breakpoint: meno colonne su schermi piccoli */
@media (max-width: 1200px) {
  #it-webcam ul { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 800px) {
  /*#it-webcam ul { grid-template-columns: repeat(2, 1fr); }*/
  
  #it-webcam {
	  height: 12rem;
	}
	
  #it-webcam ul {
	  display:none;
	  }
	  
  #it-novita-scadenze .it-grid-list-wrapper .col-6 {
  width: calc(100% - 12px);
}
}

@media (max-width: 400px) {
  /* eventualmente riduco l'altezza delle righe su telefoni */
  /*#it-webcam ul { 
		grid-template-columns: repeat(1, 1fr);
		grid-auto-rows: 64px; max-height: calc((64px * 2) + .4rem); 
	  }
  */
  
  #it-webcam ul { 
	  display:none;
	  }
}

/* Image fills the square and is cropped preserving aspect ratio */
#it-webcam ul li a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  vertical-align: middle;
  border: 0;
}

/* Override inline width/height attributes if present */
#it-webcam img[width],
#it-webcam img[height] {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Hover / focus effects */
#it-webcam ul li a:hover,
#it-webcam ul li a:focus {
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(11,42,87,0.08);
  border-color: rgba(11,42,87,0.12);
  outline: none;
}

/* Visible focus ring for keyboard users */
#it-webcam ul li a:focus-visible {
  box-shadow: 0 0 0 3px rgba(11,42,87,0.12);
}

/* Descriptive text */
#it-webcam .webcam-caption {
  margin: .5rem 0 0;
  font-size: .95rem;
}

/* Larger thumbnails on wide screens */
@media (min-width: 1200px) {
  #it-webcam ul li a { /*width: 96px; height: 96px;*/ }
}

/* Smaller on small screens */
@media (max-width: 600px) {
  #it-webcam { padding: .75rem; }
  #it-webcam ul { gap: .4rem; }
  #it-webcam ul li a { width: 64px; height: 64px; }
}


#it-servizi {
	background-color:#ddd;
}

.separator-up {
	-webkit-transform: skewX(0) skewY(-2deg);
    -ms-transform: skewX(0) skewY(-2deg);
    transform: skewX(0) skewY(-2deg);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	}
	
.separator-down {}

/* If theme applies strong rules, increase specificity */
.contextual-region#it-webcam ul li a img {
  object-fit: cover;
  object-position: center;
}


/* CARD BEGIN*/

/* Container group: responsive layout */
#it-servizidigitali .card-group {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 0 -0.5rem;
}

/* Each card: base bootstrap-like styling */
#it-servizidigitali .card-group .card {
  flex: 1 1 230px; /* grow, shrink, min width */
  /*min-width: 260px;
  max-width: 360px;*/
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 0.5rem;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}

/* Make the whole icon area clickable */
#it-servizidigitali .card > a {
  display: block;
  color: inherit;
  text-decoration: none;
}

/* Icon wrapper */
#it-servizidigitali .fontawesome-icons {
  padding: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(0,0,0,0.02), transparent);
}

/* Icon sizing and color (override inline vars if needed) */
#it-servizidigitali .fontawesome-icon .fa-fas,
#it-servizidigitali .fontawesome-icon .fa {
  display: inline-block;
  color: #286a92; 
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
}

/* Header area */
#it-servizidigitali .card-header {
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  font-size: 1.5rem;
  border-bottom: 1px solid #f1f1f1;
  background: transparent;
  text-align: center;
}

/* Ensure header link styling */
#it-servizidigitali .card-header a {
  color: #286a92;
  text-decoration: none;
}
#it-servizidigitali .card-header a:hover,
#it-servizidigitali .card-header a:focus {
  color: #0d6efd;
  text-decoration: underline;
}

/* Body/description */
#it-servizidigitali .card-body {
  padding: 0.75rem 1.5rem 1.5rem;
  font-size: 1rem;
  color: #495057;
  flex-grow: 1;
}

/* Small screens: full width stack */
@media (max-width: 576px) {
 #it-servizidigitali .card-group {
    gap: 0.75rem;
  }
 #it-servizidigitali .card-group .card {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

/* Optional: hover lift effect */
#it-servizidigitali .card-group .card:hover {
  transform: translateY(-4px);
  transition: transform 160ms ease-in-out, box-shadow 160ms ease-in-out;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}

/* CARD END */


/* BEGIN #it-tuttiicontatti */

#it-tuttiicontatti .fontawesome-icons {
	font-family: "FontAwesome";
	color: #FFF;
}

#it-tuttiicontatti{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  border-radius: .6rem;
  margin-bottom: 2rem;
  background-color: #286a92;
  padding: 2rem;
}

#it-tuttiicontatti h2 {
	text-transform: uppercase;
  margin-bottom: 1.4rem;
  font-size: 1.8rem;
  color: #ffffff;
  text-align: center;
  margin-bottom: 1rem;
}

#it-tuttiicontatti img[src$=".svg"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
  margin-bottom: 0.7rem;
  line-height: 48px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
  margin-bottom: 0.7rem;
  line-height: 48px;
  background-color: #286a92;
  padding: 0.4rem;
  border-radius: 0.3rem;
}



/* Container group: responsive layout */
#it-tuttiicontatti .card-group {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 0 -0.5rem;
}

/* Each card: base bootstrap-like styling */
#it-tuttiicontatti .card-group .card {
  flex: 1 1 280px; /* grow, shrink, min width */
  /*min-width: 260px;
  max-width: 360px;*/
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 0.5rem;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}

/* Make the whole icon area clickable */
#it-tuttiicontatti .card > a {
  display: block;
  color: inherit;
  text-decoration: none;
}

/* Icon wrapper */
#it-tuttiicontatti .fontawesome-icons {
  padding: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  /*background: linear-gradient(180deg, rgba(0,0,0,0.02), transparent);*/
}

/* Icon sizing and color (override inline vars if needed) */
#it-tuttiicontatti .fontawesome-icon .fa-fas,
#it-tuttiicontatti .fontawesome-icon .fa {
  display: inline-block;
  color: #286a92; 
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
}

/* Header area */
#it-tuttiicontatti .card-header {
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  font-size: 1.5rem;
  border-bottom: 1px solid #f1f1f1;
  background: transparent;
  text-align: center;
}

/* Ensure header link styling */
#it-tuttiicontatti .card-header a {
  color: #286a92;
  text-decoration: none;
}
#it-tuttiicontatti .card-header a:hover,
#it-tuttiicontatti .card-header a:focus {
  color: #0d6efd;
  text-decoration: underline;
}

/* Body/description */
#it-tuttiicontatti .card-body {
  padding: 0.75rem 1.5rem 1.5rem;
  font-size: 1rem;
  color: #495057;
  flex-grow: 1;
}

/* Small screens: full width stack */
@media (max-width: 576px) {
 #it-tuttiicontatti .card-group {
    gap: 0.75rem;
  }
 #it-tuttiicontatti .card-group .card {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

/* Optional: hover lift effect */
#it-tuttiicontatti .card-group .card:hover {
  transform: translateY(-4px);
  transition: transform 160ms ease-in-out, box-shadow 160ms ease-in-out;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}

/* END #it-tuttiicontatti */


.citazioneNormativa {
	color: #eeeeee;
}


/* Blocco citazione normativa */
blockquote.citazioneNormativa {
  margin-top: 2rem;
  margin-right: 2rem;
  margin-bottom: 1.25rem;
  margin-left: 2rem;
  padding-top: 2rem;
  padding-right: 2rem;
  padding-bottom: 1rem;
  padding-left: 1.25rem;
  border-left: .35rem solid #0b5fff; /* colore evidenza */
  background: linear-gradient(180deg, rgba(11,95,255,0.03), rgba(11,95,255,0.01));
  color: #0b1726;
  border-radius: .35rem;
  box-shadow: 0 1px 0 rgba(10,10,10,0.02);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 0.9rem;
  line-height: 1.45;
  position: relative;
}

/* Testo della citazione (eventuale virgolette stilizzate) */
blockquote.citazioneNormativa::before {
  content: "“";
  font-size: 6rem;
  line-height: 0;
  position: absolute;
  top: 1rem;
  left: .5rem;
  color: rgba(11,95,255,0.12);
  font-family: Georgia, serif;
}

/* Contenuto principale */
blockquote.citazioneNormativa p {
  margin: 0;
  padding: 0;
  text-wrap: pretty;
}

/* Fonte / riferimento normativo (es. art., legge, decreto) */
blockquote.citazioneNormativa .riferimento,
blockquote.citazioneNormativa cite {
  display: block;
  margin-top: 1rem;
  font-family: Inter, Arial, sans-serif;
  font-size: 1rem;
  color: #213048;
  opacity: .9;
}

/* Tag di tipo (es. "Norma", "Art.") posizionato come badge */
blockquote.citazioneNormativa strong {
  display: inline-block;
  margin-bottom: 1rem;
  padding: .15rem .5rem;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  background: rgba(11,95,255,0.08);
  color: #16449a;
  border-radius: .25rem;
  vertical-align: middle;
}

/* Mini-note opzionale (es. nota redazionale) */
blockquote.citazioneNormativa em {
  display: block;
  margin-top: .5rem;
  color: #546074;
}

/* Focus/accessibilità quando il blocco è interattivo */
blockquote.citazioneNormativa[tabindex] {
  outline: none;
}
blockquote.citazioneNormativa[tabindex]:focus {
  box-shadow: 0 0 0 3px rgba(11,95,255,0.12);
  border-left-color: #0846d6;
}

/* Stampa: contrasto maggiore e nessun effetto non necessario */
@media print {
  blockquote.citazioneNormativa {
    background: transparent;
    box-shadow: none;
    border-left-color: #000;
    color: #000;
  }
  blockquote.citazioneNormativa::before { color: #ddd; }
}


.group-middle figure img {
    width: 50%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding: 1rem;
  border: 1px dotted #000;
  background-color: #fff;
}

.group-middle figure figcaption {
  font-size: .875rem;
  line-height: 1rem;
  width: 50%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  align-content: center;
  display: block;
  margin-top: 0.6rem;
  color: #646d7a;
}
 
/* Stile tabelle Bootstrap-like */
#it-corpopagina table {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  border-collapse: collapse;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 1rem;
}

.group-middle table.table {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  border-collapse: collapse;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 1rem;
  /*font-size: 0.95rem;*/
}

.group-middle table.table li {
	font-size: 0.95rem;
}

#it-corpopagina table.l100 {
    width: 100%;
  }
  
#it-corpopagina table.l100 td, .group-middle table.table td {
	text-align: left;
  }

/* Header tabella */
#it-corpopagina table thead th, .group-middle table.table thead th {
  background-color: #0066cc;
  color: #fff;
  font-weight: 600;
  text-align: left;
  padding: 12px 15px;
  border-bottom: 2px solid #004c99;
}

#it-corpopagina table thead th a, .group-middle table.table thead th a {
	color: #fff;
}

#it-corpopagina table tbody th, .group-middle table.table tbody th {
  background-color: #e1f0fa;
  font-weight: 600;
  text-align: left;
  padding: 12px 15px;
}

/* Celle tabella */
#it-corpopagina table td, .group-middle table.table td {
  padding: 12px 15px;
  border-bottom: 1px solid #e5e5e5;
}

/* Righe alternate (zebra striping) */
#it-corpopagina table tbody tr:nth-child(odd), .group-middle table.table tbody tr:nth-child(odd) {
  background-color: #f8f9fa;
}

#it-corpopagina table tbody tr:nth-child(even), .group-middle table.table tbody tr:nth-child(even) {
  background-color: #fff;
}

/* Hover sulle righe */
#it-corpopagina table tbody tr:hover, .group-middle table.table tbody tr:hover {
  background-color: #e7f3ff;
  transition: background-color 0.2s ease;
  cursor: pointer;
}

/* Bordi tabella */
#it-corpopagina table,
#it-corpopagina table th,
#it-corpopagina table td {
  border: 1px solid #dee2e6;
}

.group-middle table.table,
.group-middle table.table th,
.group-middle table.table td {
  border: 1px solid #dee2e6;
}

/* Responsive: scroll orizzontale su mobile */
@media (max-width: 768px) {
  #it-corpopagina table {
    width: 100%;
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* Tabelle con classe .#it-corpopagina table-striped */
#it-corpopagina table-striped tbody tr:nth-child(odd) {
  background-color: #f8f9fa;
}

/* Tabelle con classe .#it-corpopagina table-hover */
#it-corpopagina table-hover tbody tr:hover {
  background-color: #e7f3ff;
}

/* Tabelle bordered */
#it-corpopagina table-bordered {
  border: 1px solid #dee2e6;
}

#it-corpopagina table-bordered th,
#it-corpopagina table-bordered td {
  border: 1px solid #dee2e6;
}

#it-corpopagina table td {
vertical-align: top;
  text-align: left;
}

/* Variante con header più scuro */
#it-corpopagina table#it-corpopagina table-dark thead th {
  background-color: #343a40;
  color: #fff;
  border-color: #454d55;
}



/* Wrapper: massimo 800px, centrato come in Bootstrap (mx-auto) */
#it-corpopagina figure[role="group"] {
  max-width: 90%;
  margin: 0 auto;           /* center block */
  padding: 0 1rem;          /* gutter come in container */
  text-align: center;       /* caption centrata */
}

/* Rendiamo l'immagine responsiva come .img-fluid */
#it-corpopagina figure[role="group"] img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: 0.25rem;   /* look Bootstrap */
  box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
}

/* Link che contiene l'immagine occupa tutta l'area cliccabile */
#it-corpopagina figure[role="group"] > a {
  display: block;
  line-height: 0; /* rimuove gap sotto l'immagine */
  text-decoration: none;
}

/* Caption stile Bootstrap small text-muted */
#it-corpopagina figure[role="group"] figcaption {
  margin-top: 0.5rem;
  color: #6c757d;
  font-size: 0.9rem;
}

/* RIDEFINIZIONE MODULI RICERCA VISTE */

/* MARGINE TENDINE SELECT PER RISOLUZIONE BUG DI VISUALIZZAZIONE */

.views-element-container .view .select-wrapper select {
	margin-bottom: 2rem;
    margin-top: 1rem;
}

.views-element-container .view .form-group {
	margin-top: 2rem;
}

.img-responsive-wrapper .img-responsive,
.card.card-img .img-responsive-wrapper .img-responsive {
	padding-bottom: 50%;
}


body.locus-amministrazione-trasparente #it-vista-modulistica header {
	margin-bottom:2rem;
}

.view-homesezione {margin-top:1rem;}

.view-homesezione span.logData {
  font-size: 0.9rem;
  color: gray;
  }
  
.view-homesezione span::before {
  content: '\f133';
  font-size: 0.9rem;
  margin-right: 0.5rem;
  font-family: "FontAwesome";
  }

.image-style-immagine-nodo{
  width: 16rem;
  height: 16rem;
  margin-right: 2rem;
  float: left;
  max-width: 100%;
  transform-origin: center center;
  /*border-radius: 50%!important;*/
  margin-bottom: 2rem;
}

div.fotoSottopagina {
  width: 16rem;
  height: 16rem;
  margin-right: 1.6rem;
  float: left;
  max-width: 100%;
  transform-origin: center center;
  margin-bottom: 1.6rem;
  margin-top: 0.7rem;
  /*border-radius: 50% !important;*/
}

.view-homesezione article::after {
  content: "";
  display: table;
  clear: both;
}

.view-homesezione .estrattoSottopagina {
	line-height: 2.4rem;
}

.view-homesezione article {
	margin-bottom: 2rem;
}

.navbar .navbar-collapsable .menu-wrapper .nav-item.megamenu .dropdown-menu .link-list-wrapper ul.link-list li a {
  white-space: nowrap;
}

/* Adattamento per schermi molto piccoli */
@media (max-width: 576px) {
  #it-corpopagina figure[role="group"] { padding: 0 0.5rem; }
}

/*RIDEFINIZIONI per SCHERMI MEDI e PICCOLI */

/*
	.news-date.calendar {
	display: none;
	}
	
	*/


/* per schermi con larghezza < 1936px riduci tutto del 5% */
@media (max-width: 1935px) {
	html {
		font-size: 90%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		}

	#it-inprimopiano article img {
		width: 10rem;
		height: 10rem;
	  }
	  .news-excerpt {
		font-size: 1.05rem;
	  }
	  #dovesiamo img {
		width: 10rem;
		height: 10rem;
	  }
	  #it-inevidenzaprociv, #it-protezionecivile-news, #it-allertameteo {
		min-height: 26rem; /*impostata a 26rem dopo test su monitor 1936px x 1048px */
	  }
	  
	  #it-protezionecivile-news ul {
	    padding-left: 1rem;
		}

	  .news-header {
		  align-items: normal;
		  overflow: hidden;
		  gap: 0rem;
		}
	  .news-title {
		  font-size: 1.3rem;
		  }
	   .news-excerpt {
          font-size: 1rem;
          height: 8rem;
          overflow: hidden;
		  line-height: 1.3rem;
		}
		.news-excerpt:after {
          content:"...";
		}
		.news-media img {
		  width: 8.8rem;
		  height: 8rem;
		}
		.cal-time, .cal-year {
			display:none;
		}
		.image-style-immagine-nodo{
	    width: 10rem;
	    height: 10rem;
	    }
	    div.fotoSottopagina {
		width: 10rem;
	    height: 10rem;
		}
		
}

/* per schermi con larghezza < 1684px riduci tutto del 10% */
@media (max-width: 1683px) {
	#it-inprimopiano article img {
		width: 10rem;
		height: 10rem;
	  }
	  .news-excerpt {
		font-size: 1.05rem;
	  }
	  #dovesiamo img {
		width: 10rem;
		height: 10rem;
	  }
	  #it-inevidenzaprociv, #it-protezionecivile-news, #it-allertameteo {
		min-height: 28rem; /*impostata a 26rem dopo test su monitor 1936px x 1048px */
	  }
	  
}


/* per schermi con larghezza < 1550px riduci tutto del 15% e imposta altezza blocco un po' più alto */
@media (max-width: 1549px) {
	
	#it-inprimopiano article img {
		width: 10rem;
		height: 10rem;
	  }
	#dovesiamo img {
		width: 10rem;
		height: 10rem;
	  }
	
}

/* per schermi con larghezza < 1400px riduci tutto del 15% */
@media (max-width: 1399px) {
  
}
@media (max-width: 1200px) {
    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .icon {
	  display:none;
	  }
}

@media (min-width: 1200px) {
  .it-header-sticky.is-sticky .nav-item button.nav-link {
    font-size: initial;
  }
  .navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link, 
  .navbar .navbar-collapsable .navbar-nav li.nav-item button.nav-link {
    padding: 13px 18px;
  }
  #it-protezionecivile-news ul {
	    padding-left: 0.4rem;
		}
  
}
@media (max-width: 992px) {
	.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .it-brand-title  {
		font-size: 1.8rem !important;
		margin-left:1.8rem;
		padding-bottom:0.6rem;
	}
	
	.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .it-brand-tagline {
		margin-left:1.8rem;
		padding-bottom:0.6rem;
		}
	
	.container-fluid {
		width: 100%;
	}
	
	.it-header-center-wrapper {
        min-height: 6rem;
		}
		
	.it-header-center-wrapper .it-header-center-content-wrapper {
		width: 100%;
	}  
	
	.it-header-center-wrapper .it-header-center-content-wrapper .it-search-wrapper {
		margin-left:0rem;
		margin-right:0rem;
	}  

		
	.it-header-center-wrapper .it-header-center-content-wrapper {
		padding-right: 0px;
	}
		
	.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .icon {
		display:none;
	}
	
	.navbar .dropdown-menu .link-list-wrapper ul li a span, 
	.navbar .navbar-collapsable .navbar-nav li > button.nav-link, 
	.navbar .navbar-collapsable .navbar-nav li a.nav-link {
		color: #fff;
	}
	
	.it-carousel-wrapper .splide__pagination button {
		width: 1rem;
		height: 1rem;
		border-radius: 50%;
	}
	
	.navbar .dropdown-menu a.it-heading-link {
		color: #e2e2d2;
	}
	
	#it-page-front [id^="it-"] h2 {
		font-size: 1.4rem;
	}
	
	.ds-3col-stacked-fluid.group-one-sidebar > .group-middle,
	.ds-3col-stacked-fluid > .group-right {
		width: 100%;
		float: none;
		padding-left: 1rem;
		padding-right: 1rem;
		}
	#page-default h1 {	
		font-size: 2rem;
	}
	
	#it-region-sidebar-first {
		margin-bottom: 1rem;	
	}
	
	.notizia .description {
		width: 93%;
		bottom: 0%;
		left: 0rem;
		}
	
	.notizia img {
		padding: 0rem;}
		
	.img-responsive-wrapper .img-responsive, .card.card-img .img-responsive-wrapper .img-responsive {
		padding-bottom: 65%;}
		
	.splide__slide { 
		margin-right: 1rem !important;
		}
	
	.articoliInEvidenza .notizia h3.title {
		font-weight: 500;
		}
}
@media (min-width: 992px) {
  .it-header-sticky.is-sticky .nav-item button.nav-link {
    font-size: inherit;
  }
  
}

@media (min-width: 990px) {
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  
  .navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link, .navbar .navbar-collapsable .navbar-nav li.nav-item button.nav-link {
    padding: 6px 10px;
  }
}

@media (min-width: 992px) {
  .it-header-wrapper.it-header-sticky.is-sticky .it-header-navbar-wrapper .menu-wrapper .navbar-nav.navbar-secondary {
    display: inline-flex;
  }
}

/* zoom ~125% */
@media (min-width: 576px) and (min-resolution: 1.22dppx) and (max-resolution: 1.28dppx) {
   .it-header-sticky.is-sticky .nav-item button.nav-link, 
  .nav-link {
	  font-size:0.95rem;
	  }
}

/* zoom ~100% */
@media (min-resolution: 1dppx) and (max-resolution: 1dppx) {
   
  p, ul, ol, dl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

/* zoom ~125% DEBUG Cy */
@media (min-resolution: 1.22dppx) and (max-resolution: 1.28dppx) {
  html {font-size: 95%;} /* 1 / 1.25 = 0.8 */
  /*.it-header-navbar-wrapper {background-color: #41933e;}  verde 125% */
}

/* zoom ~150% (1.5x) DEBUG Cy */
@media (min-resolution: 1.49dppx) and (max-resolution: 1.6dppx) {
  html {font-size: 66.6667%;}
  .navbar .navbar-collapsable .menu-wrapper {}
  /*.it-header-navbar-wrapper {background-color: #ffa519;}  arancione 150% */	
}
 
/* zoom ~175% (1.75x) DEBUG Cy */
@media (min-resolution: 1.7dppx) and (max-resolution: 1.8dppx) {
  html {font-size: 66.6667%;}
 /*.it-header-navbar-wrapper {background-color: #ad0101;}  rosso 175% */
 .navbar .navbar-collapsable .menu-wrapper {
        background-color: #904669!important;
    }
}

#news-presidente { box-sizing: border-box; --card-gap:1.5rem; }

#news-presidente .view {
  display:grid;
  gap:var(--card-gap);
  grid-template-columns:repeat(1,1fr);
  align-items:start;
}
@media (min-width:576px){ #news-presidente .view{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:992px){ #news-presidente .view{ grid-template-columns:repeat(3,1fr); } }
@media (min-width:1400px){ #news-presidente .view{ grid-template-columns:repeat(4,1fr); } }

#news-presidente .view > h3 { display:none; } /* nasconde i titoli esterni duplicati */

#news-presidente .view > div { display:block; }

#news-presidente article.vi-card{
  display:flex; flex-direction:column; height:100%;
  background:#fff; border:1px solid #e9e9e9; border-radius:2px; overflow:hidden;
  box-shadow:0 2px 6px rgba(0,0,0,0.04);
}

#news-presidente .vi-card__link{ display:flex; flex-direction:column; height:100%; color:inherit; text-decoration:none; }

#news-presidente .vi-card__media{ width:100%; height:180px; background:#f6f6f6; overflow:hidden; }
#news-presidente .vi-card__media img{ width:100%; height:100%; object-fit:cover; display:block; }

#news-presidente .vi-card__body{ padding:1rem; display:flex; flex-direction:column; gap:.5rem; flex:1 1 auto; }
#news-presidente .vi-card__meta{ display:flex; flex-direction:column; gap:.4rem; margin-bottom:.25rem; }
#news-presidente .vi-card__kicker{ font-size:.85rem; color:#6b6b6b; }
#news-presidente .vi-card__date{ font-size:.85rem; color:#666; }

#news-presidente .vi-card__title{ margin:0; font-size:1.02rem; font-weight:700; color:#0b5aa6; line-height:1.2; }
#news-presidente .vi-card__title a{ color:inherit; text-decoration:none; }
#news-presidente .vi-card__title a:hover,#news-presidente .vi-card__title a:focus{ text-decoration:underline; }

#news-presidente .vi-card__excerpt{ color:#333; font-size:.95rem; margin-top:.25rem; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden; }

#news-presidente .vi-card__footer{ padding:.6rem 1rem; border-top:1px solid #f2f2f2; background:transparent; text-align:left; }
#news-presidente .btn-read{ color:#0b5aa6; text-decoration:underline; font-size:.95rem; }

#news-presidente .img-placeholder{ width:100%; height:180px; display:flex; align-items:center; justify-content:center; background:#eef2fb; }

#news-presidente .vi-card__title a:focus-visible, #news-presidente .btn-read:focus-visible{ outline:3px solid #f3c73f; outline-offset:3px; }

@media (max-width:575px){
  #news-presidente .vi-card__media{ height:160px; }
  #news-presidente .vi-card__excerpt{ -webkit-line-clamp:5; }
}
 

/*A 1414/3 il menu top esce a blocco 
	
.navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link, 
	.navbar .navbar-collapsable .navbar-nav li.nav-item button.nav-link {
    padding: 13px 8px;
	  }
	  
	*/
	
/*
.user-logged-in .it-header-slim-wrapper {
	display:block;
}*/