@charset "UTF-8";
/**
 * CF7C Theme - Main stylesheet
 * Compiled from src/scss to assets/styles/
 */
/**
 * Theme variables
 */
h1.wp-block-heading mark {
  font-size: var(--wp--preset--font-size--x-large);
}
h1 sub {
  /* display: block;  */
  margin-top: 0.1em;
  font-size: var(--wp--preset--font-size--x-large);
  vertical-align: middle;
}

h2 sub {
  display: block;
  margin-top: 0.1em;
  font-size: var(--wp--preset--font-size--x-large);
  vertical-align: middle;
}

.wp-block-button:hover .wp-block-button__link, .wp-block-button:focus .wp-block-button__link {
  transform: scale(1.05);
  brightness: 1.05;
  filter: brightness(1.05);
}

/**
 * Core List Block - Checklist variation
 * Utilise assets/vectors/icon-check.svg et icon-close.svg
 * Pour afficher une croix sur un élément : cliquer sur l'élément de liste,
 * puis dans Paramètres du bloc > Avancé > Classes CSS supplémentaires,
 * ajouter "has-cross".
 */
.wp-block-list.is-style-checklist {
  list-style-type: none;
  padding-left: 0;
}
.wp-block-list.is-style-checklist li {
  position: relative;
  padding-left: calc(12px + 0.5rem);
}
.wp-block-list.is-style-checklist li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.9rem;
  width: 12px;
  height: 12px;
  background-color: currentColor;
  mask-image: url("../vectors/icon-check.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("../vectors/icon-check.svg");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  color: inherit;
}
.wp-block-list.is-style-checklist li.has-cross::before {
  mask-image: url("../vectors/icon-close.svg");
  -webkit-mask-image: url("../vectors/icon-close.svg");
  color: inherit;
  top: 0.75rem;
}
.wp-block-list.is-style-checklist li > div {
  display: inline;
}

#pricing-columns {
  flex-wrap: wrap !important;
}
@media (min-width: 782px) {
  #pricing-columns {
    flex-wrap: wrap !important;
  }
}
@media (min-width: 1024px) {
  #pricing-columns {
    flex-wrap: nowrap !important;
  }
}
#pricing-columns .wp-block-column {
  flex-basis: 100%;
}
@media (min-width: 782px) {
  #pricing-columns .wp-block-column {
    flex-basis: calc(50% - var(--wp--preset--spacing--40)) !important;
  }
}
@media (min-width: 1024px) {
  #pricing-columns .wp-block-column {
    flex-basis: 25% !important;
  }
}
#pricing-columns sub {
  font-size: 1rem;
  vertical-align: baseline;
}
#pricing-columns .wp-block-buttons {
  width: 100%;
}
#pricing-columns .wp-block-buttons a {
  text-align: left;
}

#pillars .pillars-title .wp-block-heading {
  padding-right: calc(var(--wp--preset--spacing--80) + 100px);
  padding-left: calc(var(--wp--preset--spacing--80) + 100px);
}
#pillars .pillars-title .wp-block-image {
  position: absolute;
  right: var(--wp--preset--spacing--80);
}
@media (min-width: 1440px) {
  #pillars .pillars-title .wp-block-image {
    right: 16.66666%;
  }
}

#activities .activities-grid {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px) {
  #activities .activities-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
#activities .activities-item {
  aspect-ratio: 2/1;
  grid-template-columns: 1fr 50%;
}
@media (min-width: 768px) {
  #activities .activities-item {
    grid-template-columns: 66.666% 33.333%;
  }
}
@media (min-width: 991px) {
  #activities .activities-item {
    grid-template-columns: 1fr 50%;
  }
}
#activities .activities-item .wp-block-media-text__media img {
  border-radius: 20px;
}

#hero-title .wp-block-columns {
  min-height: 100%;
}

#home-hero h1 sub {
  vertical-align: text-top;
}

#keynumbers .keynumbers-illu {
  margin-top: calc(-1 * var(--wp--preset--spacing--40));
  margin-bottom: calc(-1 * var(--wp--preset--spacing--40));
}
#keynumbers .keynumbers-illu + .keynumbers-wrapper {
  z-index: -1;
}

/**
 * CF7C Theme - Main stylesheet
 * Compiled from src/scss to assets/styles/
 */
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  transition: all 0.3s ease;
}
header .wp-block-site-logo {
  width: 300px; /* valeur de départ pour la transition */
  transition: width 0.35s ease-in-out;
}
body.scrolled header .wp-block-site-logo {
  width: 175px;
}

@media (max-width: 768px) {
  header .wp-block-site-logo {
    width: 175px;
  }
}
header .nav-button br {
  display: none;
}
@media (max-width: 768px) {
  header .nav-button br {
    display: block;
  }
}

html {
  margin-top: 0;
  margin-bottom: 0;
  scroll-behavior: smooth;
}

.wp-site-blocks {
  padding-top: 0;
  padding-bottom: 0;
}

* {
  transition: all 0.3s ease;
}

sub {
  vertical-align: baseline;
}/*# sourceMappingURL=main.css.map */