body{
    font-weight:400; color:#1c2024;
  /*  min-height: 100vh;
    display: flex;
    flex-direction: column;
    margin: 0; */
}
b, strong {
    font-weight: 700;
}


/*#content div.row{margin-top:10px;}*/

/*.it-page-sections-container > .row:not(:first-child) {
    
    margin-top: 20px;
    
}*/

.skip-link {
    position: fixed;
    top: -200px;
}
.skip-link:focus {
    top: 0; /* Now the link will appear */
}
time > .day {
	display:block;
	font-size:2.666rem;
	font-weight:700;
}
time > .month {
	display:block;
	font-size:1rem;
	font-weight:400;
}
time > .time {
	display:block;
	font-size:0.9rem;
	font-weight:400;
}
.h190{
    height: 190px;
}
.banner-image {
	height: 100%;
	width: 100%;
	position: absolute;
	object-fit: cover;
}

nav.toolbar li a{white-space:nowrap}

.modal-fs {
    min-width: 100%;
    height:100%;
	margin: 0!important;
	
}

.modal-fs .modal-content {
    min-height: 100%;
}

.modal-fs .modal-dialog {
    min-width: 100%;
    margin: 0;
}

/*search*/
#cse-box .gsc-control-cse, #cse-box .gsc-control-cse .gsc-table-result {
	font-family: "Titillium Web",Geneva,Tahoma,sans-serif;
	font-weight: 300;
	color: #19191a;
	text-align: left;
}
#cse-box .gsc-control-cse{
	padding:0;
}
#cse-box .gs-title, #cse-box .gs-title b {
	font-size: 1.555rem;
	line-height: 1.428;
}
#cse-box .gs-bidi-start-align{
	font-size:18px;
}
#cse-box .gs-image{
	border:0;
}
#cse-box .gs-image-box{
	width:auto;
}
#cse-box .gs-bidi-start-align{
	color: #5a768a !important;
}
#cse-box .gsc-cursor-page {
	height: 2.66667rem;
	min-width: 2.66667rem;
	border-radius: 4px;
	font-size: .88889rem;
	font-weight: 600;
	background-color: transparent;
	padding: .6rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	display: inline-block;
	text-align: center;
	color:#5b6f82;
}

#cse-box .gsc-cursor-current-page{
	border: 1px solid #06c;
	color: #06c;
	pointer-events: none;
}


.rescue-map h4{
    font-size: 0.9rem
}

.it-socials span.fab{
	font-size:1.3em;
}



.navbar .dropdown-menu {
  z-index: 10 !important;
}

/* 2. SISTEMAZIONE MOBILE (Drawer) */
@media (max-width: 768px) {
.navbar-collapsable {
  z-index: 10 !important;
}

/* 3. DEPOTENZIAMENTO TOOLBAR */
/* Abbassiamo la toolbar delle news affinché non passi sopra i menu */
.toolbar {
  z-index: 5 !important; /* Un valore basso ma sufficiente per i suoi scopi */
  position: relative; 
}

  .toolbar:before {
        -webkit-transform: translateY(50%) scalex(1) scaleY(.12); /* O un valore inferiore a 1.4 */
        transform: translateY(50%) scalex(1) scaleY(.12);
    }


    .card-title{
       /** font-weight: 400;*/
    }
}

/**END REGOLE MOBILE**/

.link-list-wrapper ul li a,.it-list-wrapper .it-list a .it-right-zone span.metadata{
    font-weight: 400;
}


/*MIGLIORAMENTO ACCORDION */

/* 1. Rimuove la sottolineatura dal bottone (e quindi dal +) */
.collapse-header [data-toggle='collapse']:hover {
    text-decoration: none !important;
}

/* 2. La aggiunge solo allo span (il testo) */
.collapse-header [data-toggle='collapse']:hover span {
    text-decoration: underline;
}

/* 3. Risolve l'indentazione multiriga (senza float) */
.collapse-left-icon .collapse-header [data-toggle='collapse'] {
    display: flex !important;
}

.collapse-left-icon .collapse-header [data-toggle='collapse']::before {
    float: none !important; 
    margin-right: 1rem;
    flex-shrink: 0;
}

/* Colore blu per testo e icona quando il pannello è aperto */
/* Esclude la regola se l'antenato è .collapse-background-active */
/*.collapse-header:not(.collapse-background-active *) [data-toggle='collapse'][aria-expanded='true'],
.collapse-header:not(.collapse-background-active *) [data-toggle='collapse'][aria-expanded='true'] span {
    color: #444 !important;
    
}*/

/*allineamento etichette commissioni*/
/*.it-list-wrapper .it-list a .it-right-zone {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}*/

/* 2. Sovrascrive il metadato per ancorarlo a destra */
.it-list-wrapper .it-list a .it-right-zone span.metadata {
    margin-left: auto !important;
    max-width: 30% !important;  /* Punto nevralgico: limite spazio */
    flex-shrink: 0 !important;   /* Impedisce che venga compresso ulteriormente */
    text-align: right !important;
    word-wrap: break-word;       /* Se il testo è troppo lungo, va a capo invece di uscire */
}

/*ALLEGATI*/
div.allegati ul.link-list li a{
    line-height:inherit !important;
}

/*CLASSE PER DISABILITARE LINK LADDOVE NON ESISTE*/ 
.card-body a.disabled-link, .it-list li a.disabled-link {
    color: inherit !important;          /* Eredita il colore del testo circostante */
    text-decoration: none !important;   /* Rimuove qualsiasi sottolineatura */
    cursor: default !important;          /* Imposta il cursore normale (non la manina) */
    pointer-events: none;               /* Disattiva click ed effetti di hover nativi */
}

/*HERO*/
/*@media (min-width: 992px) {
    .it-hero-wrapper .it-hero-text-wrapper h2, .it-hero-wrapper .it-hero-text-wrapper span, .it-hero-wrapper .it-hero-text-wrapper p{
       text-shadow:0 0 2px #004080;
    }
}*/

/*tabs*/
@media (min-width: 1200px) {
          .nav-tabs.auto  {
    
    flex-wrap: wrap;
  }
}

/*aggiungo classi mancanti in questa versione di _sizing.scss*/
/* Breakpoint SM (>= 576px) */
@media (min-width: 576px) {
  .w-sm-auto { width: auto !important; }
  .w-sm-25   { width: 25% !important; }
  .w-sm-50   { width: 50% !important; }
  .w-sm-75   { width: 75% !important; }
  .w-sm-100  { width: 100% !important; }
  .mw-sm-100 { max-width: 100% !important; }
}

/* Breakpoint MD (>= 768px) */
@media (min-width: 768px) {
  .w-md-auto { width: auto !important; }
  .w-md-25   { width: 25% !important; }
  .w-md-50   { width: 50% !important; }
  .w-md-75   { width: 75% !important; }
  .w-md-100  { width: 100% !important; }
  .mw-md-100 { max-width: 100% !important; }
}

/* Breakpoint LG (>= 992px) */
@media (min-width: 992px) {
  .w-lg-auto { width: auto !important; }
  .w-lg-100  { width: 100% !important; }
}


/*CAROUSEL adattamento*/
/*padding top del carousel a slide che si scorrono cmanualmente*/
.it-carousel-wrapper .owl-stage-outer{
    padding-top:1px !important;

}

/*@media (min-width: 992px) {.it-carousel-wrapper .owl-stage-outer .owl-item {margin-right:1px !important;}}*/

/**per mettere la stessa altezza del carousel a scorrimento manuale indipendentemente dell'altezza delle immagini**/
/* 1. Forza l'altezza della slide (Hero) */
.it-carousel-wrapper .it-hero-wrapper.it-hero-small-size {
    height: 450px !important;  /* Forza l'altezza finale che desideri */
    min-height: 450px !important; 
    overflow: hidden;
    display: flex;
    align-items: flex-end; /* Mantiene il testo in basso */
}

/* 2. Forza il wrapper dell'immagine a coprire esattamente quell'altezza */
.it-carousel-wrapper .it-hero-wrapper .img-responsive-wrapper {
    height: 100% !important;
    position: absolute !important;
    top: 0;
    left: 0;
}

/* 3. Reset del componente responsive interno */
.it-carousel-wrapper .it-hero-wrapper .img-responsive {
    height: 100% !important;
    padding-bottom: 0 !important; /* Kill al 16:9 ereditato */
}

/* 4. L'immagine effettiva */
.it-carousel-wrapper .img-wrapper img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important; 
    object-position: center !important;
}

/** END - per mettere la stessa altezza del carousel a scorrimento manuale indipendentemente dell'altezza delle immagini**/

/**logo lunghezza variabile**/
    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .icon,
    .it-footer-main .it-brand-wrapper a .icon{
        width:auto;
        
    }
    
    
 /**riduci brillantezza immagini card*/
/* Sfrutta le classi già presenti nel tuo HTML */
.card-img .img-wrapper img {
    filter:   brightness(88%);
    transition: filter 0.3s ease-in-out;
}

/* Quando passi il mouse sopra la foto, torna a colori pieni */
.card-img:hover img {
    filter: brightness(100%);
}




/* TABELLE */
@media (min-width: 992px) {
    .table-responsive {
        /* Disattiviamo lo scroll orizzontale sul computer */
        overflow-x: visible; 
    }
    
    .table {
        /* Usiamo AUTO invece di FIXED per permettere alle colonne di adattarsi */
        table-layout: auto; 
        width: 100%;
    }
    
    .table td {
        /* Diciamo ai testi lunghi di andare a capo */
        word-wrap: break-word; 
        overflow-wrap: break-word;
    }
    
    /* Impedisce al testo di spezzarsi e adatta la colonna al contenuto esatto */
    .table td.icon {
        white-space: nowrap;
        width: 1%; /* Con layout auto, 1% significa "rimani stretta il più possibile attorno al contenuto" */
    }

    /* Assicura che i bottoni rimangano integri */
    .table td .btn {
        white-space: nowrap;
    }
}
    

.back-to-top{
    z-index:5;
}

.card.card-img .img-responsive-wrapper .img-responsive.img-responsive-16by9
 {
   padding-bottom: 56.25% !important;
}
.card.card-img .img-responsive-wrapper .img-responsive.img-responsive-medium
 {
    padding-bottom: 45% !important;
}
.img-responsive.img-responsive-16by9::before {
  padding-bottom: 56.25%;
}
.img-responsive.img-responsive-medium::before {
  padding-bottom: 45%;
}