@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__keyfigure {
  --number-size: 1.5em;
  --icon-padding-y: 0;
  --icon-margin-y: 0;
  flex-basis: 100%;
  flex-grow: 0;
  flex-shrink: 0;
}
.wazablocks__keyfigure__text__number {
  display: inline-flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  border-radius: 100rem;
  min-width: 2.5em;
  aspect-ratio: 1/1;
  padding: 0.25em;
}
.wazablocks__keyfigure__text__number__span {
  font-family: var(--wp--preset--font-family--secondary);
}
.wazablocks__keyfigure__image__container {
  margin-top: -0.5rem !important;
  transition: all 0.4s ease-out;
}

/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* -------------------- RESPONSIVE --------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* XS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* SM */
/* ----------------------------------------------------- */
@media (min-width: 576px) {
  .wazablocks__keyfigure {
    --image-width: 50%;
    flex-basis: calc(50% - 24px);
  }
}
/* ----------------------------------------------------- */
/* MD */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* WP BREAKPOINT */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* LG */
/* ----------------------------------------------------- */
@media (min-width: 992px) {
  .wazablocks__keyfigure:nth-child(even) {
    margin-top: 2em;
  }
}
/* ----------------------------------------------------- */
/* XL */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* XXL */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* HOVER */
/* ----------------------------------------------------- */
@media (hover: hover) {
  .wazablocks__keyfigure:hover .wazablocks__keyfigure__image__container {
    margin-top: 0 !important;
  }
  .wazablocks__keyfigure:hover .wazablocks__keyfigure__text__number {
    --number-color: #000;
  }
}/*# sourceMappingURL=style.css.map */