/* couleurs */
  :root {
	--blanc: #fff;
	--noir: #000;
    --vert-1: #B3CD39;
    --vert-2: #C1CD2E;
  }

  /* svg */
  .valormat-header .elementor-widget-image a img[src$=".svg"] {
    width: auto;
  }
  .valormat-header .elementor-button-link{
    padding: 10px 0;
  }

  /* reponsive */
  .mobile{
    display: block;
  }
  .tablet{
    display: none;
  }
  .desktop{
    display: none;
  }
  .desktop-mobile{
    display: block;
  }

  /* home */
  .home-banner{
    position: relative;
  }
  .home-banner .home-visuel{
    position: absolute;
    z-index: 1;
    bottom: -2px;
    left: 0;
    width: 100%;
  }

  /* textes */
  .valormat-texte h1, .valormat-texte h2, .valormat-texte p, .valormat-texte img, .valormat-texte ul, .valormat-texte ol, .valormat-texte .elementor-button-wrapper{
    padding-left: 40px;
  }
  .valormat-texte ul li, .valormat-texte ol li{
    margin-bottom: 10px;
  }
  .valormat-texte .valormat-mentions ul{
    padding-left: 80px;
  }
  .valormat-texte h1{
    background-image: url(../img/fleche-verte.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: left top 5px;
    line-height: 1.2 !important;
  }

  /* home fleches */
  .valomart-fleches{
    position: relative;
    width: 300px;
    margin: 0 auto;
  }
  .valomart-fleches h2{
    position: absolute;
    background: var(--blanc);
    padding: 15px 0;
    background-image: url(../img/ligne-verte.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 63px 5px;
    transition: all 1s ease;
  }
  .valomart-fleches h2:hover{
    background-position: bottom left 15px;
  }
  .valomart-fleches #soustitre-1 h2{
    top: 100px;
    left: -20px;
  }
  .valomart-fleches #soustitre-2 h2{
    top: 110px;
    right: -30px;
  }
  h2 a{
    transition: 0.5s all ease;
  }
  h2 a:hover{
    color: var(--vert-1) !important;
  }

  /* prefooter */
  .prefooter h2 a{
    font-weight: 700;
  }
  .prefooter h2{
    background-image: url(../img/fleche-noire.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: left top 5px;
    padding-left: 40px;
    margin: 0 0 50px 15px;
    transition: all 0.5s ease;
  }
  /* .prefooter h2:hover{ */
  .prefooter-col:hover h2{
    background-position: left 5px top 5px;
    color: var(--vert-1);
  }

  /* liste items */
  .valormat-item{
    z-index: 1;
    position: relative;
    width: 100%;
    height: 430px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
  }

  .valormat-item .ombre{
    z-index: 2;
    position: absolute;
    top: 0;
    height: 0;
    width: 100%;
    height: 430px;
    background-color: rgba(0,0,0,.25);
  }
  .valormat-item a{
    z-index: 3;
    position: relative;
    display: block;
    width: 100%;
    height: 430px;
    color: var(--blanc);
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
  }
  .valormat-item a .img-container{
    height: 265px;
    width: 100%;
    position: relative;
  }
  .valormat-item a img{
    max-height: 140px;
    width: auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); 
    transition: bottom 1s ease 0s;
  }
  .valormat-item#item-832 a img, /* 3 seaux plus grand */
  .valormat-item#item-1043 a img { /* absorbant plus grand */  
    max-height: 160px;
  }
  .valormat-item a:hover img{
    bottom: 15px;
  }
  .valormat-item .titre-container{
    padding: 20px;
  }
  
  /* liens */
  .elementor-widget-text-editor a, .elementor-widget-text-editor a:hover{
    color: var(--vert-2) !important;
    text-decoration: underline !important;
  }
  .elementor-widget-text-editor a:hover{
    text-decoration: none !important;
  }

  /* header img */
  
  .header-img{
    position: relative;
  }
  .header-img img{
    position: absolute;
    bottom: -3px;
    left: 50%;
    transform: translateX(-50%); 
    z-index: 1;
    transition: bottom 1s ease 0s;
  }
  .header-img:hover img{
    bottom: 5px;
  }
  
  /* single */
  .post-navigation__next--title, .post-navigation__prev--title{
    font-size: 18px !important;
  }
  .elementor-post-navigation__link a:hover .post-navigation__next--title,
  .elementor-post-navigation__link a:hover .post-navigation__prev--title{
    color: var(--vert-1) !important;
  }
  /* single dechet / materiau > activer menu dechets / materiau */
  body.single-dechet nav > ul > li.menu-item-39 > a,
  body.single-materiau nav > ul > li.menu-item-38 > a{
    color: var(--vert-2) !important;
  }
  body.single-dechet nav > ul > li.menu-item-39 > a > .sub-arrow,
  body.single-materiau nav > ul > li.menu-item-38 > a > .sub-arrow{
    fill: var(--vert-2) !important;
  }
  body.single-dechet nav > ul > li.menu-item-39 > a:after,
  body.single-materiau nav > ul > li.menu-item-38 > a:after{
    opacity: 1 !important;
  }
  body.single .valormat-texte .e-con-inner .single-icone img{
    height: 140px;
    width: auto;
  }

  /* page unique */
  .valormat-image{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }


  /* contact form */
  form.wpcf7-form p,
  form.wpcf7-form label,
  form.wpcf7-form input[type=text],
  form.wpcf7-form input[type=email],
  form.wpcf7-form textarea{
    width: 100%;
  }
  form.wpcf7-form input:focus,
  form.wpcf7-form textarea:focus{
    outline: none;
  }

  form.wpcf7-form input.wpcf7-submit{
    padding: 10px 20px;
  }
  form.wpcf7-form input.wpcf7-submit{
    border-radius: 6px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: var(--vert-1);
    color: var(--noir);
    border: solid 1px var(--vert-1);
    transition: all 0.5s ease;
  }
  form.wpcf7-form input.wpcf7-submit:hover{
    background-color: var(--noir);
    color: var(--vert-1);
  }
  .mention{
    font-size: 11px;
  }

  /* sous-menus */
  .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li ul{
    border: solid 1px var(--vert-2);
  }

  /* tablet */
  @media screen and (min-width: 768px){
    .mobile{
       display: none;
    }
    .tablet{
       display: block;
    }
    .desktop{
       display: none;
    } 
    .desktop-mobile{
      display: none;
    }
    /* liste items */
    .valormat-liste{
      display: flex;
      justify-content: left;
      flex-wrap: wrap;
    }
    .valormat-item{
      width: 50%;
    }
    /* single */
    body.single .single-retour{
      position: absolute;
      top: 13px;
      left: 50%;
      transform: translateX(-50%); 
    }
    body.single .single-col-gauche{
      padding-right: 40px;
    }
    body.single .single-col-droite{
      padding-left: 40px;
    }
  }

  /* tablet only */
  @media screen and (min-width: 768px) and (max-width: 1024px){
    /* ombre sombre */
    .ombre.sombre-tablet{
      background-color: rgba(0,0,0,.5);
    }
  }

  /* desktop */
  @media screen and (min-width: 1024px){
    .mobile{
       display: none;
    }
    .tablet{
       display: none;
    }
    .desktop{
       display: block;
    } 
    .desktop-mobile{
      display: block;
    }
    /* textes */
    .valormat-texte h1, .valormat-texte h2, .valormat-texte p, .valormat-texte img, .valormat-texte ul, .valormat-texte ol, .valormat-texte .elementor-button-wrapper{
      padding-left: 70px;
    }
    .valormat-texte h1{
      background-size: 52px;
    }
    /* prefooter */
    .prefooter #soustitre-3 h2{
        max-width: 325px;
        float: right;
    }
    .prefooter #soustitre-4 h2{
        max-width: 380px;
    } 
    .prefooter h2{
        margin: 0;
    }
    /* liste items */
    .valormat-item{
      width: 33.33%;
    }
    /* ombre sombre */
    .ombre.sombre-desktop-mobile{
      background-color: rgba(0,0,0,.5);
    }
  }

  /* autres */
  @media screen and (max-width: 1470px){
    .prefooter-illustration{
        display: none;
    }
  }

  @media screen and (min-width: 1500px){
    /* single */
    body.single .valormat-texte .e-con-inner{
      position: relative;
    }
    body.single .valormat-texte .e-con-inner .single-icone img{
      padding-left: 0;
      position: absolute;
      top: 20px;
      /* left: -170px; */
      left: 30px;
      transform: translateX(-100%); 
    }
  }