@charset "UTF-8";
.lazy {
  transition: filter 0.25s ease-in-out;
}
.lazy:not(.loaded) {
  filter: blur(8px);
}

.modal-video-content {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.section-video-full .open-modal-video:hover .button-play {
  opacity: 0.5;
}
.section-video-full .button-play {
  position: absolute;
  width: 80px;
  height: 80px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.25s ease-in-out;
}

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  /* Prevent adjustments of font size after orientation changes in iOS. */
  -webkit-text-size-adjust: 100%;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core body defaults */
body {
  line-height: 1.5;
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  color: inherit;
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}
body {
  font-family: "Rubik-VariableFont_wght", "Arial", sans-serif;
}

@font-face {
  font-family: "TitanOne-Regular";
  src: url("../webfonts/TitanOne-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Rubik-VariableFont_wght";
  src: url("../webfonts/Rubik-VariableFont_wght.ttf") format("truetype");
  font-style: normal;
}
* {
  padding: 0;
  box-sizing: border-box;
}

p {
  margin-bottom: 20px !important;
  margin-top: 20px !important;
}

.wrapper {
  position: relative;
  height: 100%;
}
.wrapper .sticky {
  position: sticky;
}
@media screen and (max-width: 821px) {
  .wrapper .sticky {
    position: relative;
  }
}
@media screen and (max-width: 821px) {
  .wrapper nav.sticky {
    transition: height 0.25s ease;
    height: 0px;
    position: fixed;
    bottom: 0;
    top: unset;
    display: flex;
    z-index: 100;
    flex-direction: column-reverse;
    width: 100vw;
  }
  .wrapper nav.sticky .navigation-small:not(.hidden) {
    position: relative;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px;
    padding-top: 150px;
  }
  .wrapper nav.sticky .navigation-small:not(.hidden) .list-menu {
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%;
  }
}

@media screen and (max-width: 821px) {
  .hero-home .partners-logos {
    display: none;
  }
}
@media screen and (max-width: 821px) {
  .hero-home {
    margin-bottom: 20px;
  }
}

.menu-item a {
  border-radius: 999px;
  padding: 0.5rem 1rem;
  transition: all 0.25s ease;
}
.menu-item.accent1 a:hover {
  background-color: #29BC81;
  color: white;
}
.menu-item.accent1.current-menu-item a {
  background-color: #29BC81;
  color: white;
}
@media screen and (max-width: 821px) {
  .menu-item.accent1 a {
    background-color: #29BC81;
    color: white;
  }
}
.menu-item.accent2 a:hover {
  background-color: #F73F48;
  color: white;
}
.menu-item.accent2.current-menu-item a {
  background-color: #F73F48;
  color: white;
}
@media screen and (max-width: 821px) {
  .menu-item.accent2 a {
    background-color: #F73F48;
    color: white;
  }
}
.menu-item.accent3 a:hover {
  background-color: #094DC5;
  color: white;
}
.menu-item.accent3.current-menu-item a {
  background-color: #094DC5;
  color: white;
}
@media screen and (max-width: 821px) {
  .menu-item.accent3 a {
    background-color: #094DC5;
    color: white;
  }
}
.menu-item.accent4 a:hover {
  background-color: #A380EB;
  color: white;
}
.menu-item.accent4.current-menu-item a {
  background-color: #A380EB;
  color: white;
}
@media screen and (max-width: 821px) {
  .menu-item.accent4 a {
    background-color: #A380EB;
    color: white;
  }
}
.menu-item.accent5 a:hover {
  background-color: #EC5D32;
  color: white;
}
.menu-item.accent5.current-menu-item a {
  background-color: #EC5D32;
  color: white;
}
@media screen and (max-width: 821px) {
  .menu-item.accent5 a {
    background-color: #EC5D32;
    color: white;
  }
}
.menu-item.accent6 a:hover {
  background-color: #faede4;
  color: white;
}
.menu-item.accent6.current-menu-item a {
  background-color: #faede4;
  color: white;
}
@media screen and (max-width: 821px) {
  .menu-item.accent6 a {
    background-color: #faede4;
    color: white;
  }
}
.menu-item.accent7 a:hover {
  background-color: #efb037;
  color: white;
}
.menu-item.accent7.current-menu-item a {
  background-color: #efb037;
  color: white;
}
@media screen and (max-width: 821px) {
  .menu-item.accent7 a {
    background-color: #efb037;
    color: white;
  }
}

.js-btn-showmore-text {
  opacity: 1;
  transition: all 0.5s ease;
  max-height: 1000px;
}
.js-btn-showmore-text.close {
  max-height: 0px;
  opacity: 0;
  transition: all 0.5s ease;
}

.link.link-underline::after,
.link.link-underline::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0.75rem;
  left: 0rem;
  -webkit-transition: transform 550ms cubic-bezier(0.32, 1.07, 0.67, 1);
  -moz-transition: transform 550ms cubic-bezier(0.32, 1.07, 0.67, 1);
  transition: transform 550ms cubic-bezier(0.32, 1.07, 0.67, 1);
}

.link.link-underline {
  overflow: hidden;
  position: relative;
}
.link.link-underline.text-white::before, .link.link-underline.text-white::after {
  background-color: white;
}
.link.link-underline.text-accent1::before, .link.link-underline.text-accent1::after {
  background-color: #29BC81;
}
.link.link-underline.text-accent2::before, .link.link-underline.text-accent2::after {
  background-color: #F73F48;
}
.link.link-underline.text-accent3::before, .link.link-underline.text-accent3::after {
  background-color: #094DC5;
}
.link.link-underline.text-accent4::before, .link.link-underline.text-accent4::after {
  background-color: #A380EB;
}
.link.link-underline.text-accent5::before, .link.link-underline.text-accent5::after {
  background-color: #EC5D32;
}

.link.link-underline::before {
  -webkit-transform: translateX(-130%) translateZ(0);
  -moz-transform: translateX(-130%) translateZ(0);
  transform: translateX(-130%) translateZ(0);
}

.link.link-underline:hover::before {
  -webkit-transform: translateX(0) translateZ(0);
  -moz-transform: translateX(0) translateZ(0);
  transform: translateX(0) translateZ(0);
}

.link.link-underline:hover::after {
  -webkit-transform: translateX(130%) translateZ(0);
  -moz-transform: translateX(130%) translateZ(0);
  transform: translateX(130%) translateZ(0);
}

.accordion-body {
  transition: all 0.5s ease;
  overflow: hidden;
  height: 0;
  opacity: 0;
  color: #fff;
}
.accordion-body a {
  text-decoration: underline;
}

.accordion-body.show {
  opacity: 1;
}

.splide .splide__pagination {
  bottom: -2.5rem !important;
}
.splide .splide__pagination__page {
  margin: 0 0.5rem !important;
  height: 12px !important;
  width: 12px !important;
}
.splide.pagination-accent4 .splide__pagination__page.is-active {
  opacity: 1;
  transform: none !important;
}
.splide.pagination-accent4 .splide__pagination__page {
  background-color: #A380EB !important;
  opacity: 0.5;
}

.cta-recipes {
  /* Taille pour le slide actif */
  /* big buttons, no circle */
  /* arrow color */
  /* hide disabled button */
}
.cta-recipes .flickity-viewport {
  overflow: visible !important;
}
.cta-recipes .carousel-cell {
  width: 28%;
  height: 600px;
  margin-right: 15px;
  counter-increment: gallery-cell;
}
.cta-recipes .carousel-cell:hover img {
  transform: scale(1.05);
}
.cta-recipes .carousel-cell img {
  transition: all 0.3s ease;
  transform: scale(1);
}
@media screen and (max-width: 821px) {
  .cta-recipes .carousel-cell {
    width: 100%;
    height: 500px;
  }
}
.cta-recipes .carousel-cell.is-selected {
  width: 50%;
}
.cta-recipes .carousel-cell.is-selected:hover img {
  transform: none;
}
@media screen and (max-width: 821px) {
  .cta-recipes .carousel-cell.is-selected {
    width: 100%;
  }
}
.cta-recipes .text-slide-recipe {
  height: auto;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
  transition: all 0.3s ease;
  transition-delay: 0.2s;
}
@media screen and (max-width: 821px) {
  .cta-recipes .text-slide-recipe p {
    margin-top: 0 !important;
    margin-bottom: 5px !important;
  }
}
.cta-recipes .carousel-cell.is-selected .text-slide-recipe {
  max-height: 400px;
  opacity: 1;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.cta-recipes .flickity-prev-next-button {
  width: 100px;
  height: 100px;
  background: transparent;
}
.cta-recipes .flickity-prev-next-button.previous {
  left: -70px;
}
.cta-recipes .flickity-prev-next-button.next {
  right: -70px;
}
.cta-recipes .flickity-prev-next-button .arrow {
  fill: #faede4;
}
.cta-recipes .flickity-prev-next-button.no-svg {
  color: #faede4;
}
.cta-recipes .flickity-prev-next-button:hover {
  background: transparent;
}
.cta-recipes .flickity-prev-next-button:disabled {
  display: none;
}

.cta-recipes,
.section-cta-products {
  /* position dots up a bit */
  /* dots are lines */
}
.cta-recipes .flickity-page-dots,
.section-cta-products .flickity-page-dots {
  bottom: -60px;
  width: 60%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 20%;
}
.cta-recipes .flickity-page-dots .dot,
.section-cta-products .flickity-page-dots .dot {
  flex: 1;
  height: 4px;
  margin-right: 10px;
  background: white;
  opacity: 1;
  border-radius: 4px;
}
.cta-recipes .flickity-page-dots .dot:last-child,
.section-cta-products .flickity-page-dots .dot:last-child {
  margin-right: 0px;
}
.cta-recipes .flickity-page-dots .dot.is-selected,
.section-cta-products .flickity-page-dots .dot.is-selected {
  background: #F73F48;
}

.cta-recipes .flickity-page-dots .dot.is-selected {
  background: #efb037;
}

.section-cta-products .flickity-page-dots {
  bottom: 0;
}

@media (max-width: 821px) {
  .flickity-prev-next-button {
    display: none !important;
  }
}
.recipe-picto svg {
  height: 30px;
  width: 30px;
}

/* New edito */
.section-text-image-rounded h2 {
  margin-bottom: 2rem;
}

/* Slider flex */
.horizontal-scroll-section {
  position: relative;
  height: auto; /* hauteur de la zone de scroll pour chaque frise */
  overflow: hidden;
  background: white;
  display: flex;
  align-items: center;
  margin-bottom: 5rem;
}

.horizontal-scroll {
  display: flex;
  gap: 10px;
  will-change: transform;
}

.horizontal-scroll img, .horizontal-scroll picture {
  width: auto;
  height: 50vh;
  object-fit: cover;
  flex-shrink: 0;
}

.wysiwyg-accent1 a {
  color: #29BC81;
}
.wysiwyg-accent1 h2 {
  color: #29BC81;
  font-family: "TitanOne-Regular";
  font-size: 3vw;
  line-height: 1.2;
}
@media screen and (max-width: 821px) {
  .wysiwyg-accent1 h2 {
    font-size: 8vw;
  }
}
.wysiwyg-accent1 h3 {
  color: #29BC81;
  font-family: "TitanOne-Regular";
  font-size: 2.5vw;
  line-height: 1.2;
}
@media screen and (max-width: 821px) {
  .wysiwyg-accent1 h3 {
    font-size: 7vw;
  }
}
.wysiwyg-accent1 h4 {
  color: #29BC81;
  font-family: "TitanOne-Regular";
  font-size: 2vw;
  line-height: 1.2;
}
@media screen and (max-width: 821px) {
  .wysiwyg-accent1 h4 {
    font-size: 6vw;
  }
}
.wysiwyg-accent1 p {
  line-height: 1.625;
  font-size: 1.125rem;
}
@media screen and (max-width: 821px) {
  .wysiwyg-accent1 table {
    font-size: 3vw !important;
  }
}

.wysiwyg-accent2 a {
  color: #F73F48;
}
.wysiwyg-accent2 h2 {
  color: #F73F48;
  font-family: "TitanOne-Regular";
  font-size: 3.3vw;
  line-height: 1.2;
}
@media screen and (max-width: 821px) {
  .wysiwyg-accent2 h2 {
    font-size: 8vw;
  }
}
.wysiwyg-accent2 h3 {
  color: #F73F48;
  font-family: "TitanOne-Regular";
  font-size: 2.5vw;
  line-height: 1.2;
}
@media screen and (max-width: 821px) {
  .wysiwyg-accent2 h3 {
    font-size: 7vw;
  }
}
.wysiwyg-accent2 h4 {
  color: #F73F48;
  font-family: "TitanOne-Regular";
  font-size: 2vw;
  line-height: 1.2;
}
@media screen and (max-width: 821px) {
  .wysiwyg-accent2 h4 {
    font-size: 6vw;
  }
}
.wysiwyg-accent2 p {
  line-height: 1.625;
  font-size: 1.125rem;
}
@media screen and (max-width: 821px) {
  .wysiwyg-accent2 table {
    font-size: 3vw !important;
  }
}

.wysiwyg-accent3 a {
  color: #094DC5;
}
.wysiwyg-accent3 h2 {
  color: #094DC5;
  font-family: "TitanOne-Regular";
  font-size: 3.3vw;
  line-height: 1.2;
}
@media screen and (max-width: 821px) {
  .wysiwyg-accent3 h2 {
    font-size: 8vw;
  }
}
.wysiwyg-accent3 h3 {
  color: #094DC5;
  font-family: "TitanOne-Regular";
  font-size: 2.5vw;
  line-height: 1.2;
}
@media screen and (max-width: 821px) {
  .wysiwyg-accent3 h3 {
    font-size: 7vw;
  }
}
.wysiwyg-accent3 h4 {
  color: #094DC5;
  font-family: "TitanOne-Regular";
  font-size: 2vw;
  line-height: 1.2;
}
@media screen and (max-width: 821px) {
  .wysiwyg-accent3 h4 {
    font-size: 6vw;
  }
}
.wysiwyg-accent3 p {
  line-height: 1.625;
  font-size: 1.125rem;
}
@media screen and (max-width: 821px) {
  .wysiwyg-accent3 table {
    font-size: 3vw !important;
  }
}

.wysiwyg-accent4 a {
  color: #A380EB;
}
.wysiwyg-accent4 h2 {
  color: #A380EB;
  font-family: "TitanOne-Regular";
  font-size: 3.3vw;
  line-height: 1.2;
}
@media screen and (max-width: 821px) {
  .wysiwyg-accent4 h2 {
    font-size: 8vw;
  }
}
.wysiwyg-accent4 h3 {
  color: #A380EB;
  font-family: "TitanOne-Regular";
  font-size: 2.5vw;
  line-height: 1.2;
}
@media screen and (max-width: 821px) {
  .wysiwyg-accent4 h3 {
    font-size: 7vw;
  }
}
.wysiwyg-accent4 h4 {
  color: #A380EB;
  font-family: "TitanOne-Regular";
  font-size: 2vw;
  line-height: 1.2;
}
@media screen and (max-width: 821px) {
  .wysiwyg-accent4 h4 {
    font-size: 6vw;
  }
}
.wysiwyg-accent4 p {
  line-height: 1.625;
  font-size: 1.125rem;
}
@media screen and (max-width: 821px) {
  .wysiwyg-accent4 table {
    font-size: 3vw !important;
  }
}

.wysiwyg-accent5 a {
  color: #EC5D32;
}
.wysiwyg-accent5 h2 {
  color: #EC5D32;
  font-family: "TitanOne-Regular";
  font-size: 3.3vw;
  line-height: 1.2;
}
@media screen and (max-width: 821px) {
  .wysiwyg-accent5 h2 {
    font-size: 8vw;
  }
}
.wysiwyg-accent5 h3 {
  color: #EC5D32;
  font-family: "TitanOne-Regular";
  font-size: 2.5vw;
  line-height: 1.2;
}
@media screen and (max-width: 821px) {
  .wysiwyg-accent5 h3 {
    font-size: 7vw;
  }
}
.wysiwyg-accent5 h4 {
  color: #EC5D32;
  font-family: "TitanOne-Regular";
  font-size: 2vw;
  line-height: 1.2;
}
@media screen and (max-width: 821px) {
  .wysiwyg-accent5 h4 {
    font-size: 6vw;
  }
}
.wysiwyg-accent5 p {
  line-height: 1.625;
  font-size: 1.125rem;
}
@media screen and (max-width: 821px) {
  .wysiwyg-accent5 table {
    font-size: 3vw !important;
  }
}

.wysiwyg-accent7 a {
  color: #efb037;
}
.wysiwyg-accent7 h2 {
  color: #efb037;
  font-family: "TitanOne-Regular";
  font-size: 3.3vw;
  line-height: 1.2;
}
@media screen and (max-width: 821px) {
  .wysiwyg-accent7 h2 {
    font-size: 8vw;
  }
}
.wysiwyg-accent7 h3 {
  color: #efb037;
  font-family: "TitanOne-Regular";
  font-size: 2.5vw;
  line-height: 1.2;
}
@media screen and (max-width: 821px) {
  .wysiwyg-accent7 h3 {
    font-size: 7vw;
  }
}
.wysiwyg-accent7 h4 {
  color: #efb037;
  font-family: "TitanOne-Regular";
  font-size: 2vw;
  line-height: 1.2;
}
@media screen and (max-width: 821px) {
  .wysiwyg-accent7 h4 {
    font-size: 6vw;
  }
}
.wysiwyg-accent7 p {
  line-height: 1.625;
  font-size: 1.125rem;
}
@media screen and (max-width: 821px) {
  .wysiwyg-accent7 table {
    font-size: 3vw !important;
  }
}

.bg-pattern-mush {
  background-image: url("../img/pattern.svg");
  background-repeat: repeat;
  background-position: center;
}

@media screen and (min-width: 821px) {
  .row-recipes .relative.z-1.w-full.flex.flex-col {
    padding-right: 1.25rem;
  }
}
@media screen and (max-width: 821px) {
  .row-recipes .relative.z-1.w-full.flex.flex-col {
    padding-top: 1.25rem;
  }
}
.logo-nav img {
  max-height: 100px;
}
@media screen and (max-width: 821px) {
  .logo-nav img {
    margin: auto;
  }
}

@media screen and (max-width: 821px) {
  .game-btn button img {
    width: 240px !important;
  }
}
.page-template-default section, .page-template-tpl-default section {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  margin-bottom: 5rem;
}
@media screen and (max-width: 821px) {
  .page-template-default section, .page-template-tpl-default section {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    padding: 0 16px;
  }
}
.page-template-default section h1, .page-template-default section h2, .page-template-default section h3, .page-template-default section h4, .page-template-default section h5, .page-template-default section p, .page-template-default section ul, .page-template-default section ol, .page-template-default section table, .page-template-tpl-default section h1, .page-template-tpl-default section h2, .page-template-tpl-default section h3, .page-template-tpl-default section h4, .page-template-tpl-default section h5, .page-template-tpl-default section p, .page-template-tpl-default section ul, .page-template-tpl-default section ol, .page-template-tpl-default section table {
  grid-column: span 8/span 8;
  grid-column-start: 3;
}
@media screen and (max-width: 821px) {
  .page-template-default section h1, .page-template-default section h2, .page-template-default section h3, .page-template-default section h4, .page-template-default section h5, .page-template-default section p, .page-template-default section ul, .page-template-default section ol, .page-template-default section table, .page-template-tpl-default section h1, .page-template-tpl-default section h2, .page-template-tpl-default section h3, .page-template-tpl-default section h4, .page-template-tpl-default section h5, .page-template-tpl-default section p, .page-template-tpl-default section ul, .page-template-tpl-default section ol, .page-template-tpl-default section table {
    grid-column: span 6/span 6;
    grid-column-start: 1;
  }
}
.page-template-default section h1, .page-template-tpl-default section h1 {
  font-size: 4.5rem;
  line-height: 1.25;
  margin-top: 2rem;
}
@media screen and (max-width: 821px) {
  .page-template-default section h1, .page-template-tpl-default section h1 {
    font-size: 3rem;
  }
}
.page-template-default section h2, .page-template-tpl-default section h2 {
  font-size: 3rem;
  line-height: 1.25;
  margin-top: 1rem;
}
.page-template-default section h3, .page-template-tpl-default section h3 {
  font-size: 1.5rem;
  line-height: 1.25;
  margin-top: 1rem;
}
.page-template-default section h4, .page-template-tpl-default section h4 {
  font-size: 1.25rem;
  line-height: 1.25;
  margin-top: 1rem;
}
.page-template-default section h5, .page-template-tpl-default section h5 {
  font-size: 1.125rem;
  line-height: 1.25;
  margin-top: 1rem;
}
.page-template-default section ul, .page-template-default section ol, .page-template-tpl-default section ul, .page-template-tpl-default section ol {
  margin-left: 20px;
  list-style: initial;
}
.page-template-default footer section, .page-template-tpl-default footer section {
  display: block;
  margin: auto;
  padding: 2.5rem 0 2.5rem 0;
}
.page-template-default footer section h2, .page-template-tpl-default footer section h2 {
  font-size: 2vw;
  line-height: inherit;
  margin-top: 0;
}
@media screen and (max-width: 821px) {
  .page-template-default footer section h2, .page-template-tpl-default footer section h2 {
    font-size: 5vw;
  }
}

.single-post_recipe .recette_content h3 {
  color: #efb037;
  line-height: 1.25;
  font-size: 5vw;
  font-family: TitanOne-Regular, sans-serif;
  padding-right: 1rem;
  margin-bottom: 0px;
}
@media (min-width: 821px) {
  .single-post_recipe .recette_content h3 {
    font-size: 1.5rem;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
.single-post_recipe .recette_content p {
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.single-post_recipe .ingredients-container h3 {
  padding-right: 0;
}
@media (min-width: 821px) {
  .single-post_recipe .ingredients-container h3 {
    font-size: 1.3rem;
  }
}
.single-post_recipe .ingredients-container p {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.single-post_recipe .ingredient_content h3 {
  color: white;
  line-height: 1.25;
  font-size: 5vw;
  font-family: TitanOne-Regular, sans-serif;
}
@media (min-width: 821px) {
  .single-post_recipe .ingredient_content h3 {
    font-size: 1.5vw;
  }
}
.single-post_recipe .ingredient_content p {
  color: white;
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin: 0;
}
.single-post_recipe .new-tpl-ing {
  padding: 30px;
}
@media (max-width: 820px) {
  .single-post_recipe .new-tpl-ing {
    padding: 0px;
  }
  .single-post_recipe .new-tpl-ing .ingredient_content {
    margin-bottom: 30px;
  }
  .single-post_recipe .new-tpl-ing .splide-slide {
    height: 100%;
  }
}
.single-post_recipe .new-tpl-ing h3 {
  color: #efb037;
  text-align: center;
  word-break: break-word;
}
@media (min-width: 821px) {
  .single-post_recipe .new-tpl-ing h3 {
    font-size: 1.5vw;
  }
}
.single-post_recipe .new-tpl-ing p {
  text-align: center;
  color: #efb037;
  word-break: break-word;
}
.single-post_recipe .new-tpl-ing .splide-slide p {
  margin: 0 !important;
}
.single-post_recipe .height-instructions {
  min-height: calc(100vh - 360px);
}
@media (min-width: 821px) {
  .single-post_recipe .ingredients-container h3,
  .single-post_recipe .instructions-container h3 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
.single-post_recipe .ingredients-container p,
.single-post_recipe .instructions-container p {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 400;
}
.single-post_recipe .ingredients-container .bg-white,
.single-post_recipe .instructions-container .bg-white {
  align-items: center;
}
.single-post_recipe .lazy:not(.loaded) {
  filter: none !important;
}

/* Default custom select styles */
div.cs-select {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  z-index: 1;
  width: 100%;
  max-width: 500px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

div.cs-select:focus {
  outline: none; /* For better accessibility add a style for this in your skin */
}

.cs-select select {
  display: none;
}

.cs-select span {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 1em 1em 1em 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Placeholder and selected option */
.cs-select > span {
  padding-right: 3em;
}

div.cs-active {
  z-index: 2;
}

/* Options */
.cs-select .cs-options {
  position: absolute;
  overflow: hidden;
  width: 100%;
  background: #fff;
  border: 1px solid #094DC5;
  border-radius: 30px;
  visibility: hidden;
  z-index: 1;
}

.cs-select.cs-active .cs-options {
  visibility: visible;
}

.cs-select ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.cs-select ul span {
  padding: 1em;
}

.cs-select ul li.cs-focus span {
  background-color: #ddd;
}

/* Optgroup and optgroup label */
.cs-select li.cs-optgroup ul {
  padding-left: 1em;
}

.cs-select li.cs-optgroup > span {
  cursor: default;
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon/icomoon.eot?-rdnm34");
  src: url("../fonts/icomoon/icomoon.eot?#iefix-rdnm34") format("embedded-opentype"), url("../fonts/icomoon/icomoon.woff?-rdnm34") format("woff"), url("../fonts/icomoon/icomoon.ttf?-rdnm34") format("truetype"), url("../fonts/icomoon/icomoon.svg?-rdnm34#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
div.cs-skin-slide {
  width: 100%;
}

.cs-skin-slide > span {
  height: 80px;
  line-height: 32px;
  -webkit-transition: text-indent 0.3s, opacity 0.3s;
  transition: text-indent 0.3s, opacity 0.3s;
}

@media screen and (max-width: 30em) {
  .cs-skin-slide > span {
    height: 60px;
    line-height: 28px;
  }
}
.cs-skin-slide.cs-active > span {
  text-indent: -290px;
  opacity: 0;
}

.cs-skin-slide .cs-options {
  width: 100%;
  height: auto;
  padding: 1rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

@media screen and (max-width: 30em) {
  .cs-skin-slide .cs-options {
    padding-top: 3em;
  }
}
.cs-skin-slide .cs-options li {
  opacity: 0;
  -webkit-transform: translate3d(30%, 0, 0);
  transform: translate3d(30%, 0, 0);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.cs-skin-slide.cs-active .cs-options li {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.cs-skin-slide.cs-active .cs-options li:first-child {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  --tw-text-opacity: 1;
  color: rgb(148 163 184/var(--tw-text-opacity));
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(2) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(3) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(4) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(5) {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
} /* more options need more delay declaration */
.cs-skin-slide .cs-options li span {
  padding: 0.8em 1em 0.8em 2.5em;
}

.cs-skin-slide .cs-options li span:hover,
.cs-skin-slide .cs-options li.cs-focus span,
.cs-skin-slide .cs-options li.cs-selected span {
  color: #999696;
  background: transparent;
}

[class^=icon-] span:before,
[class*=" icon-"] span:before {
  font-family: "icomoon";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  font-size: 1.5em;
}

.icon-camera span::before {
  content: "\e00b";
}

.icon-money span::before {
  content: "\e008";
}

.icon-heart span::before {
  content: "\e00a";
}

.icon-food span::before {
  content: "\e009";
}

.icon-shirt span::before {
  content: "\e00c";
}

.cs-placeholder {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2rem auto;
}
.pagination .pagination {
  width: 100%;
}
.pagination .pagination .page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0.5rem;
  height: 12px;
  width: 12px;
  border-radius: 50%;
}
.pagination .pagination .page-numbers.current {
  text-decoration: underline;
}

.lang-selector {
  list-style: none;
  background-color: white;
  border-radius: 5px;
  padding: 10px;
  z-index: 100;
  top: 80px;
  border: 1px solid #e5e2e2;
  width: max-content;
}
.lang-selector.hidden {
  display: none;
}
@media screen and (max-width: 821px) {
  .lang-selector {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -110%);
  }
}

.lang-item {
  /* Appliquez des styles généraux ici */
  padding: 5px 0px;
}
.lang-item::before {
  content: "";
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain;
}
.lang-item a {
  position: absolute;
  height: 25px;
  width: 25px;
  right: 10px;
}
.lang-item img {
  display: none;
}

.lang-item-en::before {
  background-image: url("../img/flag/en-GB.svg");
}

.lang-item-fr::before {
  background-image: url("../img/flag/fr-FR.svg");
}

.lang-item-es::before {
  background-image: url("../img/flag/es-ES.svg");
}

.lang-item-de::before {
  background-image: url("../img/flag/de-DE.svg");
}

.lang-item-hu::before {
  background-image: url("../img/flag/hu-HU.svg");
}

.lang-item-it::before {
  background-image: url("../img/flag/it-IT.svg");
}

.lang-item-nl::before {
  background-image: url("../img/flag/nl-NL.svg");
}

.lang-item-pl::before {
  background-image: url("../img/flag/pl-PL.svg");
}

.lang-item-nl-be::before {
  background-image: url("../img/flag/nl-BE.svg");
}

#language-flag #language-flag-select {
  cursor: pointer;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: contain;
}
#language-flag #language-flag-select.fr-FR {
  background-image: url("../img/flag/fr-FR.svg");
}
#language-flag #language-flag-select.en-GB {
  background-image: url("../img/flag/en-GB.svg");
}
#language-flag #language-flag-select.es-ES {
  background-image: url("../img/flag/es-ES.svg");
}
#language-flag #language-flag-select.de-DE {
  background-image: url("../img/flag/de-DE.svg");
}
#language-flag #language-flag-select.hu-HU {
  background-image: url("../img/flag/hu-HU.svg");
}
#language-flag #language-flag-select.it-IT {
  background-image: url("../img/flag/it-IT.svg");
}
#language-flag #language-flag-select.nl-NL {
  background-image: url("../img/flag/nl-NL.svg");
}
#language-flag #language-flag-select.pl-PL {
  background-image: url("../img/flag/pl-PL.svg");
}
#language-flag #language-flag-select.nl-BE {
  background-image: url("../img/flag/nl-BE.svg");
}

#ppms_cm_privacy_settings button.btn-default {
  text-decoration: underline;
  padding: 0rem 1rem;
}

.socials-sticky-content {
  height: 250px;
  background: #faede4;
  border-radius: 30px 0 0 30px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  margin-top: 30px;
  padding-top: 0.6rem;
}
.socials-sticky-content svg {
  margin: 0 12px;
}

/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}