@charset "UTF-8";
#voir-plus {
  cursor: pointer;
}

.wp-block-query.is-style-q-2-3-1-2 > ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr) !important; /* Crée 6 colonnes égales */
  gap: 2rem; /* Optionnel: Espacement entre les éléments */
  /* Première ligne : 2 éléments */
  /* Deuxième ligne : 3 éléments */
  /* Troisième ligne : 1 élément */
  /* Quatrième ligne : 2 éléments */
  /* Cinquième ligne : 3 éléments */
  /* Sixième ligne : 1 élément */
}
@media (max-width: 768px) {
  .wp-block-query.is-style-q-2-3-1-2 > ul {
    grid-template-columns: 1fr 1fr !important;
  }
  .wp-block-query.is-style-q-2-3-1-2 > ul > li.wp-block-post {
    grid-column: span 1 !important;
  }
}
@media (max-width: 480px) {
  .wp-block-query.is-style-q-2-3-1-2 > ul {
    grid-template-columns: 1fr !important; /* 1 colonne pour chaque élément */
  }
}
.wp-block-query.is-style-q-2-3-1-2 > ul li.wp-block-post {
  overflow: visible; /* Cache le débordement */
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.wp-block-query.is-style-q-2-3-1-2 > ul li.wp-block-post.hidden {
  opacity: 0;
  transform: translateY(20px);
  visibility: hidden; /* Utiliser visibility au lieu de display pour la transition */
}
.wp-block-query.is-style-q-2-3-1-2 > ul li.wp-block-post.show {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.wp-block-query.is-style-q-2-3-1-2 > ul li.wp-block-post figure {
  overflow: hidden;
  border-radius: 16px;
}
.wp-block-query.is-style-q-2-3-1-2 > ul li.wp-block-post figure img {
  width: 100%;
  height: 350px; /* Ajustez la hauteur selon vos besoins */
  object-fit: cover; /* Assure que l'image remplit le conteneur en conservant ses proportions */
  transition: transform 0.5s ease;
}
.wp-block-query.is-style-q-2-3-1-2 > ul li.wp-block-post:hover img {
  transform: scale(1.2);
}
.wp-block-query.is-style-q-2-3-1-2 > ul li.wp-block-post h4 a {
  text-decoration: none !important;
}
.wp-block-query.is-style-q-2-3-1-2 > ul li.wp-block-post h4 a:hover {
  text-decoration: none !important;
}
.wp-block-query.is-style-q-2-3-1-2 > ul li.wp-block-post .wp-block-post-terms a {
  display: inline-block;
  padding: 0.5rem; /* Padding de 0.5rem */
  border-radius: 32px; /* Bordure arrondie */
  border: 1px solid var(--wp--preset--color--second-500); /* Bordure avec couleur spécifique */
  margin-right: 0.5rem; /* Espacement entre les tags */
  color: var(--wp--preset--color--second-500); /* Couleur du texte */
  background-color: transparent; /* Fond transparent par défaut */
  text-decoration: none !important;
  transition: all 0.3s ease; /* Animation de transition douce */
  pointer-events: none;
}
.wp-block-query.is-style-q-2-3-1-2 > ul li.wp-block-post .wp-block-post-terms a:hover {
  background-color: var(--wp--preset--color--second-500); /* Fond orange au survol */
  color: var(--wp--preset--color--second-50); /* Texte transparent au survol */
  text-decoration: none !important;
  border-color: var(--wp--preset--color--second-50); /* Bordure transparente au survol */
}
.wp-block-query.is-style-q-2-3-1-2 > ul li.wp-block-post:nth-child(12n+1),
.wp-block-query.is-style-q-2-3-1-2 > ul li.wp-block-post:nth-child(12n+2) {
  grid-column: span 3; /* Chaque élément prend 3 colonnes */
}
.wp-block-query.is-style-q-2-3-1-2 > ul li.wp-block-post:nth-child(12n+3),
.wp-block-query.is-style-q-2-3-1-2 > ul li.wp-block-post:nth-child(12n+4),
.wp-block-query.is-style-q-2-3-1-2 > ul li.wp-block-post:nth-child(12n+5) {
  grid-column: span 2; /* Chaque élément prend 2 colonnes */
}
.wp-block-query.is-style-q-2-3-1-2 > ul li.wp-block-post:nth-child(12n+6) {
  grid-column: span 6; /* L'élément prend toute la largeur (6 colonnes) */
}
.wp-block-query.is-style-q-2-3-1-2 > ul li.wp-block-post:nth-child(12n+7),
.wp-block-query.is-style-q-2-3-1-2 > ul li.wp-block-post:nth-child(12n+8) {
  grid-column: span 3; /* Chaque élément prend 3 colonnes */
}
.wp-block-query.is-style-q-2-3-1-2 > ul li.wp-block-post:nth-child(12n+9),
.wp-block-query.is-style-q-2-3-1-2 > ul li.wp-block-post:nth-child(12n+10),
.wp-block-query.is-style-q-2-3-1-2 > ul li.wp-block-post:nth-child(12n+11) {
  grid-column: span 2; /* Chaque élément prend 2 colonnes */
}
.wp-block-query.is-style-q-2-3-1-2 > ul li.wp-block-post:nth-child(12n+12) {
  grid-column: span 6; /* L'élément prend toute la largeur (6 colonnes) */
}
@media (max-width: 768px) {
  .wp-block-query.is-style-q-2-3-1-2 > ul li.wp-block-post {
    grid-template-columns: 2fr; /* Crée 6 colonnes égales */
  }
}
@media (max-width: 480px) {
  .wp-block-query.is-style-q-2-3-1-2 > ul li.wp-block-post {
    grid-template-columns: 1fr; /* Crée 6 colonnes égales */
  }
}

/*# sourceMappingURL=style.css.map */