/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/bloc-media-text/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.media-text-block {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
}
@media screen and (min-width: 769px) {
  .media-text-block.right {
    flex-direction: row-reverse;
  }
}
.media-text-block .media-column {
  flex: 1;
}
@media screen and (max-width: 768px) {
  .media-text-block .media-column {
    overflow: hidden;
  }
}
.media-text-block .media-column img, .media-text-block .media-column video {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.media-text-block .text-column {
  position: relative;
  flex: 1;
}
.media-text-block .text-column .media-text-title {
  padding-right: 80px;
  font-family: "Futura Std Bold", sans-serif;
  text-transform: uppercase;
  font-size: var(--wp--preset--font-size--large);
  letter-spacing: 1px;
}
.media-text-block .text-column .media-text-subtitle {
  font-size: 1rem;
  line-height: var(--neve-font-line-height-h3, 1.35);
  font-weight: 700;
  letter-spacing: 1px;
  font-style: normal;
  text-transform: uppercase;
  font-family: var(--wp--preset--font-family--futura-bold);
}
.media-text-block .iso-picto {
  position: absolute;
  top: 6px;
  right: 0;
}
.media-text-block .has-iso-c-blanc-text-color {
  color: var(--wp--preset--color--c-blanc);
}
.media-text-block .has-iso-c-bleu-iso-text-color {
  color: var(--wp--preset--color--c-bleu-iso);
}
.media-text-block .has-iso-c-bleu-peps-text-color {
  color: var(--wp--preset--color--c-bleu-peps);
}
.media-text-block .has-iso-c-bleu-sante-visuelle-text-color {
  color: var(--wp--preset--color--c-bleu-sante-visuelle);
}
.media-text-block .has-iso-c-orange-com-manag-text-color {
  color: var(--wp--preset--color--c-orange-com-manag);
}
.media-text-block .has-iso-c-rose-crea-design-text-color {
  color: var(--wp--preset--color--c-rose-crea-design);
}
.media-text-block .has-iso-c-violet-pro-text-color {
  color: var(--wp--preset--color--c-violet-pro);
}
.media-text-block .has-iso-c-bleu-iso-50-text-color {
  color: var(--wp--preset--color--c-bleu-iso-50);
}
@media screen and (max-width: 768px) {
  .media-text-block {
    flex-direction: column;
  }
}

.video-thumbnail {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.video-thumbnail.is-ratio-4-3 {
  aspect-ratio: 4/3;
}
.video-thumbnail.is-ratio-16-9 {
  aspect-ratio: 16/9;
}
.video-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-thumbnail .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--wp--preset--color--c-bleu-iso);
  transition: all ease-in-out 0.2s;
}
.video-thumbnail .play-button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 5rem;
  height: 5rem;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBmaWxsPSJ3aGl0ZSI+Cgk8cGF0aCBkPSJNNDY0IDI1NkEyMDggMjA4IDAgMSAwIDQ4IDI1NmEyMDggMjA4IDAgMSAwIDQxNiAwek0wIDI1NmEyNTYgMjU2IDAgMSAxIDUxMiAwQTI1NiAyNTYgMCAxIDEgMCAyNTZ6TTE4OC4zIDE0Ny4xYzcuNi00LjIgMTYuOC00LjEgMjQuMyAuNWwxNDQgODhjNy4xIDQuNCAxMS41IDEyLjEgMTEuNSAyMC41cy00LjQgMTYuMS0xMS41IDIwLjVsLTE0NCA4OGMtNy40IDQuNS0xNi43IDQuNy0yNC4zIC41cy0xMi4zLTEyLjItMTIuMy0yMC45bDAtMTc2YzAtOC43IDQuNy0xNi43IDEyLjMtMjAuOXoiLz4KPC9zdmc+Cg==) center/contain no-repeat;
  transition: all ease-in-out 0.2s;
}
.video-thumbnail:hover .play-button {
  width: 7rem;
  height: 7rem;
}
.video-thumbnail:hover .play-button::after {
  width: 6rem;
  height: 6rem;
}

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