.fourmiliere-posts-list {
  --columns:var(--cols);
  --columns_gap:var(--gap);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--columns_gap);
  justify-content: start;
}
.fourmiliere-posts-list > * {
  /* https://stackoverflow.com/a/74870165/544503 */
  flex-basis: calc(100% / var(--columns) - var(--columns_gap) + var(--columns_gap) / var(--columns));
}

.is-slider {
  max-width: 100%;
  width: calc(var(--visiblePosts) * 15em);
}

.is-slider article {
  margin: 0;
  border: 0;
  width: 100%;
  margin-right: var(--gap);
  display: none;
}
@media screen and (min-width: 768px) {
  .is-slider article {
    width: calc(100% / (var(--visiblePosts)) - var(--gap));
  }
}
.is-slider article a {
  text-decoration: none;
  color: var(--wp--preset--color--black);
}
.is-slider article a.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.is-slider.flickity-enabled article {
  display: block;
}
.is-slider.flickity-enabled article.cta {
  border-color: transparent;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.is-slider.flickity-enabled article.cta a {
  color: var(--wp--preset--color--main);
  background-color: var(--wp--preset--color--white);
  font-weight: 600;
  display: inline-block;
  border: 0.04rem solid var(--wp--preset--color--lightblue-2);
  padding: 0.25em 0.5em;
  border-radius: 1em;
}
.is-slider.flickity-enabled article.cta a span {
  text-transform: lowercase;
}

.flickity-enabled {
  --dot_width:.8em;
}
.flickity-enabled button[disabled] {
  display: none;
}
.flickity-enabled button:focus {
  outline: none;
  box-shadow: unset;
}
.flickity-enabled button .arrow {
  fill: var(--wp--preset--color--secondary);
}
.flickity-enabled .flickity-page-dots .flickity-page-dot:only-child {
  display: none;
}
.flickity-enabled .flickity-page-dots {
  bottom: calc(-2.8 * var(--dot_width));
}
.flickity-enabled .flickity-page-dot {
  background-color: var(--wp--preset--color--lightblue-2);
  width: var(--dot_width);
  height: var(--dot_width);
  border-radius: var(--dot_width);
  transition: all 1s var(--ease);
}
.flickity-enabled .flickity-page-dot.is-selected {
  background-color: var(--wp--preset--color--main);
  width: calc(3.8 * var(--dot_width));
}
.flickity-enabled article {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.flickity-enabled article .excerpt,
.flickity-enabled article .related-post-content {
  flex-grow: 1;
  padding: 0 var(--gap);
}
.flickity-enabled article figure {
  flex-shrink: 0;
}
.flickity-enabled article.evenements .excerpt {
  padding: 0;
}

.block-a-la-une ~ .fourmiliere-posts-list-slider.evenements {
  --visiblePosts: 2!important;
}

.fourmiliere-posts-list,
.fourmiliere-posts-list-slider {
  position: relative;
  border-radius: 1.3rem;
  padding: var(--gap2);
  margin-bottom: calc(2 * var(--gap2)) !important;
}
.fourmiliere-posts-list.evenements,
.fourmiliere-posts-list-slider.evenements {
  background-color: var(--wp--preset--color--lightblue-2);
}
.fourmiliere-posts-list.initiatives figure,
.fourmiliere-posts-list-slider.initiatives figure {
  aspect-ratio: 16/11;
}
.fourmiliere-posts-list.initiatives figure img,
.fourmiliere-posts-list-slider.initiatives figure img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.fourmiliere-posts-list.annonces,
.fourmiliere-posts-list-slider.annonces {
  margin-top: var(--gap2) !important;
  border: 0.08rem solid var(--wp--preset--color--lightblue);
  background-color: var(--wp--preset--color--lightblue);
}
.fourmiliere-posts-list.annonces article,
.fourmiliere-posts-list-slider.annonces article {
  background: var(--wp--preset--color--white);
  border: 0.04rem solid var(--wp--preset--color--white);
  border-radius: 0.8em;
  overflow: clip;
}
.fourmiliere-posts-list.annonces article figure,
.fourmiliere-posts-list-slider.annonces article figure {
  max-width: calc(100% - 2em);
  border-top-right-radius: 0.8em;
  overflow: clip;
  aspect-ratio: 16/9;
}
.fourmiliere-posts-list.annonces article figure img,
.fourmiliere-posts-list-slider.annonces article figure img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .fourmiliere-posts-list.annonces,
  .fourmiliere-posts-list-slider.annonces {
    position: relative;
  }
  .fourmiliere-posts-list.annonces::after,
  .fourmiliere-posts-list-slider.annonces::after {
    content: "";
    position: absolute;
    top: 0;
    right: 5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 234.8 164.2'%3E%3Cpath fill='%233c9' d='M214.7 113.6a37 37 0 0 0 18.8-8.8l1.3-1.2-1.3-1C208.7 82.8 195 66.3 176.4 45l-4.5-5.2c-2.5-3-5.7-6.8-9-11-5.3-6.3-10.6-13-14.7-17.3a39.6 39.6 0 0 0-11-8.9A36.3 36.3 0 0 0 119.5.1c-6.9.3-15.7 1.2-23.3 5.5a66.7 66.7 0 0 0-14.9 12.8 132 132 0 0 1-8.5 8.2c-3 2.8-6 5.7-8.8 8.6L25 76.3c-2.4 2.6-5 5-7.3 7.3C8 92.8-.3 100.8 0 116h3c-.3-14 7.6-21.5 16.7-30.2 2.5-2.3 5-4.8 7.5-7.4l39-41.2c2.6-2.8 5.7-5.6 8.7-8.4 2.9-2.7 6-5.5 8.6-8.3 4.3-4.5 8.8-9.2 14.2-12.3 7-4 15-4.8 22-5.2 5.5-.2 11.3-.1 16.4 2.3a36 36 0 0 1 10.1 8.3c4 4.2 9.4 10.8 14.5 17.1l9.2 11 4.4 5.2a613 613 0 0 0 34.3 37.5l-.9 1.5c-.5 1-1.1 2-1.4 3.2-.5 2.6.8 5.1 2 7 3.3 5.1 7.6 9.7 12.5 13.2-.3 0-.5.2-.7.3a96 96 0 0 1-25.9 1.8 834 834 0 0 1-70.7-78.7l-2.3 1.8c24 30.2 50 59 77.6 85.3-.7 2-.8 4.2-.7 6.1 0 1.7 0 3.4.7 5 .6 1.5 1.6 2.6 2.6 3.6l12.4 13.6-2.2 1.2c-4.7 2.2-10 1.8-16 1.1a29 29 0 0 1-16.4-9.2L163 124.6c-12.1-12.4-22.6-23-34.7-36.6-3.2-3.6-6.7-7-10-10.4-6.3-6.4-13-13-18-20.7l-2.4 1.6c5.2 8 12 14.7 18.4 21.2 3.3 3.3 6.7 6.7 9.8 10.2 6.3 7 12.2 13.3 18 19.4 3.1 7.8 1 18.4-4.9 24.5a23 23 0 0 1-19.3 7.8c1.2-5.4.6-11.2-2-16-1.6-3.2-4-5.8-6.2-8.3l-26-29.2a21.7 21.7 0 0 0-8.4-6.7l-1 2.7c3 1 5.3 3.6 7.3 6l26 29.1c2.1 2.4 4.3 4.8 5.8 7.7a21 21 0 0 1-3.4 23.8l-1 1c-4.7 4.7-9.1 9.2-15 9.6a29 29 0 0 1-18.5-6.5 67 67 0 0 1-9-8.3c1-.4 1.8-1 2.6-1.4l.5-.4c.6-.4 1.5-.9 2-1.7 1-1.2 1.4-3 1.1-5a14 14 0 0 0-4.7-8.2 44 44 0 0 0-7-5.3l-1.6 2.3 2.3 1.7c1.6 1 3 2.1 4.3 3.3 1.6 1.5 3.5 3.8 3.9 6.7.1 1.1 0 2.2-.5 2.8-.3.4-.8.7-1.3 1l-.6.4c-2 1.3-2.6 1.5-3.5.9l-3.4-4-9.8-11.4c-1.4-1.6-2.5-3.1-2.5-4.8 0-2.2 2.1-4 4.1-4.8a17 17 0 0 1 10.4-1v-.3L85 139.6l2.1-2L55.5 103l-2 1.9 8.5 9.4c-3-.1-6 .5-8.8 1.7-2.9 1.2-6 3.8-6 7.5.1 2.6 1.7 4.6 3.3 6.5l9.8 11.5c4.7 5.5 9.5 11.2 15.4 15.6a32.5 32.5 0 0 0 20.3 7c7-.4 12-5.5 17-10.4l.9-1c2.3-2.3 4-5.2 5-8.3l3 .1a26 26 0 0 0 19.3-8.7 28.2 28.2 0 0 0 6.8-22.4l12.8 13.2L177 143c5.5 5.7 12 9.3 18.1 10 2.7.4 5.2.6 7.8.6a22 22 0 0 0 9.8-2c4-1.8 7.5-4.7 11-8.6l.9-1-1-1-6-6.3a400 400 0 0 0-20.4-20.5c6 .3 12.3 0 17.5-.7Zm-4.1-19.2c-1-1.4-2-3.2-1.6-4.8.2-.8.6-1.5 1-2.3.3-.3.5-.6.6-1 6 5.9 12.5 11.5 19.8 17.4a37 37 0 0 1-6.6 4.2 47.4 47.4 0 0 1-13.2-13.5m5 42.4 5.1 5.4c-1.5 1.6-3 3-4.6 4.2l-12.7-13.9a9.4 9.4 0 0 1-2.1-2.8c-.5-1.1-.5-2.5-.5-3.9 0-1.3 0-2.6.2-3.8 5.1 4.8 9.7 9.6 14.6 14.8'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    width: 14rem;
    aspect-ratio: 234.8/164.2;
    transform: translateY(-71%);
    pointer-events: none;
  }
}
.fourmiliere-posts-list.initiatives,
.fourmiliere-posts-list-slider.initiatives {
  padding-left: 0;
  padding-right: 0;
}
.fourmiliere-posts-list.initiatives article,
.fourmiliere-posts-list-slider.initiatives article {
  border: 0.08rem solid var(--wp--preset--color--lightblue-2);
  border-color: var(--wp--preset--color--lightblue-2);
  background-color: var(--wp--preset--color--lightblue-2);
  border-radius: 1rem;
}
.fourmiliere-posts-list.initiatives article figure,
.fourmiliere-posts-list-slider.initiatives article figure {
  display: flex;
  background: #fff;
  overflow: clip;
  margin-bottom: 0;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.fourmiliere-posts-list.initiatives article figure img,
.fourmiliere-posts-list-slider.initiatives article figure img {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.fourmiliere-posts-list.initiatives article figure img[src$=".svg"],
.fourmiliere-posts-list-slider.initiatives article figure img[src$=".svg"] {
  -o-object-fit: contain !important;
     object-fit: contain !important;
  width: 90%;
  height: 80%;
  margin-left: 5%;
}
.fourmiliere-posts-list.guidelines p.related-post-desc,
.fourmiliere-posts-list-slider.guidelines p.related-post-desc {
  display: none;
}
.fourmiliere-posts-list.guidelines h3,
.fourmiliere-posts-list-slider.guidelines h3 {
  font-size: 0.8rem;
  margin: 0;
  padding-top: 0.5em;
  flex-grow: 1;
  color: var(--wp--preset--color--secondary);
}
.fourmiliere-posts-list.guidelines.flickity-enabled article,
.fourmiliere-posts-list-slider.guidelines.flickity-enabled article {
  min-height: 100% !important;
  flex-direction: unset;
}
.fourmiliere-posts-list.guidelines article > a,
.fourmiliere-posts-list-slider.guidelines article > a {
  display: flex;
  flex-direction: column-reverse;
  background: var(--wp--preset--color--lightblue-2);
  border-radius: 1em;
  border-top-right-radius: 0;
  overflow: clip;
  min-height: 100%;
}
.fourmiliere-posts-list.guidelines figure,
.fourmiliere-posts-list-slider.guidelines figure {
  flex-shrink: 1;
  position: relative;
}
.fourmiliere-posts-list.guidelines figure img,
.fourmiliere-posts-list-slider.guidelines figure img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 246.45/102.6;
  width: 100%;
  height: 100%;
}
.fourmiliere-posts-list.guidelines figure:after,
.fourmiliere-posts-list-slider.guidelines figure:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-position: 0px 0px;
  background-image: linear-gradient(0deg, rgba(27, 20, 64, 0.7490196078) 1%, rgba(255, 255, 255, 0.168627451) 99%);
  background-color: unset !important;
  -webkit-clip-path: unset !important;
  clip-path: unset !important;
}
.fourmiliere-posts-list > h2.title,
.fourmiliere-posts-list-slider > h2.title {
  font-family: var(--wp--preset--font-family--mission-gothic);
  text-transform: uppercase;
  position: absolute;
  top: calc(-1 * var(--gap));
  left: var(--gap2);
  transform: translateY(-60%);
}/*# sourceMappingURL=posts-slider.css.map */