/*** Header ***/
  .page-portfolio {
    background: linear-gradient(rgba(226, 109, 163, 0.486), rgba(53, 34, 50, 0.5)), url(../img/galerie/portfolio.jpg) center center no-repeat;
    background-size: cover;
    min-height: 50vh;
  }
  
  .page-portfolio .breadcrumb-item+.breadcrumb-item::before {
    color: var(--light);
  }
  
  .page-portfolio .breadcrumb-item,
  .page-portfolio .breadcrumb-item a {
    font-size: 18px;
    color: var(--light);
  }

.portfolio-menu {
    text-align: center;
}

.portfolio-menu .ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.lightbox-gallery {
    background: linear-gradient(#9b7d93, rgba(204, 130, 193, 0.5));
    background-repeat: no-repeat;
    color: #000;
    overflow-x: hidden
}
@media (min-width: 576px) {
.portfolio-item .image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: .2s linear;

}
}
.portfolio-item  .image:hover img {
  transform: scale(1.1);
}

.portfolio-item .item {
  display: flex;
  justify-content: center;
  padding:0px;
  margin:0px 0px 10px 0px;
}

.gallery-item-portfolio {
    width: 100%;   
    border-radius: 8px;
    object-fit:cover;
  }

  @media (max-width: 576px) {
    .portfolio-item .image img {
      width: 100%;
      max-width: 400px;
      height: 300px;
      width: 100%;
      object-fit: cover;
      transition: .2s linear;
    }
   
   
}
  
.lightbox-gallery .intro {
    font-size: 16px;
    max-width: 500px;
    margin: 0 auto 40px
}

.lightbox-gallery .intro p {
    margin-bottom: 0
}

.lightbox-gallery .photos {
    padding-bottom: 20px
}

.page-link {
  color: black; /* Couleur du texte des liens */
}

.page-item.active .page-link {
  background-color: black; /* Couleur de fond pour le lien actif */
  color: white; /* Couleur du texte pour le lien actif */
  border-color: white;
}

.page-link:hover {
  background-color: #e0e0e0; /* Couleur de fond lors du survol */
  color: black; /* Couleur du texte lors du survol */
}