/* 

  VIEWPORT - 350 < > 1920
  
  /* FONT */

  @font-face {
    font-family: 'Mont';
    font-weight: 700;
    font-display: swap;
    src: url(/wp-content/themes/starter/fonts/Mont-Bold.woff2);
  }

  @font-face {
    font-family: 'Mont';
    font-weight: 800;
    font-display: swap;
    src: url(/wp-content/themes/starter/fonts/Mont-Heavy.woff2);
  }

  @font-face {
    font-family: 'Mont';
    font-weight: 900;
    font-display: swap;
    src: url(/wp-content/themes/starter/fonts/Mont-Black.woff2);
  }

  @font-face {
    font-family: 'Nunito Sans';
    font-weight: 300;
    font-display: swap;
    src: url(/wp-content/themes/starter/fonts/NunitoSans_7pt_Condensed-Light.woff2);
  }

  /* ROOT */

:root {
    --c1: #0C1527; /* BACKGROUND BLEU */
    --c2: #F2EDE3; /* BEIGE */
    --c3: #95826B; /* GOLD FONCE */
    --c4: #FFF; /* BLANC */
    --c5: #242424; /* GRIS FONCE */
    --c6: #FEFBF4; /* BEIGE CHAUD DOUX */
    --c7: #BAA68E; /* GOLD DOUX */
    --ctext: #777; /* GRIS */

    --f1: "Mont", sans-serif;
    --f2: "Be Vietnam Pro", serif;
    --f3: "Ovo", serif;
    --f4: "Nunito", sans-serif;
    --f5 : "Cinzel";
    --f6: "Poppins";

    /* TEST FOR FWEIGHT */
    --bv-400: 300;
    --bv-500: 400;
    --ov-400: 400;
    --ov-900: 900;
    --mt-900: 800;

    --root: 16px;

    --mw-1: 42.5rem; /* 680px */
    --mw-2: 50rem; /* 800px */
    --mw-3: 68.75rem; /* 1100px */
    --mw-4: 80rem; /* 1280px */

    --space-el-05: 0.5rem; /* 8px */
    --space-el-1: 1rem; /* 16px */
    --space-el-125: 1.25rem; /* 20px */
    --space-el-15: 1.5rem; /* 24px */
    --space-el-25: 2.5rem; /* 40px */
    --space-el-3: 3rem; /* 48px */
    --space-el-35: 3.5rem; /* 56px */

    --padd-sect: clamp(3rem, calc(3rem + ((1vw - 0.21875rem) * 2.0382)), 5rem); /* 80px */

    --main-title: clamp(1.375rem, calc(1.375rem + ((1vw - 0.21875rem) * 0.6369)), 2rem);
    --sup-title: clamp(0.75rem, calc(0.75rem + ((1vw - 0.21875rem) * 0.1911)), 0.9375rem);
    --sup-title-space: clamp(1.25rem, calc(1.25rem + ((1vw - 0.21875rem) * 1.2739)), 2.5rem);
    --sub-title: clamp(1rem, calc(1rem + ((1vw - 0.21875rem) * 0.2548)), 1.25rem);
    --sub-title-space:clamp(1rem, calc(1rem + ((1vw - 0.21875rem) * 1.5287)), 2.5rem);
    --main-text: clamp(0.875rem, calc(0.875rem + ((1vw - 0.21875rem) * 0.1274)), 1rem);
    --button-text: clamp(0.875rem, calc(0.875rem + ((1vw - 0.21875rem) * 0.0637)), 0.9375rem);

    --bck-gradient-size: clamp(2.5rem, calc(2.5rem + ((1vw - 0.21875rem) * 4.7771)), 7.1875rem);
  }

  html, body {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
    text-rendering: optimizeLegibility;
  }

  html {
    font-size: var(--root);
  }

  .mw-1 {max-width: var(--mw-1);margin:auto;}
  .mw-2 {max-width: var(--mw-2);}
  .mw-3 {max-width: var(--mw-3);}
  .mw-4 {max-width: var(--mw-4);}

  .ctnr {
    width: calc(100% - 2rem);
    margin: auto;
  }

  h1, h2, h3, h4 {
    font-family: var(--f1); /* Mont */
  }

  h1 {
    margin-bottom: var(--space-el-125);
  }

  h1, h2 {
    font-weight: var(--mt-900);
    text-transform: uppercase;
  }

  .text {
      font-family: var(--f2);
      line-height: 1.5;
      /*margin-bottom: var(--space-el-125);*/
      color: var(--ctext);
  }

  .text p {
    margin-bottom: 0;
    padding: 0;
  }

  .quote {
    font-family: var(--f3); /* Ovo */
  }

  main section:not(.jh-hero) {
    padding: var(--padd-sect) 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
  }

  input, button, a {
    all: unset;
    cursor: pointer;
    text-transform: initial;
  }

  h1,
  .head {
    margin: 0;
    font-weight: 400;
    line-height: 0.9;
  }

  p {
    margin: 0;
    padding: 0;
  }

/** SCREEN LOADER */

.jh-screen-loader {
  z-index: 999;
  position: fixed;
  inset:0;
  background-color: var(--c1);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.jh-screen-loader .jh-logo {
  width: clamp(250px, calc(15.625rem + ((1vw - 3.5px) * 7.9618)), 375px);
}

.jh-screen-loader .jh, 
.jh-screen-loader svg,
.jh-screen-loader .volume,
.jh-screen-loader .period {
    opacity: 0;
    transition: opacity 1s ease;
}

.jh-screen-loader.animate .jh {
    opacity: 1;
    transition-delay: 0.2s;
}

.jh-screen-loader.animate svg {
    opacity: 1;
    transition-delay: 1s;
}

.jh-screen-loader.animate .volume {
    opacity: 1;
    transition-delay: 1.8s;
}

.jh-screen-loader.animate .period {
    opacity: 1;
    transition-delay: 1.8s;
}

.jh-screen-loader .jh {
    text-transform: uppercase;
    text-align: center;
    color: var(--c4);
    font: 400 clamp(22px, calc(1.375rem + ((1vw - 3.5px) * 1.1465)), 40px)/ 1.2 var(--f1);
}

.jh-screen-loader .tome {
    color: var(--c4);
    opacity: 0.7;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    font: 300 clamp(8px, calc(0.5rem + ((1vw - 3.5px) * 0.3822)), 14px) / 1 var(--f4);
    padding: clamp(1rem, calc(1rem + ((1vw - 0.21875rem) * 1.0191)), 2rem) clamp(10px, calc(0.625rem + ((1vw - 3.5px) * 0.8917)), 24px) 0;
    display: flex;
    justify-content: space-between;
}

.jh-screen-loader .wrapper {
  width: 100%;
}

.jh-screen-loader svg {
  /* height: clamp(27px, calc(1.6875rem + ((1vw - 3.5px) * 1.0828)), 44px); */
  height: auto;
  width: 100%;
  display: block;
}

.jh-screen-loader.fade-out {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 1s ease, visibility 1s ease;
}

.jh-logo.fade-out {
    opacity: 0;
    transition: opacity 1s ease;
}

/* TEASER */

    #jh-teaser {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    padding: 0;
  }

  #jh-teaser.active {
    opacity: 1;
    visibility: visible;
  }

  #jh-teaser iframe {
    width: 90vw;
    height: 50vw; /* ratio 16:9 (environ) */
    max-width: 1200px;
    max-height: 80vh;
    border: none;
  }


/* HEADER */

  .jh-header > .ctnr, 
  .jh-hero,
  .jh-header .column,
  .jh-header .switch {
    display: flex;
  }

  .jh-header, 
  .jh-hero {
    color: var(--c2);
    line-height: 1;    
  }

  .jh-header {
    position: absolute;
    padding: var(--space-el-1) 0;
    inset: 0 0 auto 0;
    z-index: 1;
    background: var(--c1);
  }

  .jh-header > .ctnr {
        justify-content: space-between;
        align-items: center;
        width: calc( 100% - 2rem);
  }

  @media (min-width: 768px) {
    .jh-header {
      width: 100%;
      padding-right: 40px;
      padding-left: 40px;
      box-sizing: border-box;
    }
  }

  @media (max-width: 767px) {
    .jh-header {
      position: relative;
      inset: 0;
    }
  }

  .admin-bar .jh-header {
    inset: 2rem 0 auto;
  }

  @media (max-width: 767px) {
    .admin-bar .jh-header {
      inset: 0;
    }
  }

  .jh-header .column {
    align-items: center;
    gap: var(--space-el-1);
  }

  .jh-header .column.language {
    color: var(--ctext);
    font-size: 12px;
    font-family: var(--f2);
  }

  .jh-header .column.language span {
    text-transform: uppercase;
    color: var(--c4);
    font: var(--ov-400) 14px var(--f3);
  }

  .jh-header .column.language a span {
    font: 300 14px var(--f2);
  }

  @media (max-width: 767px) {
    .jh-header {
      box-shadow: 0px 4px 20px 0px rgba(255, 255, 255, 0.25);
    }
    .jh-header .column.language p,
    .jh-header .column.language span {
      display: none;
    }
  }

  .jh-header .site-title a {
    font-size: clamp(1rem, calc(1rem + ((1vw - 0.21875rem) * 0.5096)), 1.5rem);
    text-transform: uppercase;
    font-family: var(--f1);
  }

  .jh-header .site-title a span {
    color: var(--c7);
    font-family: var(--f3);
    font-weight: var(--ov-400);
  }

  @media (max-width: 767px) {
      .jh-header .site-title a span {
      display: block;
    }
    .jh-header .site-title {
      font-size: 1rem;
    }
  }

  /* HEADER SWITCH LANGUAGE */

  .jh-header .switch {
      background: rgba(255, 255, 255, 0.20);
      color: var(--c4);
      padding: var(--space-el-05) var(--space-el-1);
      border-radius: 8px;
      font: var(--bv-400) 14px var(--f2);
      justify-content: center;
      align-items: center;
      align-self: start;
      gap: var(--space-el-05);
  }

  @media (max-width: 767px) {
      .jh-header .switch {
        background:transparent;
        padding: var(--space-el-05) 0;
      } 
      .jh-header .switch img {
        width: 21px;
        height: auto;
      }
  }

/* HERO */

  .jh-hero {
    position: relative;
    height: clamp(155px, calc(9.6875rem + ((1vw - 3.5px) * 41.0828)), 800px);
    width: 100%;
    justify-content: center;
    align-items: center;
  }

  .jh-hero .jh-logo {
    position: absolute;
    z-index: 99;
    margin: auto;
    display: block;
  }

  .jh-hero img,
  .jh-hero video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .jh-hero .jh-logo img {
    height: clamp(28px, calc(1.75rem + ((1vw - 3.5px) * 6.1783)), 125px);
    width: auto;
  }

  .jh-hero .tome {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font: 300 12px var(--f4);
    letter-spacing: 1.4px;
    white-space: nowrap;
    gap: var(--space-el-15);
    text-transform: uppercase;
    margin: clamp(0.5rem, calc(0.5rem + ((1vw - 0.21875rem) * 1.5287)), 2rem) auto 0;
    max-width: 720px;
  }

  .jh-hero .bar {
    width: 0%;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 50%, rgba(255, 255, 255, 0.00) 100%);
    transition: width 1.5s ease;
  }

  .jh-hero.animate-bar .bar {
      width: 100%;
  }

  .jh-hero .volume,
  .jh-hero .period {
      opacity: 0;
      transform: translateY(10px);
      transition: opacity 0.8s ease, transform 0.8s ease;
  }

  .jh-hero.show-text .volume,
  .jh-hero.show-text .period {
      opacity: 0.7;
      transform: translateY(0);
  }


  .jh-hero .bottom {
    position: absolute;
    inset: auto 0 0 0;
    margin: auto;
    display: flex;
    justify-content: center;
  }

  .jh-hero .bottom button {
    border-radius: 0;
    background: rgba(255, 255, 255, 0.10);
    margin-bottom: var(--space-el-3);
    transition: 1s;
    position: relative;
    z-index: 99;
  }

  .jh-hero .bottom button.jh-submit img,
  .jh-hero .bottom button.jh-submit svg {
    width: 1rem;
    height: 1rem;
  }

  @media (max-width: 815px) {
    .jh-hero .bottom {
      top: 100%;
    }
    section.jh-text {
      margin-top: var(--space-el-3);
    }
    .jh-hero .bottom button span {
      text-decoration: underline;
    }

    .jh-hero .bottom button {
      color: #0C1527;
      gap: 0.5rem;
      margin-top: 1.5rem;
    }

    .jh-hero .bottom button svg path {
      fill: var(--c3);
    }
  }

  @media (min-width: 816px) {

    .jh-hero .bottom button {
    border: 1px solid rgba(119, 119, 119, 0.50);
  }

  .jh-hero .bottom button:hover {
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.50);
    transform: translateY(-4px);
    border: 1px solid rgba(255, 255, 255, 0.30);

  }
    .jh-hero .bottom button:after {
      position: absolute;
      content:'';
      top: 0;
      left: 0;
      bottom: 0;
      height: 100%;
      width: 0;
      background: var(--primary);
      transition: width 0.5s ease;
      background: linear-gradient(45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%); 
    }
    .jh-hero .bottom button:hover:after {
      width: 100%;
      transition: all 0.75s ease;
    }
}

  /* INTRO */ 

  section.jh-text {
    max-width: 100%;
    padding: var(--padd-sect) 1rem;
    text-align: center;
    position: relative;
    box-sizing: border-box;
  }

  .jh-text,
  .jh-text .content {
    display: flex;
    flex-direction: column;
    row-gap: var(--space-bloc-s2);
  }

  .jh-text .intro {
    color: var(--c3);
    text-transform: uppercase;
    margin-bottom: var(--sup-title-space);
    font: var(--bv-400) var(--sup-title)/1.2 var(--f2);
  }

  .jh-text .announce {
    color: var(--c5);
    font: var(--mt-900) var(--main-title)/1.1 var(--f1);
  }


  .jh-text .content  {
    padding: var(--space-el-15) 0 var(--space-el-35);
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    color: var(--ctext);
    font: var(--bv-400) var(--main-text)/1.5 var(--f2);
  }

  .jh-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .jh-text .announce,
  .jh-text:not(.jh-end) .content p,
  .jh-text:not(.jh-end) .content p strong {
    margin: 0;
    padding: 0;
  }

  .jh-text .pre-content,
  .jh-text .post-content {
    color: var(--c3);
    font: var(--ov-400) var(--sub-title)/1.4 var(--f3);
  }

  .jh-text .pre-content {
    padding-top: var(--space-el-35);
  }

  /* IMAGE */

  .jh-image.image-1 {
    padding: 0;
    background: linear-gradient(to bottom, var(--c2) var(--bck-gradient-size), var(--c1) var(--bck-gradient-size));
  }

  .jh-image.image-1 .ctnr {
    max-width: 1540px;
  }

  .jh-image.image-1 img {
    width: 100%;
    height: auto;
  }

  /*** FORM */

  .pre-form,
  .jh-form-sect .ctnr,
  .jh-form-sect .text,
  .jh-form-sect .list,
  .jh-form-sect .list ul,
  #_form_1_ ._field-wrapper.arrow {
    display: flex;
  }


  section.jh-form-sect {
    background: var(--c1);
  }

  section.jh-form-sect .text {
    width: 51%;
  }

  section.jh-form-sect .jh-form {
    width: 49%;
  }

  section.jh-form-sect .ctnr {
    flex-direction: row;
    column-gap: var(--space-el-1);
    justify-content: space-between;
  }


  @media (max-width: 767px) {
    section.jh-form-sect .ctnr {
      flex-direction: column;
    }
    section.jh-form-sect {
      background: var(--c1);
    }

    section.jh-form-sect .text,
    section.jh-form-sect .jh-form {
      width: 100%;
    }

  }
    
  .pre-form {
    flex-direction: column;
    align-items: center;
    margin-bottom: var(--space-el-25);
  }

  .pre-form h3 {
    text-transform: uppercase;
    color: var(--c1);
    font: var(--mt-900) 1rem var(--f1);
    margin: var(--space-el-25) 0 1rem;
  }

  .pre-form p {
    text-align: center;
    color:var(--c3);
    font: var(--ov-400) var(--sub-title)/1.4 var(--f3);
  }

  section.jh-form-sect {
    padding: clamp(3.5rem, calc(3.5rem + ((1vw - 0.21875rem) * 1.5287)), 5rem) 0;
  }

  section.jh-form-sect .text {
    flex-direction: column;
    justify-content: space-between;
  }

  section.jh-form-sect .text .first img {
    width: 340px;
    height: auto;
  }

  section.jh-form-sect .text .jh {
    text-transform: uppercase;
    color: var(--c4);
    font: var(--mt-900) var(--main-title)/1.1 var(--f1);
  }

  section.jh-form-sect .text .volume {
    color: var(--Fonts-Blanc, #FFF);
    letter-spacing: 1.6px;
    text-transform: uppercase;
    font: 300 1rem/3rem var(--f4);
  }

  section.jh-form-sect .text .second {
    padding: 0 4.5rem;
    box-sizing: border-box;
  }

  @media (max-width: 767px) {
    section.jh-form-sect .text .second {
      padding: 2.5rem 2rem;
    }
  }

  section.jh-form-sect .text .second ul {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
  }

  section.jh-form-sect .text .second .list {
    margin-bottom: 1rem;
    color: var(--c2);
    margin-top: 1rem;
    font: var(--bv-400) var(--main-text)/1.5 var(--f2);
  }

   section.jh-form-sect .text .second .list li {
      position: relative;
      padding-left: 54px;
      line-height: 1;
   }

   section.jh-form-sect .text .second .list li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 42px;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 50%, rgba(255, 255, 255, 0.00) 100%);
    margin: auto;
   }

  section.jh-form-sect .list,
  section.jh-form-sect .list ul {
    flex-direction: column;
    gap: clamp(1rem, calc(1rem + ((1vw - 0.21875rem) * 0.5096)), 1.5rem);
  }

  section.jh-form-sect .quote {
    color: var(--c3);
    font-size: var(--sub-title);
    margin-top: 1.5rem;
  }


  section.jh-form-sect .text .second .title {
    text-transform: uppercase;
    color: var(--c4);
    margin-bottom: 1rem;
    font: var(--mt-900) 1rem var(--f1);
  }

  section.jh-form-sect .text .third a {
    text-decoration: underline;
  }

  section.jh-form-sect .text .second .quote {
    font: var(--ov-400) 20px/1.4 var(--f3);
    color:var(--c3);
  }

  section.jh-form-sect .text .third {
    font-size: 14px;
    font-style: italic;
  }

  @media (max-width: 767px) {
    section.jh-form-sect .text .third {
      margin-bottom: 1rem;
    }
  }

  section.jh-form-sect .jh-form {
    max-width: 505px;
    background: var(--c2);
    padding: var(--space-el-25);
    box-sizing: border-box;
  }

  @media (max-width: 767px) {
    section.jh-form-sect .jh-form {
      max-width: 100%;
      padding: var(--space-el-25) 1rem;
    }
  }

  #_form_1_._inline-form ._form-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2rem;
    margin: auto;
  }

  #_form_1_._inline-form ._form-content ._form_element {
    margin-bottom: 2rem;
  }

  #_form_1_._inline-form ._form-content ._form_element:not(._x47097155,._x24195921),
  ._button-wrapper {
      grid-column: span 2;
  }

  @media (max-width: 1000px) {
    #_form_1_._inline-form ._form-content {
      max-width: 100%;
    }
  }

  @media (max-width: 767px) {
    #_form_1_._inline-form ._form-content ._form_element {
      margin-bottom: 1rem;
    }
    #_form_1_._inline-form ._form-content {
      column-gap: 1.5rem;
    }
  }

  #_form_1_ ._full_width {
    width: 100%;
    text-align: center;
  }

  #_form_1_._inline-form ._form_element._x14326083 {
    margin-bottom: 2rem;
  }

#_form_1_ ._field-wrapper.arrow {
  position: relative;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none; 
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: url('/wp-content/themes/starter/assets/img/jh-arrow.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    width: 30px;
    height: 100%;
    top: 0;
    right: 16px!important;
    bottom: 0;
    margin: auto;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1!important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px!important;
}


  /*** ALL INPUT */

  #_form_1_ input,
  #_form_1_ textarea,
  #_form_1_ .select2-container--default .select2-selection--single
   {
    border: 1px solid #D0D0D0;
    background: transparent;
    text-align: left;
  }

  .select2-container--open .select2-dropdown--below {
    border: 1px solid var(--c3)!important;
    border-radius: 0px;
    border-top: none!important;

  }

   #_form_1_ input,
  #_form_1_ select,
  #_form_1_ textarea,
  #_form_1_ input::placeholder,
  #_form_1_ textarea::placeholder,
  #_form_1_ .select2-container--default .select2-selection--single,
  #_form_1_ .select2-results__options,
  #_form_1_ .select2-container--default .select2-selection--single .select2-selection__rendered,
  .select2-results {
    font: var(--bv-400) 15px var(--f2);
    color: var(--c1);
  }

  .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #F2EDE3!important;
    font-weight: 700;
    color: var(--c1)!important;
  }

  .select2-results__option {
    padding: clamp(8px, calc(0.5rem + ((1vw - 3.5px) * 0.5096)), 16px) clamp(7px, calc(0.4375rem + ((1vw - 3.5px) * 0.4459)), 14px)!important;
    line-height: 28px;
  }

  .select2-container--default .select2-results>.select2-results__options {
    background: var(--c6);
  }

  .select2-container--open {
      z-index: 999999999;
  }

  .select2-container--open .select2-dropdown--above,
  .select2-container--open .select2-dropdown--below {
      top: 0px;
  }

  .select2-container--open.select2-container--below {
    border-bottom: none;
  }

  #_form_1_ .select2-container--open.select2-container--below {
    border-bottom: none!important;
  }

  #_form_1_ .select2-container--open.select2-container--above {
    border-top: none!important;
  }

  .select2-container--open .select2-selection--single {
    border: unset!important;
  }

  .select2-dropdown {
    border-radius: 0px!important;
    border: 1px solid var(--c3)!important;
  }

  .select2-container--default .select2-search--dropdown .select2-search__field {
    height: 44px;
    font-family: var(--f2);
    font-weight: 300 !important;
}

  

  /*** NO CHECKBOX */

  #_form_1_ ._form_element:not(._x14326083) input,
  #_form_1_ select,
  #_form_1_ textarea,
  #_form_1_ .select2-container--default .select2-selection--single {
    height: 52px;
    padding: 1rem;
    border-radius: 0;
  }

  #_form_1_ .select2-container {
    position: relative;
    width: 100% !important;
  }

  /*** SELECT */

  select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }

/*** HIDDEN */

._form_element._x20222755._full_width {
    display: none;
}

/*** ERROR */

#_form_1_ ._error-inner {
    font-size: 10px;
    line-height: 16px;
    color: #D75759;
    font-family: var(--f2);
    text-align: left;
    left: 0;
    padding-top: 4px;
}

#_form_1_ ._error-inner._no_arrow {
  position: absolute;
  top: 100%;
}

  /*** FOCUS */

#_form_1_ input:focus,
#_form_1_ textarea:focus,
#_form_1_ select:focus,
#_form_1_ .select2-container--open {
  border: 1px solid var(--c3);
  background: var(--c6);
}

#_form_1_ .select2-container--open .select2-selection--single {
  border-bottom: unset;
}

option {
  background: #FFF;
}

option:hover {
  background: #FEFBF4;
}

#_form_1_ ._form-thank-you {
  color: var(--c3);
  padding: 3rem 0;
  font-family: var(--f1);
  font-weight: 500;
}


/*** FULL WIDTH for profil & GDPR */

@media (min-width: 1001px) {
  ._form_element._x61985860, 
  ._form_element._x14326083,
  ._form_element._x74693602,
  ._form_element._x35967412,
  ._button-wrapper {
    grid-column: span 2;
  }
}

/*** GDPR */

._form_element._x14326083 ._checkbox-radio {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
._form_element._x14326083 label {
  color: var(--c1);
  opacity: 0.4;
  font-family: var(--f2);
  font-weight: var(--bv-400);
}

#_form_1_ input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid var(--c1);
  width: 20px;
  border-radius: 100%;
  position: relative;
  aspect-ratio: 1;
  cursor: pointer;
  vertical-align: middle;
  background-color: transparent;
  box-sizing: border-box;
  font-size: unset;
}

/* Style du check : ajout d’un "✓" ou fond bleu */
#_form_1_ input[type="checkbox"]:checked {
  background-color: transparent;
}

#_form_1_ input[type="checkbox"]:checked::after {
  content:'';
  position: absolute;
  border-radius: 100%;
  inset: 0;
  width: 12px;
  height: 12px;
  padding:4px;
  background: var(--c3);
  margin: auto;
  box-sizing: border-box;
}

/* Optionnel : style au focus */
#_form_1_ input[type="checkbox"]:focus {
  outline: none;
}

/*** GDPR */ 

._row._checkbox-radio a {
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 0.5px;
}

/*** NO GDPR */

  #_form_1_ ._form_element:not(._x14326083) label,
  #_form_1_ ._form_element legend {
    display: none!important;
  }

/*** SUBMIT BUTTON */

#_form_1_ button, 
.jh-submit {
  background: var(--c3);
  color: var(--c4);
  padding: var(--space-el-1) var(--space-el-15);
  display: flex;
  align-items: center;
  gap: var(--space-el-1);
  margin: var(--space-el-25) auto 0;
  letter-spacing: 0.15px;
  font: var(--bv-500) var(--button-text) var(--f2);
}

#_form_1_ .information {
  color: var(--c3);
  font: italic 400 14px var(--f1);
}

@media (max-width: 1000px) {
  #_form_1_ button {
    margin-top: 0;
  }
}

/** ABOUT **/ 

.jh-about, .jh-image.image-2, .jh-end {
  background-color: var(--c2);
}

/*** VIDEO */

main section.jh-video {
  padding: clamp(2rem, calc(2rem + ((1vw - 0.21875rem) * 3.0573)), 5rem) 0;
  background-color: #FFF;
}

.jh-video .ctnr {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.jh-video #jh-video-player {
  position: absolute;
  margin: auto;
  width: clamp(1rem, calc(1rem + ((1vw - 0.21875rem) * 1.0191)), 2rem);
  height: auto;
  inset: 0;
  cursor: pointer;
}

.jh-video img.attachment-full,
.jh-screen {
  aspect-ratio: 16/9;
}

.jh-screen {
  background-color: #202020;
  height: 100%;
  width: 100%;
}

/*** ABOUT */

section.jh-end .content {
  padding-bottom: 0;
  padding-top: 0;
}

section.jh-about {
  padding-top: clamp(3.5rem, calc(3.5rem + ((1vw - 0.21875rem) * 1.5287)), 5rem);
  padding-bottom: 0;
}

section.jh-about > .ctnr {
  padding-bottom: var(--padd-sect);
  text-align: center;
}
section.jh-about > .ctnr .intro {
  padding-bottom: var(--sup-title-space);
  text-transform: uppercase;
  color: var(--c3);
  font: var(--bv-400) var(--sup-title) var(--f2);
}

section.jh-about > .ctnr .announce {
  padding-bottom: var(--space-el-35);
  text-transform: uppercase;
  font: var(--mt-900) var(--main-title)/1.1 var(--f1);
  color: var(--c1);
}

section.jh-about > .ctnr .content {
  color: var(--ctext);
  font: var(--bv-400) var(--main-text)/1.5 var(--f2);
}


.jh-img-text,
.jh-img-text .jh-text-content,
.jh-img-text .jh-text-content .ctnr {
  display: flex;
}

.jh-img-text {
  color: var(--c4);
  margin: auto;
  line-height: 1.5;
}

@media (max-width: 1000px) {
  .jh-img-text {
    width: 100%;
  }
}

.jh-img-text .jh-text-content,
.jh-img-text .jh-text-content .ctnr {
  align-items: center;
}

.jh-img-text .jh-text-content .ctnr {
  flex-direction: column;
  justify-content: center;
  background-color: var(--c1);
  padding: var(--space-el-25) var(--padd-sect);
  box-sizing: border-box;
  width: 100%;
  height: calc(100% - 130px);
  font: var(--bv-400) var(--main-text)/1.5 var(--f2);
  gap: 2.5rem;
}

.jh-img-text .jh-text-content .ctnr a {
  text-decoration: underline;
}

.jh-img-text .image-caption {
  color: var(--Fonts-Gold-fonc, #95826B);
  text-align: right;
  font: italic 300 clamp(0.75rem, calc(0.75rem + ((1vw - 0.21875rem) * 0.1274)), 0.875rem)/1.5 var(--f2);
  padding: 4px 0 8px;
}

@media (max-width: 1330px) {
  .jh-img-text .image-caption {
    padding-right: 1rem;
  }
}

.jh-img-text .jh-text-content .ctnr strong {
  color: var(--c3);
  font: var(--ov-400) var(--sub-title)/1.4 var(--f3);
}

.jh-img-text .jh-text-content,
.jh-img-text .jh-image.image-2 {
  width: 50%;
}

@media (max-width: 1000px) {
.jh-img-text .jh-text-content,
.jh-img-text .jh-image.image-2 {
    width: 100%;
    max-width: 555px;
    aspect-ratio: 55.5/75.8;
  }
  .jh-img-text .jh-text-content {
    margin-right: auto;
  }

  .jh-img-text .jh-image.image-2 {
    margin-left: auto;
  }
  .jh-img-text .jh-text-content .ctnr {
    height: 100%;
  }
}

@media (max-width: 1000px) {
  .jh-img-text {
    flex-direction: column;
  }

  .jh-img-text .jh-text-content {
      background-color: var(--c2);
      padding-right: 1rem;
        box-sizing: border-box;
  }
  .jh-img-text .jh-image.image-2 {
    padding-left: 1rem;
    box-sizing: border-box;
    }
  
    .jh-img-text .jh-text-content .ctnr {
      padding: var(--space-el-25) 1.5rem;
    }
}

/*** END */

@media (max-width: 1000px) {
  section.jh-end {
    padding: 60px 0;
  }
}

main section.jh-end {
  padding-top: 0;
}

.jh-end .content {
  margin-bottom: 0;
  text-align: center;
  color: var(--c5);
  font: var(--ov-400) var(--sub-title)/1.4 var(--f3);
}

/*** FOOTER */

  footer {
    background-color: var(--c1);
    min-height: 200px;
    padding: clamp(40px, calc(2.5rem + ((1vw - 3.5px) * 0.5096)), 48px) 80px 8px;
  }

  footer p {
    margin: 0;
    padding: 0;
    color: var(--c3);
  }

  footer .ctnr,
  footer .row {
    display: flex;
    width: 100%;
  }

  footer .menus {
    display: flex;
    gap: 40px;
    text-align: right;
    align-items: end;
  }

  footer .column {
    flex: 1;
  }

  footer .column.menus {
    justify-content: end;
  }

  footer ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin:0;
    gap: 8px;
  }

  footer .menus ul {
    max-width: 320px;
  }
  footer .menus li {
    color: var(--ctext);
    font: var(--bv-400) 14px/1.5 var(--f2);
  }

  footer .print li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--f4);
    color: var(--c4);
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
  }

  footer .menus .menu .title {
    color: var(--c4);
    margin-bottom: 1rem;
    font-family: var(--f3);
    font-weight: var(--ov-400);
  }

  footer .row-1 {
    justify-content: space-between;
    padding-bottom: var(--padd-sect);
  }

  footer .row-1 .tribute p {
    text-align: center;
    text-transform: uppercase;
    color: var(--c4);
    font: var(--ov-400) 18px/1.35 var(--f3);
  }

  footer .tribute img {
    max-width: 145px;
    height: auto;
    margin: auto;
    display: flex;
    margin-top: var(--space-el-25);
  }

  footer p span.white {
    color: var(--c4);
    font-weight: 700;
  }

  footer .ctnr,
  footer .row-2 {
    flex-direction: column;
  }

  footer .row-2 {
    align-items: center;
    justify-content: center;
    gap: 25px;
  }

  footer .editor .project {
    margin-bottom: 1.5rem;
    color: var(--ctext);
    font: var(--bv-400) 14px/20px var(--f2);
  }

  footer .copyright {
    margin-bottom: 0.5rem;
    color: var(--c4);
    opacity: 0.4;
    font: italic var(--bv-400) 14px var(--f2);
  }

  footer .print.phone {
      display: none;
    }

  @media (max-width: 900px) {

    footer {
      padding-right: 1rem;
      padding-left: 1rem;
    }
    footer .row-1,
    footer .menus {
      flex-direction: column;
    }
    footer .editor {
      order: 1;
      display: block;
      justify-content: space-between;
    }

    footer .editor .print {
      display: none;
    }
    footer .print.phone {
      display: block;
    }
    footer .editor .project {
      font-size: 12px;
      text-align: center;      
    }
    footer .column.menus {
      order: 2;
      justify-content: space-between;
      flex-direction: row;
      align-items: start;
    }
    footer .menus li {
      font-size: 12px;
    }
    footer .print ul {
      gap: 0.5rem;
    }
    footer .tribute {
      order: 3;
      margin: 40px 0 0;
    }
    footer .row-1 {
      justify-content: space-between;
      padding: 0 0 1rem;
    }
    footer .row-2 {
      align-items: center;
      justify-content: center;
    }
    footer .copyright {
      margin-bottom: 0;
      font-size: clamp(12px, calc(0.75rem + ((1vw - 3.5px) * 0.1274)), 14px);
    }
    footer .row-1 .tribute p {
      font: var(--ov-400) 12px/1.65 var(--f3);
    }
    footer .tribute img {
      max-width: 110px;
      margin-top: 1rem;
    }
  }


  /* SVG */

  svg .svg-elem-1 {
  fill: transparent;
  -webkit-transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
          transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
}

svg.active .svg-elem-1 {
  fill: rgb(149, 130, 107);
}

svg .svg-elem-2 {
  fill: transparent;
  -webkit-transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s;
          transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s;
}

svg.active .svg-elem-2 {
  fill: rgb(149, 130, 107);
}

svg .svg-elem-3 {
  fill: transparent;
  -webkit-transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.3s;
          transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.3s;
}

svg.active .svg-elem-3 {
  fill: rgb(149, 130, 107);
}

svg .svg-elem-4 {
  fill: transparent;
  -webkit-transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.4s;
          transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.4s;
}

svg.active .svg-elem-4 {
  fill: rgb(149, 130, 107);
}

svg .svg-elem-5 {
  fill: transparent;
  -webkit-transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.5s;
          transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.5s;
}

svg.active .svg-elem-5 {
  fill: rgb(149, 130, 107);
}

svg .svg-elem-6 {
  fill: transparent;
  -webkit-transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.6s;
          transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.6s;
}

svg.active .svg-elem-6 {
  fill: rgb(149, 130, 107);
}

svg .svg-elem-7 {
  fill: transparent;
  -webkit-transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.7s;
          transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.7s;
}

svg.active .svg-elem-7 {
  fill: rgb(149, 130, 107);
}

svg .svg-elem-8 {
  fill: transparent;
  -webkit-transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.8s;
          transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.8s;
}

svg.active .svg-elem-8 {
  fill: rgb(149, 130, 107);
}

svg .svg-elem-9 {
  fill: transparent;
  -webkit-transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.9s;
          transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.9s;
}

svg.active .svg-elem-9 {
  fill: rgb(149, 130, 107);
}

svg .svg-elem-10 {
  fill: transparent;
  -webkit-transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1s;
          transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1s;
}

svg.active .svg-elem-10 {
  fill: rgb(149, 130, 107);
}

svg .svg-elem-11 {
  fill: transparent;
  -webkit-transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.1s;
          transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.1s;
}

svg.active .svg-elem-11 {
  fill: rgb(149, 130, 107);
}

svg .svg-elem-12 {
  fill: transparent;
  -webkit-transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.2s;
          transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.2s;
}

svg.active .svg-elem-12 {
  fill: rgb(149, 130, 107);
}

svg .svg-elem-13 {
  fill: transparent;
  -webkit-transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.3s;
          transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.3s;
}

svg.active .svg-elem-13 {
  fill: rgb(149, 130, 107);
}

svg .svg-elem-14 {
  fill: transparent;
  -webkit-transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.4s;
          transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.4s;
}

svg.active .svg-elem-14 {
  fill: rgb(149, 130, 107);
}

svg .svg-elem-15 {
  fill: transparent;
  -webkit-transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.5s;
          transition: fill 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.5s;
}

svg.active .svg-elem-15 {
  fill: rgb(149, 130, 107);
}


/* ANIMATION */

.line-reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.line-reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

.line-reveal#jh-video-player {
  transition-delay: 300ms;
}

.jh-image.image-1 .line-reveal {
  opacity: 1;
  transform: translateY(50px);
  transition: transform 0.8s ease;
}

.jh-image.image-1 .line-reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

.line-reveal.visible#jh-video-player {
  animation: bounce-in 2s ease forwards;
}
@keyframes bounce-in {
  0% {
    opacity: 0;
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% { transform: scale(.9); }
  100% { transform: scale(1); }
}

/* TRANSITION VIDEO */

.jh-video .ctnr {
  position: relative;
  overflow: hidden;
}

.jh-video .fade-wrapper {
  opacity: 0;
  transition: opacity 1s ease-in-out;
  width: 100%;
  height: 100%;
}

.jh-video .fade-wrapper.visible {
  opacity: 1;
}