/*****************************
******************************
******************************

Questo file include file scss di configurazione e non genera elementi CSS.

******************************
******************************
******************************/
/******** 
Inizio Mixins
********/
/********
Fine Mixins
********/
/********
Inizio Typography
********/
/********
Fine Typography
********/
/********
 Inizio Colors 
********/
/********
Fine colors
********/
/*****************************
******************************
******************************

Questo file include file scss di configurazione e non genera elementi CSS.

******************************
******************************
******************************/
/******** 
Inizio Mixins
********/
/********
Fine Mixins
********/
/********
Inizio Typography
********/
/********
Fine Typography
********/
/********
 Inizio Colors 
********/
/********
Fine colors
********/
.swiper {
  width: 100%;
  height: 100%;
  padding-left: 0.9375rem !important;
  padding-right: 0.9375rem !important;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
}

.swiper-slide img {
  display: block;
  width: 100%;
  object-fit: cover;
}

.filieraSwiper {
  padding: 0 !important;
  overflow: visible;
}
.filieraSwiper .title_block {
  padding: 20px 0;
  color: white !important;
  font-weight: 500;
  font-size: 1.3rem;
}
.filieraSwiper img {
  aspect-ratio: 100/105;
}
.filieraSwiper .swiper-slide:hover img {
  filter: grayscale(0);
  transition: all 800ms;
}

/*****************************
******************************
******************************

Questo file include file scss di configurazione e non genera elementi CSS.

******************************
******************************
******************************/
/******** 
Inizio Mixins
********/
/********
Fine Mixins
********/
/********
Inizio Typography
********/
/********
Fine Typography
********/
/********
 Inizio Colors 
********/
/********
Fine colors
********/
.product-carousel {
  /* @include padding-left-carousel ; */
}
.product-carousel .carouselProductSwiper {
  overflow: hidden;
  gap: 3rem;
}
.product-carousel .swiper-button {
  display: flex;
  justify-content: center;
  gap: 10px;
  width: 100%;
}
.product-carousel .swiper-button .swiper-button-next,
.product-carousel .swiper-button .swiper-button-prev,
.product-carousel .swiper-button .swiper-button-next-product,
.product-carousel .swiper-button .swiper-button-prev-product {
  top: unset !important;
  position: unset;
  background: transparent;
  width: 50px;
  height: 50px;
  color: #146734;
  font-weight: 600;
  border-radius: 100%;
  margin: 0 !important;
}
.product-carousel .swiper-button .swiper-button-next::after,
.product-carousel .swiper-button .swiper-button-prev::after,
.product-carousel .swiper-button .swiper-button-next-product::after,
.product-carousel .swiper-button .swiper-button-prev-product::after {
  font-size: 1.5rem !important;
}
.product-carousel .swiper-button .swiper-button-next::after {
  margin-left: 4px;
}
.product-carousel .swiper-button .swiper-button-next-product::after {
  margin-left: 4px;
}

.swiper-button-prev-product,
.swiper-button-next-product {
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiper-button-prev-product::after,
.swiper-button-next-product::after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev-product::after {
  content: "prev";
}

.swiper-button-next-product::after {
  content: "next";
}

.swiper-button-prev-product[aria-disabled=true] {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next-product[aria-disabled=true] {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

#swiper-wrapper-e34aa6fb81c32d8c > li {
  padding: 0 !important;
}

/*****************************
******************************
******************************

Questo file include file scss di configurazione e non genera elementi CSS.

******************************
******************************
******************************/
/******** 
Inizio Mixins
********/
/********
Fine Mixins
********/
/********
Inizio Typography
********/
/********
Fine Typography
********/
/********
 Inizio Colors 
********/
/********
Fine colors
********/
.category-carousel {
  padding: 6.25rem 0;
}
.category-carousel .categorySwiper {
  /* @include padding-left-carousel; */
}
.category-carousel .categorySwiper .block {
  border-radius: 100%;
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
}
.category-carousel .categorySwiper .block a {
  aspect-ratio: 1/1;
}
.category-carousel .categorySwiper .block img {
  mix-blend-mode: unset;
  width: 75%;
  margin: 0 auto;
}
.category-carousel .categorySwiper .block .title_block {
  bottom: 20%;
  font-size: 4vw;
  position: absolute;
  width: 100%;
  font-weight: 500;
}
@media (min-width: 992px) {
  .category-carousel .categorySwiper .block .title_block {
    position: absolute;
    font-size: calc(10px + 1.5vw);
    bottom: 45%;
    width: 100%;
    transition: all 300ms ease-out;
  }
  .category-carousel .categorySwiper .block img {
    width: 80% !important;
    height: 100%;
    margin: 0 auto;
    mix-blend-mode: multiply;
    transition: all 300ms ease-out;
  }
  .category-carousel .categorySwiper .block:hover img {
    mix-blend-mode: unset;
    transform: scale(80%) translateY(-15%);
  }
  .category-carousel .categorySwiper .block:hover .title_block {
    bottom: 20%;
    font-size: calc(10px + 1vw);
  }
}
.category-carousel .categorySwiper .block.bevande-biologiche, .category-carousel .categorySwiper .block.beverages, .category-carousel .categorySwiper .block.succhi-e-frullati {
  background-color: #74946f;
}
.category-carousel .categorySwiper .block.conserve-biologiche, .category-carousel .categorySwiper .block.conserve-pomodoro-biologico {
  background-color: #74946f;
}
.category-carousel .categorySwiper .block.salse-biologiche, .category-carousel .categorySwiper .block.sughi-e-pesti {
  background-color: #74946f;
}
.category-carousel .categorySwiper .block.pasta {
  background-color: #74946f;
}
.category-carousel .categorySwiper .block.legumi, .category-carousel .categorySwiper .block.legumi-lessi-bio, .category-carousel .categorySwiper .block.canned-beans {
  background-color: #74946f;
}
.category-carousel .categorySwiper .block.condimenti {
  background-color: #74946f;
}
.category-carousel .categorySwiper .block.confetture-e-miele {
  background-color: #74946f;
}
.category-carousel .categorySwiper .block.prodotti-da-forno-bio, .category-carousel .categorySwiper .block.snack-e-sottoli {
  background-color: #74946f;
}
.category-carousel .swiper-button {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.category-carousel .swiper-button .swiper-button-next,
.category-carousel .swiper-button .swiper-button-prev {
  top: unset !important;
  position: unset;
  background: transparent;
  width: 50px;
  height: 50px;
  color: #146734;
  font-weight: 600;
  border-radius: 100%;
  margin: 0 !important;
}
.category-carousel .swiper-button .swiper-button-next::after,
.category-carousel .swiper-button .swiper-button-prev::after {
  font-size: 1.5rem;
}
.category-carousel .swiper-button .swiper-button-next::after {
  margin-left: 4px;
}
.category-carousel .block_content h2 {
  font-weight: 500;
  font-size: calc(20px + 1vw);
  line-height: calc((20px + 1vw) * 1.2);
  color: #146734;
}
.category-carousel .block_content p {
  color: #74946f;
  font-family: "Seabirds", sans-serif;
  font-weight: 500;
  font-size: calc(20px + 1.3vw);
  line-height: calc((20px + 1.3vw) * 1.2);
}

@media (min-width: 991px) {
  .section.primary-color .ApImage img {
    object-position: top;
  }
}
#feedatyBlock_home {
  overflow-x: hidden;
}