/************************************/
/*************  COLORS   ************/
/************************************/
.module-featured-projects .projects-row-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 36px;
}
.module-featured-projects .project-container {
  padding-right: 4px;
  will-change: transform;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.module-featured-projects .project-container:last-child {
  padding-right: 0;
}
.module-featured-projects .project-container.item-big {
  width: 50%;
}
.module-featured-projects .project-container.item-medium {
  width: 33.33333%;
}
.module-featured-projects .project-container.item-small {
  width: 16.66667%;
}
.module-featured-projects .project-container.item-center {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.module-featured-projects .project-container.item-bot {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.module-featured-projects .project-container:hover {
  color: var(--color-gray-hover);
}
.module-featured-projects .project-container .text-container .title {
  color: var(--font-color);
}
.module-featured-projects .project-container .images-container {
  position: relative;
  margin-bottom: 14px;
}
.module-featured-projects .project-container .images-container .image-hover-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.module-featured-projects .project-container .images-container .image-hover-container .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
}
.module-featured-projects .project-container .images-container .image-hover-container .image.show {
  opacity: 1;
}
@media (max-width: 800px) {
  .module-featured-projects .projects-row-container {
    margin-bottom: 0;
  }
  .module-featured-projects .project-container {
    padding-right: 0;
    width: 100% !important;
    margin-bottom: 28px;
  }
  .module-featured-projects .project-container:last-child {
    padding-right: 0;
  }
  .module-featured-projects .project-container .images-container {
    position: relative;
    margin-bottom: 14px;
  }
  .module-featured-projects .project-container .images-container .image-hover-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .module-featured-projects .project-container .images-container .image-hover-container .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    opacity: 0;
  }
  .module-featured-projects .project-container .images-container .image-hover-container .image.show {
    opacity: 1;
  }
}