/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/7-section-belles-histoires/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.section-belles-histoires {
  --custom-color-accent2-content: var(--Pink-600, #DB2777);
  --Color-Text-Accent: var(--custom-color-accent2-content);
  --ds-semantic-color-layout-invert-content-medium: var(--Pink-100, #FCE7F3);
  --custom-color-accent-surface-strong: var(--Pink-600, #DB2777);
  --ds-semantic-color-accent1-surface-subtlest: var(--Pink-100, #FCE7F3);
}
.section-belles-histoires .histoire-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.section-belles-histoires .histoire-list .histoire-wrapper {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 2fr 1fr;
}
.section-belles-histoires .histoire-list .histoire-wrapper:nth-child(even) {
  grid-template-columns: 1fr 2fr;
}
.section-belles-histoires .histoire-list .histoire-wrapper:nth-child(even) .histoire-about {
  order: -1;
}
.section-belles-histoires .histoire-list .histoire-wrapper .histoire-content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.section-belles-histoires .histoire-list .histoire-wrapper .histoire-content .wp-block-embed, .section-belles-histoires .histoire-list .histoire-wrapper .histoire-content .wp-block-image {
  margin: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
.section-belles-histoires .histoire-list .histoire-wrapper .histoire-content .wp-block-embed img, .section-belles-histoires .histoire-list .histoire-wrapper .histoire-content .wp-block-image img {
  border-radius: 0.5rem;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-belles-histoires .histoire-list .histoire-wrapper .histoire-content .wp-block-embed .wp-block-embed__wrapper, .section-belles-histoires .histoire-list .histoire-wrapper .histoire-content .wp-block-image .wp-block-embed__wrapper {
  aspect-ratio: 16/9;
}
.section-belles-histoires .histoire-list .histoire-wrapper .histoire-content .wp-block-embed .wp-block-embed__wrapper iframe, .section-belles-histoires .histoire-list .histoire-wrapper .histoire-content .wp-block-image .wp-block-embed__wrapper iframe {
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
}
.section-belles-histoires .histoire-list .histoire-wrapper .histoire-content .wp-block-embed picture, .section-belles-histoires .histoire-list .histoire-wrapper .histoire-content .wp-block-image picture {
  width: 100%;
  height: 100%;
}
.section-belles-histoires .histoire-list .histoire-wrapper .histoire-content .histoire-text {
  width: 100%;
  padding: 1.75rem;
  box-sizing: border-box;
  background-color: var(--ds-semantic-color-accent1-surface-subtlest);
  border-radius: 0.375rem;
}
.section-belles-histoires .histoire-list .histoire-wrapper .histoire-content .histoire-text p {
  color: var(--custom-color-accent2-content);
}
.section-belles-histoires .histoire-list .histoire-wrapper .histoire-about {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2.5rem 1.5rem 1.5rem;
  background-color: var(--custom-color-accent-surface-strong);
  border-radius: 0.5rem;
}
.section-belles-histoires .histoire-list .histoire-wrapper .histoire-about .wp-block-button__link {
  color: #FFF !important;
  background-color: transparent !important;
  border: none !important;
  padding-left: 0;
}
.section-belles-histoires .histoire-list .histoire-wrapper .histoire-about .wp-block-button__link mark {
  color: #FFF !important;
}
.section-belles-histoires .histoire-list .histoire-wrapper .histoire-about .is-style-tertiary, .section-belles-histoires .histoire-list .histoire-wrapper .histoire-about .is-style-link, .section-belles-histoires .histoire-list .histoire-wrapper .histoire-about .is-style-secondary {
  margin: 1rem 0;
}
.section-belles-histoires .histoire-list .histoire-wrapper .histoire-about .is-style-tertiary a, .section-belles-histoires .histoire-list .histoire-wrapper .histoire-about .is-style-link a, .section-belles-histoires .histoire-list .histoire-wrapper .histoire-about .is-style-secondary a {
  font-size: 1.125rem;
}
.section-belles-histoires .histoire-list .histoire-wrapper .histoire-about .is-style-tertiary a::after, .section-belles-histoires .histoire-list .histoire-wrapper .histoire-about .is-style-tertiary a::before, .section-belles-histoires .histoire-list .histoire-wrapper .histoire-about .is-style-link a::after, .section-belles-histoires .histoire-list .histoire-wrapper .histoire-about .is-style-link a::before, .section-belles-histoires .histoire-list .histoire-wrapper .histoire-about .is-style-secondary a::after, .section-belles-histoires .histoire-list .histoire-wrapper .histoire-about .is-style-secondary a::before {
  background-color: #FFF !important;
}
.section-belles-histoires .histoire-list .histoire-wrapper .histoire-about .histoire-about-text {
  color: var(--ds-semantic-color-layout-invert-content-medium);
}
.section-belles-histoires .histoire-list .histoire-wrapper .histoire-about .histoire-about-picto {
  margin-top: auto;
}
.section-belles-histoires .histoire-list .histoire-wrapper .histoire-about .histoire-about-picto .wp-element-button {
  padding: 0;
  cursor: initial;
  background-color: transparent;
  text-align: left;
  font-weight: 500;
  font-size: 1.25rem;
}
.section-belles-histoires .histoire-list .histoire-wrapper .histoire-about .histoire-about-picto .wp-element-button::before {
  width: 2rem;
  height: 2rem;
}
@media screen and (max-width: 834px) {
  .section-belles-histoires .histoire-list .histoire-wrapper {
    display: flex;
    flex-direction: column;
  }
  .section-belles-histoires .histoire-list .histoire-wrapper:nth-child(even) .histoire-about {
    order: initial;
  }
}
.section-belles-histoires .histoire-wrapper .histoire-about-text, .section-belles-histoires .histoire-wrapper .histoire-about-picto, .section-belles-histoires .histoire-wrapper .histoire-text p, .section-belles-histoires .histoire-wrapper figure {
  opacity: 0;
}
@keyframes bounceIn2 {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  70% {
    opacity: 1;
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.section-belles-histoires .in-view.histoire-wrapper .histoire-about-text, .section-belles-histoires .in-view.histoire-wrapper .histoire-text p {
  opacity: 1;
}
.section-belles-histoires .in-view.histoire-wrapper figure {
  opacity: 1;
  transition: opacity ease-out 0.65s;
}
.section-belles-histoires .in-view.histoire-wrapper .histoire-text p {
  transition: opacity ease-out 0.4s 0.25s;
}
.section-belles-histoires .in-view.histoire-wrapper .histoire-about-text {
  transition: opacity ease-out 0.4s 0.25s;
}
.section-belles-histoires .in-view.histoire-wrapper .histoire-about-picto {
  animation: bounceIn2 ease-in-out 0.4s 0.25s forwards;
}

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