/* Custom CSS for landing pages */

/* TEXTE */

@media (max-width: 600px) {
  
  .mobile-txt-med .has-medium-font-size {
    font-size: 16px !important;
  }
}

/* BOUTONS */

.wp-block-button__link.wp-element-button {
  white-space: wrap;
}

.wp-block-button.btn-bleu a {
  text-decoration: none !important;
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}

.wp-block-button.btn-bleu a:hover {
  background-color: #fff !important;
  color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.wp-block-button.btn-blanc a {
  text-decoration: none !important;
  background-color: #fff !important;
  color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.wp-block-button.btn-blanc a:hover {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}

.wp-block-button.btn-transparent .wp-element-button {
  padding-left: 0;
  padding-right: 0;
}

/* Banniere avec fond image */

.wp-block-cover.banner-fd-img .wp-block-cover__inner-container {
  padding-top: 80px;
  padding-bottom: 80px;
}

.banner-fd-img .wp-block-cover__inner-container > * {
  max-width: inherit !important;
}

.banner-fd-img .wp-block-column.has-white-background-color {
  padding: 70px 4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 20px 2%;
}

@media (max-width: 980px) {
  
  .banner-fd-img .wp-block-column.has-white-background-color {
    padding: 50px 5%;
  }
}

@media (max-width: 600px) {
  
  .banner-fd-img .wp-block-column.has-white-background-color {
    padding: 30px 5%;
    margin: 0;
  }
}

/* Colonnes avec grand gap */

.wp-block-columns.col-gap-xl {
  -webkit-column-gap: 11%;
  column-gap: 11%;
}

/* Bloc fond bleu */

.wp-block-group.bloc-bleu-clair {
  background-color: #EEF9FC !important;
  padding: 100px 4%;
}

@media (max-width: 600px) {
  
  .wp-block-group.bloc-bleu-clair {
    padding: 50px 6%;
  }
}

/* Sous titre bleu */

p.soustitre-bleu {
  margin-top: -0.5em;
}

/* Section Image Hero */

.wp-block-image.sect-image-hero {
  margin-bottom: 40px;
}

@media (max-width: 480px) {
  
  .wp-block-image.sect-image-hero img {
    aspect-ratio: 16/9;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

/* Section Navigation */

.wp-block-group.sect-navigation {
  margin-top: 70px;
  margin-bottom: 100px;
}

.wp-block-group.sect-navigation .wp-block-buttons {
  margin-top: 10px;
}

@media (max-width: 980px) {
  
  .wp-block-group.sect-navigation {
    margin-top: 40px;
    margin-bottom: 60px;
  }
  
  .wp-block-group.sect-navigation .wp-block-buttons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .wp-block-group.sect-navigation .wp-block-button__link.wp-element-button {
    font-size: 15px;
    padding: 5px;
  }
}


/* Groupe fond bleu clair */

.wp-block-group.groupe-fd-bleuclair {
  background-color: #F8FDFD;
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 600px) {
  
  .wp-block-group.groupe-fd-bleuclair {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

/* Groupe largeur 1000px */

.wp-block-group.width1000 {
  max-width: 1000px;
}

/* Groupe Protocole */

.wp-block-group.groupe-protocole .wp-block-media-text {
  max-width: inherit;
  max-width: var(--wp--style--global--wide-size);
}

/* Colonnes soins */

@media (max-width: 781px) {
  
  .wp-block-columns.col-soins {
    row-gap: 12px;
  }
}

/* Blocs soin */

.wp-block-column.bloc-soin {
  margin-top: 60px;
}

.wp-block-column.bloc-soin.has-white-background-color {
  padding: 50px 5%;
  margin-top: 20px;
}

.wp-block-column.bloc-soin .wp-block-heading {
  text-transform: uppercase;
  font-size: 20px;
}
.wp-block-column.bloc-soin .wp-block-heading strong {
  font-size: 1.2em;
}

.wp-block-column.bloc-soin table td {
  padding-top: 5px !important;
  padding-bottom: 15px !important;
  font-size: 20px;
}

.wp-block-column.bloc-soin table td:nth-child(2),
.wp-block-column.bloc-atelier table td:nth-child(2) {
  padding-left: 10px !important;
  padding-right: 0 !important;
  min-width: 90px;
}

.wp-block-column.bloc-soin .wp-block-buttons {
  margin-top: 25px;
}

.wp-block-column.bloc-soin .rabais {
  line-height: 1.2;
  margin-top: 10px;
  margin-bottom: 40px;
}

.wp-block-column.bloc-soin .rabais em {
  font-size: 0.8em;
  font-style: normal;
}

.wp-block-column.bloc-soin .bloc-abo table td {
  padding-top: 0 !important;
}

.bloc-abo .wp-block-heading {
  margin-bottom: 0 !important;
  margin-top: 10px;
}

.col-abo.wp-block-column {
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 980px) {
  
  .wp-block-column.bloc-soin .wp-block-heading {
    font-size: 19px;
  }
  
  .wp-block-column.bloc-soin table td {
    font-size: 18px;
  }
}

@media (max-width: 600px) {
  
  .wp-block-column.bloc-soin {
    margin-top: 30px;
  }
  
  .wp-block-column.bloc-soin .wp-block-heading {
    font-size: 17px;
  }
  
  .wp-block-column.bloc-soin table td {
    font-size: 16px;
  }

  .bloc-soin .wp-block-button__link.wp-element-button {
    font-size: 16px !important;
  }
}

/* Colonnes ateliers */

@media (max-width: 781px) {
  
  .wp-block-columns.col-ateliers {
    row-gap: 0;
  }
}

/* ATELIERS */

.bloc-atelier h3.wp-block-heading {
  font-size: 25px;
  margin-top: 30px;
}

.bloc-atelier table strong {
  font-family: var(--wp--preset--font-family--sans-serif) !important;
  font-size: 20px !important;
  text-transform: uppercase;
}

.bloc-atelier table td {
  padding-top: 5px !important;
  padding-bottom: 15px !important;
}

.bloc-atelier table tr + tr {
  border-bottom-width: 0;
}

.wp-block-columns.col-gap-xl .bloc-atelier .wp-block-table {
  margin: 12px 0;
}

.wp-block-columns.col-gap-xl .bloc-atelier .wp-block-table table td {
  padding-bottom: 10px !important;
  vertical-align: baseline;
}

@media (max-width: 600px) {
  
  .bloc-atelier h3.wp-block-heading {
    font-size: 22px;
  }
  
  .bloc-atelier table strong {
    font-size: 18px !important;
  }
}

/* FAQ */

.wp-block-group.sect-faq {
  margin-bottom: 0;
}

.wp-block-group.sect-fond-rose {
  background-color: #FEF3EF;
  padding: 100px 5%;
}

.sect-faq h2 {
  margin-bottom: 0.8em !important;
}

.sect-faq h3 {
  font-family: var(--wp--preset--font-family--sans-serif) !important;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700 !important;
  margin-bottom: 0.8em !important;
}

.sect-faq .wpseopress-faq-question {
  text-decoration: underline;
  font-size: 20px;
  line-height: 1.2;
}

button[aria-expanded="true"] .wpseopress-faq-question {
  color: var(--bs-body-color);
}

.sect-faq .wpseopress-faq-answer-desc {
  line-height: 1.4;
}

@media (min-width: 601px) {
  
  .sect-faq .wpseopress-faq-answer-desc {
    font-size: 0.9em;
  }
}

@media (max-width: 600px) {
  
  .wp-block-group.sect-fond-rose {
    padding: 60px 5%;
  }
  
  .sect-faq .wpseopress-faq-question {
    font-size: 16px;
  }
  
  .sect-faq .wpseopress-faq-question {
    font-size: 17px;
  }
}

/* Facelab Footer */

.wp-block-group.facelab-footer {
  margin-top: 0 !important;
}

@media (max-width: 781px) {
  
  .facelab-footer .has-medium-large-font-size {
    font-size: 0.95em !important;
  }
  
  .facelab-footer .wp-block-heading {
    font-size: 15px;
  }
}

@media (max-width: 400px) {
  
  .facelab-footer .wp-block-column p a {
    font-size: 15px;
  }
}

body.page-id-3496 .before-footer,
body.page-id-3491 .before-footer {
  display: none !important;
}

body.page-id-3496 .page-footer,
body.page-id-3491 .page-footer {
  margin-top: 0;
}