@charset "UTF-8";
/* ---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* PAGES */
/* ---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* VARIABLES */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* Couleurs */
/* ----------------------------------------------------- */
/* Spécifiques au site */
/* ----------------------------------------------------- */
/* gris moyen fonce */
/* gris moyen */
/* gris clair */
/* Nuances de gris */
/* ----------------------------------------------------- */
/* Correspondances couleurs -> texte */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* FONTS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* FONT-SIZES */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* TRANSITIONS */
/* ----------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* BOX SHADOW */
/* ---------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- */
/* BASES PADDING & MARGIN */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* BORDER RADIUS */
/* ----------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* SCREENS */
/* ---------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- */
/* ADMIN */
/* ----------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* PATHS */
/* ---------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* MIXIN.SCSS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* FONT FACE */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* KEYFRAMES */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* CENTRE UNE IMAGE */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* CENTRE UN ELEMENT */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* CENTRE UN BACKGROUND QUAND ON LE MET EN INLINE */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* TRIANGLES */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* Display flex */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* Object Fit */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* FONCTIONS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* CONVERSION PX -> EM */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* CONVERSION PX -> REM */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* CONVERSION PX -> % */
/* ----------------------------------------------------- */
.wazablock__slider {
  /* ---------------------------------------------------------------------------------------------------------- */
  /* SLIDER VIDEOS */
  /* ---------------------------------------------------------------------------------------------------------- */
}
.wazablock__slider__text {
  padding: var(--paddingBase) 0;
  position: relative;
}
.wazablock__slider__text:before {
  content: "";
  position: absolute;
  top: calc(var(--paddingBase) * 2);
  bottom: calc(var(--paddingBase) * 2);
  left: 0;
  right: 0;
  color: var(--wp--preset--color--primary-contrast);
  background-color: var(--wp--preset--color--primary);
}
.wazablock__slider__text .swiper-text > .swiper .swiper-wrapper {
  background-color: var(--wp--preset--color--white);
  box-shadow: 5px 5px 5px rgba(var(--wp--preset--color--secondary-rgb), 0.2);
}
.wazablock__slider__text .swiper {
  position: relative;
}
.wazablock__slider__text .swiper .swiper-pagination {
  bottom: calc(1rem + var(--paddingBase) / 2);
  transform: translateY(50%);
}
.wazablock__slider__text__item {
  opacity: 0 !important;
}
.wazablock__slider__text__item__content {
  position: relative;
  z-index: 2;
  color: var(--wp--preset--color--primary);
  padding: var(--paddingBase);
}
.wazablock__slider__text__item__image__container {
  width: 100%;
  height: 0;
  padding-top: 66.67%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.wazablock__slider__text__item__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.wazablock__slider__text__item.swiper-slide-active {
  opacity: 1 !important;
}
.wazablock__slider__video {
  overflow: visible;
}
.wazablock__slider__video .swiper {
  position: relative;
}
.wazablock__slider__video .swiper .swiper-pagination {
  bottom: calc(var(--paddingBase) / 2);
  transform: translateY(50%);
}
.wazablock__slider__video .swiper-text {
  background-color: var(--wp--preset--color--white);
  box-shadow: 5px 5px 5px rgba(var(--wp--preset--color--secondary-rgb), 0.2);
}
.wazablock__slider__video__item__content {
  padding: var(--paddingBase);
  background-color: var(--wp--preset--color--white);
}

/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* -------------------- RESPONSIVE --------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* XS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* SM */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* MD */
/* ----------------------------------------------------- */
@media (min-width: 992px) {
  .wazablock__slider__text .swiper {
    padding: 1rem;
  }
  .wazablock__slider__text .swiper-text {
    position: relative;
    z-index: 2;
    width: 55%;
    padding-bottom: calc(var(--paddingBase) * 2);
  }
  .wazablock__slider__text .swiper-image {
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    width: 55%;
  }
}
/* ----------------------------------------------------- */
/* LG */
/* ----------------------------------------------------- */
@media (min-width: 1200px) {
  .wazablock__slider__video {
    position: relative;
  }
  .wazablock__slider__video .swiper-text {
    position: relative;
    z-index: 2;
    width: 45%;
    left: 55%;
  }
  .wazablock__slider__video .swiper-video {
    position: absolute;
    z-index: 1;
    width: 55%;
    left: 0;
    top: 50%;
    padding: var(--paddingBase) 0;
    transform: translateY(-50%);
  }
}
/* ----------------------------------------------------- */
/* XL */
/* ----------------------------------------------------- */
@media (min-width: 1400px) {
  .wazablock__slider__video .swiper-text {
    width: 40%;
    left: 60%;
  }
  .wazablock__slider__video .swiper-video {
    width: 60%;
  }
}
/* ----------------------------------------------------- */
/* XXL */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* HOVER */
/* ----------------------------------------------------- *//*# sourceMappingURL=style.css.map */