.singleProject{
  padding: 1rem;
}

.singleProject .inner{
  background-color: var(--lightGrey);
  padding: 1rem;
  border: 1px solid var(--lightGrey);
}

.singleProject figure{
  overflow: hidden;
}

.singleProject img,
.singleProject .inner{
  transition: 0.3s all ease-in-out;
}

.singleProject:hover .inner{
  border: 1px solid var(--black);
}

.singleProject:hover figure img{
  transform: scale(1.2);
}

.navContainer{
  background-color: var(--yellow);
  color: var(--black);
  padding: 0.35rem;
  font-size: 0.8rem;
  font-weight: 700;
}

.custom-prev,
.custom-next{
  width: 2rem;
  height: 2rem;
  background-image: url("../images/freccia.svg");
  background-size: 100%;
  display: inline-block;
  transition: 0.3s all ease-in-out;
  cursor: pointer;
}

.custom-prev{
  transform: rotate(180deg);
}

.custom-prev:hover{
  transform: rotate(180deg) translateX(0.5rem);
}
.custom-next:hover{
  transform: translateX(0.5rem);
}

/* PAGINATOR */

.customPaginator {
  text-align: center;
  padding: 0 0 2em 0;
}

.customPaginator li {
  display: inline-block;
  cursor: pointer;
}

.customPaginator li>a,
.customPaginator li>span {
  font-size: 2rem;
  padding: 0 0.5rem;
}

.customPaginator li.active>span,
.customPaginator li:hover>a,
.customPaginator li:hover>span {
  color: var(--yellow);
}

.customPaginator li.active>a,
.customPaginator li.active>span,
.customPaginator li.active>a{
}

.customPaginator .loadMore {
  font-size: 1rem;
  color: var(--black);
}

.customPaginator li:hover .loadMore {
  text-decoration: underline;
  color: var(--black);
}

/* END PAGINATOR */