/**
 * Home page styles — extracted from Elementor post-13.css
 * Paths relative to assets/css/pages/
 */

.ac-home {
  --ac-home-muted: #727272;
  --ac-home-pill: #f2f2f2;
  --ac-home-white: #ffffff;
  --ac-home-max: 1140px;
  --ac-home-wide: 1600px;
  --ac-home-split: 1350px;
}

.ac-home :where(h1, h2, h3, h4, p) {
  margin: 0;
}

.ac-home img {
  max-width: 100%;
  height: auto;
  display: block;
}

.ac-home a:not(.btn) {
  color: inherit;
}

.entry-content .ac-home a.btn {
  text-decoration: none;
}

/* -------------------------------------------------------------------------- */
/* Hero                                                                       */
/* -------------------------------------------------------------------------- */

.ac-home__hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  padding: 3rem 1.25rem;
  text-align: center;
  background-color: var(--ac-home-pill);
  background-image: url("../../uploads/2023/10/mains-energetique-naturopathie.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ac-home__hero-inner {
  width: min(100%, var(--ac-home-max));
  margin-inline: auto;
}

.entry-content .ac-home__hero-title {
  font-family: "Josefin Sans", sans-serif;
  font-size: 40px;
  font-weight: 200;
  letter-spacing: 0.5px;
  line-height: 1.3;
  color: var(--ac-home-white);
}

.entry-content .ac-home__hero-quote {
  margin-top: 0.75rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 30px;
  font-weight: 200;
  letter-spacing: 0.5px;
  line-height: 1.35;
  color: var(--ac-home-white);
}

/* -------------------------------------------------------------------------- */
/* Section titles (ex-divider line_text)                                      */
/* -------------------------------------------------------------------------- */

.ac-home__section-title {
  width: min(100%, var(--ac-home-max));
  margin: 80px auto 0;
  padding: 5px 1.25rem;
  text-align: center;
}

.entry-content .ac-home__section-title h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-family: "Roboto", sans-serif;
  font-size: 37px;
  font-weight: 900;
  line-height: 1.25;
  color: var(--ac-home-muted);
}

.entry-content .ac-home__section-title h2::before,
.entry-content .ac-home__section-title h2::after {
  content: "";
  flex: 1 1 0;
  height: 3px;
  background: var(--ac-home-muted);
  min-width: 1.5rem;
}

.ac-home__section-title--cabinet {
  margin-top: 50px;
}

/* -------------------------------------------------------------------------- */
/* Intro + portrait                                                           */
/* -------------------------------------------------------------------------- */

.ac-home__intro {
  width: min(100%, var(--ac-home-wide));
  margin: 0 auto;
  padding: 2rem 1.25rem 0;
}

.ac-home__intro-text {
  text-align: justify;
  font-family: "Roboto", sans-serif;
  font-size: 19px;
  font-weight: 200;
  letter-spacing: 1.1px;
  line-height: 1.65;
  color: var(--ac-home-muted);
}

.ac-home__intro-text a {
  text-decoration: underline;
}

.ac-home__portrait {
  margin: 50px;
}

.ac-home__portrait img {
  margin-inline: auto;
}

.ac-home__cta {
  margin-top: 50px;
  text-align: center;
}

/* -------------------------------------------------------------------------- */
/* Split: cabinet / téléconsultation                                          */
/* -------------------------------------------------------------------------- */

.ac-home__split {
  width: min(100%, var(--ac-home-split));
  margin: 50px auto;
  padding: 0 1.25rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}

.ac-home__split-col {
  padding: 65px;
  min-width: 0;
}

.entry-content .ac-home__split-heading {
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.3;
  color: var(--ac-home-muted);
  text-align: start;
}

.ac-home__split-text {
  margin-top: 50px;
  font-family: "Roboto", sans-serif;
  font-size: 19px;
  font-weight: 200;
  letter-spacing: 1.1px;
  line-height: 1.65;
  color: var(--ac-home-muted);
  text-align: start;
}

.ac-home__split-text p + p,
.ac-home__split-text p + div,
.ac-home__split-text div + p {
  margin-top: 1em;
}

.ac-home__split-media {
  margin-top: 1.5rem;
}

.ac-home__split-media a {
  display: block;
}

.ac-home__anchor {
  position: relative;
  top: -80px;
  height: 0;
  width: 0;
  overflow: hidden;
}

/* -------------------------------------------------------------------------- */
/* CTA band                                                                   */
/* -------------------------------------------------------------------------- */

.ac-home__band {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  margin-top: 80px;
  padding: 3rem 1.25rem;
  text-align: center;
  background-image: url("../../uploads/2023/09/119737319_2844237885860416_8102526639712277976_n-e1695396991100.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.entry-content .ac-home__band-title {
  max-width: 20em;
  padding: 30px 20px;
  font-family: "Roboto", sans-serif;
  font-size: 46px;
  font-weight: 200;
  letter-spacing: 0.5px;
  line-height: 1.25;
  color: var(--ac-home-white);
}

.ac-home__band .ac-home__cta {
  margin-top: 50px;
}

/* -------------------------------------------------------------------------- */
/* Partner logos                                                              */
/* -------------------------------------------------------------------------- */

.ac-home__partners {
  width: min(100%, var(--ac-home-max));
  margin: 50px auto;
  padding: 0 1.25rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.25rem;
  align-items: center;
}

.ac-home__partners a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}

.ac-home__partners img {
  width: auto;
  max-height: 72px;
  object-fit: contain;
}

/* -------------------------------------------------------------------------- */
/* Responsive                                                                 */
/* -------------------------------------------------------------------------- */

@media (max-width: 1024px) {
  .entry-content .ac-home__split-heading {
    font-size: 20px;
  }
}

@media (max-width: 900px) {
  .ac-home__split {
    grid-template-columns: 1fr;
  }

  .ac-home__split-col {
    padding: 2rem 1rem;
  }

  .ac-home__partners {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 767px) {
  .entry-content .ac-home__hero-title,
  .entry-content .ac-home__hero-quote {
    font-size: 25px;
  }

  .ac-home__section-title {
    text-align: left;
  }

  .entry-content .ac-home__section-title h2 {
    justify-content: flex-start;
    font-size: clamp(1.6rem, 7vw, 37px);
  }

  .entry-content .ac-home__section-title h2::before {
    display: none;
  }

  .ac-home__portrait {
    margin: 2rem 1rem;
  }

  .entry-content .ac-home__split-heading {
    font-size: 30px;
  }

  .entry-content .ac-home__band-title {
    font-size: 25px;
  }

  .ac-home__partners {
    grid-template-columns: repeat(2, 1fr);
  }

  .ac-home .btn {
    letter-spacing: 2px;
  }
}

@media (max-width: 480px) {
  .ac-home__partners {
    grid-template-columns: 1fr;
  }
}
