/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/featured-projects/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-mlab-featured-projects {
  padding-top: 30px;
  padding-bottom: 30px;
}

.featured-project__container {
  min-height: 100vh;
}
.featured-project__container.loaded {
  min-height: initial;
}

.featured-proj__list {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 40px;
  box-sizing: border-box;
  list-style: none;
  padding: 0;
  margin: 0;
}

.featured-proj__image__container {
  position: relative;
  max-width: 100%;
  width: 100%;
  height: auto;
  overflow: hidden;
  aspect-ratio: 1/1;
  border-radius: 0px 0px 100px 0px;
  box-sizing: border-box;
}
.featured-proj__image__container.has-default-image {
  background-image: url(../images/projet-defaut.a1cdf6ab.png);
  background-size: calc(100% + 2px);
  background-position: center;
  background-repeat: no-repeat;
}
.featured-proj__image__container::after {
  position: absolute;
  top: 0;
  background: #FF175E 0% 0% no-repeat padding-box;
  mix-blend-mode: color;
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 0 0 100px 0;
}

.featured-proj__image {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  height: auto;
  width: 100%;
  aspect-ratio: 1/1;
}

.featured-proj__list__item {
  display: grid;
  grid-template-columns: 1fr;
  position: relative;
}
.featured-proj__list__item:hover .featured-proj__image__container::after, .featured-proj__list__item:focus .featured-proj__image__container::after, .featured-proj__list__item:focus-within .featured-proj__image__container::after {
  content: none;
}
.featured-proj__list__item:hover .featured-proj__title, .featured-proj__list__item:focus .featured-proj__title, .featured-proj__list__item:focus-within .featured-proj__title {
  text-decoration: underline;
}

.featured-proj__title {
  grid-row: 2/3;
}

.featured-proj__image__container {
  grid-row: 1/2;
  grid-column: 1/2;
}

.featured-proj__status__list {
  grid-row: 3/4;
}

.featured-proj__excerpt {
  grid-row: 4/5;
  grid-column: 1/2;
}

.featured-proj__type__list {
  grid-row: 5/6;
}

.featured-proj__title {
  color: #2D1592;
  display: flex;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 35px;
  margin: 0;
}

.featured-proj__link {
  font-style: normal;
  line-height: 42px;
  font-size: 30px;
  font-family: var(--wp--preset--font-family--noka);
  font-weight: 600;
  text-decoration: none;
}
.featured-proj__link:after {
  content: "";
  inset: 0;
  position: absolute;
  z-index: 10;
}

.featured-proj__status__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  align-items: baseline;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  row-gap: 0.5rem;
  padding-bottom: 25px;
}

.featured-proj__type__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  align-items: baseline;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  row-gap: 0.5rem;
}

.featured-proj__status__item {
  text-transform: uppercase;
  color: #2D1592;
  list-style: none;
  font-size: 20px;
  font-weight: 500;
  font-family: var(--wp--preset--font-family--noka);
}
.featured-proj__status__item:nth-child(1)::before {
  content: "· ";
}
.featured-proj__status__item::after {
  content: " ·";
}

.featured-proj__type__item {
  font-style: normal;
  font-size: 1rem;
  font-family: "noka";
  line-height: 22px;
  color: #2D1592;
  list-style: none;
  text-transform: uppercase;
  border: 10px solid transparent;
  line-height: 1;
  border-image-repeat: stretch;
  border-image-width: 100%;
  border-image-outset: 0;
  border-image-slice: 50%;
  padding: 2px 10px;
  border-image-source: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 247.41 53.52\"><g ><path d=\"M153.06,9.29c-7.99-1.75-16.12-2.9-24.24-3.88-10.42-1.26-20.9-2.14-31.38-2.7-11.22-.6-22.47-.84-33.71-.55-10.24.27-20.5.95-30.62,2.58-7.79,1.25-15.83,2.99-22.87,6.69C5.57,13.88.96,17.68.13,23.2s2.35,10.08,6.61,13.27c5.94,4.45,13.42,6.84,20.51,8.73,9.49,2.53,19.23,4.06,28.97,5.22,10.46,1.25,20.97,2.03,31.49,2.51,9.26.42,18.54.62,27.81.58,6.27-.03,12.54-.17,18.8-.55,8.68-.52,17.37-.91,26.05-1.49,10.98-.73,21.95-1.67,32.86-3.13,10.3-1.38,20.65-3.14,30.59-6.24,7.09-2.21,15.09-5.17,20.09-10.95,3.71-4.29,5.04-10.45,1.12-15.04-2.18-2.55-5.25-4.31-8.25-5.71-4.12-1.93-8.49-3.3-12.89-4.43-11.15-2.86-22.68-4.28-34.14-5.13-12.06-.9-24.2-1.1-36.27-.42-4.93.28-9.86.72-14.74,1.43-.95.14-.55,1.58.4,1.45,10.73-1.56,21.65-1.88,32.47-1.75,12.01.15,24.04.96,35.93,2.73,9.64,1.43,19.7,3.28,28.59,7.46,4.98,2.34,10.85,6.1,9.69,12.42s-7.44,10.29-12.84,12.86c-8.45,4.01-17.82,6.12-26.98,7.81-10.68,1.97-21.5,3.2-32.32,4.14-9.8.85-19.63,1.43-29.45,1.96-6.26.33-12.51.77-18.77.94-7.89.22-15.8.2-23.69.04-9.92-.2-19.84-.66-29.74-1.43s-20.36-1.91-30.43-3.69c-8.48-1.5-17.04-3.4-25.03-6.67-5.22-2.14-11.31-5.18-13.99-10.46-2.23-4.39-.83-9.38,2.52-12.75,4.6-4.63,11.42-6.86,17.58-8.48,8.93-2.35,18.18-3.43,27.38-4.1,10.72-.78,21.48-.91,32.22-.68s21.66.85,32.46,1.81c9.24.82,18.48,1.88,27.64,3.37,3.44.56,6.88,1.18,10.29,1.93.94.21,1.34-1.24.4-1.45h0Z\" style=\"fill: %232D1592;\"/></g></svg>");
  min-height: 55px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.featured-proj__excerpt {
  text-align: center;
  font-size: 18px;
  font-style: normal;
  line-height: 27px;
  font-family: var(--wp--preset--font-family--hanken-grotesk);
  color: #2D1592;
  margin: 0;
  padding-bottom: 20px;
}

.skeleton .featured-proj__type__list, .skeleton .featured-proj__image__container, .skeleton .featured-proj__title, .skeleton .featured-proj__status__list, .skeleton .featured-proj__excerpt {
  animation: shimmer 1.2s infinite linear;
  background: linear-gradient(90deg, #eee 25%, #ddd 50%, #eee 75%);
  background-size: 200% 100%;
  background-clip: content-box;
}
.skeleton .featured-proj__excerpt {
  background-clip: border-box;
}
.skeleton .featured-proj__list__item:nth-child(1) {
  border-color: transparent;
}
.skeleton .featured-proj__type__list {
  width: 30%;
  border-radius: 4px;
  min-height: 55px;
}
.skeleton .featured-proj__title {
  width: 90%;
  border-radius: 4px;
  display: flex;
  min-height: 70px;
}
.skeleton .featured-proj__status__list {
  width: 60%;
  border-radius: 4px;
  min-height: 25px;
}
.skeleton .featured-proj__status__list::before {
  content: none;
}
.skeleton .featured-proj__excerpt {
  width: 100%;
  min-height: 100px;
  margin-bottom: 1rem;
}
.skeleton .featured-proj__image__container::after {
  content: none;
}

@keyframes shimmer {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 100% 0;
  }
}
@media (min-width: 768px) {
  .featured-proj__list {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}
@media (min-width: 1340px) {
  .wp-block-mlab-featured-projects {
    padding-top: 80px;
  }
  .featured-proj__list {
    row-gap: 50px;
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
  .featured-proj__excerpt {
    grid-row: 1/2;
  }
  .featured-proj__type__list {
    grid-row: 4/5;
  }
  .featured-proj__content {
    padding: 0 23px;
  }
  .featured-proj__title {
    padding-bottom: 25px;
    padding-top: 41px;
  }
  .featured-proj__list__item .featured-proj__image {
    border-radius: 0px 0px 150px 0px;
  }
  .featured-proj__list__item:hover .featured-proj__image__container, .featured-proj__list__item:focus .featured-proj__image__container, .featured-proj__list__item:focus-within .featured-proj__image__container {
    opacity: 0;
  }
  .featured-proj__list__item:focus .featured-proj__excerpt, .featured-proj__list__item:focus-within .featured-proj__excerpt, .featured-proj__list__item:hover .featured-proj__excerpt {
    visibility: visible;
    margin: 0;
  }
  .featured-proj__image__container {
    border-radius: 0 0 150px 0;
    box-sizing: border-box;
  }
  .featured-proj__image__container::after {
    content: " ";
    border-radius: 0 0 150px 0;
  }
  .featured-proj__excerpt {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    background-color: #fff;
    color: #2d1592;
    text-align: center;
    padding: 60px;
    box-sizing: border-box;
    border-radius: 0px 0px 150px 0px;
    justify-content: center;
    visibility: hidden;
    margin: 0;
  }
}

/*# sourceMappingURL=style-index.css.map*/