/* ATTENTION, la CSS de lightbox est chargée dans les options (roue crantée) de la CSS */

.grid-container {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
  grid-auto-flow: dense;
}
.grid-container .item {
  background:#8FF;
  display:flex;
}
.grid-container .item a {
  display:flex;
  width:100%;
}
.grid-container .item.portrait {
  grid-row: auto / span 2;
}
.grid-container .item img {
  width:100%;
  height:auto;
  object-fit:cover;
}


/* CSS ne servant qu'à la décoration, inutile pour le fonctionnement */

.filter-buttons {
  text-align:left;
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
}
.filter-buttons button {
  background:#f2f2f2;
  border:none;
  font-size:1rem;
  padding:.5rem 1rem;
  margin-bottom:.5rem;
  cursor: pointer;
  text-transform: capitalize;
}
.mixitup-control-active{
  background-color:#fe002a !important;
  color: #fff !important;
}
.filter-buttons button:focus {
  outline:none;
  background-color:#fe002a;
  color: #fff;
}