@charset "UTF-8";
@font-face {
  font-family: "SpaceMonoBold";
  src: url("/app/themes/wwp_child_theme/assets/fonts/space-mono/SpaceMono-Bold.ttf") format("ttf"), url("/app/themes/wwp_child_theme/assets/fonts/space-mono/SpaceMono-Bold.woff") format("woff"), url("/app/themes/wwp_child_theme/assets/fonts/space-mono/SpaceMono-Bold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SpaceMonoBoldItalic";
  src: url("/app/themes/wwp_child_theme/assets/fonts/space-mono/SpaceMono-BoldItalic.ttf") format("ttf"), url("/app/themes/wwp_child_theme/assets/fonts/space-mono/SpaceMono-BoldItalic.woff") format("woff"), url("/app/themes/wwp_child_theme/assets/fonts/space-mono/SpaceMono-BoldItalic.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SpaceMonoItalic";
  src: url("/app/themes/wwp_child_theme/assets/fonts/space-mono/SpaceMono-Italic.ttf") format("ttf"), url("/app/themes/wwp_child_theme/assets/fonts/space-mono/SpaceMono-Italic.woff") format("woff"), url("/app/themes/wwp_child_theme/assets/fonts/space-mono/SpaceMono-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SpaceMonoRegular";
  src: url("/app/themes/wwp_child_theme/assets/fonts/space-mono/SpaceMono-Regular.ttf") format("ttf"), url("/app/themes/wwp_child_theme/assets/fonts/space-mono/SpaceMono-Regular.woff") format("woff"), url("/app/themes/wwp_child_theme/assets/fonts/space-mono/SpaceMono-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
/*$nl-color: red;
$nl-bgcolor: blue;*/
/* ----------------------------- */
/* ==MIXINS          */
/* ----------------------------- */
:root {
  /*  --color-black: $color-theme-base;
    --color-theme-base: $color-theme-base;
    --color-theme-primary: $color-theme-primary;
    --color-theme-secondary: $color-theme-secondary;
    --color-theme-tertiary: $color-theme-tertiary;
    --color-theme-quaternary: $color-theme-quaternary;
    --color-theme-theme-brand: $color-theme-brand;
    --color-theme-grey: $color-theme-grey;
    --color-theme-grey-verylight: $color-theme-grey-verylight;
    --color-theme-grey-light: $color-theme-grey-light;
    --color-theme-grey-medium: $color-theme-grey-medium;
    --color-theme-grey-dark: $color-theme-grey-dark;
    --color-theme-black: $color-theme-black;
    --color-alert: $color-danger;
    --color-lightgrey: $color-theme-grey-light;
    --color-grey: $color-theme-grey;
    --color-mediumgrey: $color-theme-grey-medium;
    --color-darkgrey: $color-theme-grey-dark;
    --color-theme-blue: $color-theme-blue;
    --color-mediumblue: $color-theme-mediumblue;*/
  /*--font-theme-secondary: $font-family-secondary;*/
}

/* ---------------------------------- */
/* ==Grillade v6                      */
/* ---------------------------------- */
/* IMPORTANT : this is the KNACSS v6 old Grid System based on Flexbox */
/* You only need it for projects on older browsers (IE11-) */
@media (min-width: 576px) {
  [class*=" grid-"],
  [class^=grid-] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  [class*=" grid-"] > *,
  [class^=grid-] > * {
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
  }
}
@media (min-width: 576px) {
  .grid,
  .grid--reverse {
    display: flex;
  }
  .grid > *,
  .grid--reverse > * {
    flex: 1 1 0%;
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
  }
  .grid.has-gutter > * + *,
  .grid--reverse.has-gutter > * + * {
    margin-left: calc(1rem - 0.01px);
  }
  .grid.has-gutter-l > * + *,
  .grid--reverse.has-gutter-l > * + * {
    margin-left: calc(2rem - 0.01px);
  }
  .grid.has-gutter-xl > * + *,
  .grid--reverse.has-gutter-xl > * + * {
    margin-left: calc(4rem - 0.01px);
  }
}
@media (min-width: 576px) {
  [class*=grid-2] > * {
    width: calc(100% / 2 - 0.01px);
  }
  [class*=grid-2].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*=grid-2].has-gutter > * {
    width: calc(100% / 2 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*=grid-2].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  [class*=grid-2].has-gutter-l > * {
    width: calc(100% / 2 - 2rem - 0.01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }
  [class*=grid-2].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*=grid-2].has-gutter-xl > * {
    width: calc(100% / 2 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }
  [class*=grid-3] > * {
    width: calc(100% / 3 - 0.01px);
  }
  [class*=grid-3].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*=grid-3].has-gutter > * {
    width: calc(100% / 3 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*=grid-3].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  [class*=grid-3].has-gutter-l > * {
    width: calc(100% / 3 - 2rem - 0.01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }
  [class*=grid-3].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*=grid-3].has-gutter-xl > * {
    width: calc(100% / 3 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }
  [class*=grid-4] > * {
    width: calc(100% / 4 - 0.01px);
  }
  [class*=grid-4].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*=grid-4].has-gutter > * {
    width: calc(100% / 4 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*=grid-4].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  [class*=grid-4].has-gutter-l > * {
    width: calc(100% / 4 - 2rem - 0.01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }
  [class*=grid-4].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*=grid-4].has-gutter-xl > * {
    width: calc(100% / 4 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }
  [class*=grid-5] > * {
    width: calc(100% / 5 - 0.01px);
  }
  [class*=grid-5].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*=grid-5].has-gutter > * {
    width: calc(100% / 5 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*=grid-5].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  [class*=grid-5].has-gutter-l > * {
    width: calc(100% / 5 - 2rem - 0.01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }
  [class*=grid-5].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*=grid-5].has-gutter-xl > * {
    width: calc(100% / 5 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }
  [class*=grid-6] > * {
    width: calc(100% / 6 - 0.01px);
  }
  [class*=grid-6].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*=grid-6].has-gutter > * {
    width: calc(100% / 6 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*=grid-6].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  [class*=grid-6].has-gutter-l > * {
    width: calc(100% / 6 - 2rem - 0.01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }
  [class*=grid-6].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*=grid-6].has-gutter-xl > * {
    width: calc(100% / 6 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }
  [class*=grid-7] > * {
    width: calc(100% / 7 - 0.01px);
  }
  [class*=grid-7].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*=grid-7].has-gutter > * {
    width: calc(100% / 7 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*=grid-7].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  [class*=grid-7].has-gutter-l > * {
    width: calc(100% / 7 - 2rem - 0.01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }
  [class*=grid-7].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*=grid-7].has-gutter-xl > * {
    width: calc(100% / 7 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }
  [class*=grid-8] > * {
    width: calc(100% / 8 - 0.01px);
  }
  [class*=grid-8].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*=grid-8].has-gutter > * {
    width: calc(100% / 8 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*=grid-8].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  [class*=grid-8].has-gutter-l > * {
    width: calc(100% / 8 - 2rem - 0.01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }
  [class*=grid-8].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*=grid-8].has-gutter-xl > * {
    width: calc(100% / 8 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }
  [class*=grid-9] > * {
    width: calc(100% / 9 - 0.01px);
  }
  [class*=grid-9].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*=grid-9].has-gutter > * {
    width: calc(100% / 9 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*=grid-9].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  [class*=grid-9].has-gutter-l > * {
    width: calc(100% / 9 - 2rem - 0.01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }
  [class*=grid-9].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*=grid-9].has-gutter-xl > * {
    width: calc(100% / 9 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }
  [class*=grid-10] > * {
    width: calc(100% / 10 - 0.01px);
  }
  [class*=grid-10].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*=grid-10].has-gutter > * {
    width: calc(100% / 10 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*=grid-10].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  [class*=grid-10].has-gutter-l > * {
    width: calc(100% / 10 - 2rem - 0.01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }
  [class*=grid-10].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*=grid-10].has-gutter-xl > * {
    width: calc(100% / 10 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }
  [class*=grid-11] > * {
    width: calc(100% / 11 - 0.01px);
  }
  [class*=grid-11].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*=grid-11].has-gutter > * {
    width: calc(100% / 11 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*=grid-11].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  [class*=grid-11].has-gutter-l > * {
    width: calc(100% / 11 - 2rem - 0.01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }
  [class*=grid-11].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*=grid-11].has-gutter-xl > * {
    width: calc(100% / 11 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }
  [class*=grid-12] > * {
    width: calc(100% / 12 - 0.01px);
  }
  [class*=grid-12].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*=grid-12].has-gutter > * {
    width: calc(100% / 12 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*=grid-12].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  [class*=grid-12].has-gutter-l > * {
    width: calc(100% / 12 - 2rem - 0.01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }
  [class*=grid-12].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*=grid-12].has-gutter-xl > * {
    width: calc(100% / 12 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }
}
.push {
  margin-left: auto !important;
}

.pull {
  margin-right: auto !important;
}

.item-first {
  order: -1;
}

.item-last {
  order: 1;
}

[class*=grid-][class*="--reverse"] {
  flex-direction: row-reverse;
}

@media (min-width: 576px) {
  .full {
    flex: 0 0 auto;
    width: calc(100% / 1 - 0.01px);
  }
  .has-gutter > .full {
    width: calc(100% / 1 - 1rem - 0.01px);
  }
  .has-gutter-l > .full {
    width: calc(100% / 1 - 2rem - 0.01px);
  }
  .has-gutter-xl > .full {
    width: calc(100% / 1 - 4rem - 0.01px);
  }
  .one-half {
    flex: 0 0 auto;
    width: calc(100% / 2 - 0.01px);
  }
  .has-gutter > .one-half {
    width: calc(100% / 2 - 1rem - 0.01px);
  }
  .has-gutter-l > .one-half {
    width: calc(100% / 2 - 2rem - 0.01px);
  }
  .has-gutter-xl > .one-half {
    width: calc(100% / 2 - 4rem - 0.01px);
  }
  .one-third {
    flex: 0 0 auto;
    width: calc(100% / 3 - 0.01px);
  }
  .has-gutter > .one-third {
    width: calc(100% / 3 - 1rem - 0.01px);
  }
  .has-gutter-l > .one-third {
    width: calc(100% / 3 - 2rem - 0.01px);
  }
  .has-gutter-xl > .one-third {
    width: calc(100% / 3 - 4rem - 0.01px);
  }
  .one-quarter {
    flex: 0 0 auto;
    width: calc(100% / 4 - 0.01px);
  }
  .has-gutter > .one-quarter {
    width: calc(100% / 4 - 1rem - 0.01px);
  }
  .has-gutter-l > .one-quarter {
    width: calc(100% / 4 - 2rem - 0.01px);
  }
  .has-gutter-xl > .one-quarter {
    width: calc(100% / 4 - 4rem - 0.01px);
  }
  .one-fifth {
    flex: 0 0 auto;
    width: calc(100% / 5 - 0.01px);
  }
  .has-gutter > .one-fifth {
    width: calc(100% / 5 - 1rem - 0.01px);
  }
  .has-gutter-l > .one-fifth {
    width: calc(100% / 5 - 2rem - 0.01px);
  }
  .has-gutter-xl > .one-fifth {
    width: calc(100% / 5 - 4rem - 0.01px);
  }
  .one-sixth {
    flex: 0 0 auto;
    width: calc(100% / 6 - 0.01px);
  }
  .has-gutter > .one-sixth {
    width: calc(100% / 6 - 1rem - 0.01px);
  }
  .has-gutter-l > .one-sixth {
    width: calc(100% / 6 - 2rem - 0.01px);
  }
  .has-gutter-xl > .one-sixth {
    width: calc(100% / 6 - 4rem - 0.01px);
  }
  .two-thirds {
    flex: 0 0 auto;
    width: calc(100% / 3 * 2 - 0.01px);
  }
  .has-gutter > .two-thirds {
    width: calc(100% / 3 * 2 - 1rem - 0.01px);
  }
  .has-gutter-l > .two-thirds {
    width: calc(100% / 3 * 2 - 2rem - 0.01px);
  }
  .has-gutter-xl > .two-thirds {
    width: calc(100% / 3 * 2 - 4rem - 0.01px);
  }
  .three-quarters {
    flex: 0 0 auto;
    width: calc(100% / 4 * 3 - 0.01px);
  }
  .has-gutter > .three-quarters {
    width: calc(100% / 4 * 3 - 1rem - 0.01px);
  }
  .has-gutter-l > .three-quarters {
    width: calc(100% / 4 * 3 - 2rem - 0.01px);
  }
  .has-gutter-xl > .three-quarters {
    width: calc(100% / 4 * 3 - 4rem - 0.01px);
  }
  .five-sixths {
    flex: 0 0 auto;
    width: calc(100% / 6 * 5 - 0.01px);
  }
  .has-gutter > .five-sixths {
    width: calc(100% / 6 * 5 - 1rem - 0.01px);
  }
  .has-gutter-l > .five-sixths {
    width: calc(100% / 6 * 5 - 2rem - 0.01px);
  }
  .has-gutter-xl > .five-sixths {
    width: calc(100% / 6 * 5 - 4rem - 0.01px);
  }
}
/* Responsive Small Breakpoint */
@media (min-width: 576px) and (max-width: 767px) {
  [class*=-small-1] > * {
    width: calc(100% / 1 - 0.01px);
  }
  [class*=-small-1].has-gutter > * {
    width: calc(100% / 1 - 1rem - 0.01px);
  }
  [class*=-small-1].has-gutter-l > * {
    width: calc(100% / 1 - 2rem - 0.01px);
  }
  [class*=-small-1].has-gutter-xl > * {
    width: calc(100% / 1 - 4rem - 0.01px);
  }
  [class*=-small-2] > * {
    width: calc(100% / 2 - 0.01px);
  }
  [class*=-small-2].has-gutter > * {
    width: calc(100% / 2 - 1rem - 0.01px);
  }
  [class*=-small-2].has-gutter-l > * {
    width: calc(100% / 2 - 2rem - 0.01px);
  }
  [class*=-small-2].has-gutter-xl > * {
    width: calc(100% / 2 - 4rem - 0.01px);
  }
  [class*=-small-3] > * {
    width: calc(100% / 3 - 0.01px);
  }
  [class*=-small-3].has-gutter > * {
    width: calc(100% / 3 - 1rem - 0.01px);
  }
  [class*=-small-3].has-gutter-l > * {
    width: calc(100% / 3 - 2rem - 0.01px);
  }
  [class*=-small-3].has-gutter-xl > * {
    width: calc(100% / 3 - 4rem - 0.01px);
  }
  [class*=-small-4] > * {
    width: calc(100% / 4 - 0.01px);
  }
  [class*=-small-4].has-gutter > * {
    width: calc(100% / 4 - 1rem - 0.01px);
  }
  [class*=-small-4].has-gutter-l > * {
    width: calc(100% / 4 - 2rem - 0.01px);
  }
  [class*=-small-4].has-gutter-xl > * {
    width: calc(100% / 4 - 4rem - 0.01px);
  }
}
.selectric-wrapper .selectric .button::before {
  background: url("/web/app/themes/wwp_child_theme/assets/final/svg/view/svg/sprite.view.svg") no-repeat;
}

.selectric-wrapper .selectric .button::before {
  background-position: 85.7083333333% 83.7768240343%;
}

.selectric-wrapper .selectric .button::before {
  width: 22px;
  height: 17px;
}

/* ----------------------------- */
/* ==CSS UTILITIES            */
/* ----------------------------- */
a[href^=tel] {
  color: inherit;
  text-decoration: none;
}

@media (min-width: 782px) {
  .mobile-only {
    display: none !important;
  }
}
@media (max-width: 479px) {
  .hide-tiny {
    display: none !important;
  }
}
@media (max-width: 599px) {
  .hide-small {
    display: none !important;
  }
}
@media (max-width: 781px) {
  .hide-medium,
  .desktop-only {
    display: none !important;
  }
}
@media (max-width: 959px) {
  .hide-large {
    display: none !important;
  }
  .display-block-large {
    display: block !important;
  }
}
@media (max-width: 1199px) {
  .hide-very-large {
    display: none !important;
  }
}
/* invisible for all */
.is-hidden,
div.is-hidden,
.js-hidden,
[hidden] {
  display: none;
}

.visually-hidden, .module-newsletter form .email-wrap label, .form-nolabel form div.form-group:not(.checkbox-wrap):not(.radio-wrap) > label, form.auto-submit .submitFormField {
  position: absolute !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}

/* ----------------------------- */
/* ==FALLBACKS SOCLE            */
/* ----------------------------- */
.container {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
}

.btn--inline {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.container-xs,
.container-s,
.module-tracker.presentation-inline .wwpform,
.container,
.container-l,
.container-xl {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.container-xs {
  max-width: 385px;
}
@media (max-width: 781px) {
  .container-xs {
    width: 100%;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.container-s, .module-tracker.presentation-inline .wwpform {
  max-width: 782px;
}
@media (max-width: 782px) {
  .container-s, .module-tracker.presentation-inline .wwpform {
    width: 100%;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.container {
  max-width: 960px;
}
@media (max-width: 1200px) {
  .container {
    padding-right: 4em;
    padding-left: 4em;
  }
}
@media (max-width: 960px) {
  .container {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding-right: 4em;
    padding-left: 4em;
  }
}
@media (max-width: 781px) {
  .container {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}

.container-l {
  max-width: 1280px;
}
@media (max-width: 1279px) {
  .container-l {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding-right: 2em;
    padding-left: 2em;
  }
  .container-l .container,
  .container-l .container-s,
  .container-l .module-tracker.presentation-inline .wwpform,
  .module-tracker.presentation-inline .container-l .wwpform {
    padding-right: 0;
    padding-left: 0;
  }
  .container-l .container {
    width: 100%;
  }
}
@media (max-width: 781px) {
  .container-l {
    padding-right: 0;
    padding-left: 0;
  }
}

.container-xl {
  max-width: 1440px;
}
@media (max-width: 1280px) {
  .container-xl {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding-right: 2em;
    padding-left: 2em;
  }
  .container-xl .container,
  .container-xl .container-s,
  .container-xl .module-tracker.presentation-inline .wwpform,
  .module-tracker.presentation-inline .container-xl .wwpform {
    padding-right: 0;
    padding-left: 0;
  }
  .container-xl .container {
    width: 100%;
  }
}
@media (max-width: 781px) {
  .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

/* ----------------------------- */
/* ==GUTENBERG'S OVERRIDES       */
/* ----------------------------- */
.wp-block-separator {
  border-top: 1px solid;
}

.site-content .wp-block-image img,
.site-content .wp-block-gallery img,
.site-content .wp-block-cover img {
  border-radius: 8px;
}

:root :where(.wp-block-columns),
:root :where(.editor-styles-wrapper) :where(.wp-block-columns),
.wp-block-group .wp-block-columns {
  padding-top: 0;
  padding-bottom: 0;
  gap: var(--wp--preset--spacing--60);
}
:root :where(.wp-block-columns).has-background,
:root :where(.editor-styles-wrapper) :where(.wp-block-columns).has-background,
.wp-block-group .wp-block-columns.has-background {
  gap: 0;
}
@media (max-width: 781px) {
  :root :where(.wp-block-columns),
  :root :where(.editor-styles-wrapper) :where(.wp-block-columns),
  .wp-block-group .wp-block-columns {
    gap: 0;
  }
}

@media (max-width: 1199px) {
  .wp-block-query .is-layout-grid.columns-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 959px) {
  .wp-block-query .is-layout-grid.columns-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ----------------------------- */
/* ==Header mobile (<768px)      */
/* ----------------------------- */
@media (max-width: 960px) {
  .site-header .navigation-wrapper nav {
    right: var(--wp--preset--spacing--20) !important;
  }
}
@media (max-width: 599px) {
  .site-header .navigation-wrapper nav ul {
    width: 100%;
  }
  .site-header .navigation-wrapper nav ul li {
    width: 100%;
  }
  .site-header .navigation-wrapper nav ul li > a {
    padding: var(--wp--preset--spacing--16) 0 !important;
  }
  .site-header .navigation-wrapper nav ul li > a {
    width: 100%;
  }
  .site-header .navigation-wrapper nav button {
    height: 40px !important;
  }
  .site-header .navigation-wrapper nav button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 40px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    background: var(--wp--preset--color--white);
    border-radius: 10px;
    box-shadow: 0 2px 6px 0 rgba(41, 57, 95, 0.3);
    cursor: pointer;
  }
  .site-header .navigation-wrapper .is-menu-open {
    padding: var(--wp--preset--spacing--20);
  }
}
/*MENU MOBILE ACCORDION*/
:root {
  --menu-item-height: 60px;
  --menu-item-color-active: $color-theme-primary;
  --menu-item-bgcolor-active: transparent;
  --menu-item-parent-color: $color-theme-primary;
  --menu-item-parent-bgcolor: transparent;
}

@media (max-width: 781px) {
  .navigation-wrapper.menu-mobile-accordion {
    height: auto;
  }
  .navigation-wrapper.menu-mobile-accordion ul.header-menu {
    display: block;
    margin-top: 3rem;
  }
  .navigation-wrapper.menu-mobile-accordion ul.header-menu li {
    height: auto;
  }
  .navigation-wrapper.menu-mobile-accordion ul.header-menu li > a {
    justify-content: center;
    height: 60px;
    height: var(--menu-item-height);
    border-bottom: none;
  }
  .navigation-wrapper.menu-mobile-accordion ul.header-menu .parent-page {
    font-size: 1.6rem;
    background-color: transparent;
    background-color: var(--menu-item-bgcolor-active);
  }
  .navigation-wrapper.menu-mobile-accordion ul.header-menu .parent-page > a {
    justify-content: center;
    padding: 0;
    color: $color-theme-primary;
    color: var(--menu-item-parent-color);
    background-color: transparent;
    background-color: var(--menu-item-parent-bgcolor);
  }
  .navigation-wrapper.menu-mobile-accordion ul.header-menu .parent-page span:first-of-type {
    justify-self: center;
  }
  .navigation-wrapper.menu-mobile-accordion ul.header-menu .parent-page span:last-of-type {
    display: none;
  }
  .navigation-wrapper.menu-mobile-accordion ul.header-menu li.current_page_ancestor > a,
  .navigation-wrapper.menu-mobile-accordion ul.header-menu li.current_page_item > a {
    color: $color-theme-primary;
    color: var(--menu-item-color-active);
  }
  .navigation-wrapper.menu-mobile-accordion ul.header-menu li.page_item_has_children {
    height: auto;
  }
  .navigation-wrapper.menu-mobile-accordion ul.header-menu li.page_item_has_children > a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    padding-left: 4rem;
    font-size: 1.6rem;
    color: $color-theme-primary;
    color: var(--menu-item-parent-color);
    background-color: transparent;
    background-color: var(--menu-item-parent-bgcolor);
  }
  .navigation-wrapper.menu-mobile-accordion ul.header-menu li.page_item_has_children > a::after {
    position: static;
    content: "";
    display: block;
    height: 10px;
    width: 10px;
    margin: 1rem;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-color: var(--wp--preset--color--base);
    transform: rotate(-45deg);
    transition: transform 0.4s;
    transform-origin: center;
  }
  .navigation-wrapper.menu-mobile-accordion ul.header-menu li.m0 > a {
    text-transform: uppercase;
    font-family: var(--font-theme-secondary);
  }
  .navigation-wrapper.menu-mobile-accordion ul.header-menu ul.children {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: all !important;
    transform: none !important;
  }
  .navigation-wrapper.menu-mobile-accordion ul.header-menu ul.children {
    display: none;
    position: static;
    position: initial;
    height: auto;
  }
  .navigation-wrapper.menu-mobile-accordion ul.header-menu ul.level1 li {
    font-family: var(--font-theme-base);
  }
  .navigation-wrapper.menu-mobile-accordion ul.header-menu ul.level1 li a {
    height: 4rem;
    padding: 10px;
    text-align: center;
  }
  .navigation-wrapper.menu-mobile-accordion ul.header-menu ul.mobile-nav-links {
    display: none;
  }
  .navigation-wrapper.menu-mobile-accordion ul.header-menu li.page_item_has_children.is-opened > a::after {
    transform: rotate(-135deg);
  }
  .navigation-wrapper.menu-mobile-accordion ul.header-menu li.page_item_has_children.is-opened > .children {
    display: block;
  }
}
/*MEGAMENU*/
.navigation-wrapper.megamenu {
  --menu-item-m1-color-active: $color-theme-primary;
  --menu-item-m1-bgcolor-active: white ;
}

@media (min-width: 782px) {
  /*Si le menu est un megamenu*/
  .navigation-wrapper.megamenu {
    flex: 1;
  }
  .navigation-wrapper.megamenu ul.header-menu {
    position: static;
    position: initial;
    /*Niveau 1*/
    /*Niveau 2*/
  }
  .navigation-wrapper.megamenu ul.header-menu ul.level1 {
    position: fixed;
    top: var(--desktopheaderHeight);
    left: 0;
    z-index: -1;
    display: flex;
    justify-content: center;
    align-items: first baseline;
    flex-flow: row nowrap;
    max-height: calc(100vh - 80px);
    width: 100vw;
    padding: 0 2em 2em;
    margin-top: -1px;
    transform: translateY(-200%);
    opacity: 0;
    transition: opacity 0.4s;
  }
  .navigation-wrapper.megamenu ul.header-menu ul.level1 li {
    min-width: 0 !important;
    min-width: initial !important;
  }
  .navigation-wrapper.megamenu ul.header-menu ul.level1 li {
    flex: 1;
    position: relative;
    display: flex;
    flex-flow: column wrap;
  }
  .navigation-wrapper.megamenu ul.header-menu ul.level1 li a {
    font-size: 1.1em;
    flex: 1;
  }
  .navigation-wrapper.megamenu ul.header-menu ul.level1 li a::after {
    display: none !important;
  }
  .navigation-wrapper.megamenu ul.header-menu ul.level1 li a:focus, .no-touch .navigation-wrapper.megamenu ul.header-menu ul.level1 li a:hover {
    color: var(--menu-item-m1-color-active);
  }
  .navigation-wrapper.megamenu ul.header-menu ul.level2 {
    left: 0 !important;
  }
  .navigation-wrapper.megamenu ul.header-menu ul.level2 {
    flex: 1;
    opacity: 1;
    position: relative;
    box-shadow: none;
    bottom: 0;
  }
  .navigation-wrapper.megamenu ul.header-menu ul.level2 li {
    font-size: 0.9em;
    text-align: left;
    min-width: 0;
    min-width: initial;
  }
  .navigation-wrapper.megamenu ul.header-menu ul.level2 li a {
    font-size: 1em;
    padding: 0.5rem 3rem;
  }
  .navigation-wrapper.megamenu ul.header-menu > li.m0:focus, .no-touch .navigation-wrapper.megamenu ul.header-menu > li.m0:hover {
    position: static;
    position: initial;
  }
  .navigation-wrapper.megamenu ul.header-menu > li.m0:focus > ul.level1, .no-touch .navigation-wrapper.megamenu ul.header-menu > li.m0:hover > ul.level1 {
    z-index: 0;
    opacity: 1;
    transform: translateY(0);
  }
}
@media (min-width: 782px) and (max-width: 782px) {
  .navigation-wrapper.megamenu ul.header-menu ul.level1 li {
    font-size: 0.9em;
  }
  .navigation-wrapper.megamenu ul.header-menu ul.level1 li > a {
    padding: 1.5rem 1rem;
  }
  .navigation-wrapper.megamenu ul.header-menu ul.level2 li a {
    font-size: 1em;
    padding: 0.5rem 1rem;
  }
}
body.has-barre-menu-mobile {
  padding-bottom: 60px;
}

.mobile-direct-links {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1000;
  height: 60px;
  width: 100%;
  background-color: white;
  /*  li.mobile-especes a::after {
      @include svgIcon(especes-blue, 1.4);
      margin-bottom: 8px;
    }

    li.mobile-infos a::after {
      @include svgIcon(infos-blue, 1.3);
    }

    li.mobile-reouverture a::after {
      @include svgIcon(reouverture-blue, 1.2);
    }*/
}
@media (min-width: 782px) {
  .mobile-direct-links {
    display: none;
  }
}
.mobile-direct-links ul {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobile-direct-links li {
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0;
  margin: 5px;
}
.mobile-direct-links li a {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  height: 5rem;
  min-width: 4rem;
  padding: 1rem;
  text-decoration: none;
  color: white;
  background-color: var(--wp--preset--color--base);
}
.mobile-direct-links li a::after {
  margin-bottom: 6px;
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.pika-single.is-hidden {
  display: none;
}
.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

.pika-single {
  *zoom: 1;
}
.pika-single:before, .pika-single:after {
  content: " ";
  display: table;
}
.pika-single:after {
  clear: both;
}

.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}

.pika-title {
  position: relative;
  text-align: center;
}
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: #333;
  background-color: #fff;
}

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: 0.5;
  *position: absolute;
  *top: 0;
}
.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: 0.2;
}

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  *right: 0;
}

.pika-select {
  display: inline-block;
  *display: inline;
}

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}
.pika-table th,
.pika-table td {
  width: 14.2857142857%;
  padding: 0;
}
.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}

.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}
.is-today .pika-button {
  color: #33aaff;
  font-weight: bold;
}
.is-selected .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}
.is-disabled .pika-button, .is-outside-current-month .pika-button {
  color: #999;
  opacity: 0.3;
}
.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
}
.pika-button:hover {
  color: #fff;
  background: #ff8000;
  box-shadow: none;
  border-radius: 3px;
}
.pika-button .is-selection-disabled {
  pointer-events: none;
  cursor: default;
}

.pika-week {
  font-size: 11px;
  color: #999;
}

.is-inrange .pika-button {
  background: #D5E9F7;
}

.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  box-shadow: none;
  border-radius: 3px;
}

.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 3px;
}

.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  border: 0 solid #DDD;
  border-radius: 0px;
  background: var(--wp--preset--color--background);
  position: relative;
  overflow: hidden;
}
.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 20px 0 10px;
  font-size: var(--wp--preset--font-size--small);
  line-height: 20px;
  color: var(--wp--preset--color--grey);
  height: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-color: #F8f8f8;
  color: var(--wp--preset--color--grey);
  text-align: center;
  font: 0/0 a;
  *font: 20px/20px Lucida Sans Unicode, Arial Unicode MS, Arial;
}
.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: var(--wp--preset--color--grey);
  border-bottom: none;
}

.selectric-open {
  z-index: 9999;
}
.selectric-open .selectric-items {
  display: block;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}
.selectric-hide-select select {
  position: absolute;
  left: -100%;
}
.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: var(--wp--preset--color--background);
  border: 1px solid rgb(195.5, 195.5, 195.5);
  z-index: -1;
  box-shadow: 0 0 10px -6px;
}
.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}
.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}
.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: var(--wp--preset--font-size--small);
  line-height: 20px;
  min-height: 20px;
}
.selectric-items li {
  display: block;
  padding: 10px;
  color: #666;
  cursor: pointer;
}
.selectric-items li.selected {
  background: #E0E0E0;
  color: #444;
}
.selectric-items li.highlighted {
  background: #D0D0D0;
  color: #444;
}
.selectric-items li:hover {
  background: #D5D5D5;
  color: #444;
}
.selectric-items .disabled {
  cursor: default !important;
  background: none !important;
  color: #666 !important;
}
.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  color: #444;
}
.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}
.selectric-items .selectric-group li {
  padding-left: 25px;
}

/* Variables */
/* ------------- */
/*In variables.scss car utilisés à d'autres endroits du site*/
form.wwpform {
  padding: 0;
  background-color: transparent;
}
form ul, form ol {
  list-style: none;
  padding-left: 0;
}
form fieldset,
form .form-group-wrap {
  padding: 2rem;
  background-color: var(--wp--preset--color--secondary);
  border: 1px solid 1px solid var(--wp--preset--color--primary);
}
form input,
form textarea,
form select {
  font-size: var(--wp--preset--font-size--small) !important;
  color: var(--wp--preset--color--grey) !important;
}
form input,
form textarea,
form select {
  width: calc(100% - var(--wp--preset--spacing--25) * 2);
  line-height: 1.2;
  background-color: var(--wp--preset--color--background);
  border-radius: 20px;
  border: none;
}
@media (max-width: 781px) {
  form input,
  form textarea,
  form select {
    font-size: 1.6rem !important;
  }
}
form input {
  height: 100%;
  padding-right: 5rem;
}
form [type=color],
form [type=date],
form [type=datetime-local],
form [type=email],
form [type=month],
form [type=number],
form [type=password],
form [type=search],
form [type=tel],
form [type=text],
form [type=time],
form [type=url],
form [type=week],
form select,
form textarea {
  min-height: 20px;
  padding: var(--wp--preset--spacing--12) var(--wp--preset--spacing--25);
  font-family: var(--wp--preset--font-family--base);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  form [type=color],
  form [type=date],
  form [type=datetime-local],
  form [type=email],
  form [type=month],
  form [type=number],
  form [type=password],
  form [type=search],
  form [type=tel],
  form [type=text],
  form [type=time],
  form [type=url],
  form [type=week],
  form select,
  form textarea {
    height: 20px;
  }
}
@media (max-width: 781px) {
  form [type=color],
  form [type=date],
  form [type=datetime-local],
  form [type=email],
  form [type=month],
  form [type=number],
  form [type=password],
  form [type=search],
  form [type=tel],
  form [type=text],
  form [type=time],
  form [type=url],
  form [type=week],
  form select,
  form textarea {
    font-size: var(--wp--preset--font-size--small);
  }
}
form input[type=file] {
  font-size: inherit;
}
form label {
  color: var(--wp--preset--color--base);
  font-size: var(--wp--preset--font-size--small);
}
form legend {
  color: var(--wp--preset--color--base);
}
form ::-moz-placeholder {
  letter-spacing: 0;
  color: var(--wp--preset--color--grey);
  font-size: var(--wp--preset--font-size--small);
  line-height: normal;
}
form :-ms-input-placeholder {
  letter-spacing: 0;
  color: var(--wp--preset--color--grey);
  font-size: var(--wp--preset--font-size--small);
  line-height: normal;
}
form ::placeholder {
  letter-spacing: 0;
  color: var(--wp--preset--color--grey);
  font-size: var(--wp--preset--font-size--small);
  line-height: normal;
}
form textarea {
  min-height: 40px;
  padding-top: 14px;
}

.form-group {
  position: relative;
  margin-bottom: 1rem;
}

.select-wrap {
  width: 100%;
}

.select-style select {
  height: 20px;
  width: 100%;
}
.select-style label.error {
  display: none;
}

/*Variables
à modifier directement dans le fichier selectric.scss
*/
.selectric-wrapper .selectric {
  border: none;
  border-radius: 20px;
  box-shadow: 0 0 0 1px var(--wp--preset--color--primary) inset;
}
.selectric-wrapper .selectric .button {
  display: flex;
  align-items: center;
  width: 20px;
  min-width: auto;
  height: 100%;
  min-height: auto;
  margin: 0;
  padding: 0;
  font-size: 0;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
}
.selectric-wrapper .selectric .button::before {
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
}
.selectric-wrapper .selectric .button::after {
  content: none;
}
.selectric-wrapper .selectric-items li.selected {
  background-color: #dadada;
}
.selectric-wrapper .selectric-items li:hover,
.selectric-wrapper .selectric-items li:focus {
  background-color: #dee0e3;
}

@media (max-width: 781px) {
  .selectric {
    padding-left: 2rem;
  }
  .selectric .label {
    margin-right: 1rem;
  }
  .selectric .button {
    width: 20px;
  }
}
.switch-wrap,
.checkbox-wrap,
.module-tracker .trackers-cookie-container form.wwpform .checkbox-tracker,
.radio-wrap {
  display: flex;
  align-items: flex-start;
}

.switch,
.checkbox,
.radio {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  box-shadow: 0 0 0 1px var(--wp--preset--color--primary) inset;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.switch ~ label,
.checkbox ~ label,
.radio ~ label {
  margin-bottom: 0;
  padding-top: 1px;
  font-size: var(--wp--preset--font-size--small);
}

.checkbox,
.radio {
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
  transition: background-color 0.15s;
  /*IE 10-11*/
}
.checkbox:checked,
.radio:checked {
  background-color: white !important;
}
.checkbox:checked,
.radio:checked {
  background-image: none;
}
.checkbox:checked::before,
.radio:checked::before {
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  background-color: var(--wp--preset--color--primary);
  border-radius: 5px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .checkbox:checked,
  .radio:checked {
    background-color: var(--wp--preset--color--base) !important;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=) !important;
  }
}

.checkbox {
  border-radius: 5px;
}

.radio {
  border-radius: 50%;
}
.radio:checked::before {
  border-radius: 50%;
}

[type=submit] {
  justify-content: center;
  font-family: var(--wp--preset--font-family--base);
  min-height: 20px;
  padding: var(--wp--preset--spacing--12) var(--wp--preset--spacing--25);
  font-size: var(--wp--preset--font-size--small);
  font-weight: 600;
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--primary);
  border: none;
  border-radius: 60px;
  cursor: pointer;
}

.dob-wrap .field-group {
  display: flex;
  margin-right: -1rem;
  margin-left: -1rem;
}
.dob-wrap .field-group > div {
  flex: 1 1 33.3333333333%;
  margin-right: 1rem;
  margin-left: 1rem;
}

fieldset.inline {
  margin: 0;
  padding: 0;
}
fieldset.inline .form-group {
  display: inline-block;
  margin-right: 5%;
}
fieldset.inline .form-group:last-child {
  margin-right: 0;
}

.form-before-fields {
  flex: 1 1 100% !important;
}

.form-before-fields {
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-style: italic;
}

.help {
  margin-top: 1rem;
}
.help span {
  display: block;
  font-size: 1.2rem;
  font-style: italic;
  color: var(--wp--preset--color--base);
  line-height: 1.2;
}

input[type=text]:required:valid,
input[type=number]:required:valid {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAABGdBTUEAALGPC/xhBQAAAOFJREFUKBVjZCASzJmjrPP7z9+NDIyMKzLT71czEqMPrOnvv30M//+LgtQzMjOmMBHSiK4JqP47w1/ma2CNQEmVmTOV+NENwaaJmYnJLyPjznEmoAbvP3//Xf3////puXPVpWCacWlKS7u3B6SGccYMhSf/GRikwRwGxtusrGwOf/78Fv7H8H8vzE9Aue8gm2CaQGqZGBkZqoH0PxDnP8N/1V9/fh0kpAmkFhyq02cpJzD8+zsXyEcPLAybQJpAAB4dWDTj1ISiEcRB0vwT3U8gebxgxgwl59mzlY3xKgJKAgDWBHhtFDswJQAAAABJRU5ErkJggg==");
  background-position: calc(100% - 2rem) center;
  background-repeat: no-repeat;
}

form label.error {
  color: #D9534F !important;
}

form label.error {
  font-size: 0.9em;
  font-style: italic;
}
form input.error {
  color: #D9534F !important;
  background-color: rgb(244.1682242991, 205.9719626168, 204.8317757009) !important;
}

.form-errors {
  margin-bottom: 4rem;
  padding: 15px;
  font-size: 2rem;
  color: #D9534F;
  background-color: rgb(244.1682242991, 205.9719626168, 204.8317757009);
  border-bottom: 4px solid #D9534F;
}

.has-error input {
  border: 1px solid #D9534F;
}
.has-error .label-error {
  color: #D9534F;
}

/*
Form options (gutenberg ?)
*/
/*
  Présentation en ligne
  Variantes : nombre de colonnes, largeur de gouttière
*/
.form-inline form {
  display: flex;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px;
}
.form-inline form .form-before-fields {
  margin: 12px;
}
.form-inline form .form-group {
  flex: 1 1 calc((100% / 2) - 24px);
  flex: 1 1 calc(calc(100% / 2) - 24px);
  margin: 12px;
}
.form-inline form .checkbox-wrap, .form-inline .module-tracker .trackers-cookie-container form.wwpform .checkbox-tracker, .module-tracker .trackers-cookie-container .form-inline form.wwpform .checkbox-tracker,
.form-inline form .radio-wrap,
.form-inline form .textarea-wrap {
  flex-basis: 100%;
}
.form-inline form .message-wrap {
  display: block;
}
.form-inline form .submitFormField {
  width: 100%;
  text-align: center;
}
@media (max-width: 781px) {
  .form-inline form {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .form-inline form .form-before-fields,
  .form-inline form .group-wrap {
    width: 100% !important;
  }
  .form-inline form .form-before-fields,
  .form-inline form .group-wrap {
    margin: 1rem 0;
  }
  .form-inline form .field-group {
    margin-bottom: 2rem;
  }
  .form-inline form .form-group:not(.checkbox-wrap):not(.radio-wrap) {
    width: 100% !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .form-inline form .form-group:not(.checkbox-wrap):not(.radio-wrap) {
    display: block;
  }
  .form-inline form .selectric {
    padding-left: 0;
  }
  .form-inline form .selectric .label {
    margin-left: 0;
    margin-right: 0;
  }
  .form-inline form .selectric .button {
    width: 45px;
  }
}

/*Chosen styles override*/
.chosen-container {
  width: 100% !important;
}

.chosen-choices {
  margin-top: 0 !important;
}

.chosen-choices {
  min-height: 20px;
  padding: 2px 5px;
  box-shadow: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .chosen-choices {
    height: 20px;
  }
}
.chosen-choices li.search-field {
  height: 12px;
}
.chosen-choices li.search-field input[type=text] {
  font-family: var(--wp--preset--font-family--base);
  min-height: 12px;
  padding: 0 4px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .chosen-choices li.search-field input[type=text] {
    height: 12px;
  }
}

.tcvf-block {
  display: flex;
}
.tcvf-block .filter-part {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.tcvf-block .filter-part .wwp-innerblock-content {
  flex: 1;
}
.tcvf-block .filter-part .tcvf-item-component {
  height: 100%;
}
.tcvf-block .filter-part .content {
  display: none;
}
.tcvf-block .content-part {
  flex: 0 1 40rem;
  padding: 4rem 5rem 3rem 5rem;
  background-color: var(--wp--preset--color--secondary);
}
.tcvf-block .content-part > * {
  animation-name: fadeIn;
  animation-duration: 300ms;
}
.tcvf-block .content-part h3, .tcvf-block .content-part .h3-like, .tcvf-block .content-part .module-newsletter .nl-title, .module-newsletter .tcvf-block .content-part .nl-title {
  margin: 0;
}
.tcvf-block .content-part img {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 960px) {
  .tcvf-block {
    flex-direction: column;
  }
  .tcvf-block .filter-part {
    display: flex;
    flex-direction: column;
  }
  .tcvf-block .filter-part > div {
    flex: 1;
  }
  .tcvf-block .filter-part a {
    padding-left: 2rem !important;
  }
  .tcvf-block .filter-part a .text {
    padding-right: 0;
  }
}
@media (max-width: 781px) {
  .tcvf-block .filter-part {
    display: block;
    margin-bottom: 2rem;
  }
  .tcvf-block .filter-part a {
    padding-left: 0 !important;
  }
  .tcvf-block .filter-part a .title {
    margin: 1rem 0 1rem 0;
  }
  .tcvf-block .content-part {
    display: none;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.tcvf-block.tcvf-block--vertical {
  display: block;
}
.tcvf-block.tcvf-block--vertical .filter-part {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
}
.tcvf-block.tcvf-block--vertical .filter-part .tcvf-item-component a {
  display: block;
}
.tcvf-item-component a {
  display: flex;
  align-items: center;
  text-decoration: none;
  height: 100%;
  padding: 3rem;
  transition: all 0.4s;
}
.tcvf-item-component a .title,
.tcvf-item-component a .text {
  margin: 0;
}
.tcvf-item-component a .title {
  position: relative;
  font-size: 1.7rem;
}
.tcvf-item-component a .text {
  padding-right: 4rem;
}
.tcvf-item-component a:hover, .tcvf-item-component a:focus {
  background-color: rgba(236, 237, 240, 0.5411764706);
}
.tcvf-item-component a.active {
  background-color: var(--wp--preset--color--secondary);
}
.tcvf-item-component .content {
  display: none;
}
@media (max-width: 781px) {
  .tcvf-item-component .content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .tcvf-item-component .content img {
    width: 90%;
  }
  .tcvf-item-component a {
    padding-right: 1rem;
    pointer-events: none;
  }
  .tcvf-item-component a .title span {
    flex-direction: column;
    align-items: flex-start;
    padding-right: 0;
  }
  .tcvf-item-component a .title strong {
    min-height: auto;
    margin-bottom: 10px;
  }
  .tcvf-item-component a .title::after {
    content: none;
  }
}

/*!
	Modaal - accessible modals - v0.3.1
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-noscroll {
  overflow: hidden;
}

.modaal-accessible-hide {
  position: absolute !important;
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
}

.modaal-accessible-hide {
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
}

.modaal-overlay {
  background-color: rgb(228, 228, 228) !important;
}

.modaal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: calc(5000 - 1);
  opacity: 0;
}

.modaal-wrapper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;
  overflow: auto;
  opacity: 1;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  transition: all 0.3s ease-in-out;
}
.modaal-wrapper * {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
}
.modaal-wrapper .modaal-close {
  border: none;
  background: transparent;
  padding: 0;
  -webkit-appearance: none;
}
.modaal-wrapper.modaal-start_none {
  display: none;
  opacity: 1;
}
.modaal-wrapper.modaal-start_fade {
  opacity: 0;
}
.modaal-wrapper *[tabindex="0"] {
  outline: none !important;
}
.modaal-wrapper.modaal-fullscreen {
  overflow: hidden;
}

.modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}
.modaal-outer-wrapper .entry-header {
  padding: 0;
}
.modaal-outer-wrapper .container {
  width: 100%;
}
.modaal-fullscreen .modaal-outer-wrapper {
  display: block;
}

.modaal-inner-wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 80px 25px;
}
.modaal-fullscreen .modaal-inner-wrapper {
  padding: 0;
  display: block;
  vertical-align: top;
}

.modaal-container {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: auto;
  text-align: left;
  color: #000;
  max-width: 1000px;
  border-radius: 0px;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  cursor: auto;
}
.modaal-container.is_loading {
  height: 100px;
  width: 100px;
  overflow: hidden;
}
.modaal-fullscreen .modaal-container {
  max-width: none;
  height: 100%;
  overflow: auto;
}

.modaal-close {
  position: fixed;
  right: 20px;
  top: 20px;
  color: var(--wp--preset--color--base);
  background: transparent;
  width: 36px;
  height: 36px;
  min-height: 36px;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: capitalize;
  box-shadow: none;
  cursor: pointer;
  opacity: 1;
  transition: all 0.2s ease-in-out;
}
.modaal-close span {
  position: absolute !important;
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
}
.modaal-close span {
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
}
.modaal-close:before, .modaal-close:after {
  display: block;
  content: " ";
  position: absolute;
  top: 6px;
  left: 16px;
  width: 2px;
  height: 22px;
  background: var(--wp--preset--color--base);
  transition: background 0.2s ease-in-out;
}
.modaal-close:before {
  transform: rotate(-45deg);
}
.modaal-close:after {
  transform: rotate(45deg);
}
.modaal-close:focus, .modaal-close:hover {
  outline: none;
}
.modaal-close:focus::before, .modaal-close:focus::after, .modaal-close:hover::before, .modaal-close:hover::after {
  background: var(--wp--preset--color--primary);
}

.modaal-content-container {
  padding: 30px;
}

.modaal-confirm-wrap {
  padding: 30px 0 0;
  text-align: center;
  font-size: 0;
}

.modaal-confirm-btn {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: transparent;
}
.modaal-confirm-btn.modaal-ok {
  padding: 10px 15px;
  color: #fff;
  background: #555;
  border-radius: 3px;
  transition: background 0.2s ease-in-out;
}
.modaal-confirm-btn.modaal-ok:hover {
  background: rgb(46.75, 46.75, 46.75);
}
.modaal-confirm-btn.modaal-cancel {
  text-decoration: underline;
}
.modaal-confirm-btn.modaal-cancel:hover {
  text-decoration: none;
  color: rgb(46.75, 46.75, 46.75);
}

@keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.modaal-instagram .modaal-container {
  box-shadow: none !important;
}
.modaal-instagram .modaal-container {
  width: auto;
  background: transparent;
}
.modaal-instagram .modaal-content-container {
  padding: 0;
  background: transparent;
}
.modaal-instagram .modaal-content-container > blockquote {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}
.modaal-instagram iframe {
  margin: -6px !important;
  border-radius: 0 !important;
  width: 1000px !important;
  max-width: 800px !important;
  box-shadow: none !important;
}
.modaal-instagram iframe {
  opacity: 0;
  animation: instaReveal 1s linear forwards;
}

.modaal-image .modaal-inner-wrapper {
  padding-left: 140px;
  padding-right: 140px;
}
.modaal-image .modaal-container {
  width: auto;
  max-width: 100%;
}

.modaal-gallery-wrap {
  position: relative;
  color: #fff;
}

.modaal-gallery-item {
  display: none;
}
.modaal-gallery-item img {
  display: block;
}
.modaal-gallery-item.is_active {
  display: block;
}

.modaal-gallery-label {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 20px 0 0;
  font-size: 18px;
  text-align: center;
  color: #fff;
}
.modaal-gallery-label:focus {
  outline: none;
}

.modaal-gallery-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  cursor: pointer;
  color: #fff;
  width: 50px;
  height: 50px;
  min-height: 50px;
  padding: 0;
  background: rgba(0, 0, 0, 0);
  border: none;
  box-shadow: none;
  border-radius: 100%;
  transition: all 0.2s ease-in-out;
}
.modaal-gallery-control.is_hidden {
  opacity: 0;
  cursor: default;
}
.modaal-gallery-control:focus, .modaal-gallery-control:hover {
  outline: none;
  background: #fff;
}
.modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after {
  background: #afb7bc;
}
.modaal-gallery-control span {
  position: absolute !important;
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
}
.modaal-gallery-control span {
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
}
.modaal-gallery-control:before, .modaal-gallery-control:after {
  display: block;
  content: " ";
  position: absolute;
  top: 16px;
  left: 25px;
  width: 2px;
  height: 18px;
  background: #fff;
  transition: background 0.2s ease-in-out;
}
.modaal-gallery-control:before {
  margin: -7px 0 0;
  transform: rotate(-45deg);
}
.modaal-gallery-control:after {
  margin: 7px 0 0;
  transform: rotate(45deg);
}

.modaal-gallery-next {
  left: 100%;
  margin-left: 40px;
}

.modaal-gallery-prev {
  right: 100%;
  margin-right: 40px;
}
.modaal-gallery-prev:before, .modaal-gallery-prev:after {
  left: 22px;
}
.modaal-gallery-prev:before {
  margin: 5px 0 0;
  transform: rotate(-45deg);
}
.modaal-gallery-prev:after {
  margin: -5px 0 0;
  transform: rotate(45deg);
}

.modaal-video-wrap {
  margin: auto 50px;
  position: relative;
}

.modaal-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: #000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modaal-iframe .modaal-content {
  width: 100%;
  height: 100%;
}

.modaal-iframe-elem {
  width: 100%;
  height: 100%;
  display: block;
}

@media only screen and (min-width: 1400px) {
  .modaal-video-container {
    padding-bottom: 0;
    height: 731px;
  }
}
@media only screen and (max-width: 1140px) {
  .modaal-image .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
  .modaal-gallery-control {
    top: auto;
    bottom: 20px;
    transform: none;
    background: rgba(0, 0, 0, 0.7);
  }
  .modaal-gallery-control:before, .modaal-gallery-control:after {
    background: #fff;
  }
  .modaal-gallery-next {
    left: auto;
    right: 20px;
  }
  .modaal-gallery-prev {
    left: 20px;
    right: auto;
  }
}
@media screen and (max-width: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
}
@media screen and (max-height: 1100px) {
  .modaal-instagram iframe {
    width: 700px !important;
  }
}
@media screen and (max-height: 1000px) {
  .modaal-inner-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .modaal-instagram iframe {
    width: 600px !important;
  }
}
@media screen and (max-height: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
  .modaal-video-container {
    max-width: 900px;
    max-height: 510px;
  }
}
@media only screen and (max-width: 600px) {
  .modaal-instagram iframe {
    width: 280px !important;
  }
}
@media only screen and (max-height: 820px) {
  .modaal-gallery-label {
    display: none;
  }
}
.modaal-loading-spinner {
  background: none;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  transform: scale(0.25);
}
@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    transform: scale(1.5);
  }
  100% {
    opacity: 0.1;
    transform: scale(1);
  }
}
.modaal-loading-spinner > div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute;
}

.modaal-loading-spinner > div > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff;
}

.modaal-loading-spinner > div:nth-of-type(1) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0s;
}

.modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(1) {
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(2) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.12s;
}

.modaal-loading-spinner > div:nth-of-type(2) {
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(3) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.25s;
}

.modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(3) {
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(4) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.37s;
}

.modaal-loading-spinner > div:nth-of-type(4) {
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(5) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.5s;
}

.modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(5) {
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(6) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.62s;
}

.modaal-loading-spinner > div:nth-of-type(6) {
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(7) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.75s;
}

.modaal-loading-spinner > div:nth-of-type(7) {
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(8) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.87s;
}

.modaal-loading-spinner > div:nth-of-type(8) {
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}

/* ----------------------------- */
/* ==ACTUS CARD    */
/* ----------------------------- */
.actu-item a {
  text-decoration: none;
  position: relative;
}
.actu-item .img-wrap {
  height: 28rem;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
}
.actu-item .img-wrap::after {
  content: "";
  display: block;
  opacity: 0.75;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0.6) 80%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: background 0.3s ease-in-out;
}
.actu-item .img-wrap img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  transition: transform 0.3s ease-in-out;
}
.actu-item .card-block {
  color: var(--wp--preset--color--white) !important;
}
.actu-item .card-block {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 4rem);
  padding: 2rem;
}
.actu-item .card-block::after {
  content: "";
  display: block;
  width: 40.043px;
  height: 4px;
  border-radius: 100px 100px 0 0;
  background: var(--wp--preset--color--secondary);
  position: absolute;
  bottom: 0;
  left: 2rem;
}
.actu-item .card-block .card-title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 0.8;
}
.actu-item .card-block .card-date,
.actu-item .card-block .card-text,
.actu-item .card-block .card-link {
  position: absolute !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}
.actu-item .card-block ul.card-categories {
  padding-left: 0;
  list-style: none;
}
.actu-item .card-block ul.card-categories li {
  font-size: 1.3rem;
  font-weight: 500;
  color: var(--wp--preset--color--secondary);
}
.actu-item a:hover .img-wrap::after,
.actu-item a:focus .img-wrap::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0.8) 80%);
}
.actu-item a:hover .img-wrap img,
.actu-item a:focus .img-wrap img {
  transform: scale(1.05);
}

/*$nl-color: red;
$nl-bgcolor: blue;*/
.section-newsletter {
  margin-top: 0;
}
.section-newsletter .wp-block-group {
  position: absolute;
  left: 50%;
  width: -moz-max-content;
  width: max-content;
  transform: translate(-50%, -50%);
  z-index: 10;
  text-align: center;
}
@media (max-width: 960px) {
  .section-newsletter .wp-block-group {
    padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--32) !important;
  }
}
@media (max-width: 600px) {
  .section-newsletter .wp-block-group {
    max-width: 330px;
  }
}
.section-newsletter .wp-block-group > * {
  margin: 0;
}
@media (max-width: 960px) {
  .section-newsletter .wp-block-group p {
    display: none;
  }
}
.section-newsletter .wp-block-group .is-style-link {
  margin-left: auto;
  margin-right: auto;
}
.section-newsletter .wp-block-group .is-style-link .wp-block-button__link {
  color: var(--wp--preset--color--white);
  font-size: var(--wp--preset--font-size--large);
  font-weight: 800;
  text-underline-offset: 0.2em;
}
@media (max-width: 960px) {
  .section-newsletter .wp-block-group .is-style-link .wp-block-button__link {
    margin-top: 0 !important;
  }
}
.section-newsletter .wp-block-group .is-style-link .wp-block-button__link.focus-visible, .section-newsletter .wp-block-group .is-style-link .wp-block-button__link:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}
.section-newsletter .wp-block-group .is-style-link .wp-block-button__link.focus-visible, .section-newsletter .wp-block-group .is-style-link .wp-block-button__link:focus {
  text-decoration: underline;
}
.section-newsletter .wp-block-group .is-style-link .wp-block-button__link:focus-visible, .section-newsletter .wp-block-group .is-style-link .wp-block-button__link:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}
.section-newsletter .wp-block-group .is-style-link .wp-block-button__link:focus-visible, .section-newsletter .wp-block-group .is-style-link .wp-block-button__link:focus {
  text-decoration: underline;
}
.section-newsletter .wp-block-group .is-style-link .wp-block-button__link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section-newsletter .modal-newsletter {
  display: none;
}

.modaal-container {
  max-width: 600px;
  border-radius: 30px;
  padding: var(--wp--preset--spacing--12) var(--wp--preset--spacing--25);
}
@media (max-width: 600px) {
  .modaal-container {
    padding: var(--wp--preset--spacing--12);
  }
}
.modaal-container .submitFormField button {
  border-radius: 0 60px 60px 0;
}
.modaal-container input[type=email] {
  width: 100%;
}

/*$nl-color: red;
$nl-bgcolor: blue;*/
@media (max-width: 782px) {
  .section-logos .wp-block-group:first-child {
    flex-direction: column;
    align-items: center;
    gap: 4rem;
  }
}
@media (max-width: 782px) {
  .section-logos .wp-block-group:first-child .gallery-logos {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/*$nl-color: red;
$nl-bgcolor: blue;*/
/* ----------------------------- */
/* == VARIABLES - PROJECT */
/* ----------------------------- */
.section-project .tcvf-block {
  position: relative;
  display: flex;
  flex-direction: column;
}
.section-project .tcvf-block .filter-part {
  position: absolute;
  top: var(--wp--preset--spacing--80);
  left: 50%;
  background: none;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
@media (max-width: 960px) {
  .section-project .tcvf-block .filter-part {
    position: relative;
    left: auto;
    top: auto;
    margin-top: var(--wp--preset--spacing--64);
  }
}
.section-project .tcvf-block .filter-part::before {
  content: "";
  background: linear-gradient(90deg, rgb(0, 117, 105) 80%, rgba(255, 255, 255, 0) 100%);
  height: 6px;
  width: calc(100% + var(--wp--preset--spacing--64));
  position: absolute;
  top: 39px;
  left: calc(var(--wp--preset--spacing--25) * -1);
}
@media (max-width: 960px) {
  .section-project .tcvf-block .filter-part::before {
    width: 100%;
  }
}
.section-project .tcvf-block .filter-part .tcvf-item-component {
  position: relative;
}
@media (max-width: 960px) {
  .section-project .tcvf-block .filter-part .tcvf-item-component {
    margin-left: calc(var(--wp--preset--spacing--20) * -1);
  }
}
.section-project .tcvf-block .filter-part .tcvf-item-component a {
  pointer-events: auto !important;
}
.section-project .tcvf-block .filter-part .tcvf-item-component a {
  height: calc(100% - (var(--wp--preset--spacing--64) + var(--wp--preset--spacing--20)));
  align-items: start;
  padding-top: var(--wp--preset--spacing--64);
  padding-bottom: var(--wp--preset--spacing--20);
  padding-right: var(--wp--preset--spacing--20);
  padding-left: var(--wp--preset--spacing--20);
}
@media (max-width: 960px) {
  .section-project .tcvf-block .filter-part .tcvf-item-component a {
    margin-left: var(--wp--preset--spacing--20);
  }
}
.section-project .tcvf-block .filter-part .tcvf-item-component a .text {
  padding-right: 0;
}
.section-project .tcvf-block .filter-part .tcvf-item-component a.active {
  background: none;
  z-index: 10;
  position: relative;
  color: var(--wp--preset--color--base);
}
.section-project .tcvf-block .filter-part .tcvf-item-component a.active .text {
  color: var(--wp--preset--color--base);
}
.section-project .tcvf-block .filter-part .tcvf-item-component a.active::after {
  content: "";
  background: var(--wp--preset--color--white);
  border-radius: 6px;
  opacity: 0.6;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -10px;
  left: 0;
  z-index: -1;
}
@media (max-width: 960px) {
  .section-project .tcvf-block .filter-part .tcvf-item-component a.active::after {
    left: -10px;
  }
}
@media (max-width: 960px) {
  .section-project .tcvf-block .filter-part .tcvf-item-component a.active::before {
    left: 0;
  }
}
.section-project .tcvf-block .filter-part .tcvf-item-component a:hover,
.section-project .tcvf-block .filter-part .tcvf-item-component a:focus {
  background: transparent;
}
.section-project .tcvf-block .filter-part .tcvf-item-component a:hover .text,
.section-project .tcvf-block .filter-part .tcvf-item-component a:focus .text {
  color: var(--wp--preset--color--base);
  text-decoration: underline;
}
.section-project .tcvf-block .filter-part .tcvf-item-component::before {
  font-family: var(--wp--preset--font-family--roboto-mono);
  font-size: var(--wp--preset--font-size--large);
  font-weight: 500;
  position: absolute;
  left: var(--wp--preset--spacing--16);
  top: -5px;
  z-index: 20;
}
.section-project .tcvf-block .filter-part .tcvf-item-component a::before {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  position: absolute;
  left: var(--wp--preset--spacing--20);
  top: 35px;
}
.section-project .tcvf-block .filter-part .wwp-innerblock-content:nth-child(1) .tcvf-item-component::before {
  content: "01";
  color: var(--wp--preset--color--primary-light);
}
.section-project .tcvf-block .filter-part .wwp-innerblock-content:nth-child(1) a::before {
  background: var(--wp--preset--color--primary-light);
}
.section-project .tcvf-block .filter-part .wwp-innerblock-content:nth-child(2) .tcvf-item-component::before {
  content: "02";
  color: var(--wp--preset--color--secondary);
}
.section-project .tcvf-block .filter-part .wwp-innerblock-content:nth-child(2) a::before {
  background: var(--wp--preset--color--secondary);
}
.section-project .tcvf-block .filter-part .wwp-innerblock-content:nth-child(3) .tcvf-item-component::before {
  content: "03";
  color: var(--wp--preset--color--primary-medium);
}
.section-project .tcvf-block .filter-part .wwp-innerblock-content:nth-child(3) a::before {
  background: var(--wp--preset--color--primary-medium);
}
.section-project .tcvf-block .filter-part .text {
  font-family: var(--wp--preset--font-family--space-mono);
  font-size: 12px;
  font-weight: 700;
  color: var(--wp--preset--color--grey);
  line-height: 1.2;
  text-transform: uppercase;
  transition: color 0.3s ease;
}
.section-project .tcvf-block .content-part {
  display: block !important;
}
.section-project .tcvf-block .content-part {
  background: none;
  padding-top: var(--wp--preset--spacing--64);
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
@media (max-width: 960px) {
  .section-project .tcvf-block .content-part {
    padding-top: var(--wp--preset--spacing--40);
  }
}
.section-project .tcvf-block .content-part .wp-block-columns {
  gap: 5rem;
}
@media (max-width: 960px) {
  .section-project .tcvf-block .content-part .wp-block-columns {
    flex-direction: column-reverse;
  }
}
.section-project .tcvf-block .content-part .right-col {
  padding-top: 190px;
}
@media (max-width: 960px) {
  .section-project .tcvf-block .content-part .right-col {
    padding-top: 0;
  }
}
.section-project .tcvf-block .content-part .left-col {
  z-index: 10;
}

/*$nl-color: red;
$nl-bgcolor: blue;*/
/* ----------------------------- */
/* == VARIABLES - WORKS */
/* ----------------------------- */
/* ----------------------------- */
/* == MIXINS - WORKS */
/* ----------------------------- */
/* ----------------------------- */
/* == STYLES - WORKS */
/* ----------------------------- */
@media (min-width: 960px) {
  .section-works h2, .section-works .h2-like {
    margin-left: calc(313px + var(--wp--preset--spacing--80));
  }
}
@media (min-width: 1040px) {
  .section-works h2, .section-works .h2-like {
    margin-left: auto;
  }
}
@media (max-width: 960px) {
  .section-works {
    padding-top: 220px !important;
  }
}
.section-works > .wp-block-group:first-of-type {
  position: relative;
}
.section-works .tcvf-block .filter-part {
  position: absolute;
  top: calc(var(--wp--preset--spacing--80) * -1);
  left: 0;
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  font-family: var(--wp--preset--font-family--space-mono);
  border-radius: 0 0 200px 200px;
  width: calc(313px - var(--wp--preset--spacing--64));
  padding: var(--wp--preset--spacing--64) var(--wp--preset--spacing--64) var(--wp--preset--spacing--64) 0;
  gap: 2px;
}
@media (max-width: 960px) {
  .section-works .tcvf-block .filter-part {
    display: flex !important;
  }
  .section-works .tcvf-block .filter-part {
    flex-direction: row;
    left: calc(var(--wp--preset--spacing--20) * -1);
    top: calc((220px - var(--wp--preset--spacing--20)) * -1);
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 var(--wp--preset--spacing--16) var(--wp--preset--spacing--50) var(--wp--preset--spacing--20);
    border-radius: 0 200px 200px 0;
    height: 100px;
  }
}
@media (max-width: 385px) {
  .section-works .tcvf-block .filter-part {
    padding-right: var(--wp--preset--spacing--32);
  }
}
.section-works .tcvf-block .filter-part::before {
  content: "";
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 15%, rgba(201, 214, 64, 0.9) 50%, rgba(231, 25, 132, 0.7) 75%, rgba(255, 255, 255, 0.2) 90%);
  width: 15px;
  position: absolute;
  top: calc(var(--wp--preset--spacing--50) * -1);
  bottom: var(--wp--preset--spacing--6);
  right: 76px;
}
@media (max-width: 960px) {
  .section-works .tcvf-block .filter-part::before {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 15%, rgba(201, 214, 64, 0.9) 50%, rgba(231, 25, 132, 0.7) 75%, rgba(255, 255, 255, 0.2) 90%);
    height: 15px;
    width: 100%;
    left: 0;
    right: auto;
    top: auto;
    bottom: var(--wp--preset--spacing--25);
  }
}
.section-works .tcvf-block .filter-part .wwp-innerblock-content a.active::after, .section-works .tcvf-block .filter-part .wwp-innerblock-content a:hover::after, .section-works .tcvf-block .filter-part .wwp-innerblock-content a:focus::after {
  content: "";
  position: absolute;
  top: 50%;
  right: var(--wp--preset--spacing--12);
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
@media (max-width: 960px) {
  .section-works .tcvf-block .filter-part .wwp-innerblock-content a.active::after, .section-works .tcvf-block .filter-part .wwp-innerblock-content a:hover::after, .section-works .tcvf-block .filter-part .wwp-innerblock-content a:focus::after {
    right: auto;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 7px;
    top: auto;
  }
}
@media (max-width: 385px) {
  .section-works .tcvf-block .filter-part .wwp-innerblock-content a.active::after, .section-works .tcvf-block .filter-part .wwp-innerblock-content a:hover::after, .section-works .tcvf-block .filter-part .wwp-innerblock-content a:focus::after {
    bottom: var(--wp--preset--spacing--16);
  }
}
.section-works .tcvf-block .filter-part .wwp-innerblock-content:nth-child(1) a.active::after, .section-works .tcvf-block .filter-part .wwp-innerblock-content:nth-child(1) a:hover::after, .section-works .tcvf-block .filter-part .wwp-innerblock-content:nth-child(1) a:focus::after {
  background: var(--wp--preset--color--primary-light);
}
.section-works .tcvf-block .filter-part .wwp-innerblock-content:nth-child(2) a.active::after, .section-works .tcvf-block .filter-part .wwp-innerblock-content:nth-child(2) a:hover::after, .section-works .tcvf-block .filter-part .wwp-innerblock-content:nth-child(2) a:focus::after {
  background: var(--wp--preset--color--secondary);
}
.section-works .tcvf-block .filter-part .wwp-innerblock-content:nth-child(3) a.active::after, .section-works .tcvf-block .filter-part .wwp-innerblock-content:nth-child(3) a:hover::after, .section-works .tcvf-block .filter-part .wwp-innerblock-content:nth-child(3) a:focus::after {
  background: var(--wp--preset--color--primary-medium);
}
.section-works .tcvf-block .filter-part .tcvf-item-component a {
  pointer-events: auto !important;
}
.section-works .tcvf-block .filter-part .tcvf-item-component a {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-transform: uppercase;
  padding: var(--wp--preset--spacing--12) var(--wp--preset--spacing--40) var(--wp--preset--spacing--12) var(--wp--preset--spacing--16);
  border-radius: 0 60px 60px 0;
  position: relative;
  overflow: hidden;
}
@media (max-width: 960px) {
  .section-works .tcvf-block .filter-part .tcvf-item-component a {
    padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--16) var(--wp--preset--spacing--32) var(--wp--preset--spacing--16) !important;
  }
  .section-works .tcvf-block .filter-part .tcvf-item-component a {
    height: -moz-fit-content;
    height: fit-content;
    align-items: center;
    justify-content: flex-end;
    border-radius: 0 0 60px 60px;
  }
}
@media (max-width: 385px) {
  .section-works .tcvf-block .filter-part .tcvf-item-component a {
    padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--6) var(--wp--preset--spacing--40) var(--wp--preset--spacing--6) !important;
  }
}
.section-works .tcvf-block .filter-part .tcvf-item-component a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) -10%, #FFF 50%);
  opacity: 0;
  transition: opacity 0.5s ease-out;
  border-radius: 0 60px 60px 0;
}
@media (max-width: 960px) {
  .section-works .tcvf-block .filter-part .tcvf-item-component a::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) -10%, #FFF 50%);
    border-radius: 0 0 60px 60px;
  }
}
.section-works .tcvf-block .filter-part .tcvf-item-component a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--wp--preset--color--white);
}
@media (max-width: 960px) {
  .section-works .tcvf-block .filter-part .tcvf-item-component a::after {
    right: auto;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: var(--wp--preset--spacing--12);
    top: auto;
  }
}
@media (max-width: 385px) {
  .section-works .tcvf-block .filter-part .tcvf-item-component a::after {
    bottom: 19px;
  }
}
.section-works .tcvf-block .filter-part .tcvf-item-component a .title {
  margin: 0 !important;
}
.section-works .tcvf-block .filter-part .tcvf-item-component a .title {
  font-weight: 700;
  font-size: var(--wp--preset--font-size--small);
  opacity: 0.5;
  transition: opacity 0.5s ease-out, color 0.5s ease-out;
  will-change: opacity, color;
}
.section-works .tcvf-block .filter-part .tcvf-item-component a .text {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5rem;
  padding-right: 0;
  text-align: right;
  width: 90px;
  opacity: 0.5;
  transition: opacity 0.5s ease-out, color 0.5s ease-out;
  will-change: opacity, color;
}
@media (max-width: 960px) {
  .section-works .tcvf-block .filter-part .tcvf-item-component a .text {
    text-align: center;
  }
}
.section-works .tcvf-block .filter-part .tcvf-item-component a:hover, .section-works .tcvf-block .filter-part .tcvf-item-component a.active, .section-works .tcvf-block .filter-part .tcvf-item-component a:focus {
  color: var(--wp--preset--color--primary);
  background: none;
}
.section-works .tcvf-block .filter-part .tcvf-item-component a:hover::before, .section-works .tcvf-block .filter-part .tcvf-item-component a.active::before, .section-works .tcvf-block .filter-part .tcvf-item-component a:focus::before {
  opacity: 1;
}
.section-works .tcvf-block .filter-part .tcvf-item-component a:hover .title, .section-works .tcvf-block .filter-part .tcvf-item-component a:hover .text, .section-works .tcvf-block .filter-part .tcvf-item-component a.active .title, .section-works .tcvf-block .filter-part .tcvf-item-component a.active .text, .section-works .tcvf-block .filter-part .tcvf-item-component a:focus .title, .section-works .tcvf-block .filter-part .tcvf-item-component a:focus .text {
  opacity: 1;
}
.section-works .tcvf-block .content-part {
  display: block !important;
}
.section-works .tcvf-block .content-part {
  flex: 1;
  background: none;
  padding-left: calc(313px + var(--wp--preset--spacing--80));
  padding-top: var(--wp--preset--spacing--64);
  padding-right: 0;
  padding-bottom: 0;
}
@media (max-width: 960px) {
  .section-works .tcvf-block .content-part {
    padding-left: 0;
  }
}

/* ----------------------------- */
/* ==CONTENT                     */
/* ----------------------------- */
/*Worpress override*/
.page-content, .entry-content, .entry-summary, .hentry {
  margin: 0;
}

p:empty {
  display: none;
}

p.chapo {
  font-size: 2rem;
  font-weight: 700;
  color: var(--wp--preset--color--base);
}

.shape-svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.before-footer {
  padding: 4rem 0;
}

/*$nl-color: red;
$nl-bgcolor: blue;*/
/* ----------------------------- */
/* ==FOOTER      */
/* ----------------------------- */
.site-footer {
  padding-top: var(--wp--preset--spacing--20) !important;
  background: var(--wp--preset--color--white) !important;
}
.site-footer {
  position: relative;
  z-index: 10;
  margin-top: var(--wp--preset--spacing--20);
  margin-right: 0;
  margin-left: 0;
  padding-right: var(--wp--preset--spacing--20);
  padding-left: var(--wp--preset--spacing--20);
}
@media (max-width: 960px) {
  .site-footer .inner-footer {
    padding-left: var(--wp--preset--spacing--16) !important;
    padding-right: var(--wp--preset--spacing--16) !important;
  }
  .site-footer .inner-footer {
    flex-direction: column;
    align-items: center;
    gap: var(--wp--preset--spacing--20);
  }
}
.site-footer nav {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1280px) {
  .site-footer nav {
    position: relative;
    left: 0;
    transform: translateX(0);
  }
}
@media (max-width: 600px) {
  .site-footer nav ul {
    flex-direction: column;
    align-items: center;
  }
}
@media (min-width: 600px) {
  .site-footer nav li + li::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background: var(--wp--preset--color--white);
  }
}
.site-footer nav a {
  padding: var(--wp--preset--spacing--12) var(--wp--preset--spacing--20);
  font-weight: 300;
  text-transform: none;
}

/* ----------------------------- */
/* ==Newsletter form      */
/* ----------------------------- */
.module-newsletter form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.module-newsletter form [type=submit] {
  border-radius: 0 20px 20px 0;
}
[dir=rtl] .module-newsletter form [type=submit] {
  border-radius: 20px 0 0 20px;
}
.module-newsletter form label {
  display: block;
  margin-right: 0;
  text-align: left;
}
[dir=rtl] .module-newsletter form label {
  text-align: right;
}
.module-newsletter form .email-wrap,
.module-newsletter form .submitFormField {
  width: auto;
}
.module-newsletter form .email-wrap {
  flex: 1;
  margin-bottom: 0;
}
.module-newsletter form .email-wrap input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.module-newsletter form .checkbox-wrap, .module-newsletter .module-tracker .trackers-cookie-container form.wwpform .checkbox-tracker, .module-tracker .trackers-cookie-container .module-newsletter form.wwpform .checkbox-tracker {
  order: 1;
  flex-basis: 100%;
  margin-top: 2rem;
  margin-right: 0;
}
.module-newsletter form .submitFormField .btn {
  margin: 0;
}
.module-newsletter form .required {
  display: none;
}
@media (max-width: 781px) {
  .module-newsletter form {
    flex-direction: column;
  }
  .module-newsletter form .email-wrap,
  .module-newsletter form .submitFormField {
    width: 100% !important;
  }
  .module-newsletter form .email-wrap,
  .module-newsletter form .submitFormField {
    margin: 1rem 0;
  }
  .module-newsletter form .email-wrap input,
  .module-newsletter form [type=submit] {
    width: 100%;
    border-radius: 20px;
  }
}

/* ----------------------------- */
/* ==Tracker form      */
/* ----------------------------- */
.module-tracker {
  position: fixed;
  bottom: 2rem;
  left: 2rem;
  z-index: 9999;
  min-width: 59px;
  min-height: 56px;
  transition: visibility 0s, opacity 0.5s ease;
  opacity: 1;
  visibility: visible;
}
.module-tracker.loading {
  opacity: 0;
  visibility: hidden;
}
[dir=rtl] .module-tracker {
  left: auto;
  right: 2rem;
  text-align: right;
}
.module-tracker.no-form:not(.has-reopener) {
  display: none;
}
.module-tracker.has-form .manager-reopener {
  display: none;
}
.module-tracker.no-form:not(.has-reopener), .module-tracker[\:has\(.trackers-cookie-container\[style\%3D\%22display\:none\%3B\%22\]\)] {
  pointer-events: none;
}
.module-tracker.no-form:not(.has-reopener), .module-tracker:has(.trackers-cookie-container[style="display:none;"]) {
  pointer-events: none;
}
.module-tracker .manager-reopener {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
.module-tracker .manager-reopener {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 59px;
  height: 56px;
  padding: 0;
  font-size: 0;
  outline: none;
  color: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.module-tracker .manager-reopener svg {
  fill: var(--color-theme-primary);
  filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.2));
}
.no-touch .module-tracker .manager-reopener:hover svg, .module-tracker .manager-reopener:focus svg {
  filter: grayscale(50%) drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.4));
}
.module-tracker .trackers-cookie-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  max-width: 500px;
  padding: 3rem 3rem 2rem 3rem;
  background: white;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.15) 0 4px 24px, rgba(0, 0, 0, 0.05) 0 2px 6px;
}
.module-tracker .trackers-cookie-container .title {
  font-size: 2.2rem;
  text-transform: none;
}
.module-tracker .trackers-cookie-container p {
  font-size: 1.3rem;
}
.module-tracker .trackers-cookie-container .error-help {
  color: darkred;
  font-size: 0.9em;
  margin: 0;
}
.module-tracker .trackers-cookie-container form.wwpform {
  padding: 0;
  background-color: transparent;
}
.module-tracker .trackers-cookie-container form.wwpform .title-tracker {
  margin-bottom: 0;
  font-size: 1.4rem;
}
.module-tracker .trackers-cookie-container form.wwpform .desc-tracker {
  font-size: 1.2rem;
}
.module-tracker .trackers-cookie-container form.wwpform .trackers-list {
  display: none;
  list-style: none;
  max-height: 35vh;
  overflow-y: scroll;
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 1em;
}
.module-tracker .trackers-cookie-container form.wwpform .tracker-row {
  display: flex;
  padding: 1rem 0;
  position: relative;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
.module-tracker .trackers-cookie-container form.wwpform .tracker-row p {
  margin-bottom: 0;
}
.module-tracker .trackers-cookie-container form.wwpform .tracker-row:last-child {
  border-bottom: none;
  padding-bottom: 2em;
}
.module-tracker .trackers-cookie-container form.wwpform .rangee-tracker {
  flex-direction: column;
  padding: 0;
  flex-basis: 90%;
}
.module-tracker .trackers-cookie-container form.wwpform .checkbox-tracker .checkbox {
  margin-right: 0;
}
[dir=rtl] .module-tracker .trackers-cookie-container form.wwpform .checkbox-tracker .checkbox {
  margin-left: 0;
  margin-right: 1rem;
}
.module-tracker .trackers-cookie-container form.wwpform .submitFormField {
  display: flex;
  justify-content: space-between;
  margin: 2rem -1rem 0 -1rem;
}
.module-tracker .trackers-cookie-container form.wwpform .submitFormField button {
  height: 3rem;
  min-height: 3rem;
  margin: 1rem;
  padding: 0 15px;
  font-size: 1.2rem;
}
.module-tracker .trackers-cookie-container form.wwpform .submitFormField button::after {
  content: none !important;
}
.module-tracker .trackers-cookie-container form.wwpform.loading .submitFormField {
  position: relative;
}
.module-tracker .trackers-cookie-container form.wwpform.loading .submitFormField:after {
  background: url("/app/themes/wwp_child_theme/assets/raw/images/loaders/loader_puff.svg") no-repeat center center !important;
}
.module-tracker .trackers-cookie-container form.wwpform.loading .submitFormField:after {
  content: "";
  display: block;
  width: 44px;
  height: 44px;
  position: absolute;
  left: calc(50% - 2.5rem);
  top: calc(50% - 22px);
  transform: scale(0.8);
}
.module-tracker .trackers-cookie-container form.wwpform.loading .btn {
  opacity: 0.1;
}
.module-tracker .trackers-cookie-container form.wwpform.loading .btn::after {
  content: none;
}
.module-tracker.loading .manager-reopener:after {
  background: rgba(255, 255, 255, 0.5) url("/app/themes/wwp_child_theme/assets/raw/images/loaders/loader_puff.svg") no-repeat center center !important;
}
.module-tracker.loading .manager-reopener:after {
  content: "";
  display: block;
  width: 4rem;
  height: 4rem;
  position: absolute;
  left: 9px;
  top: 10px;
}
.module-tracker .alert {
  width: 100%;
}
.module-tracker.presentation-inline {
  position: static;
  max-width: 100%;
  margin-top: 6rem;
  margin-bottom: 4rem;
  text-align: center;
  box-shadow: none;
  background: transparent;
}
.module-tracker.presentation-inline .trackers-cookie-container {
  flex-direction: column;
  align-items: center;
  max-width: 100%;
}
.module-tracker.presentation-inline .title {
  display: inline-block;
  margin-bottom: 1.5rem;
}
.module-tracker.presentation-inline .trackers-cookie-container form.wwpform .trackers-list {
  display: block;
}
.module-tracker.presentation-inline .btn-more-options {
  display: none !important;
}
.module-tracker.presentation-inline .wwpform {
  width: 100%;
  max-width: 782px;
}
@media (max-width: 781px) {
  .module-tracker .trackers-cookie-container {
    width: calc(100vw - 4rem);
  }
  .module-tracker .trackers-cookie-container form.wwpform .rangee-tracker {
    flex-basis: 100%;
  }
  .module-tracker .trackers-cookie-container form.wwpform .tracker-row {
    padding: 1rem 1rem;
  }
  .module-tracker .trackers-cookie-container form.wwpform .tracker-row:last-child {
    padding-bottom: 1em;
  }
  .module-tracker .trackers-cookie-container form.wwpform .title-tracker {
    font-size: 1.2rem;
  }
  .module-tracker .trackers-cookie-container form.wwpform .submitFormField button {
    padding: 0 8px;
    font-size: 1rem;
    letter-spacing: 0;
  }
}

.page-vos-donnees-personnelles > .module-tracker {
  display: none;
}

/*$nl-color: red;
$nl-bgcolor: blue;*/
/* ----------------------------- */
/* ==Tracker form      */
/* ----------------------------- */
.module-tracker .trackers-cookie-container form.wwpform .submitFormField button {
  justify-content: center;
  font-family: var(--wp--preset--font-family--base);
  min-height: 20px;
  padding: var(--wp--preset--spacing--12) var(--wp--preset--spacing--25);
  font-size: var(--wp--preset--font-size--small);
  font-weight: 600;
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--primary);
  border: none;
  border-radius: 60px;
  cursor: pointer;
  height: auto;
  width: -moz-fit-content;
  width: fit-content;
}
.module-tracker .trackers-cookie-container form.wwpform .submitFormField .btn-deny, .module-tracker .trackers-cookie-container form.wwpform .submitFormField .btn-more-options {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--primary);
  border: 1px solid var(--wp--preset--color--primary);
}

@media (max-width: 599px) {
  .module-tracker {
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
  }
  .module-tracker .trackers-cookie-container {
    width: auto;
    padding: var(--wp--preset--spacing--16) var(--wp--preset--spacing--20) var(--wp--preset--spacing--20) var(--wp--preset--spacing--20);
  }
  .module-tracker .trackers-cookie-container form.wwpform .submitFormField {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--wp--preset--spacing--8);
  }
  .module-tracker .trackers-cookie-container form.wwpform .submitFormField button {
    font-size: var(--wp--preset--font-size--small);
    margin: 0 var(--wp--preset--spacing--8) 0 0;
  }
  .module-tracker .trackers-cookie-container form.wwpform .submitFormField .btn-deny, .module-tracker .trackers-cookie-container form.wwpform .submitFormField .btn-more-options {
    flex: 1 1 30%;
  }
}