/* ------------------------------------------- */
/* GENERALI DI SISTEMA */
/* ------------------------------------------ */

* {
  box-sizing: border-box;
  margin: 0;
  font-family: var(--font-family);
}

html {
  scroll-behavior: smooth;
}

section[id],
div[id] {
  scroll-margin-top: 120px;
}

/* main {
  background: transparent
    linear-gradient(180deg, #f3f3f3 0%, #ffffff 22%, #ffffff 80%, #eaeaea 100%)
    0% 0% no-repeat padding-box;
} */

.sticky-top {
  position: sticky !important;
}

.custom-shadow {
  filter: drop-shadow(1px 2px 10px rgba(0, 0, 0, 0.6));
}

.fading-bg {
  background: transparent linear-gradient(180deg, #f3f3f3 0%, #ffffff 22%, #ffffff 80%, #eaeaea 100%) 0% 0% no-repeat padding-box;
}

.container-fluid {
  max-width: 1800px;
}

@media screen and (min-width: 1000px) and (max-width: 1899px) {
  .container-fluid {
    padding: 0 100px;
  }
}

@media (min-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1400px;
  }
}

.breadcrumb {
  margin-bottom: 0;
}

.breadcrumb,
.breadcrumb span,
.breadcrumb a {
  font-size: 12px;
  color: #333333;
  opacity: 0.6;
  text-decoration: none;
}

/* ------------------------------------------- */
/* SPLIDE COROUSEL */
/* ------------------------------------------ */

.splide__arrow:disabled {
  display: none;
}

.splide__pagination {
  bottom: -2.5em !important;
}

.splide__pagination__page.is-active {
  background: var(--primary-color);
  transform: scale(1.4);
  z-index: 1;
}

/* .splide__arrow {
  background-color: var(--light-grey);
  color: var(--primary-color);
} */

/* ------------------------------------------- */
/* BANNER RICHIEDI INFORMAZIONI */
/* ------------------------------------------ */

#richiedi-informazioni {
  position: relative;
  background-color: #ffffff;
}

#richiedi-informazioni .decoration {
  position: relative;
}

#richiedi-informazioni .decoration::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  height: 80%;
  border-radius: 25px;
  background-color: #f0f0f0;
}

#richiedi-informazioni .decoration::after {
  content: url(../images/soffio.svg);
  position: absolute;
  top: 0;
  right: 0;
}

#richiedi-informazioni.configuratore .decoration::after {
  display: none;
}

@media screen and (max-width: 768px) {
  #richiedi-informazioni {
    background-color: var(--light-grey);
  }

  #richiedi-informazioni .decoration::before {
    display: none;
  }

  #richiedi-informazioni .decoration::after {
    display: none;
  }

  #richiedi-informazioni .decoration-mobile {
    width: 300px;
  }
}

/* ------------------------------------------- */
/* GRAVITY FORM */
/* ------------------------------------------ */

.gform_required_legend {
  display: none;
}

.gform-button--width-full {
  inline-size: unset !important;
}

#field_submit {
  align-items: flex-end;
  justify-content: end !important;
}

.gfield_consent_label {
  margin: 0 !important;
  color: var(--dark) !important;
  margin-left: 10px !important;
}

.gfield_consent_label a {
  color: var(--primary-color) !important;
  transition: 0.1s ease-in-out;
}

.gfield_consent_label a:hover {
  opacity: 0.8;
}

.gform-theme--foundation #field_submit input[type="submit"][id*="gform_submit_button_"].gform-button--width-full {
  inline-size: unset !important;
}

.gform-theme--framework .gform_validation_errors {
  margin: 0 !important;
  margin-bottom: 20px !important;
  padding: 11px 20px !important;
}

#form input[type="text"],
#form input[type="tel"],
#form input[type="email"] {
  height: 50px;
}

#form input[type="text"],
#form input[type="tel"],
#form input[type="email"],
#form textarea {
  width: 100%;
  padding: 13px;
  border-radius: 5px;
  border: 1px solid #eeeeee;
  box-shadow: inset 0px 3px 6px #0000000d;
}

#form input[type="file"] {
  width: 100%;
  height: 50px;
  border-radius: 5px;
  border: 1px solid #eeeeee;
  box-shadow: inset 0px 3px 6px #0000000d;
}

#form input[type="checkbox"] {
  height: 15px !important;
  width: 15px !important;
}

#form label {
  font-family: var(--font-family) !important;
  font-size: 14px;
  font-weight: 600;
}

#form .ginput_container_consent {
  display: flex;
  align-items: center;
}

#form .gform-theme--foundation .gform_fields {
  row-gap: 25px !important;
}

#form-configuratore .content #form label {
  color: #000 !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;
}