/*!****************************************************************************************************************************************!*\
  !*** css ../../../../../node_modules/css-loader/dist/cjs.js!../../../../../node_modules/sass-loader/dist/cjs.js!./src/scss/style.scss ***!
  \****************************************************************************************************************************************/
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* FONCTIONS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* Display flex */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* Object Fit */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* CONVERSION PX -> EM */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* CONVERSION PX -> REM */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* VARIABLES */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* GRIS */
/* ----------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* ICON BOX */
/* ---------------------------------------------------------------------------------------------------------- */
.icon-box {
  /* ---------------------------------------------------------------------------------------------------------- */
  /* TEMPLATES */
  /* ---------------------------------------------------------------------------------------------------------- */
  /* ---------------------------------------------------------------------------------------------------------- */
  /* HORIZONTAL */
  /* ---------------------------------------------------------------------------------------------------------- */
}
.icon-box__content {
  padding: 1em;
}
.icon-box__icon {
  --icon-size: 1em;
  --icon-color: var(--wp--preset--color--secondary);
  background-color: var(--icon-bgcolor);
  margin-bottom: 1em;
}
.icon-box__title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 1em;
}
.icon-box__texte p {
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 1em;
}
.icon-box__link {
  text-align: left;
  margin-top: 1em;
  --icon-color: var(--wp--preset--color--black);
}
.icon-box.icon-box-icon {
  border-radius: 0.25em;
  padding: 0.25em;
}
.icon-box.icon-box-icon .icon-box__icon {
  margin: 0;
}
.icon-box.icon-box-horizontal .icon-box__container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.icon-box.icon-box-horizontal .icon-box__icon {
  margin-bottom: 0;
}
.icon-box.icon-box-horizontal .icon-box__text p {
  margin-bottom: 0;
}

/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* -------------------- RESPONSIVE --------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* XS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* SM */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* MD */
/* ----------------------------------------------------- */
@media (min-width: 992px) {
  .icon-box__icon {
    margin-bottom: 2em;
  }
  .icon-box__title {
    font-size: 1.25em;
  }
}
/* ----------------------------------------------------- */
/* LG */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* XL */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* XXL */
/* ----------------------------------------------------- */
@media (min-width: 1650px) {
  .icon-box__icon {
    --icon-size: 1em;
  }
  .icon-box__title {
    font-size: 1.375em;
  }
  .icon-box.icon-box-icon .icon-box__icon {
    --icon-size: inherit;
  }
}
/* ----------------------------------------------------- */
/* HOVER */
/* ----------------------------------------------------- */