@charset "UTF-8";
.wp-block-query.is-style-q-3-1 > ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 2rem; /* Optionnel: Espacement entre les éléments */
  /* Première ligne : 3 éléments */
  /* Deuxième ligne : 1 élément */
}
@media (max-width: 768px) {
  .wp-block-query.is-style-q-3-1 > ul {
    grid-template-columns: 1fr 1fr !important;
  }
  .wp-block-query.is-style-q-3-1 > ul > li.wp-block-post {
    grid-column: span 1 !important;
  }
}
@media (max-width: 480px) {
  .wp-block-query.is-style-q-3-1 > ul {
    grid-template-columns: 1fr !important; /* 1 colonne pour chaque élément */
  }
}
.wp-block-query.is-style-q-3-1 > ul li.wp-block-post {
  overflow: visible; /* Cache le débordement */
}
.wp-block-query.is-style-q-3-1 > ul li.wp-block-post figure {
  overflow: hidden;
  border-radius: 16px;
}
.wp-block-query.is-style-q-3-1 > 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-3-1 > ul li.wp-block-post:hover img {
  transform: scale(1.2);
}
.wp-block-query.is-style-q-3-1 > ul li.wp-block-post h4 a {
  text-decoration: none !important;
}
.wp-block-query.is-style-q-3-1 > ul li.wp-block-post h4 a:hover {
  text-decoration: none !important;
}
.wp-block-query.is-style-q-3-1 > 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-3-1 > 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 */
  border-color: var(--wp--preset--color--second-50); /* Bordure transparente au survol */
  text-decoration: none !important;
}
.wp-block-query.is-style-q-3-1 > ul li.wp-block-post:nth-child(1),
.wp-block-query.is-style-q-3-1 > ul li.wp-block-post:nth-child(2),
.wp-block-query.is-style-q-3-1 > ul li.wp-block-post:nth-child(3) {
  grid-column: span 1; /* Chaque élément prend 1 colonne */
}
.wp-block-query.is-style-q-3-1 > ul li.wp-block-post:nth-child(4) {
  grid-column: 1/-1; /* L'élément prend toutes les colonnes (ligne complète) */
}

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