/*------------------------------------------
 *  Reponsive
 * -----------------------------------------*/
/*------------------------------------------
 *  BUTTON
 * -----------------------------------------*/
/*------------------------------------------
 *  Before/After
 * -----------------------------------------*/
.single-equipe-grid {
  position: relative;
}
.single-equipe-grid.bleu {
  background: var(--wp--preset--color--first);
}
.single-equipe-grid.vert {
  background: var(--wp--preset--color--second);
}
.single-equipe-grid.rose {
  background: #FFE0D8;
}
.single-equipe-grid.dark {
  background: var(--wp--preset--color--black);
}
.single-equipe-grid:hover header.single-grid-header picture img {
  height: 110%;
  width: auto;
  transform: inherit;
}
.single-equipe-grid:hover main.single-grid-content a.single-grid-title {
  color: var(--wp--preset--color--white);
}
.single-equipe-grid:hover main.single-grid-content p {
  height: 30px;
}
.single-equipe-grid header.single-grid-header {
  height: 100%;
}
.single-equipe-grid header.single-grid-header picture {
  height: 530px;
  overflow: visible;
}
.single-equipe-grid header.single-grid-header picture img {
  overflow: visible;
  object-position: bottom center;
  position: absolute;
  bottom: 0;
  width: auto;
}
.single-equipe-grid main.single-grid-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 70px 20px 10px;
  background: linear-gradient(360deg, rgba(0, 0, 44, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
}
.single-equipe-grid main.single-grid-content a.single-grid-title {
  color: var(--wp--preset--color--white);
  margin-bottom: 0;
}
.single-equipe-grid main.single-grid-content p {
  color: var(--wp--preset--color--white);
  height: 0;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}

@media (max-width: 1400px) {
  .single-equipe-grid header.single-grid-header picture {
    height: 400px;
  }
}
@media (max-width: 1224px) {
  .single-equipe-grid header.single-grid-header picture {
    height: 370px;
  }
}
@media (max-width: 1024px) {
  .single-equipe-grid header.single-grid-header picture {
    height: 420px;
  }
}
@media (max-width: 992px) {
  .single-equipe-grid header.single-grid-header picture {
    height: 280px;
  }
}
@media (max-width: 781px) {
  .single-grid .single-grid-content .single-grid-title {
    font-size: 14px;
  }
}
@media (max-width: 550px) {
  .single-equipe-grid:hover main.single-grid-content p {
    height: 20px;
  }
  .single-equipe-grid main.single-grid-content {
    padding: 70px 10px 10px;
  }
  .single-equipe-grid header.single-grid-header picture {
    height: 220px;
  }
  .single-grid .single-grid-content .single-grid-title {
    font-size: 12px;
  }
}/*# sourceMappingURL=single-grid-equipe.css.map */