@charset "UTF-8";

:root {
  /* Titre */
  --bloc-link-title-color: var(--blocs-title-color);
  --bloc-link-title-color-hover: var(--blocs-title-color-hover);
  --bloc-link-title-color-with-background: var(--blocs-title-color-with-background);
  --bloc-link-title-color-with-background-hover: var(--blocs-title-color-with-background-hover);
  /* Texte */
  --bloc-link-text-color: var(--blocs-text-color);
  --bloc-link-text-color-hover: var(--blocs-text-color-hover);
  --bloc-link-text-color-with-background: var(--blocs-text-color-with-background);
  --bloc-link-text-color-with-background-hover: var(--blocs-text-color-with-background-hover);
  /* Background */
  --bloc-link-background-color: var(--blocs-background-color);
  --bloc-link-background-color-hover: var(--blocs-background-color-hover);
  --bloc-link-background-overlay-color: var(--blocs-background-overlay-color);
  --bloc-link-background-overlay-color-hover: var(--blocs-background-overlay-color-hover);
  /* Liens */
  --bloc-link-link-with-background: var(--blocs-link-with-background);
  --bloc-link-link-with-background-hover: var(--blocs-link-with-background-hover);
  /* Autres */
  --bloc-link-decoration-color: var(--blocs-decoration-color);
  --bloc-link-decoration-color-hover: var(--blocs-decoration-color-hover);
  --bloc-link-border-color: var(--blocs-border-color);
  --bloc-link-border-color-hover: var(--blocs-border-color-hover);
  /* Icones */
  --bloc-link-icon-color: var(--blocs-icon-color);
  --bloc-link-icon-color-hover: var(--blocs-icon-color-hover);
  --bloc-link-icon-color-with-background: var(--blocs-icon-color-with-background);
  --bloc-link-icon-color-with-background-hover: var(--blocs-icon-color-with-background-hover);
  /* Pagination */
  --bloc-link-pagination-color: var(--bloc-pagination-color);
  --bloc-link-pagination-color-hover: var(--bloc-pagination-color-hover);
  --bloc-link-pagination-color-with-background: var(--bloc-pagination-color-with-background);
  --bloc-link-pagination-color-with-background-hover: var(--bloc-pagination-color-with-background-hover);
  --bloc-link-pagination-background: var(--bloc-pagination-background);
  --bloc-link-pagination-background-hover: var(--bloc-pagination-background-hover);
  --bloc-link-pagination-border: var(--bloc-pagination-border);
  --bloc-link-pagination-border-hover: var(--bloc-pagination-border-hover);
}

html.darkMode, .cms_bloc.darkMode, .cms_bloc .darkMode {
  /* Titre */
  --bloc-link-title-color: var(--blocs-title-color);
  --bloc-link-title-color-hover: var(--blocs-title-color-hover);
  --bloc-link-title-color-with-background: var(--blocs-title-color-with-background);
  --bloc-link-title-color-with-background-hover: var(--blocs-title-color-with-background-hover);
  /* Texte */
  --bloc-link-text-color: var(--blocs-text-color);
  --bloc-link-text-color-hover: var(--blocs-text-color-hover);
  --bloc-link-text-color-with-background: var(--blocs-text-color-with-background);
  --bloc-link-text-color-with-background-hover: var(--blocs-text-color-with-background-hover);
  /* Background */
  --bloc-link-background-color: var(--blocs-background-color);
  --bloc-link-background-color-hover: var(--blocs-background-color-hover);
  --bloc-link-background-overlay-color: var(--blocs-background-overlay-color);
  --bloc-link-background-overlay-color-hover: var(--blocs-background-overlay-color-hover);
  /* Liens */
  --bloc-link-link-with-background: var(--blocs-link-with-background);
  --bloc-link-link-with-background-hover: var(--blocs-link-with-background-hover);
  /* Autres */
  --bloc-link-decoration-color: var(--blocs-decoration-color);
  --bloc-link-decoration-color-hover: var(--blocs-decoration-color-hover);
  --bloc-link-border-color: var(--blocs-border-color);
  --bloc-link-border-color-hover: var(--blocs-border-color-hover);
  /* Icones */
  --bloc-link-icon-color: var(--blocs-icon-color);
  --bloc-link-icon-color-hover: var(--blocs-icon-color-hover);
  --bloc-link-icon-color-with-background: var(--blocs-icon-color-with-background);
  --bloc-link-icon-color-with-background-hover: var(--blocs-icon-color-with-background-hover);
  /* Pagination */
  --bloc-link-pagination-color: var(--bloc-pagination-color);
  --bloc-link-pagination-color-hover: var(--bloc-pagination-color-hover);
  --bloc-link-pagination-color-with-background: var(--bloc-pagination-color-with-background);
  --bloc-link-pagination-color-with-background-hover: var(--bloc-pagination-color-with-background-hover);
  --bloc-link-pagination-background: var(--bloc-pagination-background);
  --bloc-link-pagination-background-hover: var(--bloc-pagination-background-hover);
  --bloc-link-pagination-border: var(--bloc-pagination-border);
  --bloc-link-pagination-border-hover: var(--bloc-pagination-border-hover);
}
:root {
  /* Colors */
  --mimir_svg-color: var(--bloc-link-icon-color);
  --mimir_svg-color-hover: var(--bloc-link-icon-color-hover);
  --mimir_background: var(--bloc-link-background-color);
  --mimir_background-hover: var(--bloc-link-background-color-hover);
  --mimir_title-color: var(--bloc-link-title-color);
  --mimir_title-color-hover: var(--bloc-link-title-color-hover);
  --mimir_text-color: var(--bloc-link-text-color);
  --mimir_text-color-hover: var(--bloc-link-text-color-hover);
  --mimir_circle: var(--bloc-link-border-color);
  --mimir_circle-hover: var(--bloc-link-border-color-hover);
  /* Params */
  --mimir_item-scale-hover: scale(1.1);
}

html.darkMode, .cms_bloc.darkMode, .cms_bloc .darkMode {
  /* Colors */
  --mimir_svg-color: var(--bloc-link-icon-color);
  --mimir_svg-color-hover: var(--bloc-link-icon-color-hover);
  --mimir_background: var(--bloc-link-background-color);
  --mimir_background-hover: var(--bloc-link-background-color-hover);
  --mimir_title-color: var(--bloc-link-title-color);
  --mimir_title-color-hover: var(--bloc-link-title-color-hover);
  --mimir_circle: var(--bloc-link-border-color);
  --mimir_circle-hover: var(--bloc-link-border-color-hover);
}

@media screen and (max-width: 767px) {
  .cms_bloc_link_mimir .row.g-5, .cms_bloc_link_mimir .row.gx-5, .cms_bloc_link_mimir .row.gy-5 {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }
}
.cms_bloc_link_mimir .row a.link {
  position: relative;
  height: 100%;
  display: block;
  text-decoration: none !important;
  transform: scale(1);
  transition: transform 0.4s ease;
}
.cms_bloc_link_mimir .row.default-hover a.link:hover {
  transform: var(--mimir_item-scale-hover);
}
.cms_bloc_link_mimir .row.default-hover a.link:hover .card {
  background: var(--mimir_background-hover);
}
.cms_bloc_link_mimir .row.default-hover a.link:hover .card-icon {
  color: var(--mimir_svg-color-hover);
}
.cms_bloc_link_mimir .row.default-hover a.link:hover .card-title {
  color: var(--mimir_title-color-hover);
}
.cms_bloc_link_mimir .row.default-hover a.link:hover .card-text {
  color: var(--mimir_text-color-hover);
}
.cms_bloc_link_mimir .row.default-hover a.link:hover .card-icon-wrapper.circle::before {
  border: 0.1rem solid var(--mimir_circle-hover);
}
.cms_bloc_link_mimir .row.default-hover a.link:hover .card-icon-wrapper.hexagon::before {
  background-color: var(--mimir_circle-hover);
}
.cms_bloc_link_mimir .row .card {
  position: relative;
  border: 0;
  transition: background 0.4s ease;
  align-items: center;
  border-radius: var(--mimir_item-border-radius);
  background: var(--mimir_background);
}
.cms_bloc_link_mimir .row .card::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: var(--mimir_item-border-radius);
  box-shadow: 0 0 var(--mimir_shadow-box) 0 black;
  opacity: var(--mimir_shadow-box-opacity);
}
.cms_bloc_link_mimir .row .card-body {
  text-rendering: revert;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: var(--mimir_card-body-padding);
}
.cms_bloc_link_mimir .row .card-icon-wrapper {
  position: relative;
  border-radius: 100%;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cms_bloc_link_mimir .row .card-icon-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  opacity: 1;
  transition: border 0.4s ease, background-color 0.4s ease;
}
.cms_bloc_link_mimir .row .card-icon-wrapper.circle {
  margin-bottom: 3rem;
}
.cms_bloc_link_mimir .row .card-icon-wrapper.circle::before {
  border: 0.1rem solid var(--mimir_circle);
}
.cms_bloc_link_mimir .row .card-icon-wrapper.hexagon {
  margin-bottom: 3rem;
}
.cms_bloc_link_mimir .row .card-icon-wrapper.hexagon::before {
  background-color: var(--mimir_circle);
  mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NCAxMDAuMzciPgogICAgPHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im04Mi43OSwyMS4xOGwtMjYuMDQtMTUuNzNjLTUuMjgtMy4xOS0xMS44OC0zLjI3LTE3LjIzLS4ybC0yNy45NiwxNS45OWMtNS4yOSwzLjAzLTguNTYsOC42Ni04LjU2LDE0Ljc2djI3Ljc4YzAsNiwzLjE2LDExLjU1LDguMzIsMTQuNjJsMjcuOTUsMTYuNTljNS40OCwzLjI1LDEyLjMxLDMuMTcsMTcuNzEtLjIxbDI2LjA1LTE2LjMzYzQuOTYtMy4xMSw3Ljk3LTguNTUsNy45Ny0xNC40MXYtMjguMzJjMC01Ljk1LTMuMTEtMTEuNDctOC4yMS0xNC41NVoiIHN0eWxlPSJmaWxsOiBub25lOyBzdHJva2Utd2lkdGg6IDZweDsiLz4KPC9zdmc+") no-repeat center;
}
.cms_bloc_link_mimir .row .card-icon-wrapper .card-icon {
  transition: color 0.4s ease;
  color: var(--mimir_svg-color);
}
.cms_bloc_link_mimir .row .card-icon-wrapper .card-icon svg {
  width: 100%;
  height: 100%;
}
.cms_bloc_link_mimir .row .card-icon-wrapper.small-icons {
  width: 8.6rem;
  height: 8.6rem;
}
.cms_bloc_link_mimir .row .card-icon-wrapper.small-icons .card-icon {
  width: 4.2rem;
  height: 4.2rem;
}
.cms_bloc_link_mimir .row .card-icon-wrapper.medium-icons {
  width: 10rem;
  height: 10rem;
}
.cms_bloc_link_mimir .row .card-icon-wrapper.medium-icons .card-icon {
  width: 6rem;
  height: 6rem;
}
.cms_bloc_link_mimir .row .card-icon-wrapper.big-icons {
  width: 12rem;
  height: 12rem;
}
.cms_bloc_link_mimir .row .card-icon-wrapper.big-icons .card-icon {
  width: 8rem;
  height: 8rem;
}
.cms_bloc_link_mimir .row .card-title {
  font-weight: normal;
  line-height: 1.2;
  text-transform: uppercase;
  transition: color 0.4s ease;
  color: var(--mimir_title-color);
  font-size: var(--mimir_title-font-size);
}
.cms_bloc_link_mimir .row .card-text {
  transition: color 0.3s ease;
  font-size: var(--mimir_text-font-size);
  color: var(--mimir_text-color);
}
@media screen and (max-width: 576px) {
  .cms_bloc_link_mimir .row .card-text {
    font-size: 1.3rem;
  }
}