@charset "UTF-8";
.posts-wrap {
  display: flex;
  flex-wrap: wrap;
}
.posts-wrap .splide__slide {
  padding: 10px;
  width: 33%;
}
.posts-wrap .splide__slide .attività-inner {
  display: block;
  text-decoration: none;
  margin: 0 20px;
  border-radius: 35px;
  overflow: hidden;
  box-shadow: 1px 1px 6px #868686;
  transition: background-color 500ms ease;
}
.posts-wrap .splide__slide .attività-inner .immagine {
  width: 100%;
  height: 250px;
  position: relative;
}
.posts-wrap .splide__slide .attività-inner .immagine:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.25);
  opacity: 0;
  background-size: 150px;
  background-repeat: no-repeat;
  background-position: center center;
  filter: invert(1);
  background-image: url("https://villariperosse.it/wp-content/uploads/2024/03/villa-ripe-rosse-logo-1.svg");
  transition: opacity 500ms ease;
}
.posts-wrap .splide__slide .attività-inner .text-wrap {
  padding: 20px 15px 35px 15px;
}
.posts-wrap .splide__slide .attività-inner .text-wrap .titolo {
  font-size: 22px;
  color: #1B1B1C;
  transition: color 500ms ease;
}
.posts-wrap .splide__slide .attività-inner .text-wrap .testo {
  font-size: 15px;
  color: #1B1B1C;
  transition: color 500ms ease;
}
.posts-wrap .splide__slide .attività-inner:hover {
  background-color: #c6a446;
}
.posts-wrap .splide__slide .attività-inner:hover .titolo, .posts-wrap .splide__slide .attività-inner:hover .testo {
  color: white;
}
.posts-wrap .splide__slide .attività-inner:hover .immagine:after {
  opacity: 1;
}

.filter-wrap .categoria-wrap span {
  opacity: 0.5;
  transition: opacity 300ms ease;
}
.filter-wrap .categoria-wrap span.active {
  opacity: 1;
}
@media (hover: hover) {
  .filter-wrap .categoria-wrap span:hover {
    opacity: 1;
  }
}