/* Custom Bootstrap Italia */

/* Applica la sottolineatura solo ai link all'interno degli elementi di paragrafo */
p a {
    text-decoration: underline !important;
}

/* Menu cerca btn e placeholder */
ul.menucerca.d-inline-flex {
    flex-wrap: wrap!important;
}
@media screen and (max-width: 767px) {
  /* Questi stili si applicano solo sui dispositivi mobili con una larghezza massima di 767px */
.card-news-img {
    visibility: hidden; /* Nasconde il testo del placeholder */
  }
}
/* Titolo header */
.it-header-wrapper .it-nav-wrapper .it-brand-wrapper {
    flex: none;
}
/* Menu linea orizzontale */
.dropdown-menu a[data-element="overview"] {
    border-bottom: 1px solid #ddd;
    padding-top: 6px!important;
}
/* Briciole di pane */
.mod-breadcrumbs.breadcrumb {
    font-size: 1rem !important;
}
/* Immagine modulo Elenco articoli >> In evidenza */
.card-news-img {
  max-width: 100%;
  height: auto !important;
}
@media (max-width: 767px) { 
  .card-news-img {
   display: none;
  }
}
/* Modulo la didattica Tag */
.responsive-tabs.responsive-tabs-aside .tabs-img {
    bottom: 10px;
    left: 0px;
}
/* Mappa */
.location-list {
    line-height: 1.5;
}
/* Modal stampa condividi */
.modal.fade.show {
    background-color: rgba(0, 0, 0, 0.80);
}
/* Card blog */
.card.card-icon .card-icon-content p {
    font-size: 1rem !important;
    padding-top: 5px !important;
}
/* Footer */
.footersito .area-legale .navbar-nav.navbar-secondary {
    padding-top: 25px;
}
/* Pagination */
.pagination__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:25px;
}
/* Badge Lista categoria blog */
span.badge.bg-primary {
    font-size:13px;
}
/* Menu di singolo articolo - Titolo categoria */
.article-info {
    font-size: 1rem;
    font-weight: 600;
}
.article-info a {
    text-decoration: underline; /* Aggiungi sottolineatura predefinita */
    transition: color 0.3s ease; /* Aggiungi una transizione per un effetto più fluido */
    color: #455b71; /* Colore del testo */
}
.article-info a:hover {
    text-decoration: none; /* Rimuovi la sottolineatura al passaggio del mouse */
    color: #06c; /* Cambia colore al passaggio del mouse */
}

/* Category Drop Files */

/* Regola per il link di download nei DropFiles */
.dropfiles_downloadlink {
    font-size: 1rem !important; /* Imposta la dimensione del carattere per il link di download */
}

/* Regola per lo stile del link di download nei DropFiles */
.dropfiles-content .downloadlink:not(.noLightbox) {
    background-color: #0066CC !important; /* Imposta il colore di sfondo per il link di download */
    border-color: #1f2933 !important; /* Imposta il colore del bordo per il link di download */
}

/* Regola per i link nell'area DropFiles quando utilizzato con il tema bootstrapitalia al passaggio del mouse */
.dropfiles-content.dropfiles-content-bootstrapitalia a:not(.download-all):not(.download-selected):hover {
    -webkit-box-shadow: none; /* Rimuove l'ombra del box al passaggio del mouse */
}

/* Regola generale per i link nell'area DropFiles quando utilizzato con il tema bootstrapitalia */
.dropfiles-content.dropfiles-content-bootstrapitalia a:not(.download-all):not(.download-selected) {
    text-decoration: none !important; /* Rimuovi la sottolineatura di base */
    transition: text-decoration 0.3s ease; /* Aggiungi una transizione per l'effetto di sottolineatura */
}

/* Aggiungi la sottolineatura solo al passaggio del mouse */
.dropfiles-content.dropfiles-content-bootstrapitalia a:not(.download-all):not(.download-selected):hover {
    text-decoration: underline !important; /* Sottolinea il link al passaggio del mouse */
}

/* Regola per le informazioni aggiuntive sui file (es. dimensioni, data di modifica) */
.file-xinfo {
    font-size: 0.9rem !important; /* Imposta la dimensione del carattere per le informazioni aggiuntive sui file */
}

/* Joomla */
.title-img {
    background-color: #ffffff;
    background-size: contain;
}
@media (max-width: 767.98px) {
.title-img {
        background-position: center; /* Aggiungi questa regola per centrare l'immagine orizzontalmente */
    }
}
.card.card-article img {
    background-color: #ffffff;
    object-fit: contain;
}
@media (max-width: 767.98px) {
.card.card-article img {
        background-position: center; /* Aggiungi questa regola per centrare l'immagine orizzontalmente */
    }
}
// Dropppics //
#colorbox.droppics #cboxLoadedContent {
    border: none !important; 
}
.showcaption span {
    font-weight: 400 !important;
    font-size: 16px;
    padding: 10px;
}
#colorbox.droppics #cboxTitle {
    padding-top: 10px;
    color: #ffffff;
    white-space: normal;
    position: relative;
    bottom: 0;
}
#cboxOverlay.droppics {
    background: rgba(54, 54, 54, 0.8);
}
#colorbox.droppics #cboxClose {
    background: url(../images/close_gritter.png) no-repeat top center;
}
#colorbox.droppics #cboxNext,
#colorbox.droppics #cboxPrevious{
    background: none !important;
}
/*  
.droppicsgallerymasonry {
    padding-right: 15rem;
}
.videoWrapper { 
    margin: 0 82px;
}
*/
.dropfiles-single-file .dropfiles-file-link:hover {
 box-shadow: none !important; 
}
.dropfiles-single-file .droptitle {
    font-weight: 200;
    font-size: 18px;
}

#droppicsgallery186.droppicsgallerypolaroid a {
    padding: 0px;
    padding-bottom: 0px;
}
/* Slide home page */
.carousel-img {
  width: 100%; /* L'immagine si adatta alla larghezza del contenitore */
  height: auto; /* Mantiene il rapporto di aspetto originale */
  object-fit: cover; /* Adatta l'immagine senza deformarla */
}
/* Contenitore con altezza variabile in base alla dimensione dello schermo */
.img-wrapper {
  width: 100%; /* Adatta la larghezza del contenitore */
  height: 250px; /* Altezza di base per schermi più grandi */
  display: flex;
  align-items: center; /* Centra verticalmente l'immagine */
  justify-content: center; /* Centra orizzontalmente l'immagine */
}
/* Media queries per schermi più piccoli */
@media (max-width: 768px) {
  .img-wrapper {
    height: 200px; /* Riduci l'altezza su tablet e schermi medi */
  }
}
@media (max-width: 576px) {
  .img-wrapper {
    height: 150px; /* Riduci ulteriormente l'altezza su smartphone */
  }
}
.splide .splide__arrows {
  display: none !important; /* Usa !important per forzare il nascondimento delle frecce */
}