:root {
  --orange-color: #f3833c;
  --green-color: #b4c73b;
  --green-dark-color: #10746d;
  --blue-color: #5583c5;
  --blue-dark-color: #0d5fab;
  --red-color: #c11632;
  --red-dark-color: #a61833;
  --yellow-color: #f5b623;
  --term-epices-condiments-et-miel-color: #10746d;
  --term-poissons-fruits-de-mer-color: #5583c5;
  --term-viandes-color: #c11632;
  --term-legumes-color: #b4c73b;
  --term-fruits-color: #f97373;
  --term-fromages-et-produits-laitiers-color: #f5b623;
  --term-boissons-color: #f3833c;
  --term-specialites-color: #743d98;
}

.text-orange {
  color: var(--orange-color) !important;
}

.text-green {
  color: var(--green-color) !important;
}

.text-blue {
  color: var(--blue-color) !important;
}

.text-red {
  color: var(--red-color) !important;
}

.text-yellow {
  color: var(--yellow-color) !important;
}

.text-black {
  color: #000 !important;
}

.text-white {
  color: #fff !important;
}

.bg-orange {
  background-color: var(--orange-color) !important;
}

.bg-green {
  background-color: var(--green-color) !important;
}

.bg-green-dark {
  background-color: var(--green-dark-color) !important;
}

.bg-blue {
  background-color: var(--blue-color) !important;
}

.bg-red {
  background-color: var(--red-color) !important;
}

.bg-yellow {
  background-color: var(--yellow-color) !important;
}

.bg-white {
  background-color: #fff !important;
}

.text-center {
  text-align: center !important;
}

.color-hiver {
  --saison-color: #5583c5;
}

.color-printemps {
  --saison-color: #b4c73b;
}

.color-ete {
  --saison-color: #f5b623;
}

.color-automne {
  --saison-color: #c11632;
}

#backToTop {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  cursor: pointer;

  &.show {
    visibility: visible;
    opacity: 1;
  }
}

#footerSeparator {
  height: 130px;
  background: #fff url(../img/masks/shape-bottom-texture.svg) 50% 0% no-repeat;
  background-size: 110% 65px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color: #000;
  border-radius: 30px;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-box-shadow: none;
  box-shadow: inset 0 0 20px 20px #fff;
  border: 1px solid var(--yellow-color) !important;
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22336%22%20height%3D%2241%22%20viewBox%3D%220%200%20336%2041%22%20fill%3D%22none%22%20preserveAspectRatio%3D%22none%22%3E%3Cscript%20xmlns%3D%22%22%2F%3E%3Cpath%20d%3D%22M76.64%2C39.96s-35.62-.56-49.37%2C0S1.47%2C32.73%2C1.13%2C27.45-2.22%2C11.34%2C8.5%2C5.78%2C49.4.5%2C64.48.5s55.98%2C1.39%2C59%2C1.11%2C190.84-.83%2C194.86%2C0c4.02.83%2C20.78%2C6.39%2C16.42%2C24.73s-80.11%2C13.61-80.11%2C13.61H76.64Z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M275.46%2C41.03c-11.23%2C0-19.82-.51-20.84-.58H76.64c-.36%2C0-35.77-.55-49.34%2C0-14.21.58-26.31-7.44-26.66-12.97-.04-.7-.14-1.51-.24-2.38C-.24%2C19.57-1.31%2C10.31%2C8.27%2C5.34%2C18.64-.03%2C47.11-.02%2C62.42%2C0h2.07c7.67%2C0%2C22%2C.36%2C34.65.68%2C12.26.31%2C22.85.57%2C24.3.44%2C1.35-.12%2C190.59-.91%2C195.01%2C0%2C1.02.21%2C10.07%2C2.27%2C14.81%2C9.72%2C2.76%2C4.34%2C3.43%2C9.59%2C2%2C15.61-2.96%2C12.44-36.87%2C14.57-59.79%2C14.57ZM254.66%2C39.45c.78.05%2C75.41%2C4.49%2C79.63-13.23%2C1.37-5.75.74-10.74-1.87-14.84-3.67-5.77-10.63-8.55-14.17-9.28-4.41-.91-193.37-.12-194.72%2C0-1.51.14-12.13-.13-24.42-.43-12.64-.32-26.97-.68-34.63-.68h-2.07c-15.21%2C0-43.53-.03-53.68%2C5.22C-.24%2C10.88.74%2C19.37%2C1.39%2C24.99c.1.9.2%2C1.71.24%2C2.43.32%2C5.03%2C12.15%2C12.57%2C25.63%2C12.03%2C13.57-.55%2C48.89%2C0%2C49.39%2C0h178.01Z%22%20fill%3D%22%23f5b623%22%2F%3E%3Cscript%20xmlns%3D%22%22%2F%3E%3C%2Fsvg%3E)
    0 0 no-repeat !important;
  text-align: left;
  padding: 0 1.5rem;
  width: 100%;
  height: 40px;
  display: inline-block;
  color: #000 !important;
}

textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus {
  -webkit-text-fill-color: #000;
  border-radius: 15px;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-box-shadow: none;
  box-shadow: inset 0 0 20px 20px #fff;
  border: 1px solid var(--yellow-color) !important;
  text-align: left;
  width: 100%;
  display: inline-block;
  color: #000 !important;
}

.gform_wrapper {
  .h-captcha {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem 0;
  }
}

.home {
  .site {
    #masthead .hamburger-wrapper div span:not(:last-child) {
      background: #fff;
    }

    .site-main {
      section {
        &.header {
          position: relative;
          z-index: 5;
          height: 100vh;
          overflow: hidden;
          &::before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background-color: #2a2a2a;
            opacity: 0.1;
          }

          .inner {
            position: relative;
            max-width: 100%;
            padding: 0;
            .background {
              display: flex;
              align-items: flex-end;
              justify-content: center;
              overflow: hidden;
              position: relative;
              z-index: 0;
              height: 100vh;
              width: 100%;

              picture {
                display: flex;
                align-items: flex-end;
                justify-content: center;
                overflow: hidden;
                position: relative;
                z-index: 0;
                height: 100vh;
                width: 100%;
              }
              &::before {
                content: "";
                position: absolute;
                width: 100%;
                height: 100%;
                background: linear-gradient(
                  0deg,
                  rgb(42 42 42 / 11%) 50%,
                  #262626 100%
                );
                z-index: 2;
                opacity: 0.7;
              }
              img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                position: relative;
                z-index: 1;
              }
            }

            .terres-gourmandes {
              position: absolute;
              top: 140px;
              left: 0;
              right: 0;
              margin: auto;
              display: flex;
              align-items: center;
              justify-content: center;
              img {
                width: 870px;
                height: auto;
              }
            }
          }

          .conseils {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            background: url(../img/svg/bg-conseil.svg) 100% 0% no-repeat;
            background-size: 91% auto;
            max-height: 25%;
            height: 230px;
            display: flex;
            align-items: flex-end;
            justify-content: flex-end;
            .inner {
              width: 100%;
              position: relative;
              height: 100%;
              display: flex;
              align-items: center;
              justify-content: flex-end;
              &::before {
                content: "";
                position: absolute;
                z-index: 0;
                width: 100%;
                height: 100%;
                background: url(../img/svg/trace-conseil.svg) 100% 0% no-repeat;
                background-size: 100% auto;
                top: 0;
                left: 0;
              }

              &::after {
                content: "";
                position: absolute;
                z-index: 0;
                width: 100%;
                height: 100%;
                background: url(../img/svg/bg-fraise.svg) 87% 0% no-repeat;
                background-size: auto 65%;
                bottom: 100%;
                left: 0;
              }

              .content-text {
                position: relative;
                z-index: 5;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 40%;
                margin-top: 1rem;
                .title {
                  &::before {
                    content: url(../img/svg/mangermieux.svg);
                    display: block;
                    width: 100%;
                  }

                  .text {
                    opacity: 0;
                    visibility: hidden;
                    display: none;
                  }
                }

                .description {
                  max-width: 200px;
                  font-size: 1.15rem;
                  margin-left: 2rem;
                  margin-bottom: 0;
                  & > a {
                    margin-top: 1rem;
                  }
                }
              }
            }
          }
        }

        &.inventaire_du_patrimoine_gastronomique {
          background: #fff url(../img/svg/decouvrez-bg.svg) 90% 10% no-repeat;
          overflow: hidden;
          padding-top: 1rem;
          position: relative;
          z-index: 10;
          margin-top: -2rem;
          h2.title {
            max-width: 80vw;
            margin: 3rem auto 2rem;
            padding-left: 4rem;
            position: relative;
            z-index: 10;
          }

          .inner {
            padding-right: 0;
          }

          #hpInventaireFilter {
            position: relative;
            margin-bottom: 1rem;
            z-index: 15;
            margin-top: -4rem;
            .img-bg {
              display: flex;
              align-items: center;
              justify-content: center;
              img {
                width: 100%;
              }
            }

            .inner {
              position: absolute;
              width: 100%;
              height: 100%;
              top: 0;
              left: 0;
              max-width: 100%;
              z-index: 5;
              .subtitle {
                font-family: "DeliciousHandrawn";
                font-size: 48px;
                width: 300px;
                text-align: center;
                line-height: 48px;
                position: absolute;
                margin-left: auto;
                top: 30%;
                right: 5%;
                z-index: 0;
                transform: rotate(3deg);
                &::after {
                  content: url(../img/svg/decouvrez-feuille.svg);
                  transform: rotate(-4deg);
                  margin-top: 1rem;
                  display: block;
                }
              }

              #filterItems {
                display: flex;
                align-items: center;
                justify-content: space-evenly;
                position: absolute;
                width: 100%;
                height: 100%;
                padding: 0 10%;
                z-index: 5;
                .filterItem {
                  flex: 0 0 15%;
                  text-align: center;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  a {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    position: relative;
                    span {
                      color: var(--filter-color);
                      padding: 0.5rem 2rem;
                      text-transform: uppercase;
                      font-weight: 600;
                      mask-image: url(../img/masks/bouton.svg),
                        linear-gradient(
                          transparent,
                          transparent calc(100%),
                          #2c2121 calc(100%),
                          black
                        );
                      mask-repeat: no-repeat;
                      mask-size: 100% 100%;
                      mask-position: center center;
                    }

                    &::after {
                      content: "";
                      display: block;
                      width: 33px;
                      height: 33px;
                      background: var(--filter-color);
                      border-radius: 50%;
                      border: 5px solid #fff;
                      box-shadow: 0 0 0px rgb(0 0 0 / 30%);
                      position: absolute;
                      top: 100%;
                      margin-top: 1rem;
                      left: 50%;
                      transform: translateX(-50%);
                      transition: all ease-in-out 0.3s;
                    }

                    &.active,
                    &:hover {
                      span {
                        background: var(--filter-color);
                        color: #fff;
                      }

                      &::after {
                        background: #fff;
                        border: 10px solid var(--filter-color);
                      }
                    }

                    &:not(.active, :hover) {
                      filter: drop-shadow(1px 1px 0px var(--filter-color))
                        drop-shadow(-1px -1px 0px var(--filter-color))
                        drop-shadow(-1px 1px 0px var(--filter-color))
                        drop-shadow(1px -1px 0px var(--filter-color));
                      span {
                        background: #fff;
                      }
                    }
                  }
                  a[data-filter="printemps"] {
                    --filter-color: #b4c73b;
                    margin-top: 7.5rem;
                  }
                  a[data-filter="ete"] {
                    --filter-color: #f5b623;
                    margin-top: -2.5rem;
                  }
                  a[data-filter="automne"] {
                    --filter-color: #a61833;
                    margin-top: -16.5rem;
                  }
                  a[data-filter="hiver"] {
                    --filter-color: #5583c5;
                    margin-top: -21.5rem;
                  }
                }
              }
            }

            &::before {
              content: "";
              background: url(../img/svg/decouvrez-couverts.svg) center center
                no-repeat;
              display: block;
              width: 130px;
              height: 170px;
              position: absolute;
              top: -30%;
              background-size: contain;
              left: 1vw;
              z-index: 0;
            }
          }

          .product-list {
            background-color: #fff;
            .slick-list {
              padding-right: 15%;
            }
          }

          .slick-arrow {
            right: 5rem !important;
            top: calc(100% + 0.25rem);
          }

          .product-list-item:nth-child(odd),
          .slick-slide:nth-child(odd) {
            margin-top: 2rem;
          }

          .slick-slide {
            padding: 2rem 1rem;
          }

          .inventaireCTA {
            margin: 1rem 0 3rem;
            text-align: center;
            padding-right: 10vw;
          }

          .seasons {
            position: relative;
            .product-list {
              transition: all ease-in-out 1s;
              .product-list-item {
                transition: all ease-in-out 2s;
                transform: translateY(0%);
              }
            }

            .product-list:not(.active) {
              position: absolute;
              left: 0;
              top: 0;
              opacity: 0;
              visibility: hidden;
              height: 100%;
              .product-list-item {
                transform: translateY(50%);
              }
            }
          }
        }

        &.dites-moi_qui_vous_ete {
          padding: 6rem 0;
          position: relative;
          z-index: 5;
          .inner {
            max-width: 1400px;
            padding: 0;
            position: relative;
            z-index: 10;

            .row-flex {
              justify-content: center;
              .col.hasText {
                flex: 0 0 35%;
                padding: 1rem 0 0 4rem;
                &::before {
                  left: 0rem;
                  top: 0rem;
                }
                h2 {
                  font-size: 74px;
                  text-align: left;
                  line-height: 74px;
                }

                .content-text {
                  padding-right: 4rem;
                  margin: 1rem 0;
                  p {
                    font-size: 16px;
                    line-height: 33px;
                  }
                }

                &::after {
                  left: 55%;
                  top: 91%;
                }
              }

              .col.hasImage {
                .blocImage {
                  position: relative;
                  padding-right: 5rem;
                  img:not(.jeuConcours) {
                    mask-image: url(../img/masks/block.svg),
                      linear-gradient(
                        transparent,
                        transparent calc(100%),
                        #2c2121 calc(100%),
                        black
                      );
                    mask-repeat: no-repeat;
                    mask-size: 100% 100%;
                    mask-position: center center;
                  }
                  img.jeuConcours {
                    position: absolute;
                    top: -4rem;
                    right: 0;
                  }
                }

                .imageLabel {
                  font-family: "DeliciousHandrawn";
                  font-size: 104px;
                  line-height: 40px;
                  position: relative;
                  left: -1rem;
                  top: -1.5rem;
                  span {
                    font-family: "Inter";
                    text-transform: uppercase;
                    font-weight: 600;
                    font-size: 40px;
                    display: block;
                  }

                  &::before {
                    content: "";
                    display: block;
                    position: absolute;
                    right: 3rem;
                    top: 0;
                    height: 120px;
                    width: 150px;
                    background: url(../img/svg/icon-quoi-manger.svg) center
                      center no-repeat;
                    background-size: contain;
                    transform: rotate(225deg);
                  }

                  &::after {
                    content: "";
                    display: block;
                    position: absolute;
                    right: 17rem;
                    top: calc(100% + 0rem);
                    height: 120px;
                    width: 230px;
                    background: url(../img/svg/after-quoi-manger.svg) center
                      center no-repeat;
                    background-size: contain;
                  }
                }
              }
            }
          }

          &::before {
            content: "";
            mask-image: url(../img/masks/shape-bottom-texture.svg),
              linear-gradient(
                black,
                black calc(100% - 60px),
                transparent calc(100% - 60px),
                transparent
              );
            mask-repeat: no-repeat;
            mask-position: bottom center;
            z-index: 10;
            background: var(--yellow-color) url(../img/svg/bg-dite-nous.svg)
              no-repeat 100% 60%;
            position: absolute;
            width: 100%;
            height: calc(100% + 70px);
            top: 0px;
            left: 0;
            mask-size: 100% auto;
            background-size: auto 130%;
          }

          & + .separator {
            background: var(--yellow-color) url(../img/svg/bg-dite-nous.svg)
              no-repeat 100% 90%;
            background-size: auto 1050px;
          }
        }

        &.partez_a_la_recontre_des_eleveurs {
          height: 100vh;
          background-repeat: no-repeat;
          background-position: 50% 50%;
          background-size: cover;
          position: relative;
          display: flex;
          align-items: center;
          z-index: 0;
          overflow: hidden;
          min-height: 860px;

          &::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: linear-gradient(
              0deg,
              rgb(42 42 42 / 11%) 50%,
              #262626 100%
            );
            z-index: 0;
            opacity: 0.7;
          }

          &::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 65px;
            background: url(../img/masks/shape-top.svg) top center no-repeat;
            z-index: 1;
            opacity: 1;
            background-size: 100% auto;
            bottom: 0;
            left: 0;
          }

          .inner {
            position: relative;
            z-index: 5;
            width: 100%;
            .row-flex {
              align-items: center;
              justify-content: center;
              gap: 60px;
              .col {
                width: auto;
              }

              .col.hasText {
                h2 {
                  font-size: 80px;
                  color: #fff;
                  text-align: left;
                  line-height: 80px;
                  span {
                    display: block;
                    font-family: "Inter";
                    font-size: 24px;
                  }
                }
              }
            }
          }
        }

        &.recettes {
          padding: 3rem 0 0rem;
          position: relative;
          z-index: 20;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          h2 {
            font-family: "Inter";
            font-size: 46px;
            line-height: 46px;
            margin: 3rem 0 1rem;
            position: relative;
            width: 100%;
            span {
              font-family: "DeliciousHandrawn";
              font-size: 104px;
              color: #f5b623;
            }
            p {
              font-size: 50px;
              font-weight: 600;
              line-height: 50px;
              margin-top: 0;
            }
          }

          #recetteFilter {
            margin: 3rem 0;
            #filterItems {
              display: flex;
              align-items: center;
              justify-content: center;
              gap: 35px;
              flex-wrap: wrap;
              a {
                font-size: 19px;
                font-weight: 600;
                color: #000;
                position: relative;
                height: 35px;
                display: block;
                &::after {
                  mask-image: url(../img/svg/bg-button-jaune.svg),
                    linear-gradient(
                      transparent,
                      transparent calc(100%),
                      #2c2121 calc(100%),
                      black
                    );
                  mask-repeat: no-repeat;
                  mask-size: 100% 100%;
                  mask-position: center center;
                  background: var(--yellow-color);
                  content: "";
                  position: absolute;
                  left: 0;
                  bottom: 0;
                  width: 100%;
                  height: 8px;
                  transition: all ease-in-out 0.3s;
                }

                &:hover {
                  &::after {
                    width: 0;
                  }
                }

                &.coup-de-coeur {
                  order: 0;
                  background: url("../img/svg/heart.svg") left top no-repeat;
                  padding-left: 1.75rem;
                }

                &.repas-de-fete {
                  order: 1;
                  &::after {
                    background: var(--green-color);
                  }
                }

                &.saison {
                  order: 2;
                  &::after {
                    background: var(--blue-color);
                  }
                }

                &.pour-les-enfants {
                  order: 3;
                  &::after {
                    background: var(--red-color);
                  }
                }

                &.apprenti-cuisto {
                  order: 4;
                }
              }
            }
          }

          .recette-list {
            gap: 0;
            width: 100vw;
            .slick-list {
              padding-top: 1rem !important;
              padding-bottom: 1rem !important;
              width: 100%;
            }

            .slick-slide {
              & > div {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
              }
            }

            .recette-list-item {
              /* flex: 1; */
              transform: scale(0.85);
              margin: 0 -1rem;
              &.active,
              &:hover {
                transform: scale(1) rotate(1deg);
                margin: 0 1rem;
              }
            }

            .slick-current {
              .recette-list-item {
                transform: scale(1) rotate(1deg);
                /* margin: 0 1rem; */
              }
            }

            .slick-arrow {
              top: calc(100% - 3rem);
              right: 30vw !important;
            }
          }

          .recetteCTA {
            margin: 2rem auto 2rem;
            display: inline-block;
            &::before {
              left: -50px;
              top: -30px;
            }

            &::after {
              left: calc(100% + 15px);
              top: 89%;
            }
          }

          &::before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            z-index: 100;
            position: absolute;
            top: -51%;
            right: 0;
            background: url(../img/svg/bg-rencontre.svg) top left no-repeat;
            pointer-events: none;
          }

          &::after {
            content: "";
            display: block;
            width: 200px;
            height: 200px;
            z-index: 0;
            position: absolute;
            bottom: -2rem;
            right: 0;
            background: url(../img/svg/recettes-radis.svg);
          }
        }

        &.les_reportages_gourmands {
          background: url(../img/svg/texture.svg) center center repeat;
          background-attachment: fixed;
          position: relative;
          padding-bottom: 10rem;
          &::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url(../img/svg/reportages-path.svg) 0% 230px no-repeat;
            background-size: 100% auto;
            z-index: 0;
          }

          &::after {
            transform: rotate(180deg);
            content: "";
            position: absolute;
            width: 100%;
            height: 55px;
            background: url(../img/masks/shape-top.svg) top center no-repeat;
            z-index: 1;
            opacity: 1;
            background-size: 100% 221px;
            top: 0;
            left: 0;
          }

          .inner {
            padding: 10rem 2rem 0;
            position: relative;
            z-index: 10;
            max-width: 1160px;

            h2 {
              font-size: 80px;
              color: var(--yellow-color);
              text-align: left;
              position: relative;
              line-height: 80px;
              &::after {
                content: "";
                position: absolute;
                top: -5.25rem;
                right: -3rem;
                width: 210px;
                height: 240px;
                background: url(../img/svg/reportages-miam.svg) 100% 50%
                  no-repeat;
                z-index: 0;
                background-size: contain;
              }
              p,
              b {
                font-size: 24px;
                font-family: "Inter";
                color: #000;
                font-weight: 100;
                margin-bottom: -1.5rem;
              }
              b {
                font-weight: 600;
                font-size: 38px;
              }
            }

            #reportageGourmandsList {
              margin-top: 0;
              position: relative;
              &::after {
                content: "";
                position: absolute;
                width: 50px;
                height: 50px;
                bottom: 0;
                right: 0;
                mask-image: url(../img/svg/quote.svg);
                mask-repeat: no-repeat;
                mask-size: 100% 100%;
                mask-position: center center;
                background: var(--green-color);
                transform: rotate(177deg);
              }

              .post-list-item:nth-child(odd) {
                margin-top: 6rem;
                margin-bottom: -4rem;
              }
            }
          }
        }

        &.lalimentation_durable {
          position: relative;
          min-height: 100vh;
          background-size: cover;
          display: flex;
          align-items: center;
          &::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, #000 100%);
            z-index: 2;
            opacity: 0.86;
            top: 0;
            left: 0;
          }

          &::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: url("../img/svg/bg-on-vous-raconte.svg")
              calc(100% + 3rem) 100% no-repeat;
            z-index: 2;
            opacity: 0.86;
            top: 0;
            left: 0;
          }

          .inner {
            padding: 0;
            position: relative;
            z-index: 10;
            width: 60%;
            display: flex;
            flex-direction: column;
            h2 {
              font-size: 80px;
              line-height: 70px;
              color: var(--green-color);
              text-align: left;
              display: flex;
              flex-direction: column;
              /* align-items: flex-end; */
              margin-left: auto;
              b,
              p {
                color: #fff;
                font-size: 50px;
                font-family: "Inter";
                font-weight: 600;
              }
              p {
                font-size: 30px;
                font-weight: 100;
              }
            }

            .content-text {
              background: #fff;
              padding: 3rem;
              width: 50%;
              max-width: 500px;
              margin: 4rem 10vw 0 auto;
              mask-image: url(../img/masks/block.svg),
                linear-gradient(
                  transparent,
                  transparent calc(100%),
                  #2c2121 calc(100%),
                  black
                );
              mask-repeat: no-repeat;
              mask-size: 100% 100%;
              mask-position: center center;
              h3 {
                text-align: left;
                font-family: "DeliciousHandrawn";
                font-size: 55px;
                margin: 0 0 2rem;
                font-weight: 100;
              }

              .blocCTA {
                margin: 2rem 0 0;
              }
            }
          }
        }

        &.concours_saveurs {
          background: url(../img/svg/bg-concours.svg) calc(100% + 3rem) -50px no-repeat;
          padding: 6rem 0 2rem;
          /* overflow: hidden; */
          position: relative;
          .inner {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-right: 0;
            .blocTexte {
              display: flex;
              align-items: flex-start;
              gap: 2rem;
              img {
                max-width: 200px;
                height: auto;
              }

              & > div {
                h2 {
                  text-align: left;
                  font-size: 80px;
                  margin: 2rem 0 1rem;
                  line-height: 80px;
                }

                .description {
                  padding-right: 3rem;
                  color: #fff;
                  h4 {
                    text-align: left;
                    color: #fff;
                  }
                  img {
                    display: none;
                  }
                }
              }
            }

            .blocImage {
              flex: 0 0 40%;
              position: relative;
              margin-right: 10%;
              div {
                mask-image: url(../img/masks/colonne-page-produit.svg),
                  linear-gradient(
                    transparent,
                    transparent calc(100%),
                    #2c2121 calc(100%),
                    black
                  );
                mask-repeat: no-repeat;
                mask-size: 100% 100%;
                mask-position: center center;
                transform: rotate(-3deg);
                aspect-ratio: 1/1;
                display: flex;
                align-items: center;
                justify-content: center;
                overflow: hidden;
                img {
                  object-fit: cover;
                  width: 100%;
                  height: 100%;
                }
              }
              img.badge {
                position: absolute;
                top: -4rem;
                right: -2rem;
                width: 80%;
                max-width: 430px;
                filter: drop-shadow(2px 4px 6px rgb(0 0 0 / 0.15));
              }
            }
          }
        }

        &.rendez-vous_gourmands {
          position: relative;
          padding: 9rem 0 0 !important;
          &::before {
            content: "";
            mask-image: url(../img/masks/shape-bottom-texture.svg),
              linear-gradient(
                black,
                black calc(100% - 65px),
                transparent calc(100% - 65px),
                transparent
              );
            mask-repeat: no-repeat;
            mask-position: bottom center;
            background: var(--green-color);
            position: absolute;
            height: 65px;
            width: 100%;
            top: 0;
            left: 0;
            mask-size: 100% 65px;
          }
          h2 {
            p {
              position: relative;
              &::before {
                content: "";
                position: absolute;
                width: 150px;
                height: 80px;
                background: url(../img/svg/rdv-title-bg.svg) 0% 0% no-repeat;
                left: calc(37% - 150px);
                top: 100%;
              }
            }
          }
        }

        &.social_wall {
          position: relative;
          margin-top: -3rem;
          overflow: hidden;
          .bgImage {
            overflow: hidden;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            max-height: 700px;
            top: -2rem;
            position: relative;
          }

          .inner {
            position: absolute;
            top: 3%;
            left: 50%;
            width: 70%;
            transform: translate(-50%, 0%);
            background: #fff;
            border-radius: 15px;
            padding: 2rem 3rem;
            box-shadow: 0 3px 11px rgb(0 0 0 / 12%);
            .topSection {
              margin-bottom: 1rem;
              position: relative;
              .socialLinks {
                display: flex;
                align-items: center;
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-20%);
                gap: 20px;
                a {
                  padding: 0;
                }
              }
            }
          }
        }

        &.newsletter {
          .inner {
            padding: 6rem 10vw 3em 0rem;
            display: flex;
            align-items: center;
            position: relative;
            &::before {
              content: "";
              position: absolute;
              width: 100%;
              height: 100%;
              top: 0;
              left: 0;
              background: url(../img/svg/bg-newsletter.svg) 100% 50% no-repeat;
              z-index: 1;
              background-size: 100% auto;
              pointer-events: none;
            }

            .blocImage {
              position: relative;
              /* z-index: 0; */
              flex: 0 0 45%;
              padding-bottom: 4rem;
              div:first-child {
                display: flex;
                align-items: center;
                justify-content: center;
                overflow: hidden;
                mask-image: url(../img/masks/vignette-produit.svg),
                  linear-gradient(
                    transparent,
                    transparent calc(100%),
                    #2c2121 calc(100%),
                    black
                  );
                mask-repeat: no-repeat;
                mask-size: 100% 100%;
                mask-position: center center;
                transform: rotate(-2deg);
                position: relative;
                left: -2rem;
              }

              .blocFAQ {
                position: absolute;
                bottom: 0;
                left: 65%;
                transform: translateX(-50%);
                color: #fff;
                font-family: "DeliciousHandrawn";
                padding: 2rem;
                text-align: center;
                font-size: 26px;
                line-height: 30px;
                z-index: 10;
                width: 50%;
                min-width: 400px;
                h3 {
                  color: #fff;
                  font-size: 73px;
                  font-family: "DeliciousHandrawn";
                  margin: 0 0 2rem;
                }
                h3,
                div,
                & > a {
                  position: relative;
                  z-index: 5;
                }

                &::after {
                  background: var(--blue-color);
                  content: "";
                  position: absolute;
                  bottom: -5%;
                  left: 0;
                  width: 100%;
                  height: 120%;
                  mask-image: url(../img/masks/colonne-page-produit.svg),
                    linear-gradient(
                      transparent,
                      transparent calc(100%),
                      #2c2121 calc(100%),
                      black
                    );
                  mask-repeat: no-repeat;
                  mask-size: 100% 100%;
                  mask-position: center center;
                  transform: rotate(-3deg);
                }
              }
            }

            .blocTexte {
              position: relative;
              z-index: 10;
              padding: 0 0 4rem 4rem;
              h2 {
                text-align: left;
                font-size: 91px;
                line-height: 91px;
                margin: 0 0 2rem;
              }
              ul {
                li {
                  position: relative;
                  margin: 2rem 0 2rem;
                  padding-left: 2.75rem;
                  font-family: "DeliciousHandrawn";
                  font-size: 32px;
                  &::before {
                    content: "";
                    background: url(../img/svg/check.svg) no-repeat;
                    display: block;
                    width: 40px;
                    height: 40px;
                    flex: 0 0 40px;
                    position: absolute;
                    left: 0;
                    top: 0;
                  }
                }
              }

              .blocCTA {
                /* text-align: right !important; */
              }
            }
          }
        }
      }
    }
  }
}

.page-template-default:not(.home) {
  ul.wp-block-list {
    li {
      position: relative;
      margin: 2rem 0 2rem;
      padding-left: 2.75rem;
      &::before {
        content: "";
        background: url(../img/svg/check.svg) no-repeat;
        display: block;
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        position: absolute;
        left: 0;
        top: 0;
      }
    }
  }
}

body main h2.title {
  font-family: "Inter";
  font-weight: 800;
  font-size: 24px;
  line-height: 34px;
  &.txt-lower {
    text-transform: initial;
  }

  span {
    font-family: "DeliciousHandrawn";
    font-size: 104px;
    font-weight: 500;
  }

  &.bloc-span {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    span {
      display: block;
      line-height: 104px;
    }
  }
}

.hasQuote {
  position: relative;
  &::before,
  &::after {
    background: url(../img/svg/quote.svg) center center no-repeat;
    position: absolute;
    top: 0;
    left: 0rem;
    width: 50px;
    content: "";
    height: 50px;
    background-size: 100% auto;
  }

  &:not(.after) {
    &::after {
      display: none !important;
    }
  }

  &.after {
    &::after {
      top: 100%;
      left: 100%;
      transform: rotate(180deg);
    }
  }

  &.smallQuote {
    &::after,
    &::before {
      width: 35px;
      height: 35px;
    }
  }

  &.yellow {
    &::before,
    &::after {
      background-image: url(../img/svg/quote-yellow.svg);
    }
  }
}

body #page main#primary.site-main {
  .entry-content {
    .entry-content-text {
      blockquote {
        position: relative;
        padding: 0;
        font-family: "DeliciousHandrawn";
        margin: 0 auto;
        font-size: 30px;
        line-height: 40px;
        color: #000;
        text-align: center;
        &::before,
        &::after {
          background: url(../img/svg/quote-yellow.svg) center center no-repeat;
          position: absolute;
          top: -1rem;
          left: -4rem;
          width: 50px;
          content: "";
          height: 50px;
          background-size: 100% auto;
          mask: none;
        }

        &::after {
          top: calc(100% - 2rem);
          left: calc(100% + 1rem);
          transform: rotate(180deg);
        }

        & > p {
          font-size: 30px;
          line-height: 40px;
          margin: 0 !important;
          text-align: center;
        }
      }
    }
    a:not(.button, .question) {
      /* position: relative;
      color: #000;
      font-weight: 600; */
      /* display: inline-block; */

      position: relative;
      color: #000;
      font-weight: 600;
      /* display: inline-block; */
      background-size: 100% 3px;
      text-decoration: none;
      /* background-image: linear-gradient(currentColor, currentColor); */
      background-position: 0% 100%;
      background-repeat: no-repeat;
      transition: background-size 0.3s;
      background-image: linear-gradient(
        var(--yellow-color),
        var(--yellow-color)
      );

      /* &::after {
        content: "";
        width: 100%;
        height: 4px;
        background: var(--yellow-color);
        position: absolute;
        top: 85%;
        transform: rotate(180deg);
        transition: all ease-in-out 0.3s;
        display: block;
        border-radius: 30px;
        left: 0;
      } */

      &:hover {
        background-size: 0% 4px;
        &::after {
          width: 0%;
        }
      }
    }
    .blocCTA {
      margin: 1rem auto 0 0;
      /* width: 100%; */
    }
    /* padding-left: 10vw; */
  }
  section {
    .gform_validation_errors {
      h2 {
        font-size: 1rem !important;
        line-height: 1.5rem !important;
        display: flex;
        span.gform-icon {
          display: grid;
        }
      }
    }
  }
}

section {
  .inner {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 10vw;
  }

  .clip-top {
    &::before {
      content: "";
    }
  }
}

#svgPath {
  /* display: none; */
  width: 0px;
  height: 0px;
  overflow: hidden;
  /* visibility: hidden; */
  opacity: 0;
}

.product-list {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  .product-list-item {
    flex: 0 0 calc(33.3333% - 14px);
    overflow: hidden;
    box-shadow: 0 3px 11px rgb(0 0 0 / 12%);
    transition: all ease-in-out 0.3s;
    border-radius: 10px;
    background: #fff;
    & > div {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 1.5rem;
      .product-image {
        width: 100%;
        a {
          display: flex;
          align-items: center;
          justify-content: center;
          overflow: hidden;
          aspect-ratio: 800/960;
          width: 100%;
          mask-image: url(../img/masks/vignette-produit.svg),
            linear-gradient(
              transparent,
              transparent calc(100%),
              #2c2121 calc(100%),
              black
            );
          mask-repeat: no-repeat;
          mask-size: 100% 100%;
          mask-position: center center;
          picture {
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            aspect-ratio: 800/960;
            width: 100%;
          }
          img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all ease-in-out 0.3s;
          }
        }
      }

      .product-bottom {
        position: relative;
        margin-top: 1rem;
        width: 100%;
        .product-labels {
          position: absolute;
          bottom: 30px;
          right: -0.5rem;
          display: flex;
          align-items: center;
          /* transform: translateY(-120%); */
          gap: 10px;
          a {
            display: block;
            img {
              height: auto;
              width: 60px;
            }
          }
        }

        .product-title {
          text-align: left;
          a {
            color: #000;
            font-size: 18px;
          }
        }

        .product-location {
          &::before {
            content: url(../img/svg/marker.svg);
            display: inline-block;
            margin-right: 0.5rem;
            position: relative;
            top: 3px;
          }
        }
      }

      &:hover {
        .product-image {
          img {
            transform: scale(1.2) rotate(3deg);
          }
        }
      }
    }
  }

  &.archive {
    flex-wrap: wrap;
    .product-list-item {
      flex: 0 0 calc(25% - 15px);
      margin-bottom: 2rem;
      .product-bottom {
        margin-top: 0.5rem;
        .product-labels {
          flex-direction: column;
        }

        .product-title {
          text-align: center;
          margin-bottom: -0.75rem;
          line-height: 28px;
          width: 100%;
          a {
            font-size: 22px;
            /* line-height: 22px; */
            font-family: "DeliciousHandrawn";
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 100%;
            max-width: 100%;
            display: block;
            padding: 0;
            font-weight: 100;
          }
        }

        .product-location {
          display: none;
        }
      }
    }
  }

  &.home {
    & > div {
      .product-bottom {
        .product-labels {
          bottom: 100%;
          right: 0;
        }
      }
    }
  }
}

.post-blog-list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  .post-list-item {
    flex: 0 0 calc(50% - 21px);

    .postImage {
      position: relative;
      .postCategory {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0.5rem;
        span {
          display: inline-block;
          background: var(--yellow-color);
          padding: 0.25rem 1rem;
          font-size: 13px;
          text-transform: uppercase;
          font-weight: 600;
          border-radius: 30px;
        }
      }

      a {
        display: flex;
        align-items: center;
        border-radius: 15px;
        overflow: hidden;
        width: 100%;
        aspect-ratio: 366/186;

        img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: all ease-in-out 0.3s;
        }
      }
    }

    &:hover {
      .postImage {
        img {
          transform: scale(1.2) rotate(3deg);
        }
      }
    }

    .postDetails {
      margin-top: 1rem;
      h3 {
        text-align: left;
        a {
          font-size: 25px;
          color: #000;
          display: block;
        }
      }

      .postExcerpt {
        margin: 0rem 0 1rem;
        overflow: hidden;
        position: relative;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        display: -webkit-box;
      }
    }

    &.large {
      display: flex;
      flex: 0 0 100%;
      gap: 60px;
      align-items: center;
      .postImage {
        flex: 0 0 54%;
      }

      h3 {
        a {
          font-size: 31px;
        }
      }

      &.reverse {
        flex-direction: row-reverse;
        text-align: right;
        h3 {
          text-align: right;
        }
      }
    }
  }

  &.three-by-row {
    .post-list-item:not(.large) {
      flex: 0 0 calc(33.3333333333333333% - 27px);
    }
  }

  &.list {
    flex-direction: column;
    gap: 2rem;
    .post-list-item {
      flex-direction: row;
      display: flex;
      gap: 2rem;
      align-items: center;
      .postImage {
        flex: 0 0 30%;
      }
      .postDetails {
        h3,
        .postCTA {
          a {
            font-size: 1rem;
            line-height: 1.5rem !important;
            display: inline-block;
            margin-bottom: 1rem;
          }
        }
      }
    }
  }
}

.agenda-list {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
  .agenda-list-item {
    position: relative;
    flex: 0 0 31%;
    display: flex;
    flex-direction: column;
    .agendaImage {
      a {
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        aspect-ratio: 366/244;
        border-radius: 15px;
        img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: all ease-in-out 0.3s;
        }
      }
    }

    .agendaMeta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 2rem;
      .dates {
        display: flex;
        .date {
          text-align: center;
          width: 50px;
          height: 50px;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          font-size: 14px;
          line-height: 21px;
          position: relative;
          top: -1.25rem;
          span {
            font-family: "DeliciousHandrawn";
            font-size: 32px;
            font-weight: 100;
          }

          & + .date {
            border-left: 1px solid;
          }
        }
      }

      .lieu {
        font-size: 12px;
        position: relative;
        svg {
          position: relative;
          top: 3px;
          width: 20px;
        }
        top: -0.25rem;
        white-space: nowrap;
      }
    }

    .agendaDetails {
      padding: 0 2rem;
      h3 {
        text-align: left;
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 0.25rem;
      }

      .CTA {
        margin-top: 1rem;
      }
    }

    &:hover {
      .agendaImage {
        img {
          transform: scale(1.2) rotate(3deg);
        }
      }
    }
  }

  .blocCTA {
  }

  &.single {
    width: 100%;
    justify-content: center;
    padding-bottom: 4rem;
    background: url(../img/svg/bg-produits-topo.svg) 0% 15% no-repeat;
    position: relative;
    z-index: 10;
    .agenda-list-item {
      width: 100%;
      flex: 1;
      max-width: 700px;
      margin-top: -7rem;
      #agendaTop {
        margin-bottom: 3rem;
        .agendaMeta {
          padding: 0;
          /* margin-bottom: 1rem; */
          .dates {
            align-items: center;
            .date {
              top: 0;
            }

            .horaire {
              margin-left: 2rem;
              background: var(--red-color);
              color: #fff;
              font-weight: 600;
              padding: 0.5rem 1rem;
              position: relative;
              top: 1.35rem;
              z-index: 5;
            }
          }
        }

        .agendaImage {
          position: relative;
          width: auto;
          overflow: hidden;
          border-radius: 15px;
        }
      }

      #agendaContentText {
        h2 {
          text-align: left;
        }

        h3 {
          text-align: left;
          font-family: "DeliciousHandrawn";
          font-size: 2rem;
          font-weight: 100;
        }

        h2,
        h3,
        p,
        ul {
          margin: 2rem 0;
        }

        li {
          display: flex;
          margin: 0rem 0 0.5rem 1rem;
          &::before {
            content: "";
            display: block;
            width: 17px;
            height: 17px;
            background: var(--yellow-color);
            /* border-radius: 50%; */
            position: relative;
            top: 3px;
            margin-right: 1rem;
            mask-image: url(../img/masks/filtre.svg),
              linear-gradient(
                transparent,
                transparent calc(100%),
                #2c2121 calc(100%),
                black
              );
            mask-repeat: no-repeat;
            mask-size: 100% 100%;
            mask-position: center center;
          }
        }

        .lastUpdate {
          font-size: 0.9rem;
        }
      }
    }
  }

  &.presses {
    .agenda-list-item {
      background: #fff;
      border-radius: 15px;
      padding-bottom: 1.5rem;
    }
  }
}

#agendaList {
  padding: 5rem 0 0;
  h2 {
    font-size: 80px;
    line-height: 80px;
    p {
      font-family: "Inter";
      font-size: 38px;
      font-weight: 600;
      margin: 0;
      line-height: 38px;
    }
  }

  .inner {
    background: url(../img/svg/agenda-path.svg) 0px 0px no-repeat;
    background-size: 100% 100%;
    padding-bottom: 4rem;
    margin-bottom: -3rem;

    .blocCTA {
      margin: 4rem 0 1rem;
      a {
        position: relative;
        top: -1rem;
      }
    }
  }

  .agenda-list {
    padding-top: 2rem;
    .agenda-list-item:nth-child(1) {
      &::before {
        content: "";
        height: 8rem;
      }
    }

    .agenda-list-item:nth-child(2) {
      &::before {
        content: "";
        height: 4rem;
      }
    }
  }

  &.archive {
    .inner {
      background: none;
      .agenda-list {
        flex-wrap: wrap;
        .agenda-list-item {
          margin-bottom: 2rem;
          background: #fff;
          border-radius: 15px;
          padding-bottom: 2rem;
          &::before {
            display: none;
          }
        }
      }
    }
  }
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Inter";
  font-size: 1.15rem;
  font-weight: 600;
  position: relative;
  transition: all ease-in-out 0.3s;
  &.btn-text {
    padding-bottom: 1rem;
    &::after {
      content: "";
    }
  }

  &:not(.btn-text) {
    mask-image: url(../img/masks/bouton.svg),
      linear-gradient(
        transparent,
        transparent calc(100%),
        #2c2121 calc(100%),
        black
      );
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    mask-position: center center;
  }

  &.black {
    color: #000;
  }

  &.white {
    color: #fff;
  }

  &.arrow {
    &::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 10px;
      top: calc(100% - 1rem);
      background: url(../img/svg/bg-button.svg) center center no-repeat;
      background-size: 100% auto;
      transition: all ease-in-out 0.3s;
      display: block;
    }

    &:hover {
      svg {
        margin-left: 1rem;
      }
    }
  }

  &.yellow-border {
    &.border-line {
      &::after {
        background: var(--yellow-color);
        height: 4px;
        top: calc(80% + 5px);
      }
    }

    &::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 10px;
      top: calc(100% - 1rem);
      background: url(../img/svg/bg-button-jaune.svg) center center no-repeat;
      background-size: 100% 10px;
      transition: all ease-in-out 0.3s;
      left: 0;
    }
  }

  & > svg {
    margin-left: 0.5rem;
    position: relative;
    top: 2px;
    transition: all ease-in-out 0.3s;
  }

  &.btn-button {
    background: #a61833;
    padding: 0.75rem 2rem;
    font-size: 1rem;
    text-decoration: none !important;
    &:hover {
      background: var(--red-color);
    }

    & > svg {
      top: 1px;
    }

    &::after {
      display: none;
    }

    &.bg-green {
      background: var(--green-color);
    }

    &.btn-xs {
      padding: 0.25rem 1rem;
      font-size: 0.85rem;
    }

    &.bg-yellow:hover {
      background: var(--orange-color) !important;
    }

    &.bg-green:hover {
      background: var(--green-dark-color) !important;
    }

    &.bg-red:hover {
      background: var(--red-dark-color) !important;
    }

    &.bg-green-dark:hover {
      background: var(--green-color) !important;
    }
  }

  &:hover {
    text-decoration: none;
    &::after {
      width: 0;
    }
  }
}

.row-flex {
  display: flex;
  flex-wrap: wrap;
  .col {
    width: 50%;
    &.hasImage {
      .blocImage {
        position: relative;
      }
    }
  }
}

img {
  display: block;
  max-width: 100%;
}

.bg-yellow {
  background-color: #f5b623;
}

.text-white,
.text-white h2 {
  color: #fff;
}

body:not(.home) #page header.site-header {
  filter: drop-shadow(0 0 5px rgb(0, 0, 0, 0.2));
  background: transparent;
  height: 100px;
  align-items: flex-start;

  .terres-gourmandes {
    top: 0.75rem;
  }

  &::after {
    mask-image: url(../img/masks/shape-bottom-texture.svg),
      linear-gradient(
        black,
        black calc(100% - 80px),
        transparent calc(100% - 80px),
        transparent
      );
    mask-repeat: no-repeat;
    mask-position: bottom left;
    height: 65px;
    width: 100%;
    mask-size: 100% 65px;
    position: absolute;
    z-index: 0;
    top: 70%;
    background: #fff;
    transform: rotate(0);
  }

  &::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0%;
    background: #fff;
    width: 100%;
    height: 70%;
  }

  .header-wrapper {
    position: relative;
    z-index: 10;
    .logo-site {
      img {
        top: -3px;
      }
    }
  }

  & + #primary {
    .page-header {
      margin-top: -2rem;
      padding: 6.5rem 0 5rem;
      position: relative;
      z-index: 1;
      .inner {
        z-index: 10;
        padding: 0 10vw;
      }
    }
  }
}

body:not(.home) {
  background: url(../img/svg/texture.svg) center center repeat;
}

header.site-header .header-wrapper {
  position: relative;
  .nav-fixed-items {
    position: relative;
    z-index: 250;
    .btn-search {
      background-color: transparent;
      &:not(.active) + .input-search {
        background: transparent;
      }

      &.active + .input-search {
        background: #fff;
      }
    }
  }

  .logo-site {
    img {
      position: relative;
      top: 10px;
    }
  }

  .hamburger-wrapper.active {
    div {
      span:not(:last-child) {
        background: #000 !important;
      }
    }
  }

  .nav-wrapper {
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    /*mask-image: url(../img/masks/shape-bottom-texture.svg),
      linear-gradient(
        black,
        black calc(100% - 68px),
        transparent calc(100% - 68px),
        transparent
      );
    mask-repeat: no-repeat;
    mask-position: 50% 100%;
    mask-size: 100% auto;*/
    background: url(../img/svg/texture.svg) center center repeat;
    z-index: 200;
    padding: 4rem 0 0;
    display: flex;
    transition: all ease-in-out 0.5s;
    opacity: 0;
    visibility: hidden;
    align-items: center;
    justify-content: center;
    transform: translateY(-100%);
    filter: drop-shadow(0 5px 10px rgb(0 0 0 / 30%));
    box-shadow: 0 5px 10px rgb(0 0 0 / 30%);
    /* filter: drop-shadow(0px 0px 10px #000); */

    &.show {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }

    &::before,
    .menuBG {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: url(../img/svg/menu-bg-couverts.svg) 0% 80% no-repeat;
    }

    .menuBG {
      background: url(../img/svg/menu-bg-miam.svg) 102% 100% no-repeat;
    }

    &::after {
      content: "";
      background: url(../img/masks/shape-bottom-texture.svg) center top
        no-repeat;
      width: 100%;
      display: block;
      height: 65px;
      position: absolute;
      bottom: -65px;
      background-size: 100% 65px;
    }

    .inner {
      max-width: 1000px;
      position: relative;
      z-index: 10;
      #primary {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        & > li {
          margin-bottom: 2rem;
          & > a {
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            font-family: "DeliciousHandrawn";
            font-size: 34px;
            color: #000;
            line-height: 36px;
            transition: all ease-in-out 0.3s;
            &:hover {
              color: var(--yellow-color);
            }
          }

          &.menu-item-has-children {
            & > a {
              &::after {
                content: "";
                width: 50px;
                height: 25px;
                background: url(../img/svg/menu-caret.svg) center center
                  no-repeat;
                position: relative;
                top: 5px;
                transform: rotate(180deg);
                transition: all ease-in-out 0.3s;
              }
            }

            &.active {
              & > a {
                color: var(--yellow-color);
                &::after {
                  transform: rotate(0deg);
                }
              }
            }

            .sub-menu {
              a {
                position: relative;
                &::after {
                  content: "";
                  width: 0%;
                  height: 4px;
                  background: var(--yellow-color);
                  position: absolute;
                  top: 105%;
                  transform: rotate(180deg);
                  transition: all ease-in-out 0.3s;
                  display: block;
                  border-radius: 30px;
                }

                &:hover {
                  &::after {
                    width: 100%;
                  }
                }
              }
            }
          }

          & > ul {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            gap: 15px;
            margin: 0;
            overflow: hidden;
            max-height: 0;
            transition: all ease-in-out 0.3s;
            opacity: 0;
            visibility: hidden;
            &.show {
              max-height: 999999px;
              padding: 1.5rem 0 0.5rem;
              opacity: 1;
              visibility: visible;
            }

            a {
              color: #000;
              font-weight: 600;
              font-size: 16px;
            }
          }
        }
      }

      .secondaryNav {
        margin: 1rem 0 0;
        #secondary {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
          gap: 20px;
          a {
            background: var(--yellow-color);
            color: #000;
            font-weight: 600;
            padding: 0.5rem 1.5rem;
            display: block;
            border-radius: 15px;
            mask-image: url(../img/masks/bouton.svg),
              linear-gradient(
                transparent,
                transparent calc(100%),
                #2c2121 calc(100%),
                black
              );
            mask-repeat: no-repeat;
            mask-size: 100% 100%;
            mask-position: center center;
            transition: all ease-in-out 0.3s;
            &:hover {
              background: var(--orange-color);
            }
          }
        }
      }

      #topSocial {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 2rem 0 0;
        gap: 17px;
        flex-wrap: wrap;
        &::before {
          content: "";
          background: url(../img/svg/decouvrez-feuille.svg) center center
            no-repeat;
          width: 100%;
          height: 40px;
          background-size: contain;
          transform: rotate(180deg);
        }

        a {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 50px;
          height: 50px;
          background: var(--green-color);
          border-radius: 50%;
          transition: all 0.3s ease-in-out;
          &:hover {
            background: var(--green-dark-color);
            img {
              filter: brightness(0) invert(1);
            }
          }
        }
      }
    }
  }
}

#breadcrumb {
  margin: 1rem 0 0;
  font-size: 14px;
  .inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    a {
      color: #000;
    }

    .bcn-home {
      span[property="name"] {
        display: block;
        width: 13px;
        height: 15px;
        background: url(../img/svg/icon-home.svg) center center no-repeat;
      }
    }
    span.sep {
      background: #000;
      width: 13px;
      height: 13px;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      font-size: 11px;
      margin: 0 8px;
    }
  }

  &.white {
    a,
    span {
      color: #fff;
    }

    .bcn-home {
      span[property="name"] {
        background-image: url(../img/svg/icon-home-white.svg);
      }
    }
  }
}

.slick-slider {
  .slick-arrow {
    top: 100%;
    right: 0 !important;
    &.slick-prev,
    &.slick-next {
      right: 2rem !important;
      left: inherit;
      transform: rotate(180deg);
      margin: 0rem 2rem 0 0;
      width: auto;
      height: auto;
      &.slick-disabled {
        opacity: 0.35;
        cursor: default;
      }
    }

    &.slick-next {
      transform: translate(calc(100% + 0.5rem), 0);
    }

    &::before {
      opacity: 1;
      background: url(../img/svg/slider-arrow.svg) center center no-repeat;
      content: "";
      display: block;
      width: 50px;
      height: 50px;
    }

    &:hover {
      &::before {
        background-image: url(../img/svg/slider-arrow-yellow.svg);
      }
    }
  }
}

.socialProduct {
  display: flex;
  align-items: center;
  flex-direction: row !important;
  margin: 1rem 0 0;
  gap: 15px;
  a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: var(--yellow-color);
    border-radius: 50%;
    padding: 0 !important;
    transition: all ease 0.3s;
    &::after {
      display: none !important;
    }

    &:hover {
      background: var(--orange-color) !important;
    }
  }
}

.sectionTitle {
  font-size: 104px;
  line-height: 104px;
  margin: 4rem 0;
  &.hasQuote {
    &::before {
      left: -3rem;
    }
  }

  p {
    font-family: "Inter";
    font-size: 24px;
    font-weight: 600;
  }
}

.listFilter {
  margin: 3rem 0 0;
  position: relative;
  z-index: 10;

  #mobileToggler {
    display: none;
  }

  .inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    & > p {
      font-family: "DeliciousHandrawn";
      font-size: 30px;
      margin: -0.35rem 0 0;
      display: flex;
      align-items: center;
      justify-content: center;
      &::before {
        background: url(../img/svg/decouvrez-feuille.svg) left center no-repeat;
        content: "";
        width: 100px;
        height: 40px;
        background-size: 100% auto;
        transform: rotate(-45deg);
      }
    }

    #filterItems,
    #rdvGourmandsFilter {
      max-width: 950px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 15px;
      flex-wrap: wrap;

      .search-filter-style--control-submit {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 1rem;
        button {
          display: inline-flex !important;
          align-items: center !important;
          justify-content: center !important;
          font-family: "Inter" !important;
          font-size: 1rem !important;
          font-weight: 600 !important;
          position: relative;
          color: #fff !important;
          mask-image: url(../img/masks/bouton.svg),
            linear-gradient(
              transparent,
              transparent calc(100%),
              #2c2121 calc(100%),
              black
            );
          mask-repeat: no-repeat;
          mask-size: 100% 100%;
          mask-position: center center;
          background: var(--yellow-color) url(../img/svg/arrow-white.svg)
            calc(100% - 1.25rem) 50% no-repeat !important;
          padding: 0.5rem 3.5rem 0.5rem 2rem !important;
          text-decoration: none !important;
          border: none !important;
          transition: all ease-in-out 0.3s;

          &:hover {
            padding-right: 4rem !important;
          }
        }
      }
    }

    .search-filter-component-combobox-base,
    .search-filter-input-text,
    .search-filter-field--input-type-checkbox > div.search-filter-label {
      padding: 0rem 1rem;
      border: none;
      background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22336%22%20height%3D%2241%22%20viewBox%3D%220%200%20336%2041%22%20fill%3D%22none%22%20preserveAspectRatio%3D%22none%22%3E%3Cscript%20xmlns%3D%22%22%2F%3E%3Cpath%20d%3D%22M76.64%2C39.96s-35.62-.56-49.37%2C0S1.47%2C32.73%2C1.13%2C27.45-2.22%2C11.34%2C8.5%2C5.78%2C49.4.5%2C64.48.5s55.98%2C1.39%2C59%2C1.11%2C190.84-.83%2C194.86%2C0c4.02.83%2C20.78%2C6.39%2C16.42%2C24.73s-80.11%2C13.61-80.11%2C13.61H76.64Z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M275.46%2C41.03c-11.23%2C0-19.82-.51-20.84-.58H76.64c-.36%2C0-35.77-.55-49.34%2C0-14.21.58-26.31-7.44-26.66-12.97-.04-.7-.14-1.51-.24-2.38C-.24%2C19.57-1.31%2C10.31%2C8.27%2C5.34%2C18.64-.03%2C47.11-.02%2C62.42%2C0h2.07c7.67%2C0%2C22%2C.36%2C34.65.68%2C12.26.31%2C22.85.57%2C24.3.44%2C1.35-.12%2C190.59-.91%2C195.01%2C0%2C1.02.21%2C10.07%2C2.27%2C14.81%2C9.72%2C2.76%2C4.34%2C3.43%2C9.59%2C2%2C15.61-2.96%2C12.44-36.87%2C14.57-59.79%2C14.57ZM254.66%2C39.45c.78.05%2C75.41%2C4.49%2C79.63-13.23%2C1.37-5.75.74-10.74-1.87-14.84-3.67-5.77-10.63-8.55-14.17-9.28-4.41-.91-193.37-.12-194.72%2C0-1.51.14-12.13-.13-24.42-.43-12.64-.32-26.97-.68-34.63-.68h-2.07c-15.21%2C0-43.53-.03-53.68%2C5.22C-.24%2C10.88.74%2C19.37%2C1.39%2C24.99c.1.9.2%2C1.71.24%2C2.43.32%2C5.03%2C12.15%2C12.57%2C25.63%2C12.03%2C13.57-.55%2C48.89%2C0%2C49.39%2C0h178.01Z%22%20fill%3D%22%23f5b623%22%2F%3E%3Cscript%20xmlns%3D%22%22%2F%3E%3C%2Fsvg%3E)
        0 0 no-repeat;
      background-size: 100% 100%;
      width: auto !important;
      height: 40px;
      padding-right: 6px;
      appearance: none;
      --webkit-appearance: none;
      filter: drop-shadow(0 3px 6px hsl(0deg 0% 0% / 20%));

      & > input[type="text"] {
        padding: 0;
        font-size: 0.9rem;
        line-height: 1rem;
        font-family: "Inter";
        color: #000;
      }

      .search-filter-component-combobox__header {
        padding: 7px 0;
        .search-filter-component-combobox__selection {
          font-size: 0.9rem;
          color: #000;
          & + input {
            padding: 0;
            font-size: 0.9rem;
            line-height: 1rem;
            font-family: "Inter";
            color: #000;
          }
        }
      }

      .search-filter-component-combobox__listbox-toggle,
      .search-filter-label__toggle-icon {
        flex: 0 0 25px;
        &::before,
        svg {
          display: none;
        }

        &.search-filter-label__toggle-icon,
        .search-filter-icon {
          width: 25px;
          height: 25px;
          background: url(../img/svg/menu-caret.svg) center center no-repeat;
          transform: rotate(180deg);
          transition: all ease-in-out 0.3s;
          display: block;
          right: 0px;
          padding: 0;
          pointer-events: none;

          &.search-filter-label__toggle-icon--up {
            transform: rotate(0deg) !important;
          }
        }
      }

      ::placeholder {
        color: #000;
        background: transparent;
        font-size: 0.9rem;
      }
    }

    #rdvGourmandsFilter {
      #event {
        display: none;
      }

      .event-cat,
      .event-date {
        padding: 0.45rem 0rem 0.45rem 1rem;
        border: none;
        background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22336%22%20height%3D%2241%22%20viewBox%3D%220%200%20336%2041%22%20fill%3D%22none%22%20preserveAspectRatio%3D%22none%22%3E%3Cscript%20xmlns%3D%22%22%2F%3E%3Cpath%20d%3D%22M76.64%2C39.96s-35.62-.56-49.37%2C0S1.47%2C32.73%2C1.13%2C27.45-2.22%2C11.34%2C8.5%2C5.78%2C49.4.5%2C64.48.5s55.98%2C1.39%2C59%2C1.11%2C190.84-.83%2C194.86%2C0c4.02.83%2C20.78%2C6.39%2C16.42%2C24.73s-80.11%2C13.61-80.11%2C13.61H76.64Z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M275.46%2C41.03c-11.23%2C0-19.82-.51-20.84-.58H76.64c-.36%2C0-35.77-.55-49.34%2C0-14.21.58-26.31-7.44-26.66-12.97-.04-.7-.14-1.51-.24-2.38C-.24%2C19.57-1.31%2C10.31%2C8.27%2C5.34%2C18.64-.03%2C47.11-.02%2C62.42%2C0h2.07c7.67%2C0%2C22%2C.36%2C34.65.68%2C12.26.31%2C22.85.57%2C24.3.44%2C1.35-.12%2C190.59-.91%2C195.01%2C0%2C1.02.21%2C10.07%2C2.27%2C14.81%2C9.72%2C2.76%2C4.34%2C3.43%2C9.59%2C2%2C15.61-2.96%2C12.44-36.87%2C14.57-59.79%2C14.57ZM254.66%2C39.45c.78.05%2C75.41%2C4.49%2C79.63-13.23%2C1.37-5.75.74-10.74-1.87-14.84-3.67-5.77-10.63-8.55-14.17-9.28-4.41-.91-193.37-.12-194.72%2C0-1.51.14-12.13-.13-24.42-.43-12.64-.32-26.97-.68-34.63-.68h-2.07c-15.21%2C0-43.53-.03-53.68%2C5.22C-.24%2C10.88.74%2C19.37%2C1.39%2C24.99c.1.9.2%2C1.71.24%2C2.43.32%2C5.03%2C12.15%2C12.57%2C25.63%2C12.03%2C13.57-.55%2C48.89%2C0%2C49.39%2C0h178.01Z%22%20fill%3D%22%23f5b623%22%2F%3E%3Cscript%20xmlns%3D%22%22%2F%3E%3C%2Fsvg%3E)
          0 0 no-repeat;
        background-size: 100% 100%;
        width: auto !important;
        height: 40px;
        position: relative;
        min-width: 200px;
        filter: drop-shadow(0 0 5px rgb(0 0 0 / 20%));

        &::after {
          content: "";
          width: 25px;
          height: 25px;
          background: url(../img/svg/menu-caret.svg) center center no-repeat;
          transform: rotate(180deg);
          transition: all ease-in-out 0.3s;
          display: block;
          right: 4px;
          padding: 0;
          position: absolute;
          top: 6px;
          pointer-events: none;
        }

        #reportrange {
          padding-right: 2.5rem;
        }

        select {
          appearance: none;
          --webkit-appearance: none;
          border: none;
          background: transparent;
          width: calc(100% + 0rem);
        }
      }
    }

    form {
      & > ul {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
        flex-wrap: wrap;
        li {
          padding: 0;
          label:has(select) {
            position: relative;
            &::after {
              content: "";
              width: 50px;
              height: 25px;
              background: url(../img/svg/menu-caret.svg) center center no-repeat;
              position: absolute;
              top: 6px;
              transform: rotate(180deg);
              transition: all ease-in-out 0.3s;
              display: block;
              right: 0px;
              pointer-events: none;
            }
          }

          select {
            padding: 0.5rem 1rem;
            border: none;
            background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22336%22%20height%3D%2241%22%20viewBox%3D%220%200%20336%2041%22%20fill%3D%22none%22%20preserveAspectRatio%3D%22none%22%3E%3Cscript%20xmlns%3D%22%22%2F%3E%3Cpath%20d%3D%22M76.64%2C39.96s-35.62-.56-49.37%2C0S1.47%2C32.73%2C1.13%2C27.45-2.22%2C11.34%2C8.5%2C5.78%2C49.4.5%2C64.48.5s55.98%2C1.39%2C59%2C1.11%2C190.84-.83%2C194.86%2C0c4.02.83%2C20.78%2C6.39%2C16.42%2C24.73s-80.11%2C13.61-80.11%2C13.61H76.64Z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M275.46%2C41.03c-11.23%2C0-19.82-.51-20.84-.58H76.64c-.36%2C0-35.77-.55-49.34%2C0-14.21.58-26.31-7.44-26.66-12.97-.04-.7-.14-1.51-.24-2.38C-.24%2C19.57-1.31%2C10.31%2C8.27%2C5.34%2C18.64-.03%2C47.11-.02%2C62.42%2C0h2.07c7.67%2C0%2C22%2C.36%2C34.65.68%2C12.26.31%2C22.85.57%2C24.3.44%2C1.35-.12%2C190.59-.91%2C195.01%2C0%2C1.02.21%2C10.07%2C2.27%2C14.81%2C9.72%2C2.76%2C4.34%2C3.43%2C9.59%2C2%2C15.61-2.96%2C12.44-36.87%2C14.57-59.79%2C14.57ZM254.66%2C39.45c.78.05%2C75.41%2C4.49%2C79.63-13.23%2C1.37-5.75.74-10.74-1.87-14.84-3.67-5.77-10.63-8.55-14.17-9.28-4.41-.91-193.37-.12-194.72%2C0-1.51.14-12.13-.13-24.42-.43-12.64-.32-26.97-.68-34.63-.68h-2.07c-15.21%2C0-43.53-.03-53.68%2C5.22C-.24%2C10.88.74%2C19.37%2C1.39%2C24.99c.1.9.2%2C1.71.24%2C2.43.32%2C5.03%2C12.15%2C12.57%2C25.63%2C12.03%2C13.57-.55%2C48.89%2C0%2C49.39%2C0h178.01Z%22%20fill%3D%22%23f5b623%22%2F%3E%3Cscript%20xmlns%3D%22%22%2F%3E%3C%2Fsvg%3E)
              0 0 no-repeat;
            background-size: 100% 100%;
            width: auto !important;
            height: 40px;
            padding-right: 1rem;
            appearance: none;
            --webkit-appearance: none;
            /*&:not(:has(option.sf-item-1)){
              display: none;
            }*/
          }

          &.sf-field-post-meta-type_de_produit {
            select {
              min-width: 275px;
            }
          }

          &.sf-field-taxonomy-thematique-recette {
            select {
              min-width: 190px;
            }
          }

          &.sf-field-reset {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 1rem;
            gap: 15px;
            flex-wrap: wrap;
            &:not(:has(#activeFilters)) {
              display: none;
            }

            #activeFilters {
              display: flex;
              align-items: center;
              justify-content: center;
              gap: 15px;
              h4 {
                margin: 0;
                padding: 0;
                font-family: "DeliciousHandrawn";
                font-size: 24px;
                font-weight: 100;
                line-height: 24px;
              }

              div {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 15px;
                a {
                  position: relative;
                  display: block;
                  padding: 0 1.25rem 0 0;
                  white-space: nowrap;
                  font-weight: 600;
                  color: #000;
                  &::before {
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 3px;
                    top: 100%;
                    background: var(--yellow-color)
                      url(../img/svg/bg-button-jaune.svg) center center
                      no-repeat;
                    background-size: 100% auto;
                    transition: all ease-in-out 0.3s;
                    left: 0;
                  }

                  &::after {
                    content: "+";
                    display: block;
                    position: absolute;
                    top: 5px;
                    right: 0;
                    background: #000;
                    width: 13px;
                    height: 13px;
                    line-height: 13px;
                    color: #fff;
                    transform: rotate(45deg);
                    border-radius: 50%;
                    text-align: center;
                    font-weight: 100;
                    pointer-events: none;
                  }
                }
              }
            }

            .search-filter-reset {
              display: block;
              border: 1px solid #ccc;
              background: #fff;
              border-radius: 5px;
              padding: 5px 10px;
              font-weight: 600;
            }
          }

          &[data-sf-field-input-type="daterange"] {
            & > ul {
              display: flex;
              align-items: center;
              gap: 15px;
              li {
                input {
                  width: 100%;
                }
              }
            }
          }
        }
      }

      &[data-sf-form-id="1530"] {
        .sf-field-taxonomy-type-de-produit:not(:has(select > option)) {
          display: none;
        }
      }
    }

    #activeFilters {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 15px;
      margin: 1rem auto 0;
      display: none;

      &:has(
          .search-filter-style--control-selection .search-filter-input-button
        ) {
        display: flex;
      }

      h4 {
        margin: 0;
        padding: 0;
        font-family: "DeliciousHandrawn";
        font-size: 24px;
        font-weight: 100;
        line-height: 24px;
      }

      & > div {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
        .search-filter-style--control-selection {
          .search-filter-input-button-group {
            gap: 15px;
          }
          .search-filter-input-button {
            font-size: 16px;
            line-height: 22px;
            position: relative;
            display: block;
            padding: 0 1.25rem 0 0;
            white-space: nowrap;
            font-weight: 600;
            color: #000;
            border: none !important;
            outline: none;
            box-shadow: none;
            margin: 0;
            background: none;

            &::before {
              content: "";
              position: absolute;
              width: 100%;
              height: 3px;
              top: 100%;
              background: var(--yellow-color)
                url(../img/svg/bg-button-jaune.svg) center center no-repeat;
              background-size: 100% auto;
              transition: all ease-in-out 0.3s;
              left: 0;
            }

            &:hover {
              &::before {
                width: 0;
              }
            }

            &.type-de-produit {
              &::before {
                background: var(--green-dark-color);
              }
            }

            &.thematique-recette {
              &::before {
                background: var(--blue-color);
              }
            }

            &.saison {
              &::before {
                background: var(--red-color);
              }
            }

            &.prix {
              &::before {
                background: var(--term-fruits-color);
              }
            }

            .search-filter-icon {
              content: "+";
              display: block;
              position: absolute;
              top: 4px;
              right: 0;
              background: #000;
              width: 14px;
              height: 14px;
              line-height: 13px;
              color: #fff;
              padding: 0;
              border-radius: 50%;
              text-align: center;
              font-weight: 100;
              pointer-events: none;

              svg {
                fill: #fff;
                color: #fff;
                width: 10px;
                height: 10px;
                position: relative;
                top: 2px;
                left: 2px;
              }
            }
          }
        }
      }
    }

    .search-filter-style--control-reset {
      button {
        display: block;
        border: 1px solid #ccc;
        background: #fff;
        border-radius: 10px;
        padding: 7px 10px;
        font-weight: 600;
        font-size: 14px;
        height: auto;
        line-height: 14px;
      }
    }
  }
}

#totalPost {
  font-family: "DeliciousHandrawn";
  font-size: 24px;
  margin: 2rem 0 1rem;
  position: relative;
  z-index: 10;
  .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  span {
    font-size: 40px;
  }

  #socialShareContainer {
    margin-left: auto;
  }
}

.resultDetails.bottom {
  display: none;
}

.hasMask {
  mask-size: 100% auto;

  &.bottom {
    mask-image: url(../img/masks/shape-bottom-texture.svg),
      linear-gradient(
        black,
        black calc(100% - 50px),
        transparent calc(100% - 50px),
        transparent
      );
    mask-repeat: no-repeat;
    mask-position: bottom center;
    margin-bottom: -65px;
    position: relative;
    z-index: 10;

    & + section {
      position: relative;
      z-index: 5;
      padding-top: 4rem;
    }
  }

  &.toTop {
    mask-image: url(../img/masks/shape-top-texture.svg),
      linear-gradient(
        black,
        black calc(100% - 65px),
        transparent calc(100% - 65px),
        transparent
      );
    padding-bottom: 4rem;
    mask-size: calc(100% + 55px) auto;
    background: #000;
  }

  &.hasTexture {
    background: url(../img/svg/texture.svg) center center repeat;
  }

  &.top {
    mask-image: url(../img/masks/tear-2.svg),
      linear-gradient(
        transparent,
        transparent calc(55px),
        black calc(55px),
        black
      );
    mask-repeat: no-repeat;
    mask-position: top center;
    mask-size: 100% auto;
    margin-top: -60px;
    position: relative;
    z-index: 10;
  }
}

#colophon {
  position: relative;
  z-index: 20;
  background: none;
  &.site-footer {
    &::before {
      display: none;
    }

    .wrapper::after {
      display: none;
    }

    .mentions {
      /* mask-image: url(../img/masks/tear-2.svg),
        linear-gradient(
          transparent,
          transparent calc(0% - 60px),
          black calc(30% - 60px),
          black
        ); */
      /* mask-repeat: no-repeat; */
      /* mask-position: top center; */
      /* mask-size: 100% auto; */
      /* margin-top: -60px; */
      position: relative;
      z-index: 20;
      padding-top: 2rem;
      background: #fff;
      margin-top: -2rem;
    }

    .menu {
      a {
        position: relative;
        display: inline-block;
        &::after {
          content: "";
          display: block;
          width: 0%;
          height: 3px;
          background: var(--yellow-color);
          position: absolute;
          top: calc(100% - 5px);
          transition: all ease-in-out 0.3s;
        }

        &:hover {
          &::after {
            width: 100%;
          }
        }
      }
    }
  }
}

body main a[rel*="noopener"][target="_blank"] {
  padding: 0;
  &::after {
    display: none;
  }
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3rem;
  gap: 15px;
  .page-numbers {
    &:not(.prev, .next) {
      background: url(../img/svg/bg-pagination.svg) center center no-repeat;
      background-size: 69px 69px;
      display: flex;
      /* align-items: center; */
      justify-content: center;
      width: 50px;
      height: 50px;
      /* border-radius: 50px; */
      color: var(--yellow-color);
      font-family: "DeliciousHandrawn";
      font-size: 30px;
      line-height: 40px;
      &.current {
        background: url(../img/svg/pagination-shape.svg) center center no-repeat;
        background-size: 69px 69px;
        color: #fff;
      }
    }

    &.next,
    &.prev {
      font-weight: 600;
      color: #000;
      font-size: 1rem;
      position: relative;
      &::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 10px;
        top: 100%;
        background: url(../img/svg/bg-button-jaune.svg) center center no-repeat;
        background-size: 100% 7px;
        transition: all ease-in-out 0.3s;
        left: 0;
      }

      &:hover {
        &::after {
          width: 0;
        }
      }
    }
  }
}

.page-header.bgMask {
  background: #fff;
  position: relative;
  z-index: 0;
  &::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 500px;
    top: 40%;
    left: 0;
    background: url(../img/svg/menu-bg-miam.svg) 102% 90% no-repeat;
    z-index: 1;
  }

  &::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 150px;
    top: 80%;
    left: 0;
    background: url(../img/svg/bg-page-header.svg) 50% 0% no-repeat;
    z-index: 0;
    background-size: 110% auto;
  }

  h1 {
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 91px;
    text-align: left;
    color: var(--main-color);
    img {
      margin-right: 2rem;
      height: 130px;
    }

    div {
      p {
        margin: 0;
        color: #000;
      }
    }
  }
}

#creditPhoto {
  position: absolute;
  width: auto;
  text-align: right;
  padding: 0rem 1rem 0;
  bottom: 0;
  z-index: 10;
  font-size: 10px;
  text-shadow: 0 0 20px #000;
  right: 0;
  background: rgb(0 0 0 / 20%);
  color: #fff;
}

.single-rendez-vous-gourmand {
  .page-header {
    padding-bottom: 9rem;
    .inner {
      h1 {
        font-size: 51px;
      }
    }

    &::before {
      display: none;
    }
  }

  #agendaDetails {
    position: relative;
    padding: 1rem 2rem;
    color: #fff;
    margin: 2rem 0 4rem;
    &::before {
      content: "";
      position: absolute;
      display: block;
      width: 150px;
      height: 80px;
      background: url(../img/svg/decouvrez-feuille.svg) left center no-repeat;
      z-index: 5;
      top: -2rem;
      right: -2rem;
      background-size: 100% auto;
      transform: rotate(0deg);
    }

    &::after {
      content: "";
      mask-image: url(../img/masks/colonne-page-produit.svg),
        linear-gradient(
          transparent,
          transparent calc(100%),
          #2c2121 calc(100%),
          black
        );
      mask-repeat: no-repeat;
      mask-size: 100% 100%;
      mask-position: center center;
      position: absolute;
      width: 100%;
      height: 100%;
      background: var(--blue-color);
      top: 0;
      left: 0;
      z-index: 0;
      transform: rotate(-3deg);
    }

    & > div {
      position: relative;
      z-index: 5;
      margin: 2rem;
      &.datesHeures {
        display: flex;
        li {
          display: flex;
          margin: 0rem 0 0.5rem 1rem;
          &::before {
            content: "";
            display: block;
            width: 17px;
            height: 17px;
            background: var(--yellow-color);
            /* border-radius: 50%; */
            position: relative;
            top: 3px;
            margin-right: 1rem;
            mask-image: url(../img/masks/filtre.svg),
              linear-gradient(
                transparent,
                transparent calc(100%),
                #2c2121 calc(100%),
                black
              );
            mask-repeat: no-repeat;
            mask-size: 100% 100%;
            mask-position: center center;
          }
        }
      }
    }
  }
}

#primary {
  &.page-texte {
    padding-bottom: 4rem;
    .page-header {
      & > .inner {
        h1 {
          font-size: 50px;
          line-height: 60px;
          margin-bottom: 2rem;
          text-align: center;
          max-width: 950px;
        }
      }
    }

    .postCategory {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      padding: 0.5rem;
      span {
        display: inline-block;
        background: var(--yellow-color);
        padding: 0.25rem 1rem;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 600;
        border-radius: 30px;
      }
    }

    .entry-content {
      position: relative;
      z-index: 5;
      background: url(../img/svg/bg-produits-topo.svg) 0% 70px no-repeat;

      .entry-thumbnail {
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-bottom: 3rem;
        position: relative;
        max-width: 800px;
        border-radius: 15px;
        overflow: hidden;
        margin: 0 auto;
        picture {
          display: flex;
          align-items: center;
          flex-direction: column;
          margin-bottom: 3rem;
          position: relative;
          width: 100%;
          border-radius: 15px;
          overflow: hidden;
          margin: 0 auto;
        }
        img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }

      .entry-content-text {
        &
          > *:not(
            .wp-block-media-text,
            #socialShareContainer,
            .wp-block-gallery
          ) {
          max-width: 700px;
          margin: 0 auto;
        }

        & > iframe {
          display: block;
          max-width: 100%;
        }

        /* a:not(.button) {
          display: inline-block;
        } */

        h2,
        h3,
        p,
        & > div,
        & > figure {
          margin: 2rem auto !important;
          & > *:not(.aligncenter, .has-text-align-center) {
            text-align: left;
          }
        }

        h2.wp-block-heading {
          font-size: 2.25rem !important;
          line-height: 2.5rem !important;

          strong {
            font-weight: 100;
          }
        }

        & > figure {
          img {
            border-radius: 15px;
            margin: auto;
          }
        }

        figcaption {
          display: none;
        }

        .wp-block-media-text {
          display: flex;
          align-items: center;
          margin: 5rem 0 !important;
          .wp-block-media-text__content {
            flex: 0 0 50%;
            align-self: center;
            ul {
              li {
                position: relative;
                margin: 2rem 0 2rem;
                padding-left: 2.75rem;
                &::before {
                  content: "";
                  background: url(../img/svg/check.svg) no-repeat;
                  display: block;
                  width: 40px;
                  height: 40px;
                  flex: 0 0 40px;
                  position: absolute;
                  left: 0;
                  top: 0;
                }
              }
            }
          }

          .wp-block-media-text__media {
            width: 180%;
            display: flex;
            align-items: center;
            justify-content: center;
            mask-image: url(../img/masks/colonne-page-produit.svg),
              linear-gradient(
                transparent,
                transparent calc(100%),
                #2c2121 calc(100%),
                black
              );
            mask-repeat: no-repeat;
            mask-size: 100% 100%;
            mask-position: center center;
            aspect-ratio: 680 / 538;
            transform: rotate(-3deg);
            img {
              width: 100%;
              height: 100%;
              max-width: inherit;
              object-fit: cover;
            }
          }
        }

        .wp-block-gallery {
          max-width: 100vw;
          margin: 2rem auto;

          &.slick-slider {
            margin: 2rem -12vw !important;
          }

          figure {
            aspect-ratio: 1/1;
            display: flex !important;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            mask-image: url(../img/masks/vignette-produit.svg),
              linear-gradient(
                transparent,
                transparent calc(100%),
                #2c2121 calc(100%),
                black
              );
            mask-repeat: no-repeat;
            mask-size: 100% 100%;
            mask-position: center center;
            transform: scale(0.8);
            transition: all ease-in-out 0.3s;
            overflow: hidden;
            border-radius: 15px;
            figcaption {
              display: block;
            }
          }

          .slick-current {
            figure {
              transform: scale(1) rotate(2deg);
            }
          }

          .slick-arrow {
            right: 30vw !important;
          }
        }
      }
    }

    &.hasThumbnail {
      .page-header {
        padding-bottom: 7rem;
      }

      .entry-content {
        top: -7rem;
      }
    }

    .videoContainer {
      display: flex !important;
      align-items: center;
      justify-content: center;
      max-width: 750px;
      margin: 2rem auto;

      & > div {
        position: relative;
        overflow: hidden;
        padding-top: 56.25%;
        transition: all ease-in-out 0.3s;
        width: 100%;
        iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border: 0;
        }
      }
    }

    .socialShareSingle {
      max-width: 50%;
      margin: 4rem auto 0;
    }
  }
}

body.single-personne {
  #primary.hasThumbnail {
    .page-header {
      & > .inner {
        flex-direction: row;
        max-width: 950px;
        padding: 0 !important;
        gap: 3rem;
        justify-content: center;

        .entry-thumbnail {
          display: flex;
          align-items: center;
          justify-content: center;
          overflow: hidden;
          aspect-ratio: 400 / 400;
          mask-image: url(../img/masks/vignette-produit.svg),
            linear-gradient(
              transparent,
              transparent calc(100%),
              #2c2121 calc(100%),
              black
            );
          mask-repeat: no-repeat;
          mask-size: 100% 100%;
          mask-position: center center;
          /* width: 90%; */
          min-height: 350px;
          max-width: 400px;

          picture {
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            aspect-ratio: 400 / 400;
            mask-image: url(../img/masks/vignette-produit.svg),
              linear-gradient(
                transparent,
                transparent calc(100%),
                #2c2121 calc(100%),
                black
              );
            mask-repeat: no-repeat;
            mask-size: 100% 100%;
            mask-position: center center;
            min-height: 350px;
          }
          img {
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }

        .personneDetails {
          h1 {
            line-height: 70px;
            align-items: flex-start;
            margin: 0;
            text-align: left;
            font-size: 70px;
            p {
              margin: 0;
              font-size: 30px;
            }
          }

          h2 {
            font-family: "Inter";
            font-weight: 600;
            font-size: 24px;
            text-align: left;
            margin: 1.5rem 0 1rem;
            line-height: 30px;
          }

          .typeDeProduit {
            a {
              display: flex;
              align-items: center;
              font-weight: 600;
              color: #000;
              img {
                max-width: 40px;
                max-height: 40px;
                margin-right: 0.5rem;
              }
              justify-content: flex-start;
            }
          }

          address,
          & > a {
            display: flex;
            align-items: flex-start;
            margin: 0.5rem 0;
            img {
              margin: 0 0.5rem 0 0rem;
              position: relative;
              top: 2px;
            }
          }

          .siteweb {
            display: flex;
            align-items: flex-start;
            & > a {
              &::after {
                /* left: 25px; */ /* width: calc(100% - 25px); */
              }

              &:hover {
                &::after {
                  width: 0;
                }
              }
            }

            & > img {
              margin-right: 0.5rem;
            }
          }

          .reseauxSociaux {
            display: flex;
            align-items: center;
            margin: 1rem 0 0;
            gap: 1rem;
            a {
              display: flex;
              align-items: center;
              justify-content: center;
              border: 1px solid var(--yellow-color);
              width: 45px;
              height: 46px;
              text-align: center;
              border-radius: 50%;
              padding: 0;
              img {
                width: auto;
                max-height: 17px;
                margin: auto;
              }

              &::after {
                display: none;
              }
            }
          }
        }
      }
    }

    .entry-content {
      background: url(../img/svg/bg-produits-topo.svg) 0% 100px no-repeat;
      top: 0;
      padding: 2rem 0 4rem;
    }
  }

  #personneProduct {
    margin-top: -1rem;
    padding: 5rem 0 7rem;
    background: #fff url(../img/svg/recettes-radis.svg) 100% 50% no-repeat;

    h2 {
      margin-bottom: 9rem;
      font-size: 70px;
    }
  }

  #primary {
    &.page-texte {
      .socialShareSingle {
        margin: 1rem 3rem;
        width: auto;
        position: relative;
        z-index: 20;
      }
    }
  }

  #footerSeparator {
    margin-top: -6rem;
  }
}

.single-reportage-gourmand {
  .page-header {
    h1 {
      margin-bottom: 0 !important;
    }
  }

  .entry-content {
    top: -4rem !important;
  }

  .agenda-list.post-blog-list {
    .post-list-item {
      flex: 0 0 calc(33% - 20px);
      &:first-child {
        padding-top: 6rem;
        & + .post-list-item {
          padding-top: 3rem;
        }
      }
    }
  }

  #agendaList {
  }
}

.page-template-page-origine-et-qualite {
  .page-header {
    padding-bottom: 4rem !important;
  }

  #pageContent {
    position: relative;
    z-index: 1;
    &::before {
      content: "";
      position: absolute;
      top: -250px;
      left: 0;
      width: 250px;
      height: 100%;
      background: url(../img/svg/bg-produits-topo.svg) 0px 0px no-repeat;
      z-index: 0;
    }

    & > section,
    & > div {
      position: relative;
      z-index: 10;
    }

    & > div {
      padding-bottom: 6rem;
      background: #fff url(../img/svg/bg-origine.svg) 0% 50% no-repeat !important;
      & > section {
        position: relative;
        z-index: 10;
      }

      &::after {
        content: "";
        background: url(../img/svg/recettes-archives-bg.svg) 100% 83% no-repeat !important;
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
      }
    }

    #labelsList {
      margin: 3rem 0;
      h2 {
        font-family: "Inter";
        font-size: 30px;
        font-weight: 100;
        span {
          font-family: "DeliciousHandrawn";
          color: var(--yellow-color);
          font-size: 70px;
        }

        p {
          font-weight: 600;
          font-size: 30px;
        }
      }

      .parentItem {
        margin: 3rem 0 4rem;
        h3 {
          font-family: "DeliciousHandrawn";
          font-weight: 100;
          font-size: 40px;
          margin-bottom: 3rem;
        }

        .labels-list-items {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: 3rem;
          .label-item {
            flex: 0 0 calc(25% - 2.25rem);
            text-align: center;
            font-size: 18px;
            transition: all 0.3s ease-in-out;
            .labelImage {
              display: flex;
              /* align-items: center; */
              justify-content: center;
              aspect-ratio: 1/1;
              width: 65%;
              margin: 0 auto 1rem;
              img {
                width: auto;
                height: auto;
              }
            }

            .labelContentText {
              margin-bottom: 1.5rem;
              h4 {
                font-size: 18px;
                line-height: 2rem;
              }
            }

            &:hover {
              transform: scale(1.1) rotate(2deg);
            }
          }
        }
      }
    }

    #SIQO {
      margin: 4rem 0 0;
      .inner {
        padding: 4rem 0;
        h2 {
          font-size: 70px;
          margin-bottom: 1.5rem;
          font-family: "DeliciousHandrawn";
          text-transform: initial;
          font-weight: 100;
          line-height: 70px;
          p {
            font-size: 30px;
            font-family: "Inter";
            font-weight: 600;
            color: #000;
          }
        }

        & > p {
          text-align: center;
        }
      }

      #mapContainer {
        position: relative;
        #mapBloc {
          height: 74vh;
          width: calc(100% - 25%);
          margin-left: auto;
        }

        #mapFilter {
          position: absolute;
          background: var(--yellow-color);
          width: 25%;
          height: 100%;
          max-height: 100%;
          overflow: auto;
          z-index: 10;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          justify-content: center;
          padding: 3rem;
          gap: 0.75rem;

          #mobileToggler,
          #mobileSubmit {
            display: none;
            transition: all ease 0.3s;
          }

          .label-item {
            display: flex;
            align-items: flex-start;
            width: 100%;
            input {
              clip: inherit !important;
              flex: 0 0 20px !important;
              height: 20px !important;
              position: relative !important;
              margin-right: 0.5rem;
              top: 3px;
            }

            .labelDetails {
              display: flex;
              align-items: flex-start;
              flex: 1;
              img {
                width: 32px;
                height: auto;
                max-height: 32px;
                margin-right: 0.5rem;
              }
              span {
                position: relative;
                top: 4px;
              }
            }
          }
        }
      }
    }
  }
}

body.page {
  .page-header.hasMask {
    padding-bottom: 7rem;
  }
}

body.page-template-formulaires-page {
  .entry-content {
    padding-bottom: 4rem;
    .inner {
      max-width: 950px;
      padding: 0;
      form {
        margin-top: 2rem;
        .ginput_container {
          &.ginput_container_text,
          &.ginput_container_email,
          &.ginput_container_textarea {
            filter: drop-shadow(1px 1px 2px #00000029);
          }
        }

        input[type="text"],
        input[type="tel"],
        input[type="email"],
        input[type="date"] {
          border: none;
          background-color: transparent;
          box-shadow: none;
          text-align: left;
          padding: 0 1.5rem;
          width: 100%;
        }

        textarea {
          text-align: left;
          padding: 0.5rem 1.5rem;
          border-color: var(--yellow-color);
        }

        ::placeholder {
          color: #000;
          background: transparent;
        }

        input[type="checkbox"] {
          border: 1px solid !important;
          width: 25px !important;
          height: 25px !important;
          clip: inherit !important;
          /* margin: 0 1rem 0 0; */
          display: block;
          position: relative !important;
          top: -2px;
          & + label {
            text-align: left;
          }

          &::before {
            top: -5px;
            position: relative;
            left: 0px;
            color: #000;
            font-size: 2rem;
          }
        }

        .gfield_checkbox {
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .gform_footer {
          display: flex;
          align-items: center;
          justify-content: center;
          .gform_button[type="submit"] {
            background: #a61833;
            padding: 0.75rem 2rem;
            font-size: 1rem;
            text-decoration: none !important;
          }
        }
      }

      .contactInfo {
        margin-top: 4rem;
      }
    }
  }
}

.separator {
  mask-image: url(../img/masks/shape-bottom-texture.svg),
    linear-gradient(
      black,
      black calc(100% - 80px),
      transparent calc(100% - 80px),
      transparent
    );
  mask-repeat: no-repeat;
  mask-position: bottom center;
  height: 65px;
  width: 100%;
  mask-size: 100% 65px;
  position: relative;
  z-index: 10;
  &.toBottom {
    margin-bottom: -70px;
  }

  &.white {
    mask-image: url(../img/masks/tear-2.svg),
      linear-gradient(
        black,
        black calc(100% - 80px),
        transparent calc(100% - 80px),
        transparent
      );
    background: #fff;
  }
}

.blocTexteImage {
  margin: 0rem 0 2rem;
  .inner {
    padding: 3rem 0vw 1rem;
    max-width: 1000px;
    h2 {
      font-size: 70px;
      margin-bottom: 3rem;
      font-family: "DeliciousHandrawn";
      text-transform: initial;
      font-weight: 100;
      line-height: 70px;
      p {
        font-size: 30px;
        font-family: "Inter";
        font-weight: 600;
        color: #000;
      }
    }

    .blocContent {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      gap: 5rem;
      .blocImage {
        position: relative;
        img {
          mask-image: url(../img/masks/colonne-page-produit.svg),
            linear-gradient(
              transparent,
              transparent calc(100%),
              #2c2121 calc(100%),
              black
            );
          mask-repeat: no-repeat;
          mask-size: 100% 100%;
          mask-position: center center;
          transform: rotate(-3deg);
        }

        .zoomPic {
          position: absolute;
          right: -1rem;
          bottom: 0rem;
          filter: drop-shadow(0 5px 6px rgb(0 0 0 / 30%));
          span {
            mask-image: url(../img/masks/filtre.svg),
              linear-gradient(
                transparent,
                transparent calc(100%),
                #2c2121 calc(100%),
                black
              );
            mask-repeat: no-repeat;
            mask-size: 100% 100%;
            mask-position: center center;
            background: #ffffff url(../img/svg/icon-loupe.svg) 50% 30% no-repeat;
            display: block;
            width: 80px;
            height: 80px;
            background-size: 37% auto;
            text-align: center;
            line-height: 110px;
            color: #000;
            font-size: 0.9rem;
          }
        }
      }

      .blocTexte {
        max-width: 400px;
        .texte {
          p {
            line-height: 2rem;
            font-size: 18px;
          }
          a:not(.button, .question) {
            position: relative;
            color: #000;
            font-weight: 600;
            text-decoration: underline 4px var(--yellow-color);
            text-decoration-skip-ink: none;
          }
        }

        .blocCTA {
          margin-top: 2rem;
        }
      }
    }
  }

  &.photoDroite {
    .blocContent {
      flex-direction: row-reverse;
      .blocTexte {
        .texte,
        .blocCTA {
          text-align: right;
        }
      }
    }
  }

  &.large_text {
    .blocTexte {
      max-width: 55% !important;
      h2 {
        text-align: left !important;
        margin: 0;
      }
    }

    &.photoDroite {
      .blocTexte {
        h2 {
          text-align: right !important;
        }
      }
    }
  }
}

.page-template-page-texte {
  #primary.page-texte {
    .page-header {
      h1 {
        font-size: 70px;
      }
    }

    .entry-content {
      background-position: 0% 0%;
      position: relative;
      &::before {
        content: "";
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
        background: url(../img/svg/menu-bg-miam.svg) 102% 0% no-repeat;
        left: 0;
        top: -7rem;
      }

      .inner {
        position: relative;
        z-index: 10;
        .entry-content-text {
          & > * {
            max-width: 100%;
          }
        }
      }
    }
  }
}

.page-template-page-newsletter {
  .newsletter {
    .inner {
      padding: 3rem 10vw 0rem 0rem;
      display: flex;
      align-items: center;
      position: relative;
      .blocImage {
        position: relative;
        /* z-index: 0; */
        flex: 0 0 45%;
        padding-bottom: 4rem;
        div:first-child {
          display: flex;
          align-items: center;
          justify-content: center;
          overflow: hidden;
          mask-image: url(../img/masks/colonne-page-produit.svg),
            linear-gradient(
              transparent,
              transparent calc(100%),
              #2c2121 calc(100%),
              black
            );
          mask-repeat: no-repeat;
          mask-size: 100% 100%;
          mask-position: center center;
          transform: rotate(-2deg);
          position: relative;
          left: -2rem;
          max-height: 600px;
        }
      }

      .blocTexte {
        position: relative;
        z-index: 10;
        padding: 0 0 4rem 4rem;
        h2:not(.gform_submission_error) {
          text-align: left;
          font-size: 91px;
          line-height: 91px;
          margin: 0 0 2rem;
        }

        ul {
          li {
            position: relative;
            margin: 2rem 0 2rem;
            padding-left: 2.75rem;
            font-family: "DeliciousHandrawn";
            font-size: 32px;
            &::before {
              content: "";
              background: url(../img/svg/check.svg) no-repeat;
              display: block;
              width: 40px;
              height: 40px;
              flex: 0 0 40px;
              position: absolute;
              left: 0;
              top: 0;
            }
          }
        }

        .blocCTA {
          text-align: right !important;
        }
      }
    }

    form {
      margin-top: 2rem;
      .ginput_container {
        &.ginput_container_text,
        &.ginput_container_email,
        &.ginput_container_textarea {
          filter: drop-shadow(1px 1px 2px #00000029);
        }
      }

      input[type="text"],
      input[type="tel"],
      input[type="email"],
      input[type="date"] {
        border: none;
        background-color: transparent;
        box-shadow: none;
        text-align: left;
        padding: 0 1.5rem;
        width: 100%;
      }

      textarea {
        text-align: left;
        padding: 0.5rem 1.5rem;
      }

      ::placeholder {
        color: #000;
        background: transparent;
      }

      input[type="checkbox"] {
        border: 1px solid var(--yellow-color) !important;
        width: 25px !important;
        height: 25px !important;
        clip: inherit !important;
        overflow: visible !important;
        display: block;
        position: relative !important;
        top: -2px;
        & + label {
          text-align: left;
        }

        &::before {
          top: -5px;
          position: relative;
          left: 0px;
          color: #000;
          font-size: 2rem;
        }
      }

      .gfield_checkbox {
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .gfield_consent_description {
        padding: 0 0 0 2.25rem;
        border: none;
      }

      #field_4_1 {
        max-width: 600px;
        width: 100%;
      }

      .gform_footer {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        .button {
          display: inline-flex !important;
          align-items: center !important;
          justify-content: center !important;
          font-family: "Inter" !important;
          font-size: 1.15rem !important;
          font-weight: 600 !important;
          position: relative;
          color: #000 !important;
          mask-image: url(../img/masks/bouton.svg),
            linear-gradient(
              transparent,
              transparent calc(100%),
              #2c2121 calc(100%),
              black
            );
          mask-repeat: no-repeat;
          mask-size: 100% 100%;
          mask-position: center center;
          background: #b5c73c url(../img/svg/arrow-black.svg)
            calc(100% - 1.25rem) 50% no-repeat !important;
          padding: 1rem 3.5rem 1rem 2rem !important;
          text-decoration: none !important;
          border: none !important;
          &:hover {
            padding-right: 4rem !important;
          }
        }
      }
    }
  }
}

#disclaimer {
  .inner {
    max-width: 60vw;
    p {
      font-size: 12px;
      line-height: 1.25rem;
    }
  }
}

#contentForm {
  margin-bottom: 3rem;
  .inner {
    max-width: 950px;
    padding: 0;
  }

  form {
    margin-top: 2rem;
    .ginput_container {
      &.ginput_container_text,
      &.ginput_container_email,
      &.ginput_container_textarea,
      &.ginput_container_phone {
        filter: drop-shadow(1px 1px 2px #00000029);
      }
    }

    input[type="text"],
    input[type="tel"],
    input[type="email"],
    input[type="date"] {
      border: none;
      box-shadow: none;
      text-align: left;
      padding: 0 1.5rem;
      width: 100% !important;
      background: transparent
        url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22336%22%20height%3D%2241%22%20viewBox%3D%220%200%20336%2041%22%20fill%3D%22none%22%20preserveAspectRatio%3D%22none%22%3E%3Cscript%20xmlns%3D%22%22%2F%3E%3Cpath%20d%3D%22M76.64%2C39.96s-35.62-.56-49.37%2C0S1.47%2C32.73%2C1.13%2C27.45-2.22%2C11.34%2C8.5%2C5.78%2C49.4.5%2C64.48.5s55.98%2C1.39%2C59%2C1.11%2C190.84-.83%2C194.86%2C0c4.02.83%2C20.78%2C6.39%2C16.42%2C24.73s-80.11%2C13.61-80.11%2C13.61H76.64Z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M275.46%2C41.03c-11.23%2C0-19.82-.51-20.84-.58H76.64c-.36%2C0-35.77-.55-49.34%2C0-14.21.58-26.31-7.44-26.66-12.97-.04-.7-.14-1.51-.24-2.38C-.24%2C19.57-1.31%2C10.31%2C8.27%2C5.34%2C18.64-.03%2C47.11-.02%2C62.42%2C0h2.07c7.67%2C0%2C22%2C.36%2C34.65.68%2C12.26.31%2C22.85.57%2C24.3.44%2C1.35-.12%2C190.59-.91%2C195.01%2C0%2C1.02.21%2C10.07%2C2.27%2C14.81%2C9.72%2C2.76%2C4.34%2C3.43%2C9.59%2C2%2C15.61-2.96%2C12.44-36.87%2C14.57-59.79%2C14.57ZM254.66%2C39.45c.78.05%2C75.41%2C4.49%2C79.63-13.23%2C1.37-5.75.74-10.74-1.87-14.84-3.67-5.77-10.63-8.55-14.17-9.28-4.41-.91-193.37-.12-194.72%2C0-1.51.14-12.13-.13-24.42-.43-12.64-.32-26.97-.68-34.63-.68h-2.07c-15.21%2C0-43.53-.03-53.68%2C5.22C-.24%2C10.88.74%2C19.37%2C1.39%2C24.99c.1.9.2%2C1.71.24%2C2.43.32%2C5.03%2C12.15%2C12.57%2C25.63%2C12.03%2C13.57-.55%2C48.89%2C0%2C49.39%2C0h178.01Z%22%20fill%3D%22%23f5b623%22%2F%3E%3Cscript%20xmlns%3D%22%22%2F%3E%3C%2Fsvg%3E)
        0 0 no-repeat !important;
      background-size: 100% 100% !important;
      height: 40px;
      display: inline-block;
      border: none;
      padding-left: 18px;
    }

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus {
      -webkit-text-fill-color: #000;
      border-radius: 30px;
      transition: background-color 5000s ease-in-out 0s;
      -webkit-box-shadow: none;
      box-shadow: inset 0 0 20px 20px #fff;
      border: 1 px solid var(--yellow-color);
      border: none;
      background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22336%22%20height%3D%2241%22%20viewBox%3D%220%200%20336%2041%22%20fill%3D%22none%22%20preserveAspectRatio%3D%22none%22%3E%3Cscript%20xmlns%3D%22%22%2F%3E%3Cpath%20d%3D%22M76.64%2C39.96s-35.62-.56-49.37%2C0S1.47%2C32.73%2C1.13%2C27.45-2.22%2C11.34%2C8.5%2C5.78%2C49.4.5%2C64.48.5s55.98%2C1.39%2C59%2C1.11%2C190.84-.83%2C194.86%2C0c4.02.83%2C20.78%2C6.39%2C16.42%2C24.73s-80.11%2C13.61-80.11%2C13.61H76.64Z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M275.46%2C41.03c-11.23%2C0-19.82-.51-20.84-.58H76.64c-.36%2C0-35.77-.55-49.34%2C0-14.21.58-26.31-7.44-26.66-12.97-.04-.7-.14-1.51-.24-2.38C-.24%2C19.57-1.31%2C10.31%2C8.27%2C5.34%2C18.64-.03%2C47.11-.02%2C62.42%2C0h2.07c7.67%2C0%2C22%2C.36%2C34.65.68%2C12.26.31%2C22.85.57%2C24.3.44%2C1.35-.12%2C190.59-.91%2C195.01%2C0%2C1.02.21%2C10.07%2C2.27%2C14.81%2C9.72%2C2.76%2C4.34%2C3.43%2C9.59%2C2%2C15.61-2.96%2C12.44-36.87%2C14.57-59.79%2C14.57ZM254.66%2C39.45c.78.05%2C75.41%2C4.49%2C79.63-13.23%2C1.37-5.75.74-10.74-1.87-14.84-3.67-5.77-10.63-8.55-14.17-9.28-4.41-.91-193.37-.12-194.72%2C0-1.51.14-12.13-.13-24.42-.43-12.64-.32-26.97-.68-34.63-.68h-2.07c-15.21%2C0-43.53-.03-53.68%2C5.22C-.24%2C10.88.74%2C19.37%2C1.39%2C24.99c.1.9.2%2C1.71.24%2C2.43.32%2C5.03%2C12.15%2C12.57%2C25.63%2C12.03%2C13.57-.55%2C48.89%2C0%2C49.39%2C0h178.01Z%22%20fill%3D%22%23f5b623%22%2F%3E%3Cscript%20xmlns%3D%22%22%2F%3E%3C%2Fsvg%3E)
        0 0 no-repeat !important;
      text-align: left;
      padding: 0 1.5rem;
      width: 100%;
      height: 40px;
      display: inline-block;
      color: #000 !important;
    }

    textarea {
      text-align: left;
      padding: 0.5rem 1.5rem;
      border-color: var(--yellow-color);
      color: #000 !important;
    }

    ::placeholder {
      color: #000 !important;
      background: transparent;
    }

    input[type="checkbox"] {
      border: 1px solid var(--yellow-color) !important;
      width: 25px !important;
      height: 25px !important;
      clip: inherit !important;
      overflow: visible !important;
      display: block;
      position: relative !important;
      top: -2px;
      & + label {
        text-align: left;
      }

      &::before {
        top: -5px;
        position: relative;
        left: 0px;
        color: #000;
        font-size: 2rem;
      }
    }

    .gfield_checkbox {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
    }

    .gfield_consent_description {
      padding: 0 0 0 2.25rem;
      border: none;
      text-align: left;
    }

    #field_4_1 {
      max-width: 600px;
      width: 100%;
    }

    .gform_footer {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      .button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-family: "Inter" !important;
        font-size: 1.15rem !important;
        font-weight: 600 !important;
        position: relative;
        color: #fff !important;
        mask-image: url(../img/masks/bouton.svg),
          linear-gradient(
            transparent,
            transparent calc(100%),
            #2c2121 calc(100%),
            black
          );
        mask-repeat: no-repeat;
        mask-size: 100% 100%;
        mask-position: center center;
        background: var(--red-color) url(../img/svg/arrow-white.svg)
          calc(100% - 1.25rem) 50% no-repeat !important;
        padding: 1rem 3.5rem 1rem 2rem !important;
        text-decoration: none !important;
        border: none !important;
        &:hover {
          padding-right: 4rem !important;
        }
      }
    }

    .ginput_container_hcaptcha {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
  }
}

#contactInfo {
  padding: 6rem 0;
}

#contentFAQ {
  padding-top: 7rem;

  .inner {
    max-width: 950px;
    padding: 0;
    display: flex;
    .faqCategory {
      margin: 0.5rem 2rem 0 0;
      ul {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        li {
          margin-bottom: 1rem;
        }

        a {
          display: flex;
          align-items: center;
          position: relative;
          --filter-color: #00000096;
          span {
            color: #000;
            padding: 0.5rem 1.5rem;
            /* text-transform: uppercase; */
            font-weight: 600;
            mask-image: url(../img/masks/bouton.svg),
              linear-gradient(
                transparent,
                transparent calc(100%),
                #2c2121 calc(100%),
                black
              );
            mask-repeat: no-repeat;
            mask-size: 100% 100%;
            mask-position: center center;
          }

          &.active,
          &:hover {
            --filter-color: var(--yellow-color);
            span {
              background: var(--filter-color);
              color: #000;
            }
          }

          &:not(.active, :hover) {
            filter: drop-shadow(1px 1px 0px var(--filter-color))
              drop-shadow(-1px -1px 0px var(--filter-color))
              drop-shadow(-1px 1px 0px var(--filter-color))
              drop-shadow(1px -1px 0px var(--filter-color));
            span {
              background: #fff;
            }
          }
        }
      }
    }

    #faqPosts {
    }
  }
}

.faq-list {
  .faq-list-item {
    margin-bottom: 0;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ddd;

    &:not(:last-child) {
      margin-bottom: 1rem;
      border-bottom: 1px solid #ddd;
    }

    .question {
      display: flex;
      & > span {
        background: url(../img/svg/bg-pagination.svg) center center no-repeat;
        background-size: 49px 49px;
        display: flex;
        justify-content: center;
        width: 35px;
        height: 35px;
        color: var(--yellow-color);
        font-family: "DeliciousHandrawn";
        font-size: 18px;
        line-height: 32px;
        position: relative;
        margin-right: 0.75rem;
        flex: 0 0 35px;
        top: 5px;
      }

      h2 {
        text-align: left;
        position: relative;
        &::after {
          content: "";
          position: absolute;
          width: 0%;
          height: 5px;
          background: var(--yellow-color);
          top: 100%;
          left: 0;
          border-radius: 30px;
          transition: all ease-in-out 0.3s;
        }

        font-weight: 100;
      }

      &:hover {
        h2 {
          &::after {
            width: 100%;
          }

          color: var(--yellow-color);
        }
      }
    }
  }

  .response {
    background: #fff;
    box-shadow: 0 3px 11px rgb(0 0 0 / 12%);
    border-radius: 15px;
    padding: 1rem 2rem;
    margin-top: 1rem;
  }
}

#socialShareContainer {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 120px;
  height: 40px;
  .socialSharer {
    position: absolute;
    text-align: center;
    box-sizing: border-box;
    width: 115px;
    height: 40px;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    &:hover {
      width: 200px;
      height: 100px;
    }

    .menu-item {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #000;
      width: 40px;
      height: 40px;
      margin-left: 0;
      position: absolute !important;
      color: #ffffff !important;
      text-align: center;
      line-height: 80px;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -webkit-transition: -webkit-transform ease-out 200ms;
      transition: -webkit-transform ease-out 200ms;
      transition: transform ease-out 200ms;
      transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
      mask-image: url(../img/masks/filtre.svg),
        linear-gradient(
          transparent,
          transparent calc(100%),
          #2c2121 calc(100%),
          black
        );
      mask-repeat: no-repeat;
      mask-size: 100% 100%;
      mask-position: center center;
      left: 0;
      top: 0;
      opacity: 0;
      visibility: hidden;
      -webkit-transition-duration: 180ms;
      transition-duration: 180ms;
      pointer-events: none;
      img {
        filter: brightness(0) invert(1);
        max-width: 20px;
      }

      span {
        display: none;
      }
    }

    .menu-item:hover {
      background: #2d66ff;
      &.linkedin {
        background: #2466c3;
      }

      &.x {
        background: var(--blue-color);
      }

      &.copy {
        background: var(--red-color);
      }
    }

    &:hover .menu-item {
      -webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
      transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
      opacity: 1;
      visibility: visible;
      top: 55px;
      left: 35px;
      pointer-events: all;
    }

    &:hover .menu-item:nth-child(2),
    &:has(.menu-item:hover, label:hover) .menu-item:nth-child(2) {
      transition-duration: 180ms;
      -webkit-transition-duration: 180ms;
      -webkit-transform: translate3d(0.08361px, -104.99997px, 0);
      transform: translate3d(-35px, -34px, 0);
    }

    &:hover .menu-item:nth-child(3),
    &:has(.menu-item:hover, label:hover) .menu-item:nth-child(3) {
      transition-duration: 280ms;
      -webkit-transition-duration: 280ms;
      -webkit-transform: translate3d(90.9466px, -52.47586px, 0);
      transform: translate3d(15px, -54px, 0);
    }

    &:hover .menu-item:nth-child(4),
    &:has(.menu-item:hover, label:hover) .menu-item:nth-child(4) {
      transition-duration: 380ms;
      -webkit-transition-duration: 380ms;
      -webkit-transform: translate3d(90.9466px, 52.47586px, 0);
      transform: translate3d(70px, -54px, 0);
    }

    &:hover .menu-item:nth-child(5),
    &:has(.menu-item:hover, label:hover) .menu-item:nth-child(5) {
      transition-duration: 480ms;
      -webkit-transition-duration: 480ms;
      -webkit-transform: translate3d(0.08361px, 104.99997px, 0);
      transform: translate3d(123px, -34px, 0);
    }

    .menu-open-button {
      display: flex;
      align-items: center;
    }
  }
}

.search-filter-component-popup {
  &.search-filter-style--choice-select {
    border: none;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    border-radius: 7px;
    background: #fff;
    .search-filter-component-combobox-base__listbox-option {
      color: #000;
      font-size: 0.9rem;
      padding: 0.5rem 1rem;
      cursor: pointer;
      &.search-filter-component-combobox-base__listbox-option--selected,
      &.search-filter-component-combobox-base__listbox-option--active {
        background: var(--yellow-color);
      }
    }
  }
}

body.error404 {
  #primary.error-404 {
    .page-header {
      padding: 10rem 0;
      h1 {
        span {
          position: relative;
          &::before,
          &::after {
            background: url(../img/svg/decouvrez-feuille.svg) left center
              no-repeat;
            content: "";
            width: 100px;
            height: 40px;
            background-size: 100% auto;
            display: block;
            position: absolute;
            right: calc(100% + 1rem);
            top: 50%;
            transform: rotate(180deg);
          }

          &::before {
            transform: rotate(180deg) scaleX(-1);
            right: initial;
            left: calc(100% + 1rem);
          }
        }
      }

      .entry-content {
        margin-top: 2rem;
      }
    }
  }
}

body.single-faq {
  #page {
    #primary {
      .page-header {
        padding-bottom: 0 !important;
      }

      .entry-content {
        padding-bottom: 7rem;
        background-image: none;
        .inner {
          .entry-content-text {
            h2.faqQuestion {
              text-align: center;
              color: var(--yellow-color);
              font-weight: 100;
              font-size: 60px;
              line-height: 60px;
              margin-bottom: 3rem !important;
            }
          }
        }

        #faqPosts {
          max-width: 700px;
          margin: 0 auto;
        }
      }
    }
  }
}

.spinner {
  display: none;
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #c11632;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

.daterangepicker {
  .input-mini {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
  }
}

body.page-id-3140 {
  #contentForm {
    padding-bottom: 5rem;
    #field_5_7 {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      legend.gfield_label {
        display: none;
      }
    }
  }
}

body.page-template-page-role-de-l-aana {
  .page-header {
    background-image: url("../img/svg/bg-role-intro.svg");
    background-repeat: no-repeat;
    background-position: 0% 150px;

    h1 {
      p {
        line-height: 39px;
      }
    }

    #gallerie {
      display: flex;
      align-items: center;
      margin: 5rem 0 0;
      justify-content: center;
      .gallerie-item {
        flex: 1;
        position: relative;
        z-index: 5;

        &:first-child {
          transform: skewY(-4deg);
          img {
            /* transform: skewY(3deg); */
            width: 120%;
            height: auto;
            object-fit: cover;
            max-height: initial;
            max-width: initial;
          }
        }

        &:first-child + div:not(:last-child) {
          z-index: 10;
          margin: 0 -50px;
        }

        & > div {
          mask-image: url(../img/masks/colonne-page-produit.svg),
            linear-gradient(
              transparent,
              transparent calc(100%),
              #2c2121 calc(100%),
              black
            );
          mask-repeat: no-repeat;
          mask-size: 100% 100%;
          mask-position: center center;
          display: flex;
          align-items: center;
          justify-content: center;
          overflow: hidden;
          img {
            max-height: 400px;
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }
      }
    }
    .entry-content {
      padding-left: 10vw;
    }
  }

  #pageContent {
    #engagement {
      padding: 6rem 0 10rem;

      .inner {
        h2 {
          font-family: "Inter";
          font-weight: 100;
          margin-bottom: 4rem;
          b {
            color: #fff;
            font-family: "DeliciousHandrawn";
            font-size: 70px;
            font-weight: 100;
            margin-left: 10px;
          }
          p {
            font-size: 30px;
            font-weight: 600;
            /* margin: 0; */
          }
        }
      }
    }

    #missions {
      padding: 3rem 0 10rem;

      .inner {
        background: url(../img/svg/menu-bg-miam.svg) 104% 50% no-repeat;

        h2 {
          color: var(--yellow-color);
          font-size: 70px;
          p {
            color: #000;
            font-family: "Inter";
            font-weight: 600;
            font-size: 30px;
            margin-top: 1.25rem;
          }
        }

        .content {
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 4rem 0 0;

          .contentImage {
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 50%;
            mask-image: url(../img/masks/colonne-page-produit.svg),
              linear-gradient(
                transparent,
                transparent calc(100%),
                #2c2121 calc(100%),
                black
              );
            mask-repeat: no-repeat;
            mask-size: 100% 100%;
            mask-position: center center;
            margin: 0 4rem 0 -10vw;
            transform: rotate(-2deg);
            align-self: stretch;
            img {
              width: 100%;
              height: 100%;
              object-fit: cover;
            }
          }

          .contentTexte {
            padding-right: 10vw;
            ul {
              li {
                position: relative;
                margin: 2rem 0 2rem;
                padding-left: 2.75rem;
                font-size: 32px;
                &::before {
                  content: "";
                  background: url(../img/svg/check.svg) no-repeat;
                  display: block;
                  width: 40px;
                  height: 40px;
                  flex: 0 0 40px;
                  position: absolute;
                  left: 0;
                  top: 0;
                }
              }
            }
          }
        }
      }
    }

    #expertises {
      padding: 5rem 0 9rem;

      .inner {
        h2 {
          font-family: "Inter";
          font-weight: 100;
          margin-bottom: 4rem;
          b {
            color: #fff;
            font-family: "DeliciousHandrawn";
            font-size: 70px;
            font-weight: 100;
            margin-left: 10px;
          }
          p {
            font-size: 30px;
            font-weight: 600;
            /* margin: 0; */
          }
        }
      }
    }

    #citation {
      padding: 5rem 0 7rem;

      .inner {
        max-width: 700px;
        padding: 0;

        .hasQuote {
          font-family: "DeliciousHandrawn";
          text-align: center;
          font-size: 50px;
          line-height: 55px;
          max-width: 700px;
          margin: 0 auto;

          &::before {
            left: -4rem;
            top: -2rem;
          }
          &::after {
            margin-top: -1rem;
          }
        }
      }
    }

    #initiatives {
      padding: 5rem 0;
      position: relative;
      z-index: 6;

      .inner {
        position: relative;
        z-index: 10;
        h2 {
          color: var(--yellow-color);
          font-size: 70px;
          p {
            color: #000;
            font-family: "Inter";
            font-weight: 600;
            font-size: 30px;
            margin-top: 1.25rem;
          }
        }

        .content-texte {
          text-align: center;
          max-width: 600px;
          margin: 1rem auto 2rem;
        }
      }

      .content {
        padding-left: 7vw;
        position: relative;
        z-index: 5;

        &::before {
          content: "";
          position: absolute;
          width: 100%;
          height: 100%;
          background: url(../img/svg/bg-initiative.svg) 0% 0% no-repeat;
          left: 0;
          top: -140px;
        }

        .initiative-list {
          display: flex;
          align-items: flex-start;
          position: relative;
          z-index: 10;

          .slick-list {
            padding: 0 15vw 8rem 0;
          }
          .slick-slide {
            margin: 0;
            transition: all 0.5s ease-in-out;

            &.slick-active {
              &.slick-current {
                transform: translateY(3rem);

                & + .slick-active {
                  transform: translateY(6rem);

                  & + .slick-active {
                    transform: translateY(3rem);
                  }
                }
              }
            }
          }
          .initiative-item {
            text-align: center;
            padding: 0 1rem;
            img {
              max-width: 70%;
              margin: 0 auto;
            }
            h3 {
              margin: 1rem 0;
              font-family: "DeliciousHandrawn";
              font-size: 30px;
              font-weight: 100;
            }
          }
          .slick-arrow {
            margin-right: 5rem;
            top: calc(100% - 3rem);
          }
        }
      }
    }

    #lalimentation_durable {
      position: relative;
      min-height: 100vh;
      background-size: cover;
      display: flex;
      align-items: center;
      padding: 10rem 0;
      &::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, #000 100%);
        z-index: 2;
        opacity: 0.86;
        top: 0;
        left: 0;
      }

      &::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: url("../img/svg/bg-on-vous-raconte.svg") calc(100% + 3rem)
          100% no-repeat;
        z-index: 2;
        opacity: 0.86;
        top: 0;
        left: 0;
      }

      .inner {
        padding: 0;
        position: relative;
        z-index: 10;
        width: 60%;
        display: flex;
        flex-direction: column;
        h2 {
          font-size: 80px;
          line-height: 70px;
          color: var(--green-color);
          text-align: left;
          display: flex;
          flex-direction: column;
          /* align-items: flex-end; */
          margin-left: auto;
          b,
          p {
            color: #fff;
            font-size: 50px;
            font-family: "Inter";
            font-weight: 600;
          }
          p {
            font-size: 30px;
            font-weight: 100;
          }
        }

        .content-text {
          background: #fff;
          padding: 3rem;
          width: 50%;
          max-width: 500px;
          margin: 4rem 10vw 0 auto;
          mask-image: url(../img/masks/block.svg),
            linear-gradient(
              transparent,
              transparent calc(100%),
              #2c2121 calc(100%),
              black
            );
          mask-repeat: no-repeat;
          mask-size: 100% 100%;
          mask-position: center center;
          h3 {
            text-align: left;
            font-family: "DeliciousHandrawn";
            font-size: 55px;
            margin: 0 0 2rem;
            font-weight: 100;
          }

          .blocCTA {
            margin: 2rem 0 0;
          }
        }
      }
    }
  }
}

.icon-list {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;

  .icon-item {
    display: flex;
    align-items: flex-start;
    flex: 0 0 calc(50% - 30px);
    img {
      width: 100px;
      margin: 0 2rem 0 0;
    }
    .icon-text {
      h3 {
        text-align: left;
        line-height: 2.5rem;
        margin-bottom: 0.5rem;
        font-family: "DeliciousHandrawn";
        color: #fff;
        font-weight: 100;
        font-size: 2rem;
      }
    }
  }

  &.grid {
    gap: 60px 30px;

    .icon-item {
      flex: 0 0 calc(25% - 23px);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      img {
        max-height: 100px;
        margin-bottom: 1rem;
        width: auto;
        margin: initial;
      }
    }

    .icon-text {
      text-align: center;
      margin-top: 1rem;
      h3 {
        font-size: 18px;
        font-family: "Inter";
        text-align: center;
        color: #000;
        font-weight: 600;
        line-height: 1.5rem;
      }
    }
  }
}

body.page-template-page-transition-alimentaire {
  .page-header {
    & > .inner {
      background: url(../img/svg/recettes-archives-bg.svg) 100% 30% no-repeat;
      h1 {
        font-size: 70px;
      }
    }
    #introContent {
      margin: 3rem auto;
      display: flex;
      gap: 60px;
      max-width: 1000px;

      .entry-content {
        flex: 0 0 45%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        p {
          line-height: 2rem;
        }
        .blocCTA {
          margin-top: 2rem;
          padding-left: 3rem;
          &::before {
            top: -2rem;
          }
          &::after {
          }
        }
      }

      #gallerie {
        .gallerie-item {
          margin: 0 0 -5rem;
          max-width: 80%;
          mask-image: url(../img/masks/colonne-page-produit.svg),
            linear-gradient(
              transparent,
              transparent calc(100%),
              #2c2121 calc(100%),
              black
            );
          mask-repeat: no-repeat;
          mask-size: 100% 100%;
          mask-position: center center;
          display: flex;
          align-items: center;
          justify-content: center;
          aspect-ratio: 1.25/1;
          overflow: hidden;
          position: relative;

          &:last-child {
            margin-left: auto;
          }

          &:first-child {
            transform: skewY(-3deg);
            z-index: 5;
            img {
              transform: skewY(3deg);
            }
          }
          img {
            width: 110%;
            height: 110%;
            max-width: initial;
          }
        }
      }
    }
  }

  #pageContent {
    #neo_terra {
      position: relative;
      max-width: 100%;
      overflow: hidden;
      padding-bottom: 4rem;
      margin-bottom: -6rem;

      .visuel {
        position: initial;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        overflow: hidden;
        height: 750px;

        img {
          max-width: initial;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }

      .inner {
        position: absolute;
        z-index: 10;
        min-width: 600px;
        max-width: 750px;
        margin-left: auto;
        margin-right: 0;
        padding: 4rem 6rem 4rem 10rem;
        top: 5rem;
        right: 0;
        height: 100%;

        &::before {
          content: "";
          mask-image: url(../img/masks/colonne-page-produit.svg),
            linear-gradient(
              transparent,
              transparent calc(100%),
              #2c2121 calc(100%),
              black
            );
          mask-repeat: no-repeat;
          mask-size: 100% 100%;
          mask-position: center center;
          background: #fff;
          position: absolute;
          width: 100%;
          height: 100%;
          top: 1rem;
          left: 5rem;
          transform: rotate(-3deg);
        }
        h2 {
          position: relative;
          z-index: 10;
          font-family: "Inter";
          font-weight: 600;
          color: rgb(255 255 255 / 0%);
          text-align: left;
          font-size: 1px;
          background: url(../img/png/logo-neoterra.png) -7px 20px no-repeat;
          height: 100px;
        }
        .content {
          position: relative;
          z-index: 10;

          p {
            line-height: 2rem;
            margin-bottom: 2rem;
          }
        }
      }
    }

    #agriculture_et_alimentation {
      padding: 4rem 0 6rem;

      .inner {
        padding: 0;
        h2 {
          font-size: 70px;
          color: var(--green-color);
          margin: 0 0 3rem;
        }

        .content {
          max-width: 750px;
          margin: 0 auto;
          text-align: center;

          .contentTexte {
            & > p:last-child {
              margin-top: 1.5rem;
              strong:first-child {
                font-family: "DeliciousHandrawn";
                font-weight: 100;
                font-size: 30px;
                line-height: 2rem;
              }
            }
          }
        }

        #steps {
          background: url(../img/svg/path-agriculture.svg) 0% 0% no-repeat;
          display: flex;
          padding: 0 2rem;

          .slick-list {
            padding: 4rem 0 5rem;
          }

          .slick-slide {
            transition: all 0.3s ease-in-out;

            &.slick-current {
              &.slick-active {
                img {
                  transform: rotate(-5deg);
                }

                & + .slick-active {
                  transform: translateY(4rem);
                  img {
                    transform: rotate(5deg);
                  }

                  & + .slick-active {
                    transform: translateY(5rem);
                  }
                }
              }
            }
          }

          .step-item {
            padding: 0 1rem;
            position: relative;
            span.index {
              mask-image: url(../img/masks/filtre.svg),
                linear-gradient(
                  transparent,
                  transparent calc(100%),
                  #2c2121 calc(100%),
                  black
                );
              mask-repeat: no-repeat;
              mask-size: 100% 100%;
              mask-position: center center;
              background: var(--green-color);
              display: flex;
              position: absolute;
              top: -5%;
              right: 8%;
              width: 60px;
              height: 60px;
              align-items: center;
              justify-content: center;
              color: #fff;
              font-family: "DeliciousHandrawn";
              font-size: 3rem;
              z-index: 5;
              padding-bottom: 0.7rem;
            }
            img {
              mask-image: url(../img/masks/colonne-page-produit.svg),
                linear-gradient(
                  transparent,
                  transparent calc(100%),
                  #2c2121 calc(100%),
                  black
                );
              mask-repeat: no-repeat;
              mask-size: 100% 100%;
              mask-position: center center;
              max-width: 80%;
              margin: 0 auto 1rem;
              transition: all 0.3s ease-in-out;
            }
            h3 {
              font-family: "DeliciousHandrawn";
              font-size: 30px;
            }
          }

          .slick-arrow {
            margin-right: 5rem;
          }
        }
      }
    }

    #les_signes_didentification {
      padding: 5rem 0 0;
      /* z-index: 0; */
    }
    #nouveaux_modes_de_consommation {
      padding: 5rem 0;
      z-index: 11;

      &::before {
        content: "";
        background: url("../img/svg/bg-role-intro.svg") 0% 0% no-repeat;
        position: absolute;
        width: 250px;
        height: 100%;
        left: 0;
        top: -130px;
      }

      &::after {
        background: url(../img/svg/recettes-radis.svg) 0% 0% no-repeat;
        content: "";
        position: absolute;
        width: 180px;
        height: 210px;
        right: 0;
        top: -20px;
      }

      .inner {
        h2 {
          text-align: left;
          max-width: 750px;
          margin: 0 auto 3rem;
          p {
            margin-bottom: 0;
            position: relative;
            left: -3rem;
          }
        }
      }
    }
  }
}

#primary {
  section {
    &.textImage {
      position: relative;
      .inner {
        padding: 0;
        position: relative;
        z-index: 10;

        h2 {
          color: var(--yellow-color);
          font-size: 70px;
          line-height: 70px;
          margin-bottom: 3rem;
          p {
            color: #000;
            font-family: "Inter";
            font-size: 30px;
            font-weight: 600;
          }
        }
        .contentContainer {
          display: flex;
          align-items: flex-start;
          justify-content: flex-end;
          /* gap: 60px; */
          max-width: 100%;
          overflow: hidden;
          padding: 3rem 0;

          .contentTexte {
            max-width: 580px;
            text-align: right;
            padding-top: 2rem;

            p {
              line-height: 2rem;
            }
            .blocCTA {
              margin-top: 2rem;
            }
          }

          .visuel {
            mask-image: url(../img/masks/colonne-page-produit.svg),
              linear-gradient(
                transparent,
                transparent calc(100%),
                #2c2121 calc(100%),
                black
              );
            mask-repeat: no-repeat;
            mask-size: 100% 100%;
            mask-position: center center;
            transform: rotate(-3deg);
            position: relative;
            left: 5rem;
            max-width: 45%;
          }
        }
      }

      &.reverse {
        .contentContainer {
          flex-direction: row-reverse;

          .contentTexte {
            text-align: left;
            padding-top: 0;
          }
          .visuel {
            left: -5rem;
          }
        }
      }
    }
  }
}

body.page-template-page-concours-saveurs {
  .page-header {
    background-image: url("../img/svg/bg-role-intro.svg");
    background-repeat: no-repeat;
    background-position: 0% 150px;
    h1 {
      span {
        font-size: 70px;
        line-height: 70px;
      }
    }
    #gallerie {
      display: flex;
      align-items: center;
      margin: 5rem 0 0;
      justify-content: center;
      .gallerie-item {
        flex: 1;
        position: relative;
        z-index: 5;

        &:first-child {
          transform: skewY(-4deg);
          img {
            /* transform: skewY(3deg); */
            width: 120%;
            height: auto;
            object-fit: cover;
            max-height: initial;
            max-width: initial;
          }
        }

        &:first-child + div:not(:last-child) {
          z-index: 10;
          margin: 0 -50px;
        }

        & > div {
          mask-image: url(../img/masks/colonne-page-produit.svg),
            linear-gradient(
              transparent,
              transparent calc(100%),
              #2c2121 calc(100%),
              black
            );
          mask-repeat: no-repeat;
          mask-size: 100% 100%;
          mask-position: center center;
          display: flex;
          align-items: center;
          justify-content: center;
          overflow: hidden;
          img {
            max-height: 400px;
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }
      }
    }
    .entry-content {
    }
  }

  #pageContent {
    #a_propos {
      padding: 3rem 0 7rem;

      .inner {
        background: url(../img/svg/menu-bg-miam.svg) 104% 50% no-repeat;
      }

      #logoConcours {
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin-bottom: 1rem;
        gap: 20px;
        margin-top: -2rem;

        .item {
          background: url(../img/masks/filtre.svg) 50% 50% no-repeat;
          flex: 1;
          display: flex;
          align-items: center;
          justify-content: center;
          background-size: contain;
          padding: 0.5rem;
        }
      }

      .blocCTA {
        display: flex;
        align-items: center;
        gap: 1rem;
        a {
          white-space: nowrap;
        }
      }
    }

    #en_chiffres_cles {
      padding: 4rem 0 8rem;
      .inner {
        h2 {
          font-size: 60px;
          color: #fff;
          p {
            font-weight: 600;
            color: #000;
            font-family: "Inter";
            font-size: 30px;
          }
        }

        .content {
          .chiffres {
            display: flex;
            justify-content: center;
            margin: 4rem 0;

            .categories {
              text-align: right;
              font-size: 25px;
              margin-right: 3rem;
              max-width: 150px;
              font-weight: 600;
              img {
                width: 85px;
                margin: 0 0 0rem auto;
              }
              span {
                color: #fff;
                font-size: 70px;
                font-family: "DeliciousHandrawn";
                display: block;
                line-height: 70px;
              }
            }

            .catList {
              column-count: 3;
              span {
                display: block;
                margin: 5px 0;
              }
              column-gap: 50px;
            }
          }
          .icon-list.grid {
            .icon-item {
              flex: 0 0 calc(20% - 24px);

              .icon-text {
                span {
                  font-family: "DeliciousHandrawn";
                  color: #fff;
                  font-size: 70px;
                }
                h3 {
                  /* font-weight: 100; */
                }
              }
            }
          }
          .blocCTA {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 3rem 0 0;

            .hasQuote {
              &:before {
                left: -3rem;
                top: -1rem;
              }
              &:after {
                top: calc(100% - 0.5rem);
              }
            }
          }
        }
      }
    }
  }
}

body.single-presse {
  #primary {
    .page-header {
      .presseDate {
        font-weight: 600;
        font-size: 24px;
        margin: -1rem 0 1rem;
      }
    }
    .entry-content {
      top: 0 !important;
      margin: 0rem 0 -2rem;
      position: relative;
      z-index: 10;
      padding: 5rem 7vw;
      background-image: none;

      .inner {
        display: flex;
        align-items: center;
        gap: 3rem;
      }
    }
  }
  #agendaList {
    padding: 7rem 7rem 0;
    margin-bottom: -6rem;

    .inner {
      background-image: none;
      .post-blog-list {
        .post-list-item {
          .postImage {
            flex: 0 0 50%;
          }
        }
      }
    }
  }
}

body.search {
  #primary {
    .page-header {
      padding-bottom: 0rem !important;
      .inner {
        h1 {
        }
      }
    }

    #searchForm {
      margin: 0 0 6rem;
      .inner {
        max-width: 750px;
        min-width: initial;
        padding: 0;
        & > .search-filter-base {
          margin: 0;
          &.search-filter-field--type-search {
            width: 350px;
            .search-filter-input-text {
              width: 100% !important;
            }
          }
        }
      }
    }

    #searchResults {
      position: relative;
      padding-bottom: 4rem;
      margin-bottom: -3rem;

      &::before {
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        z-index: 0;
        pointer-events: none;
        top: 0;
        left: 0;
        background: url(../img/svg/bg-produits-topo.svg) 0px 400px no-repeat;
      }
      .inner {
        padding: 4rem 0;
        max-width: 750px;

        .searchSummary {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          margin: 0 0 4rem;
          text-align: center;

          p {
            font-size: 20px;
          }
          .hasQuote {
            font-size: 30px;
            font-weight: 600;
            margin: 1rem 0;
            &::before,
            &::after {
              width: 24px;
              height: 24px;
              top: -1rem;
              left: -2rem;
            }
            &::after {
              left: calc(100% + 0.15rem);
              transform: rotate(0deg) scaleX(-1);
            }
          }
        }
      }
    }
  }
}

body.page-template-page-resultat-quizz {
  #primary {
    .page-header {
      & > .inner {
        gap: 0rem;
        background: url(../img/svg/decouvrez-path.svg) 0% 180px no-repeat;
        background-size: 100% auto;

        h1 {
          line-height: 60px;
          position: relative;

          &::before {
            background: url(../img/svg/decouvrez-couverts.svg) center center
              no-repeat;
            content: "";
            position: absolute;
            right: 100%;
            top: 0;
            width: 120px;
            height: 100%;
            background-size: contain;
          }

          span {
            font-size: 70px;
          }
          p {
            font-family: "DeliciousHandrawn";
            font-size: 50px;
          }
        }

        .product-list {
          max-width: 1000px;
          gap: 3rem;
          justify-content: center;
          .product-list-item {
            flex: 0 0 calc(33.3333% - 32px);
            & > div {
              & .product-bottom {
                .product-labels {
                  flex-direction: column;
                  right: -1rem;
                  bottom: 3rem;
                }
              }
            }
          }
        }
      }
    }
  }
}

body.page-template-page-campagne-de-saison {
  .page-header {
    padding-bottom: 11rem !important;
    background: url(../img/svg/menu-bg-miam.svg) calc(100% + 2rem) 140px
      no-repeat;

    .inner {
      h1 {
        font-size: 70px;
        p {
          margin-top: 0;
          max-width: 600px;
          line-height: 30px;
        }
      }

      #introContent {
        margin: 3rem auto;
        display: flex;
        gap: 60px;
        max-width: 1000px;

        .entry-content {
          flex: 0 0 45%;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          justify-content: flex-start;
          p {
            line-height: 2rem;
          }
          .blocCTA {
            margin-top: 2rem;
            padding-left: 3rem;
            &::before {
              top: -2rem;
            }
            &::after {
            }
          }
        }

        #gallerie {
          .gallerie-item {
            margin: 0 0 -5rem;
            max-width: 80%;
            mask-image: url(../img/masks/colonne-page-produit.svg),
              linear-gradient(
                transparent,
                transparent calc(100%),
                #2c2121 calc(100%),
                black
              );
            mask-repeat: no-repeat;
            mask-size: 100% 100%;
            mask-position: center center;
            display: flex;
            align-items: center;
            justify-content: center;
            aspect-ratio: 1.25/1;
            overflow: hidden;
            position: relative;

            &:last-child {
              margin-left: auto;
            }

            &:first-child {
              transform: skewY(-3deg);
              z-index: 5;
              img {
                transform: skewY(3deg);
              }
            }
            img {
              width: 110%;
              height: 110%;
              max-width: initial;
            }
          }
        }
      }
    }
  }

  #pageContent {
    #campagne_en_cours {
      padding: 3rem 0 10rem;

      .inner {
        h2 {
          color: var(--yellow-color);
          font-size: 70px;
          p {
            color: #000;
            font-family: "Inter";
            font-weight: 600;
            font-size: 30px;
            margin-top: 1.25rem;
          }
        }

        .content {
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 4rem 0 0;

          .contentImage {
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 50%;
            mask-image: url(../img/masks/colonne-page-produit.svg),
              linear-gradient(
                transparent,
                transparent calc(100%),
                #2c2121 calc(100%),
                black
              );
            mask-repeat: no-repeat;
            mask-size: 100% 100%;
            mask-position: center center;
            margin: 0 4rem 0 -10vw;
            transform: rotate(-2deg);
            align-self: stretch;
            aspect-ratio: 10 / 8;

            img {
              width: 100%;
              height: 100%;
              object-fit: cover;
            }
          }

          .contentTexte {
            padding-right: 10vw;
            ul {
              li {
                position: relative;
                margin: 2rem 0 2rem;
                padding-left: 2.75rem;
                font-size: 32px;
                &::before {
                  content: "";
                  background: url(../img/svg/check.svg) no-repeat;
                  display: block;
                  width: 40px;
                  height: 40px;
                  flex: 0 0 40px;
                  position: absolute;
                  left: 0;
                  top: 0;
                }
              }
            }
          }
        }
      }
    }
  }

  #agendaList.campagne-de-saison {
    h2 {
      margin-bottom: 2rem;
      line-height: 50px;
    }
    .inner {
      background: none !important;

      .agenda-list.post-blog-list {
        .post-list-item {
          flex: calc(30.333333% + 10px) !important;
          & .postImage {
            a {
              aspect-ratio: 10/7;
            }
          }
        }
      }
    }
  }
}

body.page-template-page-exploration-gourmande {
  #primary {
    .page-header {
      h1 {
        font-size: 70px;
        line-height: 70px;
      }
    }

    #pageContent {
      #explorationMap {
        #mapContainer {
          position: relative;
          #mapBloc {
            height: 75vh;
            min-height: 700px;
            width: calc(100% - 28%);
            margin-left: auto;
            position: relative;
            z-index: 0;
          }

          #mapFilter {
            position: absolute;
            width: 30%;
            height: 100%;
            z-index: 10;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            padding: 2rem 3rem 2rem 1.5rem;
            gap: 0;
            overflow: hidden;

            #mobileToggler,
            #mobileSubmit {
              display: none;
              transition: all ease 0.3s;
            }

            & > h2 {
              position: relative;
              z-index: 10;
              margin: 0 0 1rem;
              font-size: 30px;
              display: flex;
              align-items: center;
              padding-left: 70px;
              &::before {
                content: "";
                display: block;
                width: 80px;
                height: 50px;
                background: url(../img/svg/decouvrez-feuille.svg) left center
                  no-repeat;
                background-size: contain;
                position: absolute;
                left: 0;
                top: 0;
                transform: rotate(-50deg);
              }
            }

            & > h3,
            & > div {
              position: relative;
              z-index: 10;
              font-size: 1rem;
            }
            &::before {
              content: "";
              mask-image: url(../img/masks/colonne-page-produit.svg),
                linear-gradient(
                  transparent,
                  transparent calc(100%),
                  #2c2121 calc(100%),
                  black
                );
              mask-repeat: no-repeat;
              mask-size: 100% 100%;
              mask-position: center center;
              background: var(--yellow-color);
              display: block;
              width: 100%;
              height: 105%;
              position: absolute;
              top: 50%;
              left: -1rem;
              transform: translateY(-50%);
            }
            .label-item {
              display: flex;
              align-items: flex-start;
              margin: 0.5rem 0;
              input {
                clip: inherit !important;
                flex: 0 0 20px !important;
                height: 20px !important;
                position: relative !important;
                margin-right: 0.5rem;
                top: 3px;
              }

              .labelDetails {
                display: flex;
                align-items: flex-start;
                img {
                  width: 32px;
                  height: auto;
                  max-height: 32px;
                  margin-right: 0.5rem;
                }
                .img {
                  width: 32px;
                  height: 32px;
                  overflow: hidden;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  border-radius: 50%;
                  flex: 0 0 32px;
                  margin-right: 0.5rem;
                  img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    max-height: initial;
                    margin: 0;
                  }
                }
                span {
                  position: relative;
                  top: 4px;
                  font-size: 0.85rem;
                  padding-right: 0rem;
                }
                .concourAnnee {
                  width: 42px;
                  height: 42px;
                  background: url(../img/svg/bg-concour-annee.svg) center center
                    no-repeat;
                  background-size: contain;
                  font-family: "DeliciousHandrawn";
                  text-align: center;
                  position: relative;
                  top: -5px;
                  margin-right: 0.5rem;
                }
              }
            }

            .filterCategory {
              border-bottom: 1px solid #fff;
              width: 100%;
              h3 {
                text-align: left;
                padding: 0.5rem 2rem 0.5rem 0;
                line-height: 1.5rem;
                font-size: 1.1rem !important;
                position: relative;
                cursor: pointer;

                &::after,
                &::before {
                  content: "";
                  display: block;
                  width: 20px;
                  height: 20px;
                  background: var(--blue-color);
                  position: absolute;
                  right: 0;
                  top: 10px;
                  mask-image: url(../img/masks/filtre.svg),
                    linear-gradient(
                      transparent,
                      transparent calc(100%),
                      #2c2121 calc(100%),
                      black
                    );
                  mask-repeat: no-repeat;
                  mask-size: 100% 100%;
                  mask-position: center center;
                  transition: all ease 0.3s;
                }
                &::after {
                  background: url(../img/svg/caret-down.svg) center center
                    no-repeat;
                  transform: rotate(90deg);
                  filter: brightness(0) invert(1);
                }
              }
              .filterItems,
              .blocLegendes {
                overflow: auto;
                max-height: 0px;
                transition: all ease 0.3s;
              }

              .blocLegendes {
                h4 {
                  font-family: "DeliciousHandrawn", sans-serif;
                  text-align: left;
                  margin: -0.5rem 0 0.5rem;
                  font-weight: 100;
                }
                .legendItem {
                  display: flex;
                  align-items: center;
                  margin-bottom: 0.25rem;
                  font-size: 0.85rem;
                  img {
                    margin: 0 0.5rem 0 0;
                    width: 40px;
                    height: auto;
                  }
                  span {
                  }
                }
              }

              &.active {
                h3 {
                  &::before {
                    background: #ffff;
                  }
                  &::after {
                    filter: none;
                    z-index: 5;
                    transform: rotate(-90deg);
                  }
                }

                .filterItems {
                  max-height: 250px;
                }
                .blocLegendes {
                  max-height: 500px;
                  margin-bottom: 0.5rem;
                }
              }
            }
          }
        }
      }

      #quickLinks {
        margin-top: 5rem;
        padding-bottom: 5rem;

        .inner {
          display: flex;
          align-items: center;
          max-width: 100%;
          padding-left: 0;
          .blocCarte {
            position: relative;
            flex: 0 0 55%;
            margin: 0 -3rem 0 -3rem;
            .bgImage {
              max-width: 100%;
              overflow: hidden;
              transform: rotate(-3deg);
              position: relative;
              left: 0;
              z-index: 0;
              display: flex;
              align-items: center;
              justify-content: center;
              aspect-ratio: 680/450;
              img {
                max-width: 160%;
                position: relative;
                left: -30%;
              }
            }

            .content-text {
              position: absolute;
              width: 100%;
              height: 100%;
              z-index: 10;
              top: 0;
              left: 0;
              display: flex;
              align-items: center;
              flex-direction: column;
              justify-content: center;
              padding: 0% 0 20% 30%;
              h3 {
                font-family: "DeliciousHandrawn";
                font-size: 56px;
                color: #fff;
                text-align: left;
                line-height: 50px;
                font-weight: 100;
                p {
                  font-family: "Inter";
                  font-size: 25px;
                }
              }
            }
          }

          .blocQuizz {
            position: relative;
            padding: 6rem 3rem 5rem 3rem;
            top: 4rem;
            &::after {
              background: var(--yellow-color);
              content: "";
              position: absolute;
              z-index: 0;
              width: 100%;
              height: 100%;
              top: 0;
              left: 0;
              transform: rotate(1deg);
              mask-image: url(../img/masks/colonne-page-produit.svg),
                linear-gradient(
                  transparent,
                  transparent calc(100%),
                  #2c2121 calc(100%),
                  black
                );
              mask-repeat: no-repeat;
              mask-size: 100% 100%;
              mask-position: center center;
            }

            & > img {
              position: absolute;
              z-index: 1;
              top: 0;
              right: 0;
              transform: translate(25%, -40%);
              max-width: 200px;
            }

            .content-text {
              position: relative;
              z-index: 10;
              h3 {
                font-family: "DeliciousHandrawn";
                font-size: 48px;
                color: #fff;
                line-height: 48px;
                font-weight: 100;
                text-align: left;
                margin-bottom: 2rem;
                &::before {
                  left: -2.5rem;
                  top: -1rem;
                }

                p {
                  font-size: 21px;
                  font-family: "Inter";
                  font-weight: 600;
                  margin-bottom: 0;
                }

                span {
                  font-size: 58px;
                  &::after {
                    content: "";
                  }
                }
              }
            }
          }

          .blocCalendrier {
            position: relative;
            padding: 3rem 3rem 4rem 3rem;
            margin-left: 4rem;
            &::after {
              background: var(--green-color);
              content: "";
              position: absolute;
              z-index: 0;
              width: 100%;
              height: 100%;
              top: 0;
              left: 0;
              transform: rotate(-1deg);
              mask-image: url(../img/masks/colonne-page-produit.svg),
                linear-gradient(
                  transparent,
                  transparent calc(100%),
                  #2c2121 calc(100%),
                  black
                );
              mask-repeat: no-repeat;
              mask-size: 100% 100%;
              mask-position: center center;
            }

            .content-text {
              position: relative;
              z-index: 10;
              display: flex;
              align-items: center;
              flex-direction: column;
              h3 {
                font-family: "DeliciousHandrawn";
                font-size: 42px !important;
                color: #fff;
                line-height: 48px;
                font-weight: 100;
                text-align: center;
                margin-bottom: 1rem;
                display: flex;
                align-items: center;
                &::before {
                  content: "";
                  width: 75px;
                  height: 90px;
                  background: url(../img/svg/ico-calendar.svg) left center
                    no-repeat;
                  display: block;
                  background-size: contain;
                }

                p {
                  font-size: 21px;
                  font-family: "Inter";
                  font-weight: 600;
                  margin-bottom: 0;
                }

                span {
                  font-size: 58px;
                  &::after {
                    content: "";
                  }
                }
              }

              h4 {
                font-family: "DeliciousHandrawn";
                font-size: 42px;
                color: #000;
                line-height: 48px;
                font-weight: 100;
                text-align: left;
                margin-bottom: 2rem;
                span {
                  font-size: 48px;
                }
              }
            }
          }
        }
      }
    }
  }
}

body.page-template-page-iframe-exploration-gourmande {
  background: none;
  #masthead,
  #quickLinks,
  #agendaList,
  footer {
    display: none;
  }
  #primary {
    .page-header {
      h1 {
        font-size: 70px;
        line-height: 70px;
      }
    }

    #pageContent {
      #explorationMap {
        #mapContainer {
          position: relative;
          #mapBloc {
            height: 100vh;
            width: calc(100% - 28%);
            margin-left: auto;
            position: relative;
            z-index: 0;
          }

          #mapFilter {
            position: absolute;
            width: 30%;
            height: 100%;
            z-index: 10;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            padding: 2rem 3rem 2rem 1.5rem;
            gap: 0;
            overflow: hidden;

            #mobileToggler,
            #mobileSubmit {
              display: none;
              transition: all ease 0.3s;
            }

            & > h2 {
              position: relative;
              z-index: 10;
              margin: 0 0 1rem;
              font-size: 30px;
              display: flex;
              align-items: center;
              padding-left: 70px;
              &::before {
                content: "";
                display: block;
                width: 80px;
                height: 50px;
                background: url(../img/svg/decouvrez-feuille.svg) left center
                  no-repeat;
                background-size: contain;
                position: absolute;
                left: 0;
                top: 0;
                transform: rotate(-50deg);
              }
            }

            & > h3,
            & > div {
              position: relative;
              z-index: 10;
              font-size: 1rem;
            }
            &::before {
              content: "";
              mask-image: url(../img/masks/colonne-page-produit.svg),
                linear-gradient(
                  transparent,
                  transparent calc(100%),
                  #2c2121 calc(100%),
                  black
                );
              mask-repeat: no-repeat;
              mask-size: 100% 100%;
              mask-position: center center;
              background: var(--yellow-color);
              display: block;
              width: 100%;
              height: 105%;
              position: absolute;
              top: 50%;
              left: -1rem;
              transform: translateY(-50%);
            }
            .label-item {
              display: flex;
              align-items: flex-start;
              margin: 0.5rem 0;
              input {
                clip: inherit !important;
                flex: 0 0 20px !important;
                height: 20px !important;
                position: relative !important;
                margin-right: 0.5rem;
                top: 3px;
              }

              .labelDetails {
                display: flex;
                align-items: flex-start;
                img {
                  width: 32px;
                  height: auto;
                  max-height: 32px;
                  margin-right: 0.5rem;
                }
                .img {
                  width: 32px;
                  height: 32px;
                  overflow: hidden;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  border-radius: 50%;
                  flex: 0 0 32px;
                  margin-right: 0.5rem;
                  img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    max-height: initial;
                    margin: 0;
                  }
                }
                span {
                  position: relative;
                  top: 4px;
                  font-size: 0.85rem;
                  padding-right: 0rem;
                }
                .concourAnnee {
                  width: 42px;
                  height: 42px;
                  background: url(../img/svg/bg-concour-annee.svg) center center
                    no-repeat;
                  background-size: contain;
                  font-family: "DeliciousHandrawn";
                  text-align: center;
                  position: relative;
                  top: -5px;
                  margin-right: 0.5rem;
                }
              }
            }

            .filterCategory {
              border-bottom: 1px solid #fff;
              width: 100%;
              h3 {
                text-align: left;
                padding: 0.5rem 2rem 0.5rem 0;
                line-height: 1.5rem;
                font-size: 1.1rem !important;
                position: relative;
                cursor: pointer;

                &::after,
                &::before {
                  content: "";
                  display: block;
                  width: 20px;
                  height: 20px;
                  background: var(--blue-color);
                  position: absolute;
                  right: 0;
                  top: 10px;
                  mask-image: url(../img/masks/filtre.svg),
                    linear-gradient(
                      transparent,
                      transparent calc(100%),
                      #2c2121 calc(100%),
                      black
                    );
                  mask-repeat: no-repeat;
                  mask-size: 100% 100%;
                  mask-position: center center;
                  transition: all ease 0.3s;
                }
                &::after {
                  background: url(../img/svg/caret-down.svg) center center
                    no-repeat;
                  transform: rotate(90deg);
                  filter: brightness(0) invert(1);
                }
              }
              .filterItems {
                overflow: auto;
                max-height: 0px;
                transition: all ease 0.3s;
              }

              &.active {
                h3 {
                  &::before {
                    background: #ffff;
                  }
                  &::after {
                    filter: none;
                    z-index: 5;
                    transform: rotate(-90deg);
                  }
                }

                .filterItems {
                  max-height: 250px;
                  margin-bottom: 1rem;
                }
              }
            }
          }
        }
      }
    }
  }
}

body {
  .daterangepicker {
    border: none;
    font-family: "Inter";
    .calendar-table {
      thead {
        th {
          font-weight: 600;
          &.month {
            font-weight: 600;
          }
        }
      }
      tbody {
        tr {
          td {
            height: 32px;
            max-height: 32px;
            padding: 0;
            line-height: 2rem;

            &.today:not(.off) {
              background: var(--green-color);
              border-radius: 50%;
              font-weight: 600;
              color: #000;
            }

            &.start-date:not(.off),
            &.end-date:not(.off) {
              background: var(--green-color);
              color: #000;
              font-weight: 600;
              border-radius: 4px 0 0 4px !important;
            }
            &.end-date:not(.off) {
              border-radius: 0px 4px 4px 0px !important;
            }

            &.in-range:not(.off, .end-date) {
              background: #b4c73b96;
              border-radius: 0;
              font-weight: 100;
            }
          }
        }
      }
    }
  }
}

.wsp-container {
  max-width: 950px;
  margin: 5rem auto;

  & > h2 {
    border-bottom: 1px solid #ccc;
  }

  & > ul {
    margin: 1rem 0 2rem;
    column-count: 3;
    li {
      margin: 0 0 0.75rem;
      a {
        text-align: left;
        display: block;
        line-height: 1.25rem;
        &::after {
          width: 0 !important;
        }
      }
    }
  }
}

body.page-id-920 {
  .entry-content.textes {
    padding-bottom: 5rem;
  }
}

#thematiquesList {
  margin: -6rem 0 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
}

a.btn.btn-white {
  display: flex;
  align-items: center;
  position: relative;
  --filter-color: #00000096;
  span {
    color: #000;
    padding: 0.5rem 1.5rem;
    /* text-transform: uppercase; */
    font-weight: 600;
    mask-image: url(../img/masks/bouton.svg),
      linear-gradient(
        transparent,
        transparent calc(100%),
        #2c2121 calc(100%),
        black
      );
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    mask-position: center center;
  }

  &.active,
  &:hover {
    --filter-color: var(--yellow-color);
    span {
      background: var(--filter-color);
      color: #000;
    }
  }

  &:not(.active, :hover) {
    filter: drop-shadow(1px 1px 0px var(--filter-color))
      drop-shadow(-1px -1px 0px var(--filter-color))
      drop-shadow(-1px 1px 0px var(--filter-color))
      drop-shadow(1px -1px 0px var(--filter-color));
    span {
      background: #fff;
    }
  }
}

body.single-fiche {
  #primary {
    .page-header {
      & > .inner {
        /* flex-direction: row; */
        max-width: 750px;
        padding: 0 !important;
        gap: 3rem;
        justify-content: flex-start;
        align-items: flex-start;

        .ficheTitre {
          width: 100%;
        }

        .typeProducteur {
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: 600;
          font-size: 1.5rem;
          img {
            margin-right: 1rem;
          }
        }

        .entry-thumbnail {
          display: flex;
          align-items: center;
          justify-content: center;
          overflow: hidden;
          min-height: 350px;
          max-width: 100%;
          width: 100%;
          border-radius: 10px;

          picture {
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            min-height: 350px;
            border-radius: 10px;
          }
          img {
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }

        .ficheDetails {
          width: 100%;
          padding: 0 2rem;
          h1 {
            line-height: 70px;
            align-items: flex-start;
            margin: 0;
            text-align: left;
            font-size: 70px;
            p {
              margin: 0;
              font-size: 30px;
            }
          }

          h2 {
            font-family: "Inter";
            font-weight: 600;
            font-size: 24px;
            text-align: left;
            margin: 1.5rem 0 1rem;
            line-height: 30px;
          }

          .categorieDeProduit {
            font-weight: 600;
            color: #000;
          }

          #contactDetails {
            margin-top: 1rem;
            display: flex;
            flex-direction: column;
            gap: 1rem;

            address,
            & > a {
              display: flex;
              align-items: flex-start;
              margin: 0;
              font-size: 1.15rem;

              img {
                margin: 0 0.5rem 0 0rem;
                position: relative;
                top: 2px;
              }
            }

            .phone,
            .mail {
              display: flex;
              align-items: center;

              img {
                margin: 0 0.5rem 0 0rem;
                position: relative;
                top: 0px;
              }

              ul {
                display: flex;
                align-items: flex-start;
                li {
                  &:nth-child(even) {
                    margin: 0 0.5rem;
                  }
                  &:last-child {
                    display: none;
                  }
                }
              }

              a {
                font-weight: 100;
                padding: 0;

                &:after {
                  display: none;
                }
              }
            }

            .siteweb {
              display: flex;
              align-items: flex-start;
              & > a {
                &::after {
                  /* left: 25px; */ /* width: calc(100% - 25px); */
                }

                &:hover {
                  &::after {
                    width: 0;
                  }
                }
              }

              & > img {
                margin-right: 0.5rem;
              }
            }

            .reseauxSociaux {
              display: flex;
              align-items: center;
              margin: 1rem 0 0;
              gap: 1rem;
              a {
                display: flex;
                align-items: center;
                justify-content: center;
                border: 1px solid var(--yellow-color);
                width: 45px;
                height: 46px;
                text-align: center;
                border-radius: 50%;
                padding: 0;
                img {
                  width: auto;
                  max-height: 17px;
                  margin: auto;
                }

                &::after {
                  display: none;
                }
              }
            }
          }

          .ficheLabels {
            margin: 2rem 0 0;
            h3 {
              font-family: "DeliciousHandrawn", sans-serif;
              font-size: 34px;
              font-weight: 100;
              text-align: left;
              margin-bottom: 1rem;
            }

            ul {
              display: flex;
              flex-wrap: wrap;
              justify-content: space-between;
              li {
                flex: 0 0 45%;
                position: relative;
                margin: 1rem 0;
                padding-left: 1.75rem;

                &::before {
                  content: "";
                  background: url(../img/svg/check.svg) no-repeat center center;
                  display: block;
                  width: 20px;
                  height: 20px;
                  flex: 0 0 30px;
                  position: absolute;
                  left: 0;
                  top: 0;
                  background-size: contain;
                }
              }
            }
          }
        }
      }
    }

    .entry-content {
      background: url(../img/svg/bg-produits-topo.svg) 0% 100px no-repeat;
      top: 0 !important;
      padding: 2rem 0 4rem;

      .inner {
        padding: 0 !important;
        max-width: 950px;
        width: 100%;
      }

      .entry-content-text {
        p {
          font-size: 1.15rem;
          line-height: 1.85rem;
        }
      }
    }
  }

  #primary {
    &.page-texte {
      .socialShareSingle {
        margin: 1rem 3rem;
        width: auto;
        position: relative;
        z-index: 20;
      }
    }
  }

  #footerSeparator {
    margin-top: -6rem;
  }
}