@charset "UTF-8";
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* 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 -> % */
/* ----------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* TRACKING INDESIGN -> LETTER SPACING CSS */
/* ---------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* 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 */
/* ---------------------------------------------------------------------------------------------------------- */
.wazablocks-video {
  padding: 0;
  aspect-ratio: 16/10;
  max-height: calc(100vh - var(--hdr-h) - 75px);
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.wazablocks-video .video__embed {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
}
.wazablocks-video .video__embed iframe,
.wazablocks-video .video__embed video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.wazablocks-video .video__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.wazablocks-video .video__title {
  color: var(--wp--preset--color--secondary);
  font-family: var(--wp--preset--font-family--primary);
  text-transform: uppercase;
  text-align: center;
}
.wazablocks-video .video__btn {
  --icon-size: 20vw;
  --icon-color: var(--wp--preset--color--white);
}

/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* -------------------- RESPONSIVE --------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* XS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* SM */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* MD */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* WP BREAKPOINT */
/* ----------------------------------------------------- */
@media (min-width: 782px) {
  .wazablocks-video .video__btn {
    --icon-size: 10vh;
  }
}
/* ----------------------------------------------------- */
/* LG */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* XL */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* XXL */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* HOVER */
/* ----------------------------------------------------- *//*# sourceMappingURL=style.css.map */