/*
Theme Name: EI Groupe RH
Author: Tebayo
Author URI: https://www.tebayo.com/
Description: Thème Wordpress EI Groupe RH
Version: 4.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eigroupe
*/

@import "blocks/block_video.css";
@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/poppins/Poppins-Regular.woff2') format('woff2'),
      url('assets/fonts/poppins/Poppins-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/poppins/Poppins-Medium.woff2') format('woff2'),
      url('assets/fonts/poppins/Poppins-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/poppins/Poppins-Black.woff2') format('woff2'),
      url('assets/fonts/poppins/Poppins-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/poppins/Poppins-SemiBold.woff2') format('woff2'),
      url('assets/fonts/poppins/Poppins-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/poppins/Poppins-Bold.woff2') format('woff2'),
      url('assets/fonts/poppins/Poppins-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans';
  src: url('assets/fonts/noto/NotoSans-Italic.woff2') format('woff2'),
      url('assets/fonts/noto/NotoSans-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}


body {
  font-family: 'Poppins', sans-serif !important;
  overflow-x: hidden;
  /*opacity: 0;*/
}
:root,
.elementor-kit-12 {
  --e-global-color-F8FEFF: #F8FEFF;
  --e-global-color-EDFCFF: #EDFCFF;
  --e-global-color-323E47: #323E47;
  --e-global-color-F8BA0D: #F8BA0D;
  --e-global-color-18CEAA: #18CEAA;
  --e-global-color-00ACEE: #00ACEE;

  --e-global-color-primary: #009CB7!important;
  --e-global-color-accent: #F8BA0D!important;
  --e-global-color-secondary: #001C31!important;
  --e-global-color-text: #313131!important;
  --e-global-color-label: #0E6D7D;
  --e-global-color-c4e46a2: #336AE9;
  --e-global-color-d6961d5: #FF6B6B;
  --e-global-color-392a2f8: #B785E8;
  --e-global-color-1603219: #19CEAB;
  --e-global-color-f454384: #FFFFFF;
  --e-global-typography-primary-font-family: "Poppins";
  --e-global-typography-primary-font-weight: 600;
  --e-global-typography-secondary-font-family: "Poppins";
  --e-global-typography-secondary-font-weight: 400;
  --e-global-typography-text-font-family: "Poppins";
  --e-global-typography-text-font-weight: 400;
  --e-global-typography-accent-font-family: "Poppins";
  --e-global-typography-accent-font-weight: 500;
}
html,body {
    margin:0;
    padding:0;
    color:var(--e-global-color-secondary);
    scrollbar-color:var(--e-global-color-primary) transparent;
    scrollbar-width: auto;
}


.btn.btn-primary {
  display:block;
  border-radius:6px;
  background-color:var(--e-global-color-accent);
  color:var(--e-global-color-secondary);
  text-align:center;
  font-weight:500;
  padding:.6rem 2rem;
  font-size:1.1rem;
  text-decoration:none;
  border:1px solid var(--e-global-color-accent)!important;
  transition:all 400ms cubic-bezier(.14,.63,.11,.99);
}
.btn.btn-primary.btn-inline {
  display:inline-block;
  border-radius:6px;
  background-color:var(--e-global-color-accent);
  color:var(--e-global-color-secondary);
  text-align:center;
  font-weight:500;
  padding:.6rem 2rem;
  font-size:1.1rem;
  text-decoration:none;
  border:1px solid var(--e-global-color-accent)!important;
  transition:all 400ms cubic-bezier(.14,.63,.11,.99);
}
.btn.btn-primary:hover {
  background-color:#fff;
  color:var(--e-global-color-accent);
  border:1px solid var(--e-global-color-accent)!important;
  text-decoration:none;
}
.btn.btn-primary:disabled {
  background-color:#ccc;
  color:var(--e-global-color-text);
  border:1px solid var(--e-global-color-text)!important;
  text-decoration:none;
}


header .navbar-top.navbar-desktop {
  display: none;
}
header .navbar-top.navbar-mobile {
  display: block;
  position: relative;
}
@media(min-width:1400px){

  header .navbar-top.navbar-desktop {
      display: block;
  }
  header .navbar-top.navbar-mobile {
      display: none;
  }
}
.button-open-nav-mobile {

  background: none;
  border: none;

  width: 2em;
  height: 2em;
  vertical-align: -0.125em;
  position: relative;
}
.button-open-nav-mobile .open {
  opacity: 1;
  position: absolute;
  top:0;
  left: 0;
  width: 2em;
  height: 2em;
}
.button-open-nav-mobile .close {
  opacity: 0;
  position: absolute;
  top:0;
  left: 0;
  width: 2em;
  height: 2em;
}

.button-open-nav-mobile svg path{
  fill:var(--e-global-color-primary);
  transition: all 200ms ease-out;
}
.button-open-nav-mobile:hover svg path{
  fill:var(--e-global-color-F8BA0D);
}

header {
  background: linear-gradient(45deg,var(--e-global-color-F8FEFF),var(--e-global-color-EDFCFF));
  /*background-color: var(--e-global-color-EDFCFF);*/
  box-shadow: 0 6px 12px -6px rgba(58, 88, 208, 0.25);
}
header a {
  font-size: 16px;
  font-weight: 500;
  color:var(--e-global-color-primary);
  text-decoration: none;
  transition: all 200ms ease-out;
}
header a:hover {
  color:var(--e-global-color-F8BA0D);
  text-decoration: none;
}
header .navbar-nav button {
  display: inline-block;
  background: none;
  border: none;
  font-size: 16px;
  font-weight: 500;
  color:var(--e-global-color-primary);
  text-decoration: none;
  position:relative;
}
header .navbar-nav button::after {
  position:absolute;
  right: -15px;
  top:6px;
  content: '';
  width:9px ;
  height: 16px;
  background: url('assets/img/arrow-menu.svg') no-repeat 0 0;
  transition: transform 200ms ease-out;
}
header .navbar-nav button[aria-expanded="true"]::after {
  transform: rotate(90deg);
}
header .navbar-nav .sub-menu {
  display: none;
}

header .submenu {
  display: flex;
  padding-left: calc(72px + 3rem);
  align-items: flex-start;
  gap: 3rem;
  overflow: hidden;
}

header .submenu a{
  opacity: 0;
}
.nav-overlay-mobile {
  height: 0;
  overflow: hidden;
}

.nav-overlay-mobile ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav-overlay-mobile ul li ul.sub-menu li{
  padding-left:50px;
}

.nav-overlay-mobile ul li ul.sub-menu li a{
  font-size: clamp(20px, calc(17.5px + 0.78125vw), 25px);
  font-style: normal;
  font-weight: 600;
  line-height:clamp(40px, calc(37.5px + 0.78125vw), 45px);
  text-decoration: none;
}
.nav-overlay-mobile ul li ul.sub-menu {
  height:0;
  overflow: hidden;
  transition: all 0.4s ease-in;
}
.nav-overlay-mobile  #menu-overlay-container >.menu-item {
  padding-top: 20px;
  padding-bottom: 20px;
}
.nav-overlay-mobile #menu-overlay-container>.menu-item > a{
  font-size:clamp(25px, calc(20px + 1.5625vw), 35px);
  font-style: normal;
  font-weight: 600;
  line-height: clamp(40px, calc(35px + 1.5625vw), 50px);
  text-decoration: none;
}

.nav-overlay-mobile .menu-item-has-children {
  position: relative;
}
.nav-overlay-mobile #menu-overlay-container > .menu-item-has-children > a::after {
    content: "";
    position: absolute;
    right: 0;
    top: clamp(10px, calc(35px + 1.5625vw), 35px);
    width: 20px; /* largeur de la barre */
    height: 20px; /* épaisseur de la barre */
    
    background: url('assets/img/arrow-menu.svg') no-repeat 0 0;
    transition: transform 200ms ease-out;
}

.nav-overlay-mobile #menu-overlay-container > .menu-item-has-children.open > a::after {
    transform: rotate(90deg); 
}



footer {
  background-color: var(--e-global-color-secondary);
}

body.admin-bar .fixed-top {
  top: 32px; 
}
@media screen and (max-width: 782px) {
  body.admin-bar .fixed-top {
      top: 46px; 
  }
}

body:not(.home) .main {
  padding-top:110px;
}
body.single-actualite .main {
  padding-top:90px;
}
.text-jaune {
  color: var(--e-global-color-F8BA0D);
}
.text-vert {
  color: var(--e-global-color-18CEAA);
}
.text-bleu {
  color: var(--e-global-color-00ACEE);
}


.hero__overlay h1 {
  font-weight: 900;
  font-size: clamp(40px, 5vw, 70px);
}
.hero__overlay h1 span {
  font-weight: 600;
  font-size: clamp(25px, 3vw, 40px);
}
.hero__overlay h1 span em{
  font-family: 'Noto Sans';
}

.btn-home {
  color:#fff;
  font-size: 24px;
  text-decoration: none;
  font-weight: 700;
  line-height: 24px;
  border: 2px solid var(--e-global-color-F8BA0D);
  background-color: rgba(255,210,85,0.5);
  padding:16px;
  border-radius: 5px;
  transition: all 200ms ease-out;
}
.btn-home svg path {
  transition: all 200ms ease-out;
}
.btn-home:hover {
  color:#000;
  text-decoration: none;
  border: 2px solid var(--e-global-color-F8BA0D);
  background-color: rgba(255,210,85,1);
}
.btn-home:hover svg path {
  stroke:#000;
}
.btn-home-alt {
  color:#000;
  font-size: 24px;
  text-decoration: none;
  font-weight: 700;
  line-height: 24px;
  border: 2px solid var(--e-global-color-F8BA0D);
  background-color: var(--e-global-color-F8BA0D);
  padding:16px;
  border-radius: 5px;
  transition: all 200ms ease-out;
}
.e-button-base{
  transition: all 200ms ease-out;
  border: 2px solid var(--e-global-color-F8BA0D)!important;
}
.e-button-base:hover,
.btn-home-alt:hover {
  color:var(--e-global-color-F8BA0D)!important;
  text-decoration: none;
  background-color: transparent!important;
}

.menu-footer a {
  color:#fff;
  text-decoration: none;
  display: inline-block;
  line-height: normal;
    position: relative;
    padding-bottom:4px;
    transition: color 0.3s;
}
.mentions,
.mentions a {
  color:#BCC2C7;
  text-decoration: none;
  display: inline-block;
  line-height: normal;
    position: relative;
    padding-bottom:4px;
    transition: color 0.3s;
}

.menu-footer a::before,
.mentions a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: var(--e-global-color-F8BA0D);
  top: 100%;
  left: 0;
  pointer-events: none;
  transform-origin: 100% 50%;
  transform: scale3d(0, 1, 1);
  transition: transform 0.3s;
}
.menu-footer a:hover,
.mentions a:hover {
  color:var(--e-global-color-F8BA0D);
}
.menu-footer a:hover::before,
.mentions a:hover::before {
  transform-origin: 0% 50%!important;
  transform: scale3d(1, 1, 1)!important;
}
.mentions-border-top {
  border-top:1px solid #BCC2C7;
}






.page-template-default h1 {
  text-transform: uppercase;
  font-size: 48px;
  font-weight: 700;
  color:var(--e-global-color-primary);
}
.page-template-default h1 em{
  font-size: 45px;
  font-family: 'Noto Sans';
  font-style: italic;
}
.page-template-default h2 {
  color:var(--e-global-color-label);
}


.formulaire .success-msg {
  background-color:var(--e-global-color-primary);
  color: #fff;
  border-radius: 4px;
  padding:12px;
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
}
.formulaire button {
  width: 100%;
  transition: all 200ms ease-out;
  font-weight: 600;
  background-color: rgba(209, 205, 193, 1);
  color: #fff;
  text-align: center;
  padding:12px 25px;
  border-radius: 4px;
  border:1px solid rgba(209, 205, 193, 1);
}
.formulaire button.active {
  background-color: var(--e-global-color-accent);
  color: #fff;
  text-align: center;
  padding:12px 25px;
  border-radius: 4px;
  border:1px solid var(--e-global-color-accent);
}
.formulaire button.btn-minimum {
  background-color: transparent;
  border:none;
  padding:0;
  color:var(--e-global-color-d6961d5);
}
.formulaire button:disabled {
  border:none;
  border:1px solid rgba(209, 205, 193, 1);
  background-color: rgba(209, 205, 193, 1);
}
.formulaire button.btn-minimum:disabled {
  background-color: transparent;
  border:none;
  padding:0;
  color: rgba(209, 205, 193, 1);
}
.formulaire .mentions {
  font-style: normal;
  font-size:0.75rem;
  color: var(--e-global-color-text);
}
.formulaire small em {
  font-style: normal;
  font-size:0.85rem;
  color: rgba(135, 149, 198, 1);
}
.formulaire .form-check-input:checked[type="checkbox"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23009CB7' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.formulaire .form-check-input {
  background-color: rgba(51, 105, 230, 0.15);
  border-color: rgba(51, 105, 230, 0.2);
}
.formulaire .form-check-input:checked {
  background-color: rgba(51, 105, 230, 0.15);
  border-color: rgba(51, 105, 230, 0.2);
}

.formulaire label {
  font-size:1rem;
  color:var(--e-global-color-label);
  font-weight: 500;
}
.formulaire input[type=text].form-control,
.formulaire input[type=tel].form-control,
.formulaire input[type=email].form-control,
.formulaire textarea.form-control {
  font-size: 0.85rem;
  border-radius: 4px;
  border:1px solid rgba(51, 105, 230, 0.1);

}

.formulaire .react-select-container {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  /*border: solid 1px #DDD;*/
  cursor: pointer;
  color:var(--e-global-color-primary) ;
  font-size: 0.85rem;
  /*font-size: 1rem;
  line-height: 140%;*/
  font-weight: 500;
  text-align: left;
  width: 100%;
  border-radius: 4px;
  transition: all 200ms ease-out;
  border:1px solid rgba(51, 105, 230, 0.2);


}
.formulaire .react-select__control {
  /*background-color: #fff!important;*/
  border-radius: 4px!important;
  border:none!important;
}
.formulaire .react-select__control:focus,
.formulaire .react-select__control:hover {
  /*background-color: #fff!important;*/
  border:none!important;
}
.formulaire .react-select__placeholder {
  color:#0E6D7D!important;
}
.formulaire  .react-select__input-container {
  position:relative;
}
.formulaire .react-select__indicator-separator  {
  width: 0!important;
}
.formulaire .react-select__indicator {
  color:#0E6D7D!important;
}
.formulaire .react-select__menu {
  color:#0E6D7D!important;
  background-color:#fff !important  ;
  border-radius: 6px!important;
  margin-top:2px!important;
  font-weight:500;
}
.formulaire .react-select__menu-list {
  background-color:#fff !important  ;
}
.formulaire .react-select__single-value {
  color:#0E6D7D!important;
}
.formulaire .react-select__NoOptionsMessage {
  color:#0E6D7D!important;
}
.formulaire .react-select__option:hover {
  background-color:#0E6D7D!important;
  color:#fff!important;
}

.formulaire .react-select-isDefault {
  background-color:#E5F5F8!important;
  color:#0E6D7D!important;
}
.formulaire .react-select-isSelected {
  background-color:#0E6D7D!important;
  color:#fff!important;
}
.formulaire .react-select-isFocused {
  background-color:#fff!important;
  color:#0E6D7D!important;
}

#gei_candidature_spontane_form .btn-minimum,
#gei_candidature_form .btn-minimum {
  width: 22px;
}

.chiffres-cles {
  background-image: url('assets/img/Reassurance_chiffres_cles.png'),linear-gradient(90deg,var(--e-global-color-label),var(--e-global-color-primary),var(--e-global-color-label));
  background-size: cover,cover;
  background-position: center, center;
  background-repeat: no-repeat;
  padding-top:40px!important;
  padding-bottom:40px!important;
}
.apprendre-plus {
  background-image: url('assets/img/Texture.png'),linear-gradient(90deg,#F8FEFF,#EDFCFF,#F5FDFF,#F8FEFF,#EDFCFF);
  background-size: cover,cover;
  background-position: center, center;
  background-repeat: no-repeat;
  border:2px solid var(--e-global-color-primary);
  border-radius: 5px!important;
}
.pied-page-metiers {
  background-image: url('assets/img/Bandeau_bleu.png');
  background-size: cover;
  background-position: center, center;
  background-repeat: no-repeat;
  padding-top:40px!important;
  padding-bottom:40px!important;
}
.pied-page-metiers p{
  font-size: 48px;
  font-weight: 700;
  color:#fff;
  text-transform: uppercase;
  line-height: 50px;

}
.pied-page-metiers p em{
  font-size: 45px;
  font-family: 'Noto Sans';
  font-style: italic;
  
}

/* tabs Elementor */
.elementor-widget-n-tabs .e-n-tabs-heading {
  justify-content: start!important;
}
.elementor-widget-n-tabs .e-n-tab-title-text {
  font-size: 24px!important;
  font-weight: 700!important;
}
.elementor .elementor-element.elementor-widget-n-tabs:not(:has(> .elementor-widget-container)) > .e-n-tabs > .e-n-tabs-heading .e-n-tab-title[aria-selected="true"]{
  background-color:transparent!important;
  color:var(--e-global-color-label);
  opacity: 1;
}
.elementor-widget-n-tabs .e-n-tab-title[aria-selected="false"], .elementor-widget-n-tabs .e-n-tab-title[aria-selected="false"] a {
  color:var(--e-global-color-label)!important;
  opacity: 0.6;
}
.elementor-widget-n-tabs .e-n-tab-title[aria-selected="false"] {
  background-color:transparent!important;
}
.elementor-widget-n-tabs [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover, .elementor-widget-n-tabs [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover a {
  color: var(--e-global-color-F8BA0D)!important;
  opacity: 1;
}
@media(min-width:768px){
  .elementor-widget-n-tabs .e-n-tab-title:not(:last-child)::after {
      content: "|";
      position: absolute;
      font-size: 24px!important;
      right: -12px;
      top: 50%;
      transform: translateY(-50%);
      color:var(--e-global-color-label)!important;
  }
}

.white-box {
  background-image: url('assets/img/Texture.png'),linear-gradient(90deg,#F8FEFF,#EDFCFF,#F5FDFF,#F8FEFF,#EDFCFF);
  background-size: cover,cover;
  background-position: center, center;
  background-repeat: no-repeat;
  border:2px solid var(--e-global-color-primary);
  border-radius: 5px!important;
}
.single-offre-emploi .offre-contrat {
  color: var(--e-global-color-text);
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-weight: 700;
}
.single-offre-emploi .offre-localisation {
  font-size: 1.1rem;
  font-weight: 600;
  color: #0E6D7D;
}
.single-offre-emploi .offre-titre {
  color: var(--e-global-color-text);
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 700;
}
.titre-form {
  color: var(--e-global-color-label);
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 700;
}
.single-offre-emploi .offre-text {
  font-size: 1rem;
  font-weight: 400;
  color: var(--e-global-color-text);
}


.bloc-candidature .elementor-element-75ae398 p{

  font-size: 32px;
  font-weight: 700;
  color:#fff;
  text-transform: uppercase;
  line-height: 34px;
}
.bloc-candidature .elementor-element-75ae398  p em{
  font-size: 30px;
  font-family: 'Noto Sans';
  font-style: italic;
}

@media(min-width:992px){
  .bloc-candidature .elementor-element-75ae398 p{

    font-size: 48px;
    line-height: 50px;
  }
  .bloc-candidature .elementor-element-75ae398  p em{
    font-size: 45px;
  }
}



.bloc-candidature .elementor-element-e7b9eab  p {

  font-size: 16px;
  font-weight: 600;
  color:#fff;
  height: 34px;
  line-height: 34px;
  margin-right: 12px;
}
.arrow-animated {
  animation: moveArrow 1s ease-in-out infinite;
}

@keyframes moveArrow {
  /* Position initiale */
  0% {
    transform: translateY(0);
  }

  /* Descente */
  25% {
    transform: translateY(60px);
  }

  /* Remonte instantanément par le haut */
  26% {
    transform: translateY(-60px);
  }

  /* Revient au centre */
  50% {
    transform: translateY(0);
  }

  /* 🔥 PAUSE (2 secondes) */
  50%,
  100% {
    transform: translateY(0);
  }
}

.single-actualite-header {
  height:50vh;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.single-actualite h1 {
  color: var(--e-global-color-label);
  font-size: 26px;
  line-height: 29px;
  font-weight: 700;
}
.single-actualite .post-content a {
  color: var(--e-global-color-label);
  text-decoration: underline;
  transition:all 400ms cubic-bezier(.14,.63,.11,.99);
}
.single-actualite .post-content a:hover {
  color: var(--e-global-color-primary);
  text-decoration: none;
}


.actu-partage a{
  display: inline-block!important;
}
.actu-partage svg path{
  fill:var(--e-global-color-primary);
  transition: all 200ms ease-out;
}
.actu-partage svg:hover path{
  fill:var(--e-global-color-F8BA0D);
}

.page .post-content a {
  color: var(--e-global-color-label);
  text-decoration: underline;
  transition:all 400ms cubic-bezier(.14,.63,.11,.99);
}

.page .post-content a:hover {
  color: var(--e-global-color-primary);
  text-decoration: none;
}

#cta_phone {
  background-image: url('assets/img/cta_phone.svg');
  background-repeat: no-repeat;
  background-position: 18px 50%;
  padding-left: 50px;
}

.actualites-slider .actualite-lien {
  color:var(--e-global-color-F8BA0D);
  font-size:16px;
  line-height:26px;
  font-weight:600;
  transition: all 200ms ease-out;
}