/**
 * @file
 * Modules styles
 *
 * Modules are reusables CSS objects (components).
 * They can be utilized 
 */


/** 
 * TNS slider 
 */
.tns-controls,
.tns-nav {
  text-align: center;
}
.tns-controls button {
  font-weight: bold;
  font-size: 1.2em;
  color: #fff;
  background: rgba(0,0,0,0.25);
  border: none;
}
.tns-nav button {
  display: inline-block;
  margin: 0 2px;
  height: 12px;
  width: 12px;
  background: rgba(0,0,0,0.25);
  border-radius: 50%;
  border: none;
}

/**
 * Helpers
 */

 .text-color--green{
   color:#4EAA73;
 }

/**
 * Heading content
 */

 .content__heading{
  position: relative;
}
.content-heading__title h1{
  color:#066232;
  text-transform: uppercase;
  font-size:2.5em;
  font-weight: 300;
  line-height: 1.05em;
  text-align: center;
}
.content-heading__subtitle{
  font-size:1em;
  line-height: 1.5em;
  text-align: center;
}
@media only screen and (min-width: 1000px) {
  .content-heading__title h1{
    font-size:3.75em;
  }
}

/**
 * Heading / title / subtitle
 */

    /**
   * Global
   */
  
    .heading-title{
      padding: 0.5rem 0;
    }

    /**
   * Custom
   */

.heading-title--grey{
  background-color: #F2F2F2;
}
.heading-title--white{
  background-color: #ffffff;
}
.heading-title--green{
  background-color: #4EAA73;
}
.heading-title--green .heading-title__title,
.heading-title--green .heading-title__subtitle{
  color:#ffffff;
}


h2.heading-title__title{
  color:#066232;
  text-transform: uppercase;
  font-size: 1.875em;
  font-weight: 300;
  text-align: center;
  line-height: 1.05em;
}

h3.heading-title__title{
  color: #4EAA73;
  font-size:1.5em;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  /* width: calc(100% - 50px); */
  margin-left: 15px;
}

.heading-title__subtitle{
  font-size:1em;
  line-height: 1.5em;
  text-align: center;
}

.heading-title__link{
  text-align: center;
  padding: 0;
  font-size: 1.125em;
}

.heading-title__link a{
  color: #066232;
  font-weight:600;
  padding-left: 30px;
  position: relative;
}

.heading-title__link a::before {
  content:url(../images/icon-plus.svg);
  position: absolute;
  left: 0;
}


@media only screen and (min-width: 1000px) {
  h2.heading-title__title{
    font-size:2.8em;
  }
}

 
/**
 * Card list
 */

  /**
 * Parameters
 */
    .img-card--centered{
      text-align: center;
    }

    .cards-conteneur--grey{
      background-color: #F2F2F2;
    }
    .cards-conteneur--grey .card__content{
      background-color: #ffffff;
    }

    .cards-conteneur--white{
      background-color: #ffffff;
    }
    .cards-conteneur--white .card__content{
      background-color: #F2F2F2;
    }

    .cards-conteneur--green{
      background-color: #4EAA73;
    }
    
    .title--centered{
      text-align: center;
    }
    .text--centered{
      text-align: center;
      
    }

/**
 * Content
 */

    .grid-list--2.cards-conteneur-wrapper {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .grid-list--2.cards-conteneur-wrapper .card__content{
      margin: 20px;
    }
    @media only screen and (min-width: 750px) {
      .grid-list--2.cards-conteneur-wrapper {
        flex-direction: row;
      }
    }

    .cards-conteneur-wrapper{
      padding: 10px 0;
    }
    .card__content{
      border-radius:10px;
      /* padding: 0; */
      max-width: 418px;
      margin: 20px auto;
    }

    @media only screen and (min-width: 750px) {
      .card__content{
        margin: 20px 0;
      }
    }

    .card-item__image img{
      margin: 0 auto;
    }
    .card-item__image--padding-top{
      padding-top: 25px;
    }
    .card-item__title{
      color: #4EAA73;
      font-size:1.5em;
      font-weight: 700;
      line-height: 30px;
      /* width: calc(100% - 50px); */
      margin: 0 15px;
      padding-top: 25px;
    }
    .card-item__text{
      margin: 0 15px;
    }
    .card-item__text li{
      list-style-image: url(../images/marker-tick-green.svg);
    }
    .card-item__content-logo img{
      margin: 0 auto;
    }

    .card-item__btn{
      padding-top: 10px;
      padding-bottom: 30px;
    }
    .btn-card--yellow{
      /* padding: 1rem; */
      text-align: center;
    }
    .btn-card--yellow a{
      background-color: #FFE000;
      border-radius: 50px;
      color: #066232;
      font-weight: 600;
      padding: 0.8rem;
      font-size:0.8em;
    }
    .btn-card--yellow a:hover{
      text-decoration: none;
      background-color: #fae862;
    }
    @media only screen and (min-width: 1100px) {
      .btn-card--yellow a{
        font-size:1em;
      }
    }

    .btn-card--green{
    /* text-align: center; */
    font-size: 1.125em;
    font-weight: 700;
    margin-left: 15px;
    }
    .btn-card--green a{
      color: #066232;
      font-weight:600;
      padding-left: 30px;
      /* background-color: red; */
      position: relative;
    }
    .btn-card--green a::before {
      content:url(../images/icon-plus.svg);
      position: absolute;
      left: 0;
    }



    @media only screen and (min-width: 1000px) {
      .card-item__title{
        font-size:1.7em;
      }
    }


/**
 * Icon list
 */



.icons-conteneur--grey{
  background-color: #F2F2F2;
}
.icons-conteneur--white{
  background-color: #ffffff;
}
.icons-conteneur--green{
  background-color: #4EAA73;
}
.icons-conteneur{
  padding: 30px 0;
  text-align: center;
}
h3.icons-conteneur__title {
  text-align: center;
  color: #4EAA73;
  font-size: 1.5em;
}

.icon-item__image img{
  margin: 0 auto;
}
.icon-item__title{
  color: #066232;
  font-size:1.125em;
  font-weight: 700;
}
@media only screen and (min-width: 1000px) {
  h3.icons-conteneur__title {
    text-align: center;
    color: #4EAA73;
    font-size: 1.7em;
  }
}

/**
 *
 * Tag list
 */
 .tag__content{
  background-color: #4EAA73;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  font-weight: 700;
}
.tag__content a{
  color:#fff;
}
.tag__content--inner{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 1.2rem 1.8rem;
  min-height: 100px;
}
.tag__content-image{
  width: 40px;
  margin-right:20px;
}
.tag__content-text{
  width: 100%;
  font-weight:600 ;
}
.tag__content-image + .tag__content-text{
  width:calc(100% - 90px);
}

@media only screen and (min-width: 1000px) {
  .tag__content--inner{
    min-height: 150px;
  }
  .tag__content-image{
    width: 30px;
    margin-right:20px;
  }
  .tag__content-text{
    width: 100%;
  }
  .tag__content-image + .tag__content-text{
    width:calc(100% - 50px);
  }
  .tag__content-text{
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1250px) {
  .tag__content-image{
    width: 40px;
    margin-right:20px;
  }
  .tag__content-text{
    width: 100%;
  }
  .tag__content-image + .tag__content-text{
    width:calc(100% - 70px);
  }
  .tag__content-text{
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1450px) {
  .tag__content-image{
    width: 40px;
    margin-right:20px;
  }
  .tag__content-text{
    width: 100%;
  }
  .tag__content-image + .tag__content-text{
    width:calc(100% - 90px);
  }
}

/**
 * WebForm Style
 */

.form form {
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.form .ajax-wrapper,
.form .form-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 15px 0;
}
.form .form-item .form-text,
.form .form-item .form-email,
.form .form-item .form-textarea,
.form .form-item .form-select {
  padding: 12px 20px;
  margin: 0.5rem 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
.form .form-submit {
  background-color: #066232;
  padding: 10px 60px;
  margin: 8px 0;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  color: #FFE000;
  font-weight: 600;
}
.form .form-submit:hover {
  background-color: #256245;
}
@media screen and (min-width: 700px) {
  .form #ajax-wrapper,
  .form .form-item:not(.form-item-ordonnance) {
    max-width: 645px;
  }
}
#edit-processed-text {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin: -16px;
}
#edit-processed-text a {
  color:#066232;
  font-weight:600;
  padding-left: 30px;
}
#edit-processed-text a::before {
  content:url(../images/icon-plus.svg);
  position: absolute;
  left: 0;
}


/**
 * Location block
 */

 .location--grey{
  background-color: #F2F2F2;
}
.location--white{
  background-color: #ffffff;
}
.location--green{
  background-color: #4EAA73;
}
.location-wrapper{
  padding: 30px 0;
}
.location-wrapper__bloc{
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  background-color: #066232;
  border-radius: 20px;
  justify-content: center;
  /* width: 385px;
  height: 169px; */
}

.location-wrapper__bloc--elements{
  color: white;
  width: 220px;
}

.location-item__title--bloc,
.location-item__link--bloc,
.location-item__text--bloc{
  padding: 10px;
}

.location-item__image--bloc img{
  position: relative;
  margin-top: 15px;
}
.location-item__image--bloc::before{
  content: '';
  display: inline-block;
  position: absolute;
  /* z-index: -1; */
  width: 142px;
  height: 142px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #ffffff;
  top: 20px;
}
.location-item__title--bloc{
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 30px;
}
.location-item__link--bloc a{
  background-color: #FFE000;
  padding: 0.5rem;
  border-radius: 20px;
  color: #066232;
  font-weight: 600;
  white-space: nowrap;
}
.location-item__link--bloc a:hover{
  text-decoration: none;
  background-color: #fae862;
}
h2.location-item__title--right{
  color:#066232;
  text-transform: uppercase;
  font-size: 1.875em;
  font-weight: 300;
  text-align: left;
  line-height: 1.05em;
  margin: 20px 0;
}
h3.location-item__title--right{
  color: #4EAA73;
  font-size: 1.5em;
  text-align: left;
  line-height: 1.05em;
  margin: 20px 0;
}


@media only screen and (min-width: 1000px) {
  .location-wrapper__bloc{
    margin-left: auto;
    margin-right: 30px;
    max-width: 400px;
  }
  

  .location-item__title--right{
    font-size:2.8em;
    text-align: left;
  }
}



/**
 * Recycling block
 */
 .recycling-conteneur-wrapper{
   padding:10px 0;
 }
 .recycling-container {
   background-color: #4EAA73;
   color: #ffffff;
 }

 .recycling-item__image{
   margin-bottom: 15px;
 }
 .recycling-item__image img{
  margin: 0 auto;
 }
 .recycling-item__title{
   text-align: center;
   font-size: 1.6em;
   font-weight: 700;
 }

 .recycling-item__text li{
  list-style-image: url(../images/marker-tick-white.svg);
 }


 /**
 * Simple text
 */

.simple-text-container--grey{
  background-color: #F2F2F2;
}
.simple-text-container--white{
  background-color: #ffffff;
}
.simple-text-container--green{
  background-color: #4EAA73;
}

.simple-text-container--green .simple-text__content,
.simple-text-container--green .simple-text__content{
  color:#ffffff;
}


.simple-text-wrapper{
  /* text-align: center; */
  padding:30px 0;
}




h2.simple-text__title{
  color:#066232;
  text-transform: uppercase;
  font-size: 1.875em;
  font-weight: 300;
  line-height: 1.05em;
}
h3.simple-text__title{
  color: #4EAA73;
  font-size:1.5em;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  /* width: calc(100% - 50px); */
}


.simple-text__content li{
  list-style-image: url(../images/marker-cross-red.svg);
}

.simple-text__btn--yellow{
  margin-top: 10px;
  text-align: center;
}

.simple-text__btn--yellow a{
  background-color: #FFE000;
  padding: 0.8rem 6rem;
  border-radius: 50px;
  color: #066232;
  font-weight: 600;
  text-transform: uppercase;
}
.simple-text__btn--yellow a:hover{
  text-decoration: none;
  background-color: #fae862;
}


.simple-text__btn--green{
  /* text-align: center; */
  font-size: 1.125em;
  font-weight: 700;

  }
  .simple-text__btn--green a{
    color: #066232;
    font-weight:600;
    padding-left: 30px;
    /* background-color: red; */
    position: relative;
  }
  .simple-text__btn--green a::before {
    content:url(../images/icon-plus.svg);
    position: absolute;
    left: 0;
  }

/* @media only screen and (min-width: 1000px) {
  .simple-text__content{
    max-width: 500px;
    margin: 0 auto;
  }
} */


 /**
 * Simple text
 */
.paragraph-image img{
  /* text-align: center; */
  margin: 0 auto;
}


/**
 *
 * Video block
 */
 .video-container{
  background-color: #F2F2F2;
  text-align: center;
  color:#fff;
  /* padding:3rem 0; */
}
.video-container iframe{
  width: auto;
}

.video__link{
  padding:1.5rem 0;
}

@media only screen and (min-width: 500px) {
.video-container iframe{
 width: 400px;
 height: 300px;
}

}

@media only screen and (min-width: 1000px) {
  /* .video-container{
    padding:5rem 0 3rem;
  }
  .video__link{
    padding:4rem 0 1.5rem;
  } */
}

/**
 *
 * Image with text page story
 */
 .text-over-image-story{
  background-image: url('../images/page-story-background.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align: center;
  color:rgb(0, 0, 0);
  padding:2rem;
}

.text-over-image-story .text-over-image-content{
  max-width: 850px;
  margin: 0 auto 42rem auto;
}
@media only screen and (min-width: 1000px) {
  .text-over-image-story{
    padding:3rem 0 6rem;
  }
  .text-over-image-story .text-over-image-content{
    max-width: 850px;
    margin: 0 auto 22rem auto;
  }

}
@media only screen and (min-width: 1250px) {
  .text-over-image-story{
    padding:7rem 0 10rem;
  }
}
@media only screen and (min-width: 1500px) {
  .text-over-image-story{
    padding:7rem 0 18rem;
  }
}



/**
 *
 * Homepage Header
 */
 .page-node-type-homepage {
    background-image: url('../images/background-homepage-header.png');
    background-repeat: no-repeat;
    background-position:top center;
    background-size: 600%;
  }

  @media only screen and (min-width: 450px) {
    .page-node-type-homepage {
      background-size: cover;
    }
  }

  .homepage-header{
    padding: 0 0 10rem 0;
  }

  .homepage-header__logo img{
    margin:0 auto;
    width: 80px;
  }

 .homepage-header__title{
    color:#066232;
    text-transform: uppercase;
    font-size: 1.875em;
    font-weight: 300;
    text-align: center;
    line-height: 1.05em;
    margin: 0;
 }
 .homepage-header__title p{
  margin: 0;
}
 .homepage-header__subtitle{
  font-size:1em;
  line-height: 1.5em;
  text-align: center;
  max-width: 850px;
  margin: 0 auto;
}

.homepage-header__wrapper-green{
  background-color: #066232;
  color:#fff;
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
  opacity: 0.85;
  padding: 30px 0;
}
.homepage-header__wrapper-green-title{
  font-size: 1.375rem;
  font-weight: 700;
}

.homepage-header__wrapper-green-title p{
  margin: 0;
}
.homepage-header__wrapper-green-subtitle{
  font-size: 1.125rem;
  font-weight: 600;
  max-width: 300px;
  margin: 0 auto;
}
.homepage-header__wrapper-green-subtitle p{
  margin: 0;
}


 @media only screen and (min-width: 1000px) {
  
  .homepage-header__logo img{
    margin:0 auto;
    width: 130px;
  }
  
  .homepage-header__title{
    font-size:2.6em;
  }

  .homepage-header__wrapper-green{
    background-color: #066232;
    color:#fff;
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
    opacity: 0.85;
  }
  .homepage-header__wrapper-green-title{
    font-size: 3.375rem;
    font-weight: 700;
  }
  
}

/**
 *
 * Block actu homepage
 */

.block-views-blockactualites-block-1{
  background-color: #4EAA73;
  color: #ffffff;
  padding: 30px 0;
}
.news__global-wrapper{
  display: flex;
  flex-direction: column;
}
.block-views-blockactualites-block-1 h2{
  font-size: 3rem;
  text-transform: uppercase;
  font-weight: 300;
  text-align: center;
}

.news-card__image{
  padding: 20px 0;
}
.news-card__title{
  text-transform: uppercase;
  color: #ffffff;
  font-size: 1.6rem;
  margin: 0;
}
.news-card__title a{
  color: #ffffff;
}
.news-card__text-wrapper{
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* button en savoir plus */
.news-card__links a{
  color: #ffffff;
  font-weight:700;
  padding-left: 30px;
  position: relative;
}
.news-card__links a::before{
  content:url(../images/icon-plus.svg);
  position: absolute;
  left: 0;
}

@media only screen and (min-width: 1000px) {
  .news__global-wrapper{
    display: flex;
    flex-direction: row;
  }
  .news-card__image{
    padding: 20px;
  }
}


/* button Toutes les actus */
.block-views-blockactualites-block-1 .view-footer{
  text-align: center;
  padding: 30px;
}
.block-views-blockactualites-block-1 .view-footer span{
  padding-left: 30px;
}
.block-views-blockactualites-block-1 .view-footer a{
  background-color: #FFE000;
  border-radius: 50px;
  color: #066232;
  font-weight: 600;
  padding: 0.8rem 3rem;
}
.block-views-blockactualites-block-1 .view-footer a::before{
  content:url(../images/icon-plus.svg);
  position: absolute;
}
.block-views-blockactualites-block-1 .view-footer a:hover{
  text-decoration: none;
  background-color: #fae862;
}


/**
 *
 * Page actualités
 */
 .path-actualites .news-card__title,
 .path-actualites .news-card__title a,
 .path-actualites .news-card__links a{
   color: black;
 }

 .title_news{
  color: #066232;
  text-transform: uppercase;
  font-size: 2.8em;
  font-weight: 300;
  line-height: 1.05em;
  text-align: center;
 }

 @media only screen and (min-width: 1000px) {
  .title_news{
    font-size:3.75em;
  }
}


/**
 *
 * Actu unique
 */
.single-news__global-wrapper{
  display: flex;
  flex-direction: column;
}
.single-news-card__title{
  color: #066232;
  text-transform: uppercase;
  font-size: 2.8em;
  font-weight: 300;
  line-height: 1.05em;
  text-align: center;
}
.single-news-card__image img{
  margin: 0 auto;
}
.single-news-card__body{
  padding: 20px 0;
}
@media only screen and (min-width: 1000px) {
  .single-news-card__title{
    font-size:3.75em;
  }
}

/**
 *
 * Override pdf icon
 */
.file--application-pdf {
  background-image: unset;
}