/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
.view-article .galerie-projets, body:has(.item-page) .galerie-projets {
  display: none !important;
}
/* ==========================================================
   LHOAS & LHOAS
   GALERIE DES PROJETS
   ========================================================== */
.projets-gallery {
  width: 100%;
}
/* ==========================================================
   GRILLE
   ========================================================== */
.projets-gallery-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 80px;
  row-gap: 120px;
  margin-top: 60px;
  margin-bottom: 120px;
}
/* ==========================================================
   PROJET
   ========================================================== */
.projets-gallery-item {
  display: block;
  margin: 0;
  padding: 0;
  min-width: 0;
}
/*
 * Décalage vertical de la colonne droite.
 * Cela évite l'effet "tableau de vignettes".
 */
.projets-gallery-item:nth-child(even) {
  transform: translateY(80px);
}
/* ==========================================================
   LIEN
   ========================================================== */
.projets-gallery-link {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
  background: #f3f3f3;
}
/* ==========================================================
   IMAGE
   ========================================================== */
.projets-gallery-image {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  transition: transform 0.7s ease, filter 0.5s ease;
}
/*
 * Très léger agrandissement au survol
 */
.projets-gallery-link:hover .projets-gallery-image {
  transform: scale(1.025);
}
/* ==========================================================
   VOILE DU TITRE
   ========================================================== */
.projets-gallery-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: flex-end;
  box-sizing: border-box;
  padding: 35px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.15) 40%, rgba(0, 0, 0, 0) 70%);
  opacity: 0;
  transition: opacity 0.4s ease;
}
/*
 * Apparition du voile au survol
 */
.projets-gallery-link:hover .projets-gallery-overlay {
  opacity: 1;
}
/* ==========================================================
   TITRE DU PROJET
   ========================================================== */
.projets-gallery-project-title {
  display: block;
  color: #ffffff;
  font-size: 23px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.01em;
  transform: translateY(15px);
  transition: transform 0.4s ease;
}
.projets-gallery-link:hover .projets-gallery-project-title {
  transform: translateY(0);
}
/* ==========================================================
   TABLETTE
   ========================================================== */
@media (max-width: 959px) {
  .projets-gallery-grid {
    column-gap: 40px;
    row-gap: 70px;
    margin-top: 40px;
    margin-bottom: 80px;
  }
  .projets-gallery-item:nth-child(even) {
    transform: translateY(40px);
  }
  .projets-gallery-overlay {
    padding: 25px;
  }
  .projets-gallery-project-title {
    font-size: 20px;
  }
}
/* ==========================================================
   SMARTPHONE
   ========================================================== */
@media (max-width: 639px) {
  /*
     * Plus de décalage sur smartphone
     */
  /*
     * Sur smartphone il n'y a pas vraiment de hover.
     * Le titre reste donc visible.
     */
  .projets-gallery-grid {
    grid-template-columns: 1fr;
    gap: 45px;
    margin-top: 30px;
    margin-bottom: 50px;
  }
  .projets-gallery-item:nth-child(even) {
    transform: none;
  }
  .projets-gallery-overlay {
    opacity: 1;
    padding: 20px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 65%);
  }
  .projets-gallery-project-title {
    font-size: 18px;
    transform: none;
  }
}
/*# sourceMappingURL=custom_13.css.map */