/*----------------------
---GENERALI DI SISTEMA---
------------------------*/

hr {
  color: #c6c6c6;
}

.bg-center {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.img-sticky {
  position: sticky !important;
  top: 174px !important;
}

.overflow-hidden-mobile {
  overflow: visible;
}

/*----------------------
------SPLIDE JS-----------
------------------------*/

.splide__arrow:disabled {
  display: none;
}

.splide__arrow {
  background-color: var(--grey-color-2) !important;
}

.splide__arrow i {
  color: var(--primary-color) !important;
}

.splide__arrow--prev {
  left: -50px;
}

.splide__arrow--next {
  right: -50px;
}

.splide__pagination__page {
  height: 10px;
  width: 10px;
  background-color: var(--grey-color-2);
}

.splide__pagination__page.is-active {
  background-color: var(--primary-color);
}

.splide__pagination {
  bottom: -2.5em;
}

.carousel-centered {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .splide__arrow--prev {
    left: 20px;
  }

  .splide__arrow--next {
    right: 20px;
  }

  .splide__arrow {
    top: 33%;
  }

  #catalogo-prodotti .splide__arrow,
  #sezione-photogallery .splide__arrow {
    top: 50%;
  }

  #sezione-photogallery-thumbnail .splide__arrow {
    top: -120%;
  }

  .splide__pagination {
    bottom: -1.5em;
  }

  .carousel-centered {
    justify-content: unset !important;
  }
}

/*----------------------
------BREADCRUMBS-------
------------------------*/

#breadcrumbs {
}

#breadcrumbs,
#breadcrumbs a {
  color: var(--black-color);
  font-size: 14px;
  margin-bottom: 0;
}

/*----------------------
------GRAVITY FORM-------
------------------------*/

#form input:not(#gform_submit_button_1),
#form textarea:not(#gform_submit_button_1),
#form select {
  padding: 10px;
  border: 1px solid #ececec;
  font-weight: 300 !important;
}

#form select option {
  font-weight: 300 !important;
}

#form input:not(#gform_submit_button_1):focus-visible,
#form textarea:not(#gform_submit_button_1):focus-visible,
#form select:focus-visible {
  outline: none !important;
}

.gform_required_legend {
  display: none;
}

.gfield_label {
  font-weight: 300 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.gfield_required {
  color: var(--primary-color) !important;
}

.gform_wrapper.gravity-theme .gfield textarea.medium {
  height: 130px !important;
}

/*----------------------
------GOOGLE MAPS-----------
------------------------*/

.google-map {
  position: relative;
  width: 100%;
  min-height: 307px;
}

.google-map iframe {
  width: 100% !important;
}

/*----------------------
------ANIMAZIONI---------
------------------------*/

.fade-in {
  opacity: 0;
  transition: all 2s cubic-bezier(0.215, 0.6, 0.355, 1);
}

.fade-in.in-page {
  opacity: 1;
}

.fade-in-top {
  opacity: 0;
  transform: translateY(10vh);
  transition: all 1s cubic-bezier(0.215, 0.6, 0.355, 1);
}

.fade-in-top.in-page {
  opacity: 1;
  transform: translateY(0);
}

.fade-in-top.in-page {
  opacity: 1;
  transform: translateY(0);
}

.fade-in-left {
  opacity: 0;
  transform: translateX(-10vw);
  transition: all 1s cubic-bezier(0.215, 0.6, 0.355, 1);
  overflow: hidden;
}

.fade-in-left.in-page {
  opacity: 1;
  transform: translateX(0);
}

.fade-in-right {
  opacity: 0;
  transform: translateX(10vw);
  transition: all 1s cubic-bezier(0.215, 0.6, 0.355, 1);
  overflow: hidden;
}

.fade-in-right.in-page {
  opacity: 1;
  transform: translateX(0);
}

.transition-delay-0 {
  transition-delay: 0ms;
}

.transition-delay-1 {
  transition-delay: 100ms;
}

.transition-delay-2 {
  transition-delay: 200ms;
}

.transition-delay-3 {
  transition-delay: 300ms;
}

.transition-delay-4 {
  transition-delay: 400ms;
}

.transition-delay-5 {
  transition-delay: 500ms;
}

.transition-delay-6 {
  transition-delay: 600ms;
}

.transition-delay-7 {
  transition-delay: 700ms;
}

.transition-delay-8 {
  transition-delay: 800ms;
}

.transition-delay-9 {
  transition-delay: 900ms;
}

.transition-delay-10 {
  transition-delay: 1000ms;
}
