/* File: custom.css */
.navbar-blu {
  background-color: #2C7CAB;
}

.navbar-blu .navbar-brand,
.navbar-blu .nav-link {
  color: white;
}

.navbar-blu .nav-link:hover {
  color: #d0eaff;
}

/* Thumbnail base: mantiene bordo e stile Bootstrap */
.img-thumb {
    object-fit: cover;
    display: block;
    margin: 0 auto;
    border-radius: 0.25rem;
    border: 1px solid #dee2e6;
    padding: 0.25rem;
    background-color: #f8f9fa;
}

/* Varianti di dimensione */
.img-thumb-50  { width: 50px;  height: 50px; }
.img-thumb-75  { width: 75px;  height: 75px; }
.img-thumb-100 { width: 100px; height: 100px; } /* Elenco articoli*/
.img-thumb-150 { width: 150px; height: 150px; } /* Home didattica */
.img-thumb-200 { width: 200px; height: 200px; }

/* Se vuoi immagini rettangolari orizzontali/verticali */
.img-thumb-150x100 { width: 150px; height: 100px; }
.img-thumb-100x150 { width: 100px; height: 150px; }


.img-thumbnail.no-border {
    border: none !important;
}



/* ecc. */

/**
  *SIDEBAR STYLES
  * Custom styles for the sidebar
  */

.toggle-icon {
  transition: transform 0.3s ease;
}

.toggle-icon.rotate {
  transform: rotate(180deg);
}

.logo-bg {
  display: inline-block;
  background-color: #2C7CAB;
  /* sfondo scuro */
  padding: 8px;
  /* margine interno attorno all'immagine */
  border-radius: 6px;
  /* opzionale: angoli arrotondati */
}

.anteprima div>p {
  display: -webkit-box;
  /* vecchio webkit */
  -webkit-line-clamp: 4;
  /* vecchio webkit */
  -webkit-box-orient: vertical;
  /* vecchio webkit */
  line-clamp: 4;
  /* standard */
  box-orient: vertical;
  /* standard */
  overflow: hidden;
}