@font-face { font-family: 'Helvetica Neue';  src: url('../fonts/HelveticaNeueRegular.woff2') format('woff2'), url('../fonts/HelveticaNeueRegular.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica Neue'; src: url('../fonts/HelveticaNeue-Medium.woff2') format('woff2'), url('../fonts/HelveticaNeue-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica Neue'; src: url('../fonts/HelveticaNeue.woff2') format('woff2'), url('../fonts/HelveticaNeue.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica Neue'; src: url('../fonts/HelveticaNeue-Bold.woff2') format('woff2'), url('../fonts/HelveticaNeue-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
/*
@font-face { font-family: 'Helvetica Neue'; src: url('../fonts/HelveticaNeue-Light.woff2') format('woff2'), url('../fonts/HelveticaNeue-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica Neue'; src: url('../fonts/HelveticaNeue-Italic.woff2') format('woff2'), url('../fonts/HelveticaNeue-Italic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; }
@font-face { font-family: 'Helvetica Neue'; src: url('../fonts/HelveticaNeue-Thin.woff2') format('woff2'), url('../fonts/HelveticaNeue-Thin.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap; }
*/

:root{
  --global-body-font-family:'Helvetica Neue';
  --vh: 1vh;
  --vw: 1vw;
}

b, strong {
  font-weight: 600;
}

.wp-block-cover__image-background, .wp-block-cover__video-background {
  z-index: 1;
}

::-moz-selection{ background:var(--global-palette1); color:#fff }
::selection{ background:var(--global-palette1); color:#fff }

h2 { line-height: 1.2; }

.zoom-img img{ transition:all 400ms ease }
.zoom-img:hover img,
.zoom-img:focus img{ transform:scale(1.05) }

.p-global,
.wp-block-cover { padding: 0 var(--global-content-edge-padding); }

.img-footer { height: calc(70 * var(--vh)); max-width: calc(50 * var(--vw)); margin: auto; overflow: hidden !important; background: #000000; }
.img-footer > img{ object-position: 41% 17% !important; transition:all 300ms ease }
/* .img-footer:hover > img {  filter: blur(1.3em); } */
.img-footer:hover mark { text-decoration:underline; text-decoration-thickness:2px }
.img-footer .wp-block-buttons{ position: static !important }
.img-footer .wp-block-buttons a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }
@media (max-width:767px) {
  .img-footer { max-width:100%; }
}

@media (min-width:1400px) {
  .footer-navigation .menu { gap: 60px; }
}

/* 
#wrapper { padding: 78px 0 38px 0; }
@media (max-width: 1024px) {
  #wrapper { padding: 78px 0 48px 0; }
} */

/* Image formats ------------------------------------------------------------ */
.format{ display:block; position:relative; overflow:hidden }

.format iframe,
.format object,
.format embed,
.format img{ position:absolute; top:0; left:0; width:100%; height:100%; }
.format img{ object-fit:cover; transition:all 200ms ease }

.format-3-1{ padding-bottom:33.33% }
.format-16-9{padding-bottom:56.25% }
.format-4-3{ padding-bottom:75% }
.format-1-1{ padding-bottom:100% }
.format-6-7{ padding-bottom:116.66% }
.format-3-4{ padding-bottom:133.33% }

.format .components-resizable-box__container {
  position: static !important;
}

/* Clamp */
.clamp{ --line-height:30px; overflow:hidden; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical }
.clamp p{ margin:0; }
.clamp.clamp-1{ max-height:calc(1 * var(--line-height)); -webkit-line-clamp:1 }
.clamp.clamp-2{ max-height:calc(2 * var(--line-height)); -webkit-line-clamp:2 }
.clamp.clamp-3{ max-height:calc(3 * var(--line-height)); -webkit-line-clamp:3 }
.clamp.clamp-4{ max-height:calc(4 * var(--line-height)); -webkit-line-clamp:4 }



/* Grid custom -------------------------------------------------------------- */
.grid{ --columns:3; display: grid; grid-template-columns:repeat(var(--columns), minmax(100px, 1fr)); grid-gap:2rem }
.grid > div:empty{ display:none }
.grid--align-center{ align-items:center }
.grid.grid-1{ --columns:1 }
.grid.grid-2{ --columns:2 }
.grid.grid-3{ --columns:3 }
.grid.grid-4{ --columns:4 }
.grid.grid-5{ --columns:5 }
.grid.grid-6{ --columns:6 }
@media (max-width:1199px){
  .grid.grid-6{ --columns:3 }
}
@media (max-width:991px){
  .grid.grid-5,
  .grid.grid-3,
  .grid.grid-4{ --columns:3 }
}
@media (max-width:781px){
  .grid.grid-2,
  .grid.grid-3,
  .grid.grid-4,
  .grid.grid-5,
  .grid.grid-6{ --columns:1 }
}
@media (max-width:781px){
  .grid.grid-sm-2{ --columns:2 }
  .grid.grid-sm-3{ --columns:3 }
  .grid.grid-sm-4{ --columns:4 }
  .grid.grid-sm-5{ --columns:5 }
}
@media (max-width:550px){
  .grid.grid-xs-2{ --columns:2 }
  .grid.grid-xs-3{ --columns:3 }
  .grid.grid-xs-4{ --columns:4 }
  .grid.grid-xs-5{ --columns:5 }
}

/* Slick */
.slick-dots{ padding: 0 !important}
.slick-prev, .slick-next,
.slick-prev:focus, 
.slick-next:focus { width:55px !important; height:55px !important; background:#9EA8B0 !important; border-radius: 50% !important; opacity: 1 !important; border:none !important; }
.slick-prev { left: -100px; }
.slick-next { right: -100px; }
.slick-prev.slick-disabled, .slick-next.slick-disabled { cursor: default; }
.slick-prev:before, .slick-next:before { color: #fff; }
.slick-prev:hover, .slick-next:hover { background: var(--global-palette2); }

.container-xs{max-width: 840px; width: 100%; margin-left: auto; margin-right: auto;}
.container-small{max-width: 1100px; width: 100%; margin-left: auto; margin-right: auto;}
.container-medium{max-width: 1420px; width: 100%; margin-left: auto; margin-right: auto;}

.fullheight,
.fullheight > *{ height: 100% !important }


.hover-up{ transition:all 500ms ease }
.hover-up:hover,
.hover-up:focus{ transform: translateY(-20px); }
/* 
.wpcf7-submit,
.wp-element-button{ transition:all 350ms ease }
.wpcf7-submit:hover,
.wpcf7-submit:focus,
.wp-element-button:hover,
.wp-element-button:focus{ transform: scale(1.05);  } */
.wp-block-button.is-style-outline .wp-element-button{ transition:all 400ms ease-out  }
.wp-block-button.is-style-outline .wp-element-button:hover,
.wp-block-button.is-style-outline .wp-element-button:focus{ background: #000 !important; color: #fff !important; }
.wp-block-button.is-style-outline .wp-element-button.has-theme-palette-9-color:hover,
.wp-block-button.is-style-outline .wp-element-button.has-theme-palette-9-color:focus{ background: #fff !important; color: #000 !important; border-color:#fff}

.scale-up{ transition:all 300ms ease }
.scale-up:hover,
.scale-up:focus{ transform: scale(1.05) }

.scale-up-left{ transition:all 300ms ease }
.scale-up-left:hover,
.scale-up-left:focus{ transform:translateX(-10px) scale(1.05) }

.scale-up-right{ transition:all 300ms ease }
.scale-up-right:hover,
.scale-up-right:focus{ transform:translateX(10px) scale(1.05) }

.nav-drop-title-wrap {
  display: flex;
  align-items: center;
}

#site-navigation .pll-parent-menu-item{
  display: none;
}

.mobile-navigation ul li.pll-parent-menu-item a {
  display: flex;
  align-items: center;
  gap: 5px;
  text-transform: uppercase;
}

.custom-lang-selector{ list-style: none; padding: 0; display: flex; flex-direction: row-reverse; margin: 0; gap: 12px; margin-left: 20px; }
.custom-lang-selector a{ text-transform: uppercase; color: #000;text-decoration: none !important; }
.custom-lang-selector li.current-lang a{ cursor: default; }
.custom-lang-selector li:not(.current-lang) a{ color: #ACACAC; }
.custom-lang-selector li:not(.current-lang) a:hover,
.custom-lang-selector li:not(.current-lang) a:focus{ color: #000; }

/* Anim */
@keyframes animTop {
	0% { transform: translateY(150px); opacity:0; }
	100% { transform: translateY(0); opacity:1; }
}
@keyframes animTopBottom {
	0% { transform: translateY(0); opacity:1; }
	50% { transform: translateY(-90px); opacity:1; }
	100% { transform: translateY(0); opacity:1; }
}
@keyframes animBottom {
	0% { transform: translateY(-150px); opacity:0; }
	100% { transform: translateY(0); opacity:1; }
}
@keyframes animLeft {
	0% { transform: translateX(-150px); opacity:0; }
	100% { transform: translateX(0); opacity:1; }
}
@keyframes animScaleUp {
	0% { transform:scale(1); opacity:1; }
	100% { transform:scale(1.05); opacity:1; }
}
@keyframes animScaleUpLeft {
	0% { transform: translateX(0px) scale(1); opacity:1; }
	100% { transform:translateX(-10px) scale(1.05); opacity:1; }
}
@keyframes animScaleUpRight {
	0% { transform: translateX(0px) scale(1); opacity:1; }
	100% { transform:translateX(10px) scale(1.05); opacity:1; }
}
body.front .anim{
  opacity:0;
  animation-duration: 1s; 
  animation-fill-mode: forwards;
}
body.front .anim.animTopBottom { animation-name: animTopBottom; animation-duration:2s;  }
body.front .anim.animTop { animation-name: animTop }
body.front .anim.animBottom { animation-name: animBottom }
body.front .anim.animLeft { animation-name: animLeft }
body.front .anim.animScaleUp { animation-name: animScaleUp }
body.front .anim.animScaleUpLeft { animation-name: animScaleUpLeft }
body.front .anim.animScaleUpRight { animation-name: animScaleUpRight }
body.front .anim.d-100{ animation-delay:100ms; }
body.front .anim.d-200{ animation-delay:200ms; }
body.front .anim.v2{ animation-duration: 2s; }

.section.align-top .fp-tableCell { vertical-align: top; /*padding-top: 4rem;*/ }


.list-img-hover .item .title{     font-size: 33px;
  line-height: 36px;
  display: block;
  text-align: left;
  padding: 0;
  color: #fff;
  }
.list-img-hover .item .item-hover{ display: none;  }
.list-img-hover .item .description{  color: #fff; text-align: left; padding: 1.3rem 0; font-size: 1.05rem; font-weight: 300;  }

.wp-block-separator {
  color: rgba(0, 0, 0, .4);     border-top: 1px solid;
}

.engagements{ grid-gap:0 30px }
.engagements > *{ border-bottom: 1px solid rgba(0, 0, 0, .4); min-height:200px; display: flex ; flex-direction: column; justify-content: center; height: 100%; }
.engagements > :nth-child(9){ border-bottom:none }

@media (min-width:1500px){
  :root{
    --global-content-width:100%;
  }
  body { font-size: 19px; }
}

@media (min-width:1200px){
  .engagements{ grid-gap:0 50px }
  .engagements > *{ min-height: 200px; }
  .engagements > :nth-child(1){ order:5 }
  .engagements > :nth-child(2){ order:1 }
  .engagements > :nth-child(3){ order:2 }
  .engagements > :nth-child(4){ order:3 }
  .engagements > :nth-child(5){ order:4 }
  .engagements > :nth-child(6){ order:6 }
  .engagements > :nth-child(7){ order:7; border-bottom:none }
  .engagements > :nth-child(8){ order:8; border-bottom:none}
  .engagements > :nth-child(9){ order:9; }
}
@media (max-width:1199px){
  div.engagements{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width:767px){
  div.engagements{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
.engagements > *{min-height:initial; padding: 30px 0; }

  .engagements > :nth-child(9){ border-bottom:none }
}

@media (min-width:1200px){
  
  .section-img-hover .wp-block-heading { position: relative; z-index: 2;}
  .section-img-hover .fp-tableCell > div,
  .section-img-hover .fp-tableCell > div > div{ height: 100%; 
    display: flex ; flex-direction: column; justify-content: flex-start;
  } 
  
  .list-img-hover .item .title{font-weight: 300;font-size: 3.8vw;
    line-height: 4vw; position: relative; z-index: 2; transition:all 200ms ease; color: #fff; display: table; letter-spacing: 4px;}
  .list-img-hover .item.active .title{  font-family:"Cardo"}
  .list-img-hover p{ margin: 0; }
  .list-img-hover .item .item-hover{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; transition: all 200ms ease; }
  .list-img-hover .item .item-hover:before{ content:""; display: block; width: 100%; height:100%; position: absolute; top:0; left: 0; background: rgba(0,0,0,.5); z-index: 2; pointer-events: none; }
  .list-img-hover .item .item-hover img{ position: absolute; top: 0; width: 100%; left: 0; height: 100%; object-fit: cover; }


  .list-img-hover .item.active{ z-index: 2; }
  .list-img-hover .item.active .item-hover{ display: block; opacity: 1; }
  .list-img-hover .item.not-active{ z-index: 1; }
  .list-img-hover .item.not-active .title{ color: rgba(255,255,255,0.35);}
  .list-img-hover .item .description{ position: absolute; z-index: 3;
    bottom:110px;
    left: 0;
    padding: 0 var(--global-content-edge-padding);
    max-width: 590px; font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.8rem; }
}


@media (min-width:1200px) and (max-height:800px){
  .list-img-hover .item .title{ font-size: calc(6.5 * var(--vh)); line-height: calc(7 * var(--vh));}
  .list-img-hover .item .description{ font-size: .8rem; width: 110%; }
}


@media (max-width:1199px){
  .list-img-hover .item { border-bottom: 1px solid #fff; }
  .list-img-hover .item:last-of-type { border-bottom:none }
  .list-img-hover{ padding-bottom: 100px; }
  .section img[src*="logo.svg"]{ max-width:80vw }
  .wp-block-pullquote blockquote { padding: 0; }
  /* .wp-block-spacer{ max-height:80px } */
  #colophon .footer-html { text-align: center; }
  .footer-widget-area.content-align-right .footer-navigation { justify-content: center; }
  .footer-widget-area.content-align-right .footer-navigation .menu { justify-content: center; }
  #colophon .footer-navigation .footer-menu-container > ul li a { font-size: 10px; }
  .site-footer .site-container {  padding: 0}
  .list-img-hover .item .title { margin: 20px 0; 
    text-wrap: balance;
    max-width: 305px;
  }
}

@media (max-width:480px){
  .site-footer{ display: none; opacity:0; transition: all 200ms ease;}
  body.showing-popup-drawer-from-left .site-footer{ display: block; opacity:1;z-index: 999999;}
  .site-branding a.brand img { max-width:200px; }
}

@media (max-device-width:992px) and (orientation: landscape) {
  .site-footer{ display: none; opacity:0; transition: all 200ms ease;}
  body.showing-popup-drawer-from-left .site-footer{ display: block; opacity:1;z-index: 999999;}
  .footer-html-inner { display: none; }
}


/* GALERIE */
body {
  --main-bg-color: #e8e8e1;
  --global-body-font-family: "Montserrat";
}

html.fp-enabled::-webkit-scrollbar {
  display: none;
}

body.page-template-fullpage { width: 100%; background-color: var(--main-bg-color); overscroll-behavior: none; }

.wrap { position: relative; display: block; line-height: auto; overflow: hidden; transition: 0.5s; will-change: transform; }
/* .wrap h1, */
.wrap .img { transform: translateY(100%); transition: 0.5s; will-change: transform; }
/* .wrap.active h1, */
.wrap.active .img { transform: translateY(0); }

.galerie { position: fixed; top: 0; left: 0; width: 100%; height: calc(100 * var(--vh)); z-index: 0; }
.scrollable { position: absolute; width: 100%; top: 0; left: 0; will-change: transform; }
.content { position: relative; width: 100%; }
.section { text-align: center; }
.img-1 { position: absolute; top: 5%; left: 2%; width: 40%; height: 90%; }
.proj-info-1 { position: absolute; left: 44%; bottom: 5%; text-align: left; }
.img-2 { position: absolute; top: 20%; right: 2%; width: 30%; height: 70%; }
.proj-info-2 { position: absolute; right: 34%; bottom: 10%; text-align: right; }
.img-3 { position: absolute; top: 10%; right: 2%; width: 20%; height: 80%; }
.proj-info-3 { position: absolute; right: 24%; bottom: 10%; text-align: right; }
.img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; filter: grayscale(20%) sepia(20%); }

.wp-block-cover, 
.wp-block-cover-image { overflow: visible; }



.media-wrapper img,
.media-wrapper video,
.swiper-slide video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  -webkit-object-fit: cover;
  object-fit: cover
}

#fullpage{ --h:calc((100 * var(--vh)) - 78px - 38px); z-index: 99; padding: 0 !important;
  /* max-height:var(--h);  */
  min-height: initial !important; }

.site-footer{ position: fixed; bottom: 0; left: 0; width: 100%; background: #000; color: #fff; padding:9px 15px; text-align: center; z-index: 888; }
.site-footer .site-bottom-footer-inner-wrap {
  padding-top:0px;
  padding-bottom:0px;
}
.footer-html {
  margin: 0 0;
}

#masthead {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.content-area {
  margin: 0;
}

.nk-awb .wp-block-buttons,
img + .wp-block-cover__inner-container .wp-block-buttons,
video + .wp-block-cover__inner-container .wp-block-buttons{ position: absolute; bottom: 100px; left: 0; width: 100%; }
@media (max-width:480px){
  .nk-awb .wp-block-buttons,
  img + .wp-block-cover__inner-container .wp-block-buttons,
  video + .wp-block-cover__inner-container .wp-block-buttons{ bottom: 50px }
}

.fleche{ position: absolute; bottom: 85px; left: 0; width: 100%; display: flex; justify-content: center;}
.front .fleche{ animation:.7s ease 100ms infinite alternate fleche; }
@keyframes fleche {
	0% { transform: translateY(0px) }
	100% { transform: translateY(10px) }
}
@media (max-width:480px){
  .fleche { bottom: 45px; }
}
@media (max-device-width:992px) and (orientation: landscape) {
  .nk-awb .wp-block-buttons,
  img + .wp-block-cover__inner-container .wp-block-buttons,
  video + .wp-block-cover__inner-container .wp-block-buttons{ bottom: 50px }
  .fleche { bottom: 45px; }
}


.is-style-simple .wp-element-button {
  background: transparent !important;
  border: none !important;
  box-shadow:none !important;
  transition: all 400ms ease;
}
.is-style-simple .wp-element-button:hover,
.is-style-simple .wp-element-button:focus {
  transform: scale(1.03);
}

.fp-tableCell { overflow: hidden; }

#footer-menu a:hover,
#footer-menu a:focus{ text-decoration: underline; }

.mobile-navigation ul li {
  text-transform: uppercase;
}
.mobile-navigation ul li.current-menu-item > a {
  color: #a1a1a1;
}

.front .section .domaine-title{ font-weight: normal; }

.front .section .domaine-description{max-width: 75%; width: 100%; margin-left: auto; margin-right: auto; font-weight: 300;}
.front .section.display-description .wp-block-cover{ position: relative; }
/* .front .section .wp-block-cover:before{ background: rgba(0, 0, 0, .01); display: block; content:""; transition:all 500ms ease; pointer-events:none; position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index: 2; } */
.front .section.display-description .wp-block-cover__inner-container { z-index: 3; }


@media (max-width:1200px){
  .front .section .domaine-description{ max-width:100%;}
}
@keyframes domaineTitle {
  0% {   opacity:0; height: 0; transform: translateY(25px); }
  100% {  opacity:1; height: auto; transform: translateY(0px); }
}
@keyframes domaineDescription {
  0% {   opacity:0; height: 0; transform: translateY(25px); }
  100% {  opacity:1; height: auto; transform: translateY(0px); }
}

.front .section .fade-up{ opacity: 0; transform: translateY(25px); transition:all 1200ms ease-out .7s }
/*.front .section.active .fade-up{ animation:1.5s ease-out 1000ms forwards fadeUp;}*/
.front .section.active .fade-up{ opacity:1; transform: translateY(0px);}

.front .section .fade-up-above-flow{ opacity: 0; transform: translateY(25px); transition:all 1200ms ease-out .7s }
.front.dom-ready .section.active .fade-up-above-flow{ opacity:1; transform: translateY(0px);}

body:not(.home) .header-navigation[class*="header-navigation-style-underline"] .header-menu-container>ul>li.current_page_item>a:after {
  transform: scale(1, 1) translate(50%, 0);
}

.domaines-mini{ font-size: 0.85rem; }
.domaines-mini a{ text-decoration: none; }
.domaines-mini a:is(:hover, :focus){ text-decoration:underline; }
@media (max-width:1600px){
  .domaines-mini{ max-width: 1110px !important }
}
@media (max-width:1200px){
  .domaines-mini{ display:grid !important; grid-gap: 0 20px; grid-template-columns: 1fr 1fr 1fr 1fr; }
}
@media (max-width:767px){
  .domaines-mini{ grid-template-columns: 1fr 1fr; }
}


.front .delay-100{ transition-delay:.8s !important}
.front .delay-200{ transition-delay:.9s !important}
.front .delay-300{ transition-delay:1s !important}
.front .delay-400{ transition-delay:1.4s !important}
.front .delay-500{ transition-delay:1.5s !important}
.front .delay-1000{ transition-delay:2s !important}
@keyframes fadeUp {
  0% {   opacity:0; transform: translateY(25px); }
  100% {  opacity:1; transform: translateY(0px); }
}
h2.has-xxlarge-font-size,
.section .domaine-title{ font-size:85px !important }
.section .domaine-description{ font-size:31px !important }
@media (max-width:1700px){
  h2.has-xxlarge-font-size,
  .section .domaine-title{ font-size:65px !important }
  .section .domaine-description{ font-size:25px !important; margin-bottom: 70px; }
}
@media (max-width:1200px){
  h2.has-xxlarge-font-size,
  .section .domaine-title{ font-size:50px !important }
  .section .domaine-description{ font-size:20px !important; margin-bottom: 70px; }
  p.has-large-font-size{ font-size:20px !important; }
}
@media (max-width:600px){
  h2.has-xxlarge-font-size,
  .section .domaine-title{ font-size:35px !important }
  .section .domaine-description{ font-size:16px !important }
}
@media (max-device-width:992px) and (orientation: landscape) {
  h2.has-xxlarge-font-size,
  .section .domaine-title{ font-size:5vw !important }
  .section .domaine-description{ font-size:1.9vw !important; margin-bottom: 70px; }
}


/* FIX SMOOTH SCROLL NOT WORKING WITH FULLPAGE.JS "scrollOverflow" OPTION */
.fp-scroller {
  transition-duration: 500ms !important;
}

.section.no-overflow .fp-scroller{ overflow: visible;}


/* body.is-scroll-down .site-header{ animation:.1s ease 1 forwards stickyHeaderClose }
body.is-scroll-up .site-header{      animation: .33s ease 1 backwards stickyHeader; animation-delay: 0.13s; }
@keyframes stickyHeader{
  from{ transform:translateY(-101%) }
  to{ transform:translateY(0) }
}
@keyframes stickyHeaderClose{
  from{ transform:translateY(0) }
  to{ transform:translateY(-101%) }
}
 */

.section.video-attachment{ overflow: hidden; }
.section.video-attachment .wp-block-cover__image-background{ position:fixed; height:calc(100 * var(--vh)); z-index:-1; }
.section.video-attachment video{ position:fixed; height:calc(100 * var(--vh)); z-index:-1; }

.wp-block-cover[style*="min-height:100vh"],
.wp-block-cover[style*="min-height: 100vh"]{ min-height:calc(100 * var(--vh)) !important }


body:not(.home) #video .wp-block-cover{ height: 56vw !important; min-height: initial !important; }
@media (max-width:1199px){
  body:not(.home) #video{ margin-top: 79px; }
  body:not(.home) #video .wp-block-group{ display: none !important }
}

.section.wp-block-group.has-background {
  padding:0px;
}


/* Toggle sound btn */
a.toggle-sound{ display: none; background-color: var(--global-palette1); color: #fff; z-index: 90; bottom:70px; opacity: 1; padding:0.8rem; border-radius:10px; position: fixed; right:30px; }
a.toggle-sound img{ width:20px; height: 20px; }


/* Remove video padding */
.wp-block-nk-awb {
  padding:0 !important;
}

#domaines-list a:hover,
#domaines-list a:focus {
  text-decoration: none;
}
#domaines-list a:not(:last-child) {
  margin-right: 10px;
}