.elementor-kit-7{--e-global-color-primary:#197C78;--e-global-color-secondary:#F6F6C8;--e-global-color-text:#FFFFFF;--e-global-color-accent:#197C78;--e-global-color-1936d4d:#000000;--e-global-color-fcd8748:#F6F6C8C9;--e-global-color-4888a06:#0D4442;--e-global-color-a9e1176:#0D4442;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:1rem;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1.5em;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:1.125rem;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1.5em;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:0.875rem;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.5lh;--e-global-typography-ae0ec8d-font-family:"PT mono";--e-global-typography-ae0ec8d-font-size:4.5rem;--e-global-typography-ae0ec8d-font-weight:normal;--e-global-typography-ae0ec8d-line-height:1.2em;--e-global-typography-9db6b96-font-family:"PT mono";--e-global-typography-9db6b96-font-size:3.25rem;--e-global-typography-9db6b96-font-weight:normal;--e-global-typography-9db6b96-line-height:1.2em;--e-global-typography-fd8476c-font-family:"PT mono";--e-global-typography-fd8476c-font-size:2.75rem;--e-global-typography-fd8476c-font-weight:400;--e-global-typography-fd8476c-line-height:1.2em;--e-global-typography-2d7633a-font-family:"PT mono";--e-global-typography-2d7633a-font-size:2.25rem;--e-global-typography-2d7633a-font-weight:500;--e-global-typography-2d7633a-line-height:1.4em;--e-global-typography-ea084bc-font-family:"PT mono";--e-global-typography-ea084bc-font-size:1.75rem;--e-global-typography-ea084bc-font-weight:400;--e-global-typography-ea084bc-line-height:1.4em;--e-global-typography-412312a-font-family:"PT mono";--e-global-typography-412312a-font-size:1.375rem;--e-global-typography-412312a-font-weight:400;--e-global-typography-412312a-line-height:1.4em;--e-global-typography-415edd1-font-family:"Inter";--e-global-typography-415edd1-font-size:1.375rem;--e-global-typography-415edd1-font-weight:400;--e-global-typography-415edd1-line-height:1.5em;--e-global-typography-da8868e-font-family:"Inter";--e-global-typography-da8868e-font-size:1.125rem;--e-global-typography-da8868e-font-weight:400;--e-global-typography-da8868e-line-height:1.5em;--e-global-typography-92beb81-font-family:"Inter";--e-global-typography-92beb81-font-size:0.875rem;--e-global-typography-92beb81-font-weight:400;--e-global-typography-92beb81-line-height:1.5em;--e-global-typography-32b8cfd-font-family:"Inter";--e-global-typography-32b8cfd-font-size:0.9rem;--e-global-typography-32b8cfd-font-weight:500;--e-global-typography-32b8cfd-line-height:1.5em;--e-global-typography-a38a255-font-family:"PT mono";--e-global-typography-a38a255-font-size:1rem;--e-global-typography-a38a255-font-weight:400;--e-global-typography-a38a255-line-height:0em;--e-global-typography-5e24941-font-family:"PT mono";--e-global-typography-5e24941-font-size:1.3rem;--e-global-typography-5e24941-font-weight:600;--e-global-typography-d05ca50-font-family:"PT mono";--e-global-typography-d05ca50-font-size:2.75rem;--e-global-typography-d05ca50-font-weight:600;color:var( --e-global-color-1936d4d );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h1{color:var( --e-global-color-1936d4d );}.elementor-kit-7 h2{color:var( --e-global-color-1936d4d );}.elementor-kit-7 h3{color:var( --e-global-color-1936d4d );}.elementor-kit-7 h4{color:var( --e-global-color-1936d4d );}.elementor-kit-7 h5{color:var( --e-global-color-1936d4d );}.elementor-kit-7 h6{color:var( --e-global-color-1936d4d );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-ae0ec8d-font-size:2.75rem;--e-global-typography-9db6b96-font-size:2.5rem;--e-global-typography-fd8476c-font-size:2rem;--e-global-typography-2d7633a-font-size:1.5rem;--e-global-typography-ea084bc-font-size:1.25rem;--e-global-typography-412312a-font-size:1.125rem;--e-global-typography-415edd1-font-size:1.375rem;--e-global-typography-415edd1-line-height:1.5em;--e-global-typography-da8868e-font-size:1.125rem;--e-global-typography-da8868e-line-height:1.5em;--e-global-typography-92beb81-font-size:0.875rem;--e-global-typography-92beb81-line-height:1.5em;--e-global-typography-32b8cfd-font-size:0.75rem;--e-global-typography-32b8cfd-line-height:1.5em;--e-global-typography-d05ca50-font-size:2rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root {
    --header-height: 72px;
  --page-gutter: clamp(16px, 5vw, 64px);
  --hero-gutter: clamp(16px, 5vw, 200px);
  --max-content-width: 1280px;
  --btn-pad: 1.2rem;
    /* Micro spacing (typography & UI) */
  --space-xs: 0.25rem; /* 4px */
  --space-s: 0.5rem; /* 8px */
  --space-ms: 0.75rem; /* 12px */
  --space-m: 1rem; /* 16px */

  /* Component spacing */
  --space-ml: 1.5rem; /* 24px */
  --space-l: 2rem; /* 32px */
  --space-lg: 3rem; /* 48px */

  /* Section spacing */
  --space-xl: 4rem; /* 64px padding top and bottom of sections */
  --space-xxl: 5rem; /* 80px */
  --space-2xl: 6rem; /* 96px */

  /* Hero / major blocks */
  --space-3xl: 8rem; /* 128px */
  --space-4xl: 10rem; /* 160px */
  /*hero mobile settings*/
  
  /* Logo circle settings */
  --base-dia: 300px;
  --gap: 20px;
  --r: 60px;
  --half-gap: calc(var(--gap) / 2);
}

/* Tablet */
@media (max-width: 1024px) {
  :root {
    --space-xl: 3rem;    /* 48px */
    --space-xxl: 4rem;   /* 64px */
    --space-2xl: 5rem;   /* 80px */
    --space-3xl: 6rem;   /* 96px */
    --space-4xl: 8rem;   /* 128px */
    --base-dia: 100px;
    --gap: 20px;        
    --r: 70px; 
  }
}

/* Mobile */
@media (max-width: 767px) {
  :root {
    --space-l: 1.5rem;   /* 24px  */
    --space-lg: 2rem;    /* 32px */

    --space-xl: 2rem;    /* 32px */
    --space-xxl: 3rem;   /* 48px */
    --space-2xl: 4rem;   /* 64px */
    --space-3xl: 5rem;   /* 80px */
    --space-4xl: 6rem;   /* 96px */
    --base-dia: 80px;
    --gap: 20px;        
    --r: 60px; 
  }
}

.hero-height {
    height: calc(100vh - 72px - 128px);
}

.hero-height-menus {
    height: calc(100vh - 72px);
}

.masked-hero {
  height: clamp(320px, 55vh, 640px);
  overflow: hidden;

  background-size: cover !important;
  background-repeat: no-repeat;

  -webkit-mask-image: url("/wp-content/uploads/2026/01/image-cut-mask_1224x960.svg");
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;

  mask-image: url("/wp-content/uploads/2026/01/image-cut-mask_1224x960.svg");
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
}

.masked-hero--left{
  background-position: left center !important;
}

.masked-hero--right{
  background-position: right center !important;
}

/* Start of media query for tablet and hero section*/
@media screen and (max-width:1024px) {
    .hero-height {
    height: 100%;
}
.masked-hero {
    display: none;
}

.photo-top {
  position: relative;
  overflow: hidden;

  -webkit-mask:
    radial-gradient(
      circle var(--r) at 50% calc(100% + var(--half-gap)),
    transparent 99%,
    #000 100%
    );
  mask:
    radial-gradient(
      circle var(--r) at 50% calc(100% + var(--half-gap)),
    transparent 99%,
    #000 100%
    );
}

.photo-bottom {
  position: relative;
  overflow: hidden;

  -webkit-mask:
    radial-gradient(
    circle var(--r) at 50% calc(0% - var(--half-gap)),
    transparent 99%,
    #000 100%
    );
  mask:
    radial-gradient(
      circle var(--r) at 50% calc(0% - var(--half-gap)),
    transparent 99%,
    #000 100%
  );
}
.hero-badge {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  /*width: 100px;*/
  /*width: calc(((var(--r)) * 2) - (var(--gap)));*/
}
.hero-badge-menu {
  position: absolute;
  left: 50%;
  top: 48%;
  transform: translate(-50%, -50%);
  z-index: 5;
}

.btn-hero-res {
    background-color: var(--e-global-color-fcd8748);
    border-radius: 5px;
    color: #000000 !important;
}
.btn-hero-res .elementor-button-text {
    color: #000000;
}

.btn-hero-res:hover {
    background-color: var(--e-global-color-primary);
}
.btn-hero-res .elementor-button-text:hover {
    color: white;
}

.overlay_tab {
    background:
    linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)),
    url("https://monkey-mood.fr/wp-content/uploads/2026/02/monkey_mood_capbreton_-interieur.webp");
  background-size: cover;
  background-position: center;
}
}
/*End of media query for tablet*/

.marquee {
  overflow: hidden;
}

.track {
  display: flex;
  width: max-content;
  animation: marquee 23s linear infinite;
}

.track span {
  padding-right: 3rem;
}

@keyframes marquee{
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.scroll-text {
    font-family: "PT mono", Sans-serif;
    font-size: clamp(2.5rem, 2.25rem + 1.25vw, 3.25rem);
    font-weight: 600;
    color: var(--e-global-color-secondary);
    padding-left: 2rem;
}

.scroll-icon {
    color: var(--e-global-color-secondary);
}


.side-decor svg {
  display: block;
  width: 100%;
  height: auto;
}


.mask-section {
  position: relative;
  overflow: hidden;
}

.mask-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #0D4442;
  z-index: 1;

  -webkit-mask-image: url('/wp-content/uploads/2026/03/mask_leaf_cut-out.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;
  
  mask-image: url('/wp-content/uploads/2026/03/mask_leaf_cut-out.svg');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
}


.icon-quotes {
  width: 3rem;
  height: 3rem;
  opacity: 0.6;
  fill: var(--e-global-color-secondary);
}

.food-ingredients {
    position: absolute;
}

.food-chilli {
    left: 200;
}

.tl-channel {
    position: absolute;
  top: 0;
  bottom: 0;
  width: 8px;
  left: calc(50% - 4px);
  background-color: white;
  padding: 0px;
}

.tl-line {
width: 6px;
position: sticky;
top: calc(50vh - 60px);
height: 120px;
background: black;
margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .tl-channel {
         /*left: calc(10% - 4px);*/
         left: 0;
    }
}

.title-cont-rect__pos {
    overflow: visible;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mm-title-badge {
  --badge-bg: #0D4442;
  --badge-pad-y: 0.8rem;
  --badge-pad-x: 1.4rem;
  --badge-skew-left: 8%;
  --badge-skew-right: 92%;

   position: absolute;
   top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: var(--badge-pad-y) var(--badge-pad-x);
  isolation: isolate;
}

.mm-title-badge::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--badge-bg);
  clip-path: polygon(
    var(--badge-skew-left) 0,
    100% 0,
    var(--badge-skew-right) 100%,
    0 100%
  );
  z-index: 3;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://monkey-mood.fr/wp-content/uploads/2026/03/Inter_18pt-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://monkey-mood.fr/wp-content/uploads/2026/03/Inter_18pt-Medium.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'PT mono';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://monkey-mood.fr/wp-content/uploads/2026/02/PTMono-Regular.woff2') format('woff2');
}
/* End Custom Fonts CSS */