/* Lightweight replacements for the Webflow runtime on the home page. */
.lite-reveal {
  opacity: 0;
  transform: translate3d(0, 24px, 0);
  transition: opacity 520ms ease, transform 520ms ease;
  transition-delay: var(--lite-delay, 0ms);
  will-change: opacity, transform;
}

.lite-reveal.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  will-change: auto;
}

.lite-reveal[data-lite-reveal="scale"] {
  transform: scale(.96);
}

.lite-reveal[data-lite-reveal="scale"].is-visible {
  transform: scale(1);
}

.lite-reveal[data-lite-reveal="left"] {
  transform: translate3d(-24px, 0, 0);
}

.lite-reveal[data-lite-reveal="right"] {
  transform: translate3d(24px, 0, 0);
}

.lite-reveal[data-lite-reveal="left"].is-visible,
.lite-reveal[data-lite-reveal="right"].is-visible {
  transform: translate3d(0, 0, 0);
}

.faq4_answer {
  overflow: hidden;
  transition: height 220ms ease;
}

.faq4_question {
  cursor: pointer;
}

.faq4_question[aria-expanded="true"] .faq4_icon-wrappper {
  transform: rotate(45deg);
}

.faq4_icon-wrappper {
  transition: transform 180ms ease;
}

@media (prefers-reduced-motion: reduce) {
  .lite-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .faq4_answer,
  .faq4_icon-wrappper {
    transition: none;
  }
}

.nav-button {
  position: relative;
  width: 48px;
  height: 48px;
}

.nav-button .icon-1x1-large::before,
.nav-button .icon-1x1-large::after,
.nav-button .icon-1x1-large {
  background: #fff;
  border-radius: 999px;
  display: block;
  height: 2px;
  width: 24px;
}

.nav-button .icon-1x1-large {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.nav-button .icon-1x1-large::before,
.nav-button .icon-1x1-large::after {
  content: "";
  left: 0;
  position: absolute;
}

.nav-button .icon-1x1-large::before {
  top: -7px;
}

.nav-button .icon-1x1-large::after {
  top: 7px;
}

.nav-button.w--open .icon-1x1-large {
  background: transparent;
}

.nav-button.w--open .icon-1x1-large::before {
  top: 0;
  transform: rotate(45deg);
}

.nav-button.w--open .icon-1x1-large::after {
  top: 0;
  transform: rotate(-45deg);
}

@media screen and (max-width: 991px) {
  .nav-button-menu.is-tablet-hide.w--open {
    display: block;
    height: 0;
    margin: 0;
    overflow: visible;
    padding: 0;
  }

  .nav-nav-menu.is-static {
    display: none !important;
  }

  .nav-nav-menu.is-static.w--open,
  .nav-nav-menu.is-static[data-nav-menu-open] {
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column;
    left: 50% !important;
    margin-left: 0;
    margin-right: 0;
    max-width: calc(100vw - 2rem);
    min-width: 0;
    overflow: hidden;
    position: fixed !important;
    right: auto !important;
    top: 86px;
    transform: translate3d(-50%, 0, 0) !important;
    width: calc(100vw - 2rem) !important;
    z-index: 999;
  }
}

/* Accessibility contrast fixes loaded after the Webflow export. */
.button-5.w-button,
.button-5.dark.w-button {
  background-color: #005ea8;
  border-color: #005ea8;
  color: #fff;
}

.button-5.w-button:hover,
.button-5.dark.w-button:hover {
  background-color: #004f8f;
  border-color: #004f8f;
  color: #fff;
}

.button-5.w-button:active,
.button-5.dark.w-button:active {
  background-color: #003d70;
  border-color: #003d70;
  color: #fff;
}

.button-5.is-secondary.w-button {
  background-color: #fff;
  border-color: #0c1a2e;
  color: #0c1a2e;
}

.blog-category,
.blog-category.w-inline-block {
  background-color: #005ea8;
  color: #fff;
}

.blog-category:hover,
.blog-category.w-inline-block:hover {
  background-color: #004f8f;
  color: #fff;
}

.blog-category .text-size-small,
.blog-category .text-size-small.text-weight-semibold,
.blog-category.w-inline-block .text-size-small,
.blog-category.w-inline-block .text-size-small.text-weight-semibold {
  color: #fff;
}

.section-blog .text-size-medium,
.section-blog .text-size-medium.align-center,
.section-blog .text-size-medium-12,
.section-blog .w-richtext p,
.section-blog .w-richtext li {
  color: #2f3747;
}

.section-blog .heading-style-h1-4,
.section-blog .heading-style-h2,
.section-blog .heading-style-h3,
.section-blog h1,
.section-blog h2,
.section-blog h3 {
  color: #111827;
}

.footer-content-wrapper .text-color-white,
.footer-content-wrapper .text-size-medium.text-weight-semibold.text-color-white {
  color: #fff;
}

.footer-content-wrapper .footer-link,
.footer-content-wrapper .text-color-neutral-400,
.footer-content-wrapper .footer-credit-text.text-color-neutral-400 {
  color: #d9e4f2;
}

.footer-content-wrapper .footer-link:hover {
  color: #fff;
}

/* Section blog – DPE/immobilier pages */
.section-blog .header-component-3{display:block}
.section-blog .header-content{max-width:960px;margin:0 auto}
.section-blog .w-richtext{max-width:960px;margin:0 auto}
.section-blog .w-richtext h2{margin:32px 0 12px;font-size:clamp(22px,3.2vw,32px);line-height:1.25;font-weight:700}
.section-blog .w-richtext h3{margin:20px 0 8px;font-size:clamp(18px,2.4vw,22px);line-height:1.3;font-weight:700}
.section-blog .w-richtext p{margin:0 0 16px;color:var(--neutral-600)}
.section-blog .w-richtext ol,.section-blog .w-richtext ul{padding-left:20px;margin:0 0 16px}
.button-group.center{justify-content:center}