/* SLIDER ----------------------------------------------------------------------- */

.blocco-loop-servizi .swiper-wrapper{
  padding: 0;
}


.blocco-loop-servizi .wp-block-post-title:hover{
  color: currentColor !important;
}

.blocco-loop-servizi-pulsante{
  max-width: 50px;
  height: auto;
}


.blocco-loop-servizi-post{
  height: auto !important;
}
.blocco-loop-servizi-post li{
  height: 100%;
}

.pulsante-query-servizi a{
  display: flex;
  position: relative;
}
.pulsante-query-servizi{
  position: absolute;
  right: 30px;
  bottom: 0px;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.66, 0, 0.34, 1);
}
.query-servizi-gruppo-wrap{
  transition: box-shadow 0.3s, background-color 0.2s;
}
.query-servizi-gruppo-wrap:hover{
  box-shadow: 7px 7px 15px #00000020;
  background-color: var(--wp--preset--color--custom-quattro) !important;
}
.query-servizi-gruppo-wrap:hover .pulsante-query-servizi{
  position: absolute;
  right: 30px;
  bottom: 15px;
  opacity: 1;
}
.pulsante-query-servizi path{
  fill: transparent !important;
}
.pulsante-query-servizi circle{
  transition: all 0.2s;
}
.pulsante-query-servizi:hover circle{
  fill: var(--wp--preset--color--custom-nero)
}


.blocco-loop-servizi-icona-wrap figure{
  width:100%;
  display: flex !important;
  justify-content: center;
}




@media(max-width:781px){
  .pulsante-query-servizi{
    position: absolute !important;
    right: 30px;
    bottom: 15px;
    opacity: 1;
    transition: all 0.2s cubic-bezier(0.66, 0, 0.34, 1);
  }
}









/* ELENCO ----------------------------------------------------------------------- */

.blocco-loop-servizi-lista-main{
  margin-bottom: 40px !important;
  transform: translateY(0px);
  box-shadow: 0;
  transition: all 0.4s var(--ease-in-out-circ)
}
.blocco-loop-servizi-lista-row-content{
  justify-content: space-between;
  gap: 20px !important;
  flex-wrap: nowrap !important;
} 

.blocco-loop-servizi-lista-wrap-icona-titolo{
  display: flex !important;
  gap: 25px !important;
  flex-wrap: nowrap !important;
}

.blocco-loop-servizi-lista-button svg{
  max-width: 60px !important;
}


.blocco-loop-servizi-lista-wrap-icona img{
  max-width: 140px;
}

@media(min-width:782px){
  .blocco-loop-servizi-lista-titolo-wrap .blocco-loop-servizi-lista-button{
    display: none !important;
  }
}
@media(max-width:781px){
  .blocco-loop-servizi-lista-button:not(.blocco-loop-servizi-lista-titolo-wrap .blocco-loop-servizi-lista-button){
    display:none !important;
  }

  .blocco-loop-servizi-lista-wrap-icona-titolo{
    width: 100%;
    align-items: flex-start !important;
    flex-direction: column;
    gap: 0px !important
  }
  .blocco-loop-servizi-lista-icona{
    max-width:90px !important;
  }
  .blocco-loop-servizi-lista-titolo-wrap{
    display: flex;
    justify-content: space-between !important;
    align-items: end;
    width: 100%;
    gap: 20px !important;
  }
  .blocco-loop-servizi-lista-titolo{
      margin-bottom: 0 !important;
  }

  .blocco-loop-servizi-lista-button .wp-block-create-block-t99-block-gutenberg-svg > div{
    width: auto !important;
  }
  .blocco-loop-servizi-lista-button svg{
    max-width: 40px !important;
    height: 40px;
  }
  

}




/* hover */
.blocco-loop-servizi-lista-main:hover{
  transform: translateY(-10px);
  box-shadow: var(--box-shadow-r-d);
  background-color: var(--wp--preset--color--custom-quattro) !important;
}

.blocco-loop-servizi-lista-main .blocco-loop-servizi-lista-button{
  transform: translateX(0px);
  transition: transform 0.4s var(--ease-in-out-circ);
}
.blocco-loop-servizi-lista-main:hover .blocco-loop-servizi-lista-button{
  transform: translateX(10px);
}

.blocco-loop-servizi-lista-button circle{
  transition: all 0.2s;
}
.blocco-loop-servizi-lista-button:hover circle{
  fill: var(--wp--preset--color--custom-nero);
}







/* CARDS -------------------------------------------------------------------------- */
.blocco-loop-servizi-card{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.blocco-loop-servizi-card .query-servizi-gruppo-wrap{
  height: 100%;
  position: relative;
}


@media(max-width:1024px){
  .blocco-loop-servizi-card{
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}
@media(max-width:781px){
  .blocco-loop-servizi-card{
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
  .blocco-loop-servizi-card .pulsante-query-servizi{
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: end;
  }

  .blocco-loop-servizi-card .query-servizi-gruppo-wrap:hover .pulsante-query-servizi{
    position: relative;
    right: 20px;
  }
}