/*
Theme Name: WigomediaStarter
Theme URI: http://wigo-media.com
Author: the WigoMedia team
Author URI: http://wigo-media.com/
Description: Thème de base wordpress.
Version: 5.0
*/

/* ## Fonts ## */
/* Barlow */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&display=swap');

/*# Initialize #*/
html{font-size: 16px;}
body{background-color: var(--wp--preset--color--blue-dark); color: var(--wp--preset--color--white); font-family: "Barlow", sans-serif; font-weight: 400;}

/*# Sizing #*/
h1, .h1{font-size: 3rem; font-weight: bold; letter-spacing: 0%; line-height: auto; margin-bottom: 1.75rem;}
h2, .h2{font-size: 2.375rem; font-weight: bold; letter-spacing: 0%; line-height: auto; margin-bottom: 1.5rem;}
h3, .h3{font-size: 2rem; font-weight: bold; letter-spacing: 0%; line-height: auto; margin-bottom: 1.5rem;}
h4, .h4{font-size: 1.5rem; font-weight: bold; letter-spacing: 0%; line-height: auto;}
.lead{font-size: 1.25rem !important; letter-spacing: 0%; line-height: 125%;}
.subtitle{line-height: 1.25rem !important;}
.surtitle, .is-style-surtitle{text-transform: uppercase; line-height: 1.25rem !important; margin-bottom: .5rem;}
p{font-size: 1rem; letter-spacing: 0%; line-height: 1.25rem; margin-bottom: 2rem;}
a{text-decoration: none !important; color: var(--wp--preset--color--grey-white);}
small, .small{font-size: .8125rem; letter-spacing: 0%; line-height: 1.25rem;}

.fw-500{font-weight: 500 !important;}
.fw-600{font-weight: 600 !important;}

.gradient-line{border: none; height: 1px; background: linear-gradient(to right, #ffffff00, #ffffff); margin-top: 0rem; margin-bottom: 1rem; opacity: 1;}
.uppercase{text-transform: uppercase;}
.underline{text-decoration: underline;}

.wp-block-button__link.has-blue-dark-background-color{background-color: transparent !important;}

.wp-block-columns .wp-block-column.has-grey-light-background-color{padding: 1.25rem 1.5rem 5rem 1.5rem; background-color: #f4f4f518 !important; backdrop-filter: blur(24px);}

:root {
  --wp--preset--color--orange: #EF7D00;
  --wp--preset--color--blue-dark: #1C2338;
  --wp--preset--color--grey-light: #F4F4F5;
  --wp--preset--color--grey-dark: #4E5B61;
  --wp--preset--color--white: #FFFFFF;
}

/*# Colors #*/
.bg-orange{background-color: var(--wp--preset--color--orange)!important; color: var(--wp--preset--color--white)}
.bg-grey-dark{background-color: var(--wp--preset--color--grey-dark)!important; color: var(--wp--preset--color--white)}
.bg-white{background-color: var(--wp--preset--color--white)!important; color: var(--wp--preset--color--blue-dark)}
.bg-blue-dark{background-color: var(--wp--preset--color--blue-dark)!important; color: var(--wp--preset--color--white)}

.text-orange{color: var(--wp--preset--color--orange)!important;}
.text-blue-dark{color: var(--wp--preset--color--blue-dark)!important;}

/* ## Buttons ## */
.btn, .wp-block-button__link{position: relative; display: inline-block; border: none; transition: 350ms ease; text-decoration: none; border-radius: 0; font-size: 1rem; margin-left: .75rem; margin-right: .75rem; z-index: 2;}
.btn::before, .wp-block-button__link::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: skewX(25deg); z-index: -1; border: 1px solid;}

.btn-sm{padding: .5625rem 1.75rem .6875rem 1.75rem !important;}
.btn-md{padding: .75rem 1.75rem .875rem 1.75rem !important;}

/* orange */
.btn-orange, .has-orange-background-color{background-color: transparent !important; color: var(--wp--preset--color--white);}
.btn-orange::before, .has-orange-background-color::before{background-color: var(--wp--preset--color--orange); border-color: var(--wp--preset--color--orange); transition: 350ms;}
.btn-orange:hover::before, .has-orange-background-color:hover::before{background-color: #CF6C00;}

/* blue-dark */
.btn-blue-dark, .has-blue-dark-background-color{background-color: transparent !important; color: var(--wp--preset--color--white);}
.btn-blue-dark::before, .has-blue-dark-background-color::before{background-color: var(--wp--preset--color--blue-dark); border-color: var(--wp--preset--color--blue-dark); transition: 350ms;}
.btn-blue-dark:hover::before, .has-blue-dark-background-color:hover::before{background-color: #191F33;}

/* white */
.btn-white, .has-white-background-color{background-color: transparent !important; color: var(--wp--preset--color--blue-dark);}
.btn-white::before, .has-white-background-color::before{background-color: var(--wp--preset--color--white); border-color: var(--wp--preset--color--white); transition: 350ms;}
.btn-white:hover, .has-white-background-color:hover{color: var(--wp--preset--color--blue-dark);}
.btn-white:hover::before, .has-white-background-color:hover::before{background-color: #DBDBDB;}

/* ## Outline Buttons ## */
.is-style-outline  .has-orange-background-color,
.is-style-outline  .has-blue-dark-background-color,
.is-style-outline  .has-white-background-color{border: none;}

/* orange */
.btn-outline-orange, .is-style-outline .has-orange-background-color{background-color: transparent !important; color: var(--wp--preset--color--white);}
.btn-outline-orange:hover, .is-style-outline .has-orange-background-color:hover{color: var(--wp--preset--color--white);}
.btn-outline-orange::before, .is-style-outline .has-orange-background-color::before{background-color: transparent; border-color: var(--wp--preset--color--orange); transition: 350ms;}
.btn-outline-orange:hover::before, .is-style-outline .has-orange-background-color:hover::before{background-color: var(--wp--preset--color--orange);}

/* blue-dark */
.btn-outline-blue-dark, .is-style-outline .has-blue-dark-background-color{background-color: transparent !important; color: var(--wp--preset--color--white);}
.btn-outline-blue-dark img, .is-style-outline .has-blue-dark-background-color img{filter: invert(10%) sepia(46%) saturate(726%) hue-rotate(187deg) brightness(97%) contrast(91%);}
.btn-outline-blue-dark:hover img, .is-style-outline .has-blue-dark-background-color:hover img{filter: invert(100%) sepia(0%) saturate(2789%) hue-rotate(60deg) brightness(113%) contrast(101%);}
.btn-outline-blue-dark::before, .is-style-outline .has-blue-dark-background-color::before{background-color: transparent; border-color: var(--wp--preset--color--blue-dark); transition: 350ms;}
.btn-outline-blue-dark:hover::before, .is-style-outline .has-blue-dark-background-color:hover::before{background-color: var(--wp--preset--color--blue-dark);}

/* white */
.btn-outline-white, .is-style-outline .has-white-background-color{background-color: transparent !important; color: var(--wp--preset--white);}
.btn-outline-white::before, .is-style-outline .has-white-background-color::before{background-color: transparent; border-color: var(--wp--preset--color--white); transition: 350ms;}
.btn-outline-white:hover, .is-style-outline .has-white-background-color:hover{color: var(--wp--preset--color--blue-dark);}
.btn-outline-white:hover::before, .is-style-outline .has-white-background-color:hover::before{background-color: var(--wp--preset--color--white);}

/*# Header #*/
header{background: transparent; z-index: 100; position: fixed; top: 0; left: 0; width: 100%;}
header.scrolled{background-color: rgba(28, 35, 56, 0.434); transition: background-color 0.3s ease; backdrop-filter: blur(10px); padding-bottom: 1rem;}
header .logo{margin-top: 1.5rem;}
header li::marker{content: none;}
header .wm-menu{list-style: none; display: flex; padding-left: 0; margin: 0;}
header .wm-menu .menu-item{margin: 0;}
header .wm-menu>.menu-item>a{line-height: 125%; height: 100%; display: flex; align-items: center; text-align: center; text-decoration: none; color: inherit; padding: .75rem 1rem; font-size: 1rem !important;}
/* .wm-menu .menu-item-has-children{position: relative;} */
header .wm-menu .menu-item-has-children:hover > .sub-menu{display: flex;}
header .wm-menu .sub-menu{flex-wrap: wrap; list-style: none; padding-left: 0; position: absolute; z-index: 100;  width: 100%; min-width: 200px; left: 1rem; filter: drop-shadow(0px 4px 44px rgba(0, 109, 104, 0.30)); display: none; animation: .2s ease-in-out slidefadein;}
/* .wm-menu .sub-menu:before{content: ""; display: block; width: 1rem; height: 1rem; position: absolute; top: -0.5rem; background-color: #FFF; left:2rem; transform: rotate(45deg); z-index: 100;} */
header .wm-menu .sub-menu .menu-items{padding: 2rem; gap: 1rem; display: grid; grid-template-columns: 1fr 1fr; list-style: none;}
header .wm-menu .sub-menu .menu-items .menu-item{position: relative; z-index: 101; color: black;}
header .wm-menu .sub-menu .menu-items .menu-item a{display: flex; width: 100%; align-items: center; text-decoration: none; padding: 1.3rem 1rem 1.3rem 1rem;}
header .wm-menu .sub-menu .menu-items .menu-item a:hover{background-color: #F6F6F6}
header .wm-menu .sub-menu .sub-menu-image{width: 100%; height: 100%; position: relative;}
header .wm-menu .sub-menu .sub-menu-image .img-product{width: 100%; height: 100%; object-fit: cover;}
header .wm-menu .sub-menu .sub-menu-image .white-parallelogram{position: absolute; height: 100%; width: 50%; left: -240px; transform-origin: top left; background-color: var( --wp--preset--color--white); transform: skewX(25deg);}
header .wm-menu .sub-menu .sub-menu-image .white-parallelogram .orange-parallelogram{transform-origin: top right; top: 48%; right: -10%; position: absolute; height: 40%; width: 21%; background-color: var(--wp--preset--color--orange);}
header .wm-menu .menu-item-description{font-size: 0.825rem; color: #555; line-height: auto; padding-right: 3rem; margin: 0;}

/*# Hero-banner #*/
.hero-banner{position: relative;}
.hero-banner .container{position: relative;}
.hero-banner .surtitle{margin-bottom: 1rem;}
.hero-banner .text-wrapper{padding-top: 10.3rem; padding-bottom: 12.5rem; z-index: 10; z-index: 0;}
.page-template-template-contact .hero-banner .text-wrapper{padding: 5rem;}
.hero-banner .hero-banner-illustration{position: absolute; top: -6rem; width: 80%; right: -10rem;}

.home .hero-banner .hero-banner-illustration{height: 110%; margin: 0; position: relative; top: 0; right: 0; width: auto;}
.home .hero-banner .hero-banner-bg{position: absolute; top: 0; left: 0; width: 100vw; height: 100%; object-fit: cover; z-index: -1; pointer-events: none;}
.radial{position: absolute; left: 0; width: 100%; height: 1250px; background: radial-gradient(43.05% 43.05% at 30.83% -1.72%, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%); pointer-events: none;}

.hero-banner.without-illustration .text-wrapper{padding-top: 3rem; padding-bottom: 5rem;}
.hero-banner.without-illustration .text-wrapper .desc{padding: 0 10rem;}

/*## grooves ##*/
.grooves{position: absolute; left: 50%; transform: translateX(-50%); height: 2000px; width: 100%; max-width: calc(1320px - (var(--bs-gutter-x) * 1)); margin: 0; display: grid !important; grid-template-columns: repeat(3, 1fr); gap: calc(var(--bs-gutter-x)); pointer-events: none;}
.grooves div{position: relative; height: 100%;}
.grooves div:first-child::before{content: ''; position: absolute; top: 234px; left: 0; width: 1px; height: 100%; background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 42.79%, rgba(255, 255, 255, 0.012) 100%);}
.grooves div:first-child::after{content: ''; position: absolute; top: -81px; right: 0; width: 1px; height: 100%; background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 42.79%, rgba(255, 255, 255, 0.012) 100%);}
.grooves div:last-child::before{content: ''; position: absolute; top: 504px; left: 0; width: 1px; height: 100%; background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 42.79%, rgba(255, 255, 255, 0.012) 100%);}
.grooves div:last-child::after{content: ''; position: absolute; top: 114px; right: 0; width: 1px; height: 100%; background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 42.79%, rgba(255, 255, 255, 0.012) 100%);}

.home .grooves{position: absolute; left: 0; height: 1000px; width: 100%; max-width: calc(1320px - ((var(--bs-gutter-x) * .5) * 2)); margin-right: calc(var(--bs-gutter-x) * .5); margin-left: calc(var(--bs-gutter-x) * .5); display: flex !important; gap: 0; transform: translateX(0);}
.home .grooves div:first-child::before{content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%);}
.home .grooves div:first-child::after{content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%);}
.home .grooves div:last-child::before{content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%);}
.home .grooves div:last-child::after{content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%);}

/*# Bloc : jobs-list #*/
.jobs-list-wrapper{padding-top: 4.55rem; padding-bottom: 6.55rem; position: relative;}
.jobs-list-wrapper::before{content: ''; bottom: 0; left: -8rem; position: absolute; height: 100%; width: 11.5rem; transform-origin: top left; background-color: var( --wp--preset--color--orange); transform: skewX(25deg); z-index: 1;}
.jobs-list-wrapper .title{margin-bottom: 2.125rem;}
.jobs-list-wrapper .jobs-list{padding: 0 .75rem; gap: .5rem; position: relative; z-index: 10;}
.jobs-list-wrapper .jobs-list .item{display: flex; position:relative; overflow: hidden; flex-direction: column; align-items: center; text-align: center; transition: 0.1s ease-in-out; background-color: var(--wp--preset--color--white); padding: 1.5rem .5rem; box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0);}
.jobs-list-wrapper .jobs-list .item:hover{transform: scale(1.03); background-color: var(--wp--preset--color--white); box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.15);}
.jobs-list-wrapper .jobs-list .item .icon img{width: 5.625rem; margin-bottom: .25rem;}
.jobs-list-wrapper .jobs-list .item .content p{margin: 0; line-height: 1.25rem;}
.jobs-list-wrapper .jobs-list .item:after{content:""; left:-200px; position: absolute; width: 200px; transition: 1.5s; height: 100%; background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.60) 50%, rgba(255, 255, 255, 0.00) 100%);}
.jobs-list-wrapper .jobs-list .item:hover:after{left: calc(100% + 200px);}
 
/*# Bloc : domains-presentation #*/
.domains-presentation{overflow: hidden; transition: 750ms ease; text-decoration: none; padding: 2.25rem; background-color: rgba(255, 255, 255, .05) !important;}
.domains-presentation:hover{background-color: rgba(255, 255, 255, .1) !important;}
.domains-presentation .img-container{position: relative;}
.domains-presentation .img-container .domain-img{position: absolute; height: 130%; width: auto; transition: 750ms ease; transform: translateX(-50px);}
.domains-presentation:hover .img-container .domain-img{transform: translateX(-60px);}
.domains-presentation .parallelogram{display: block; height: 80%; width: .5rem; transform-origin: top left; background-color: var( --wp--preset--color--orange); transform: skewX(25deg); margin-left: .4rem;}
.domains-presentation .desc{margin-bottom: 14rem; opacity: .8;}

/*# Bloc : pages-list #*/
.pages-list{width: 100vw; margin-left: calc(-50vw + 50%); position: relative; z-index: 2;}
.pages-list .parallelogram-container{position: absolute; top: -3rem; right: -1rem; width: 9.2%; height: 13%; display: flex;}
.pages-list .parallelogram-container .parallelogram{flex: 1; background-color: var(--wp--preset--color--orange); transform: skewX(25deg); height: 100%; margin-right: 1rem;}

.pages-list .image-background{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden;}
.pages-list .background-img{opacity: 0; transition: opacity 0.5s ease-in-out; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: -1;}
.pages-list .background-img.active{opacity: 1;}

.pages-list .pages-list-wrapper{background: rgba(240, 125, 0, 0.8); backdrop-filter: blur(15px); min-height: 750px; position: relative;}
.pages-list .pages-list-wrapper::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><filter id='noise'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23noise)' opacity='0.14' fill='white'/></svg>"); opacity: 0.7; pointer-events: none; z-index: 1;}
.pages-list .pages-list-wrapper .pages-list-container{padding: 4.375rem 0 4.375rem 4.375rem;}
.pages-list .pages-list-wrapper .pages-list-container .surtitle{margin-bottom: 1.6rem; font-weight: bold;}
.pages-list .pages-list-wrapper .pages-list-container .child-item{font-weight: 300; opacity: .5; cursor: pointer; margin-bottom: 1rem; position: relative;}
.pages-list .pages-list-wrapper .pages-list-container .child-item i{opacity: 0; margin-left: 1.25rem; margin-top: .25rem;}
.pages-list .pages-list-wrapper .pages-list-container .child-item.active{opacity: 1; transition: .3s;}
.pages-list .pages-list-wrapper .pages-list-container .child-item.active i{opacity: 1;}

.pages-list .desc-wrapper{position: relative;}
.pages-list .desc-wrapper::before{content: ''; position: absolute; width: 90%; height: 80%; top: 0; left: 0; background: radial-gradient(88.17% 88.18% at 7.75% 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); z-index: 0;}
.pages-list .desc-wrapper .desc-container{width: 40%; padding-top: 4.375rem; padding-left: 4rem; position: relative; z-index: 1;}

/*# Bloc : realisations #*/
.realisations-container{display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.25rem; margin-top: -4rem;}
.realisations-container .realisation-item{position: relative;}
.realisations-container .realisation-item::before{content:''; position: absolute; top: 0; left: 0; width: 100%; height: 37%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);}
.realisations-container .realisation-item img{width: 100%; object-fit: cover; height: 100%;}
.realisations-container .realisation-item .realisation-content{top: 0; display: flex; padding: 1rem;}
.realisations-container .realisation-item .realisation-content p{margin-bottom: 0; padding: .25rem .5rem; border: 1px solid rgba(255, 255, 255, .6); margin-right: .25rem;}

.filter-container{position: fixed; width: 70%; position: fixed; bottom: 3.25rem; left: 50%; transform: translateX(-50%); z-index: 100;}
.filter-container .filter{padding: 1.25rem 1.875rem; color: var(--wp--preset--color--blue-dark); background-color: rgba(255, 255, 255, .9); backdrop-filter: blur(24px); box-shadow: 0px 4px 44px 0px #00000073;}
.filter-container .filter .filter-trigger{display: none;}
.filter-container .filter p{margin-bottom: 1rem;}
.filter-container .filter button{border: 1px #D6D6D6 solid; padding: .25rem .5rem; background-color: var(--wp--preset--color--white); backdrop-filter: blur(7px); font-size: 1rem; font-weight: 400; line-height: 100%; color: var(--wp--preset--color--blue-dark);}
.filter-container .filter button.active{background-color: var(--wp--preset--color--blue-dark); color: var(--wp--preset--color--white); transition: 750ms ease;}

/*# Bloc style : is-style-expert-banner #*/
.is-style-expert-banner{padding-top: 6.5rem; position: relative; overflow: hidden; background-color: transparent !important;}
.is-style-expert-banner.has-orange-background-color{background-color: transparent !important;}
.wp-block-columns .is-style-expert-banner{padding-top: 4rem;}

.is-style-expert-banner .wp-block-media-text__content{padding: 3.75rem 0 !important;}
.wp-block-columns .is-style-expert-banner .wp-block-media-text__content{padding: 1.875rem 0 1.875rem 3.3rem !important;}
.wp-block-columns .is-style-expert-banner .wp-block-media-text__content p{margin-bottom: .5rem;}
.is-style-expert-banner.has-white-background-color .wp-block-media-text__content{background-color: var(--wp--preset--color--white);}
.is-style-expert-banner.has-orange-background-color .wp-block-media-text__content{background-color: var(--wp--preset--color--orange);}

.is-style-expert-banner .wp-block-media-text__content p{width: 70%;}

.is-style-expert-banner figure{background: url('./img/banner-expert-bg.png'); background-size: cover; height: 100%; position: relative;}
.is-style-expert-banner.has-white-background-color figure{background-color: var(--wp--preset--color--white);}
.is-style-expert-banner.has-orange-background-color figure{background-color: var(--wp--preset--color--orange);}

.is-style-expert-banner figure::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.is-style-expert-banner.has-white-background-color figure::after{background: linear-gradient(90deg, rgba(240, 125, 0, 0) 44.57%, #ffffff 100%);}
.is-style-expert-banner.has-white-background-color.has-media-on-the-right figure::after{background: linear-gradient(270deg, rgba(240, 125, 0, 0) 44.57%, #ffffff 100%);}
.is-style-expert-banner.has-orange-background-color figure::after{background: linear-gradient(90deg, rgba(240, 125, 0, 0) 44.57%, #F07D00 100%);}
.is-style-expert-banner.has-orange-background-color.has-media-on-the-right figure::after{background: linear-gradient(270deg, rgba(240, 125, 0, 0) 44.57%, #F07D00 100%);}

.is-style-expert-banner figure img{position: absolute; top: -28%; width: 410px; z-index: 2; pointer-events: none;}
.wp-block-columns .is-style-expert-banner figure img{width: 225px;}
.is-style-expert-banner.has-media-on-the-right figure img{right: 1.25rem; left: auto;}
.wp-block-columns .is-style-expert-banner.has-media-on-the-right figure img{right: 3.5rem; left: auto;}
.is-style-expert-banner figure img{left: 1.25rem; right: auto;}
.wp-block-columns .is-style-expert-banner figure img{left: 3.5rem; right: auto;}

/*# Bloc style : is-style-commitment-history #*/
.is-style-commitment-history .wp-block-media-text__media{position: relative;}
.is-style-commitment-history .wp-block-media-text__media::before{content: ''; bottom: -1.75rem; left: -2.5rem; position: absolute; height: 16%; width: 4%; transform-origin: top left; background-color: var( --wp--preset--color--orange); transform: skewX(25deg);}
.is-style-commitment-history .wp-block-media-text__media::after{content: ''; bottom: -1.75rem; left: 0rem; position: absolute; height: 16%; width: 4%; transform-origin: top left; background-color: var( --wp--preset--color--orange); transform: skewX(25deg);}
.is-style-commitment-history .wp-block-media-text__content .wp-block-list{padding: 0;}
.is-style-commitment-history .wp-block-media-text__content .wp-block-list li{list-style: none; position: relative; padding-left: 2.5rem; padding-bottom: 1rem;}
.is-style-commitment-history .wp-block-media-text__content .wp-block-list li::before{content: ''; position: absolute; left: 0; top: 0; width: 1.5rem; height: 1.5rem; background: url('./img/liste.svg') no-repeat center center; background-size: contain;}
.is-style-commitment-history .wp-block-media-text__content .wp-block-buttons{padding-bottom: 3.25rem;}

/*# Bloc style : is-style-fw-right #*/
.is-style-fw.has-media-on-the-right{position: relative;}
.is-style-fw.has-media-on-the-right .wp-block-media-text__media img{position: absolute; height: 100%; top: 0; width: auto; left: 40rem; top: 50%; transform: translateY(-50%);}

/*# Bloc style : is-style-fw-w-parallelogram #*/
.is-style-fw-w-parallelogram{position: relative;}
.is-style-fw-w-parallelogram .wp-block-media-text__media::after{content: ''; position: absolute; height: 100%; width: 200px; top: 0; left: 5%; right: auto; transform-origin: top right; background-color: var( --wp--preset--color--orange); transform: skewX(25deg); z-index: -1;}
.is-style-fw-w-parallelogram .wp-block-media-text__media img{position: absolute; height: 100%; top: 0; width: auto; right: 40rem; left: auto; top: 50%; transform: translateY(-50%);}

.is-style-fw-w-parallelogram.has-media-on-the-right .wp-block-media-text__media::after{right: 30%; left: auto;}
.is-style-fw-w-parallelogram.has-media-on-the-right .wp-block-media-text__media img{left: 40rem; right: auto;}

/*# Bloc style : is-style-fw-left #*/
.is-style-fw{position: relative;}
.is-style-fw .wp-block-media-text__media img{position: absolute; height: 100%; top: 0; width: auto; right: 40rem; top: 50%; transform: translateY(-50%);}

/*# Bloc style : is-style-clear-title #*/
.is-style-clear-title{opacity: 0.1; margin-bottom: -3rem; display: inline; font-size: 1rem;}

/*# Footer #*/
footer{overflow: hidden;}
footer .footer-bg{position: relative; color: var(--wp--preset--color--white) !important; background: url('./img/footer-bg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; padding-bottom: 1.75rem;}
footer .footer-bg::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(164.21% 87.22% at 87.64% 18.22%, rgba(240, 125, 0, 0.90) 0%, #F07D00 100%); z-index: 1; pointer-events: none;}
footer *{position: relative; z-index: 2;}
footer .container:first-child .row:first-child{margin-bottom: 4.8rem;}
footer .row .menu{list-style: none;}
footer .row nav ul{padding: 0;}
footer .row nav ul li a{line-height: 1.55rem; text-decoration: none;}
footer .row nav ul li a:hover{text-decoration: underline;}
footer .footer-bottom .madeby img{height: 1em}
footer .footer-bottom .menu a{margin: 0 .825rem 0 0;}

footer .question-contact-wrapper::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: skewX(25deg); background-color: #CF6C00;}

/*# Animations #*/
@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes slidein {
  from { transform: translateY(-.5rem);}
  to   { transform: translateY(0);}
}
@keyframes slidefadein {
  from { transform: translateY(-.5rem); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}

/*# Responsive #*/
@media only screen and (max-width: 1399px){
  /*# Sizing #*/
  .grooves{max-width: calc(1140px - ((var(--bs-gutter-x) * .5) * 2));}

  /*# Bloc style : is-style-fw-right #*/
  .is-style-fw.has-media-on-the-right .wp-block-media-text__media img{left: 25rem;}

  /*# Bloc style : is-style-fw-left #*/
  .is-style-fw .wp-block-media-text__media img{right: 35rem;}

  /*# Bloc style : is-style-fw-w-parallelogram #*/
  .is-style-fw-w-parallelogram .wp-block-media-text__media img{right: 30rem;}
  .is-style-fw-w-parallelogram.has-media-on-the-right .wp-block-media-text__media img{left: 30rem;}
}

@media only screen and (max-width: 1199px){
  /*# Sizing #*/
  .grooves{max-width: calc(960px - ((var(--bs-gutter-x) * .5) * 2));}

  /*# Bloc style : is-style-fw-right #*/
  .is-style-fw.has-media-on-the-right .wp-block-media-text__media img{left: 30rem; height: 90%;}
  .is-style-fw.has-media-on-the-right .wp-block-media-text__content{padding-top: 2rem; padding-bottom: 2rem;}
  
  /*# Bloc style : is-style-fw-left #*/
  .is-style-fw .wp-block-media-text__media img{right: 30rem; height: 90%;}
  .is-style-fw .wp-block-media-text__content{padding-top: 2rem; padding-bottom: 2rem;}

  /*# Bloc style : is-style-fw-w-parallelogram #*/
  .is-style-fw-w-parallelogram .wp-block-media-text__media img{right: 25rem;}
  .is-style-fw-w-parallelogram.has-media-on-the-right .wp-block-media-text__media img{left: 25rem;}
  
  /*# Bloc style : is-style-expert-banner #*/
  .is-style-expert-banner figure img{left: -2rem;}
  .wp-block-columns .is-style-expert-banner.has-media-on-the-right figure img{right: 1.5rem;}
  .wp-block-columns .is-style-expert-banner figure img{left: 1.5rem;}
}

@media only screen and (min-width: 991px){
  .fw-lg-600{font-weight: 600 !important;}

  /*# Bloc : pages-list #*/
  .pages-list .pages-list-wrapper .pages-list-container .child-item .child-link{pointer-events: none; text-decoration: none;}
}

@media only screen and (max-width: 991px){
  /*# Sizing #*/
  h1, .h1{font-size: 2.375rem;}
  .grooves,
  .home .grooves{display: none !important;}
  .wp-block-media-text .wp-block-media-text__media{width: 100%;}
  .is-style-fw.has-media-on-the-right .wp-block-media-text__media img{width: 100%;}
  .wp-block-media-text .wp-block-buttons{align-items: flex-start;}

  /*# Gutenberg #*/
  .wp-block-spacer{display: none;}
  .wp-block-media-text{display: flex !important; flex-wrap: wrap; justify-content: center; margin-top: 3rem; flex-direction: column-reverse;}
  .wp-block-media-text.has-media-on-the-right{flex-direction: column;}
  .wp-block-media-text.is-style-fw{flex-direction: column-reverse;}
  .wp-block-media-text.is-style-fw.has-media-on-the-right{flex-direction: column;}
  .wp-block-media-text .wp-block-media-text__content{padding: 0; align-self: auto; width: 100%;}
  .wp-block-buttons{flex-direction: column; align-items: flex-start;}
  .wp-block-columns .wp-block-column.has-grey-light-background-color{padding: 1.25rem 1.5rem 3rem 1.5rem;}

  /*# Header #*/
  header .logo{margin-top: 0rem; width: 50%; top: 0; left: 0; z-index: 1000;}
  header .logo-m{width: 12%;}

  /*# Hero-banner #*/
  .home .hero-banner .hero-banner-illustration{display: none;}
  .home .hero-banner p{margin-bottom: 1.5rem;}
  .hero-banner .hero-banner-illustration{width: 100vw; transform: translateX(-3%); margin: -3rem 0 0 0; position: relative; top: 0; right: 0;}
  .home .hero-banner .text-wrapper{padding-top: 1.8rem; padding-bottom: 4.4rem;}
  .hero-banner .text-wrapper{padding-top: 1.8rem; padding-bottom: 0rem;}
  .hero-banner .text-wrapper .surtitle{margin-bottom: .5rem;}
  .hero-banner .text-wrapper h1{width: 100%; margin-bottom: 1rem;}
  .page-template-template-contact .hero-banner .text-wrapper{padding: 3.125rem 1rem;}
  .hero-banner.without-illustration .text-wrapper .desc{padding: 0;}

  /*# Bloc : jobs-list #*/
  .jobs-list-wrapper{padding-top: 2rem; padding-bottom: 3.75rem;}
  /* .jobs-list-wrapper .jobs-list{grid-template-columns: repeat(3, 1fr);} */
  .jobs-list-wrapper .jobs-list{display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; position: relative; z-index: 10;}

  /*# Bloc : domains-presentation #*/
  .domains-presentation .img-container{position: absolute;}
  .domains-presentation .img-container .domain-img{height: 90%; bottom: -2rem; right: -5rem; pointer-events: none; z-index: 0;}

  /*# Bloc : pages-list #*/
  .pages-list .parallelogram-container{display: none;}
  .pages-list .desc-wrapper{display: none;}
  .pages-list .pages-list-wrapper{min-height: auto;}
  .pages-list .pages-list-wrapper .pages-list-container{padding: 3.25rem 0;}
  .pages-list .pages-list-wrapper .pages-list-container .child-item{opacity: 1; font-size: 1.75rem;}
  .pages-list .pages-list-wrapper .pages-list-container .child-item.active{font-weight: 400;}
  .pages-list .pages-list-wrapper .pages-list-container .child-item .child-link{pointer-events: auto; cursor: pointer; z-index: 10;}
  .pages-list .pages-list-wrapper .pages-list-container .child-item i{margin-left: .25rem; opacity: 1;}

  /*# Bloc : realisations #*/
  .realisations-container{grid-template-columns: repeat(1, 1fr); margin-top: 0; gap: 1rem;}
  .filter-container{width: 100%; bottom: 0; left: 0; transform: translateX(0);}
  .filter-container .filter-trigger{display: block; text-align: center;}
  .filter-container .filter-trigger a{display: block; width: 70%; padding: .75rem;}
  .filter-container .filter{display: none; position: relative;}
  .filter-container .filter.show{display: block;}

  /*# Bloc style : is-style-fw-right #*/
  .is-style-fw.has-media-on-the-right .wp-block-media-text__content{padding: 0;}
  .is-style-fw.has-media-on-the-right .wp-block-media-text__media img{position: relative; left: 0; top: 0; transform: translateY(0); width: 100%;}

  /*# Bloc style : is-style-fw-w-parallelogram #*/
  .is-style-fw-w-parallelogram{flex-direction: column-reverse;}
  .is-style-fw-w-parallelogram.has-media-on-the-right{flex-direction: column !important;}
  .is-style-fw-w-parallelogram .wp-block-media-text__content{padding: 0;}
  .is-style-fw-w-parallelogram .wp-block-media-text__media{position: relative;}
  .is-style-fw-w-parallelogram .wp-block-media-text__media::after{left: 12% !important; width: 125px;}
  .is-style-fw-w-parallelogram.has-media-on-the-right .wp-block-media-text__media::after{right: 12% !important;}
  .is-style-fw-w-parallelogram .wp-block-media-text__media img,
  .is-style-fw-w-parallelogram.has-media-on-the-right .wp-block-media-text__media img{position: relative; left: 50%; transform: translateX(-50%) !important; top: 0; transform: translateY(0);}

  /*# Bloc style : is-style-fw-left #*/
  .is-style-fw .wp-block-media-text__content{padding: 0;}
  .is-style-fw .wp-block-media-text__media img{position: relative; right: 0; top: 0; transform: translateY(0);}

  /*# Bloc style : is-style-clear-title #*/
  .is-style-clear-title{display: none;}

  /*# Bloc style : is-style-commitment-history #*/
  .is-style-commitment-history{margin-top: 4rem;}
  .is-style-commitment-history .wp-block-media-text__content{padding: 0; margin-top: 3rem;}

  /*# Bloc style : is-style-expert-banner #*/
  .is-style-expert-banner{width: 100vw; margin-left: -50vw; margin-bottom: 5rem; left: 50%; padding: 0;}
  .is-style-expert-banner figure{position: absolute; width: 50%; height: 100%; right: 0rem;}
  .is-style-expert-banner figure img{top: 1rem; right: 4rem; width: 300px; left: auto;}
  .is-style-expert-banner .wp-block-media-text__content{padding: 2.8rem 1rem; margin-left: 1rem;}
  .is-style-expert-banner .wp-block-media-text__content h2,
  .is-style-expert-banner .wp-block-media-text__content p{position: relative; z-index: 10;}
  .is-style-expert-banner .wp-block-media-text__content h2{width: 70%;}
  .is-style-expert-banner .wp-block-media-text__content p{width: 50%;}
  .is-style-expert-banner.has-white-background-color figure::after{background: linear-gradient(90deg, #ffffff 0%, rgba(240, 125, 0, 0) 64.49%);}
  .is-style-expert-banner.has-orange-background-color figure::after{background: linear-gradient(90deg, #F07D00 0%, rgba(240, 125, 0, 0) 64.49%);}

  .wp-block-columns{gap: .75rem;}
  .wp-block-columns .is-style-expert-banner{width: 100%; margin-left: 0; margin-bottom: 0; left: 0; padding-top: 3rem; margin-top: 0;}
  .wp-block-columns .is-style-expert-banner .wp-block-media-text__media{align-self: auto;}
  .wp-block-columns .is-style-expert-banner .wp-block-media-text__content{width: 100%; padding: 1.25rem .25rem !important; position: relative;}
  .wp-block-columns .is-style-expert-banner p,
  .wp-block-columns .is-style-expert-banner .wp-block-heading{z-index: 10; position: relative;}
  .wp-block-columns .is-style-expert-banner .wp-block-media-text__content .is-style-surtitle{width: 100%;}
  .wp-block-columns .is-style-expert-banner .wp-block-media-text__media img,
  .wp-block-columns .is-style-expert-banner.has-media-on-the-right .wp-block-media-text__media img{right: -4%; width: 200px; top: -45px; left: auto;}

  /*# Bloc style : is-style-map #*/
  .is-style-map .wp-block-media-text__media{height: 500px;}
  .is-style-map .wp-block-media-text__media img{height: 100%; object-fit: cover;}

  /*# Menu Mobile #*/
  .mobile-menu-wrapper{z-index: 100; position: fixed; opacity: 0; pointer-events: none; transition: 350ms ease; left: 0; background-color: white; width: 100vw; max-width: 100vw; display: flex; flex-direction: column; align-items: center; padding: 0 0 1rem; overflow-y: auto; overflow-x: hidden;}
  .mobile-menu-wrapper nav{width: 100%;}
  .mobile-menu-wrapper nav .wm-menu{display: flex; flex-direction: column;}
  header .wm-menu{position: static;}
  header .wm-menu > .menu-item:first-child a{border-top: 1px solid #E0E0E0;}
  header .wm-menu > .menu-item:first-child > a{margin-top: 2rem;}
  header .wm-menu > .menu-item > a{padding: 1.30rem 1rem; font-weight: 500; border-bottom: 1px solid #E0E0E0; display: flex; justify-content: space-between;}
  header .wm-menu > .menu-item > a:before{display: none;}
  header .wm-menu > .menu-item.menu-item-has-children > a:after{content: "\f054"; font-family: "Font Awesome 6 Sharp";}
  header .sub-menu-wrapper > ul:not(:last-child):after{display: none;}
  header .sub-menu-wrapper > ul > li > .sub-menu a.with-img{justify-content: flex-start;}
  
  header .wm-menu .sub-menu .sub-menu-image .img-product{display: none;}

  header .wm-menu .menu-item-has-children:hover > .sub-menu{display: none;}
  header .wm-menu .sub-menu .menu-items{padding: 0rem; gap: 0; grid-template-columns: 1fr;}
  header .wm-menu .sub-menu.active{background-color: var(--wp--preset--color--white); height: 100%;}
  header .wm-menu .sub-menu.active .close-sub-menu{background-color: var(--wp--preset--color--white); padding-bottom: 1rem;}
  header .wm-menu .sub-menu.active .menu-items .menu-item{padding: 0;}
  header .wm-menu .sub-menu.active .menu-items .menu-item a{padding: 1.25rem 1rem 1.5rem 1rem;}
  header .wm-menu .sub-menu.active .menu-items .menu-item a .menu-item-description{margin: 0;}
  header .wm-menu > .menu-item > .sub-menu.active{display: block; position: absolute; top: 0; left: 0; padding: 0; filter: none;}
  header .wm-menu > .menu-item > .sub-menu-wrapper.active,
  header .wm-menu > .menu-item > .sub-menu.active{transform: translateX(0%);}
  header .sub-menu-wrapper > ul > li > .sub-menu a.with-img{margin: 0.25rem 0;}

  body.menu-mobile-opened .mobile-menu-wrapper{opacity: 1; pointer-events: initial;}

  /*## switch mobile ##*/
  .mobile-switch{position: relative;}
  .mobile-switch i{transition: 350ms ease;}
  .mobile-switch i:last-child{position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) scale(0) rotate(45deg);}
  body.menu-mobile-opened .mobile-switch i:last-child{transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg);}
  body.menu-mobile-opened .mobile-switch i:first-child{transform: scale(0) rotate(45deg);}

  body.menu-mobile-opened header{background-color: var(--wp--preset--color--white); color: black !important;}

  body.menu-mobile-opened .gradient-line{background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);}
  body.menu-mobile-opened .logo-white,
  body.menu-mobile-opened .logo-m-white{display: none !important;}
  body.menu-mobile-opened .logo-grey,
  body.menu-mobile-opened .logo-m-grey{display: block !important;}

  /*# Footer #*/
  footer .logo-tmeca{width: 80%;}
  footer .container:first-child .row:first-child{margin-bottom: 2rem;}
  footer .question-contact-wrapper .question-contact-container{padding: 2.4rem 0;}
  footer .question-contact-wrapper .question-contact-container span{font-size: 2rem;}
}

@media (min-width: 768px) {

}

@media only screen and (max-width: 767px){
  .is-style-expert-banner figure img{right: -4rem;}
  .wp-block-columns .is-style-expert-banner .wp-block-media-text__content{padding: 1.25rem .25rem !important;}
  .wp-block-columns .is-style-expert-banner.has-media-on-the-right .wp-block-media-text__media img,
  .wp-block-columns .is-style-expert-banner .wp-block-media-text__media img{right: 10%;}

  /*# Header #*/
  header .logo{width: 100%;}

  /*# Bloc : jobs-list #*/
  .jobs-list-wrapper::before{content: none;}
  .jobs-list-wrapper .jobs-list{grid-template-columns: repeat(2, 1fr);}


  /*# Bloc : domains-presentation #*/
  .domains-presentation{padding: 1.9rem 1.5rem;}
  .domains-presentation div{padding: 0;}
  .domains-presentation>div:first-child{margin-bottom: 10rem;}
  .domains-presentation .desc{margin-bottom: 1rem;}
  .domains-presentation .img-container .domain-img{height: 70%;}

  /*# Bloc : pages-list #*/
  .pages-list .image-background-container{display: none;}
}

@media only screen and (max-width: 575px){
  /*# Bloc style : is-style-expert-banner #*/
  .wp-block-columns .is-style-expert-banner.has-media-on-the-right .wp-block-media-text__media img,
  .wp-block-columns .is-style-expert-banner .wp-block-media-text__media img{right: -4%;}

  /*# Footer #*/
  footer .question-contact-wrapper::before{transform: skewX(0deg);}
}