/* BARRIOTHEME > FORMS CSS */

/* =========================================================================================================== */
/*
     SSSSSS   UU   UU   BBBBB     MM    MM   IIIIII   TTTTTTTT
    SS        UU   UU   BB   B    MMM  MMM     II        TT
     SSSSS    UU   UU   BBBBBB    MM MM MM     II        TT
         SS   UU   UU   BB   BB   MM    MM     II        TT
    SSSSSS     UUUUU    BBBBBB    MM    MM   IIIIII      TT
*/

.gform_wrapper input[type="submit"] {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-size: 1.4rem;
  line-height: 1.8rem;
  letter-spacing: 0.75px;
  text-transform: uppercase;

  margin: 15px 0 0 0 !important;

  width: auto;
  height: 44px;
  border-radius: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  white-space: nowrap;
  padding: 0 40px;
  transition: var(--transition);
  background-color: var(--null);
  border: 1px solid var(--nero);
  color: var(--nero);
}

/* .gform_wrapper input[type="submit"].clicked {
  pointer-events: none;
  user-select: none;
} */

.gform_wrapper input[type="submit"]:hover,
.gform_wrapper input[type="submit"]:focus {
  background-color: var(--nero);
  color: var(--bianco);
}

/* =========================================================================================================== */
/*

    LL         AAA     BBBBB     EEEEEE   LL
    LL        AAAAA    BB   B    EE       LL
    LL       AA   AA   BBBBBB    EEEEE    LL
    LL       AAAAAAA   BB   BB   EE       LL
    LLLLLL   AA   AA   BBBBBB    EEEEEE   LLLLLL

    Label
*/

/* __________________________________________________________________________ */
/* Labels */

.gform_wrapper label {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-size: 1.4rem !important;
  line-height: 1.8rem;
  letter-spacing: 2px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--nero);
  margin-bottom: 0 !important;
}

.gform_wrapper .gfield_error .gfield_repeater_cell label,
.gform_wrapper .gfield_error label,
.gform_wrapper .gfield_error legend,
.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message,
.gform_wrapper [aria-invalid="true"] + label,
.gform_wrapper label + [aria-invalid="true"] {
  color: var(--error) !important;
}

/* __________________________________________________________________________ */
/* Label asterisco */

.gform_wrapper .gfield_required {
  display: none !important;
}

/* .gform_wrapper .gfield_required {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-size: 1.4rem !important;
  font-weight: 100;
  text-transform: uppercase;
  color: var(--nero) !important;
  padding-left: 1px !important;
  transform: translateY(-1px);
}

.gform_wrapper .gfield_error .gfield_required {
  color: var(--error) !important;
}

.gform_wrapper .ginput_container_consent .gfield_required {
  display: none !important;
} */

/* __________________________________________________________________________ */
/* Inputs */

.gform_wrapper input[type="text"],
.gform_wrapper input[type="text"]::placeholder,
.gform_wrapper input[type="number"],
.gform_wrapper input[type="number"]::placeholder,
.gform_wrapper input[type="email"],
.gform_wrapper input[type="email"]::placeholder,
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="tel"]::placeholder {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-size: 1.4rem !important;
  line-height: 1.8rem !important;
  letter-spacing: normal !important;
  color: var(--nero) !important;
}

.gform_wrapper input[type="text"]::placeholder,
.gform_wrapper input[type="number"]::placeholder,
.gform_wrapper input[type="email"]::placeholder,
.gform_wrapper input[type="tel"]::placeholder {
  color: rgba(var(--nero-rgb), 0.5) !important;
}

.gform_wrapper .gfield_error input[type="text"]::placeholder,
.gform_wrapper .gfield_error input[type="number"]::placeholder,
.gform_wrapper .gfield_error input[type="email"]::placeholder,
.gform_wrapper .gfield_error input[type="tel"]::placeholder {
  color: rgba(var(--rosso-rgb), 0.5) !important;
}

/* __________________________________________________________________________ */
/* Textarea */

.gform_wrapper textarea,
.gform_wrapper textarea::placeholder {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-size: 1.4rem !important;
  line-height: 1.8rem !important;
  letter-spacing: normal !important;
  color: var(--nero) !important;
}

.gform_wrapper textarea::placeholder {
  color: rgba(var(--nero-rgb), 0.5) !important;
}

.gform_wrapper .gfield_error textarea::placeholder {
  color: rgba(var(--rosso-rgb), 0.5) !important;
}

/* __________________________________________________________________________ */
/* Select */

.gform_wrapper.gravity-theme .gfield select,
.gform_wrapper select option {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-size: 1.4rem !important;
  line-height: 1.8rem !important;
  letter-spacing: normal !important;
  text-transform: uppercase;
  color: var(--nero) !important;
}

.gform_wrapper select option.gf_placeholder {
  color: rgba(var(--nero-rgb), 0.5) !important;
}

/* __________________________________________________________________________ */
/* Checkbox */

.gform_wrapper input[type="checkbox"] + label,
.gform_wrapper input[type="checkbox"] + label a {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-size: 1rem !important;
  font-weight: 100 !important;
  line-height: 1.8rem;
  letter-spacing: 1.4px;
  color: rgba(var(--nero-rgb), 0.5) !important;
  transition: var(--transition);
  text-transform: none;
  margin-bottom: 0;
  margin-left: 0 !important;
  cursor: pointer;
}

.gform_wrapper input[type="checkbox"] + label {
  min-height: 16px;
  /* transform: translateY(-2px); */
}

.gform_wrapper input[type="checkbox"] + label a {
  text-decoration: underline;
}

.gform_wrapper input[type="checkbox"] + label a:hover {
  color: var(--giallo) !important;
  text-decoration: underline;
}

.gform_wrapper input[type="checkbox"]:checked + label,
.gform_wrapper input[type="checkbox"]:checked + label a {
  color: var(--giallo) !important;
}

.gform_wrapper input[type="checkbox"]:checked + label a:hover {
  color: var(--bianco) !important;
}

.gform_wrapper input[type="checkbox"][aria-invalid="true"] + label,
.gform_wrapper input[type="checkbox"][aria-invalid="true"] + label a {
  color: var(--error) !important;
}

.gform_wrapper input[type="checkbox"][aria-invalid="true"]::before {
  border: 1px solid var(--error) !important;
}

/* __________________________________________________________________________ */
/* Radio */

/* .gform_wrapper input[type="radio"] + label {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-size: 1.4rem !important;
  line-height: 1.8rem !important;
  letter-spacing: normal !important;
}

.gform_wrapper input[type="radio"] + label {
  transform: translateX(6px) translateY(-7px);
}

.gform_wrapper input[type="radio"]:checked + label,
.gform_wrapper input[type="radio"]:checked + label a {
  color: var(--nero) !important;
}

.gform_wrapper input[type="radio"] + label a:hover {
  color: var(--nero) !important;
  text-decoration: underline;
}

.gform_wrapper input[type="radio"][aria-invalid="true"] + label,
.gform_wrapper input[type="radio"][aria-invalid="true"] + label a {
  color: var(--error) !important;
} */

/* __________________________________________________________________________ */
/* Error */

.gform_validation_errors h2.gform_submission_error {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-size: 1.4rem !important;
  line-height: 1.8rem !important;
  letter-spacing: normal !important;
  font-weight: 400 !important;
  color: var(--error) !important;
}

/* =========================================================================================================== */
/* STRUCTURE ================================================================================================= */
/* =========================================================================================================== */

/*

	IIIIII   NN   NN   PPPPPP    UU   UU   TTTTTTTT
	  II     NNN  NN   PP   PP   UU   UU      TT
	  II     NN N NN   PPPPPP    UU   UU      TT
	  II     NN  NNN   PP        UU   UU      TT
	IIIIII   NN   NN   PP         UUUUU       TT

    Text (text, number, email, tel)
*/

.gform_wrapper input[type="text"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"] {
  width: 100%;
  min-height: 60px;
  -webkit-appearance: none;
  -moz-appearance: none;
  /* -moz-appearance: textfield; */
  text-indent: 1px;
  text-overflow: "";
  padding: var(--distance-half) !important;
  background-color: var(--null);
  border: 0;
  border-bottom: 1px solid rgba(var(--nero-rgb), 0.2);
  transition: var(--transition);
  border-radius: 0;
}

.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="number"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="tel"]:focus {
  border-bottom: 1px solid rgba(var(--nero-rgb), 1);
}

.gform_wrapper input[type="text"][aria-invalid="true"],
.gform_wrapper input[type="number"][aria-invalid="true"],
.gform_wrapper input[type="email"][aria-invalid="true"],
.gform_wrapper input[type="tel"][aria-invalid="true"] {
  border: 0 !important;
  border-bottom: 1px solid var(--error) !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* __________________________________________________________________________ */
/*

    TTTTTTTT   EEEEEE   XX    XX  TTTTTTTT    AAA     RRRRRR    EEEEEE     AAA
       TT      EE        XX  XX      TT      AAAAA    RR   RR   EE        AAAAA
       TT      EEEEE      XXXX       TT     AA   AA   RRRRRR    EEEEE    AA   AA
       TT      EE        XX  XX      TT     AAAAAAA   RR  RR    EE       AAAAAAA
       TT      EEEEEE   XX    XX     TT     AA   AA   RR   RR   EEEEEE   AA   AA

    Textarea
*/

.gform_wrapper textarea {
  width: 100%;
  height: 150px !important;
  padding: var(--distance-half) !important;
  resize: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  background-color: var(--null);
  border: 0;
  border: 1px solid rgba(var(--nero-rgb), 0.2);
  transition: var(--transition);
  border-radius: 0;
  margin-top: 15px !important;
}

.gform_wrapper textarea:focus {
  border: 1px solid rgba(var(--nero-rgb), 1);
}

.gform_wrapper textarea[aria-invalid="true"] {
  border: 0 !important;
  border-bottom: 1px solid var(--error) !important;
}

/* __________________________________________________________________________ */
/*

     SSSSS    EEEEEE   LL       EEEEEE    CCCCC   TTTTTTTT
    SS        EE       LL       EE       CC          TT
     SSSSS    EEEEE    LL       EEEEE    CC          TT
         SS   EE       LL       EE       CC          TT
     SSSSS    EEEEEE   LLLLLL   EEEEEE    CCCCC      TT

    Select
*/

.gform_wrapper select {
  width: 100%;
  min-height: 60px;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  padding: var(--distance-half) !important;
  background-color: var(--null);
  border: 0;
  border-bottom: 1px solid rgba(var(--nero-rgb), 0.2);
  transition: var(--transition);
  border-radius: 0;
  cursor: pointer;
}

.gform_wrapper select:focus {
  border-bottom: 1px solid rgba(var(--nero-rgb), 1);
}

.gform_wrapper select[aria-invalid="true"] {
  border: 0 !important;
  border-bottom: 1px solid var(--error) !important;
}

/* .gform_wrapper .ginput_container_select::after {
  content: "";
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  background-color: var(--nero);
  -webkit-mask: url(../media/icons/icon-arrow-bottom.svg) no-repeat 50% 50%;
  mask: url(../media/icons/icon-arrow-bottom.svg) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: var(--transition);
  position: absolute;
  top: 25px;
  left: 0;
  pointer-events: none;
} */

/* __________________________________________________________________________ */
/*

     CCCCC   HH   HH   EEEEEE   CCCCC   KK  KK   BBBBB      OOOOO    XX    XX
    CC       HH   HH   EE      CC       KK KK    BB   B    OO   OO    XX  XX
    CC       HHHHHHH   EEEEE   CC       KKKK     BBBBBB    OO   OO     XXXX
    CC       HH   HH   EE      CC       KK KK    BB   BB   OO   OO    XX  XX
     CCCCC   HH   HH   EEEEEE   CCCCC   KK  KK   BBBBBB     OOOO0    XX    XX

    Checkbox
*/

.gform_wrapper .ginput_container_consent {
  display: flex;
  position: relative;
  overflow: hidden;
  padding-left: 30px;
}

.gform_wrapper input[type="checkbox"] {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  max-width: 16px;
  max-height: 16px;
  margin: 0 !important;
  border-radius: 0 !important;
  text-indent: -9000px;
  position: absolute;
  top: 0;
  left: -16px;
}

.gform_wrapper input[type="checkbox"]::before {
  content: "";
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: var(--null);
  border: 1px solid var(--nero);
  transition: var(--transition);
  position: absolute;
  top: 1px;
  left: calc(100% + 1px);
}

.gform_wrapper input[type="checkbox"]:checked::before {
  border: 1px solid rgba(var(--nero-rgb), 1);
  background-color: var(--nero);
}

/* .gform_wrapper input[type="checkbox"]::after {
  content: "";
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  background-color: var(--nero);
  transition: var(--transition);
  position: absolute;
  top: 4px;
  left: calc(100% + 4px);
  z-index: 1;
  opacity: 0;
} */

/* .gform_wrapper input[type="checkbox"]:checked::after {
  opacity: 1;
} */

/* __________________________________________________________________________ */
/*

    RRRRRR      AAA     DDDDD     IIIIII    OOOOO
    RR   RR    AAAAA    DD  DD      II     OO   OO
    RRRRRR    AA   AA   DD   DD     II     OO   OO
    RR  RR    AAAAAAA   DD   DD     II     OO   OO
    RR   RR   AA   AA   DDDDDD    IIIIII    OOOO0

    Radio
*/

/* .gform_wrapper .ginput_container_radio .gfield_radio {
  width: 100%;
}

.gform_wrapper .ginput_container_radio .gchoice {
  min-height: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
  padding-left: 20px;
  margin-bottom: 10px;
}

.gform_wrapper input[type="radio"] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  max-width: 20px;
  max-height: 20px;
  margin: 0 !important;
  border-radius: 0 !important;
  border: 1px solid var(--nero);
  background-color: var(--null);
  text-indent: -9000px;
  position: absolute;
  top: 0;
  left: -20px;
}

.gform_wrapper input[type="radio"]::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--null);
  border: 1px solid var(--nero);
  border-radius: 50% !important;
  transition: var(--transition);
  position: absolute;
  top: 0;
  left: 100%;
}

.gform_wrapper input[type="radio"]::after {
  content: "";
  width: 10px;
  height: 10px;
  background-color: var(--nero);
  border-radius: 50% !important;
  transition: var(--transition);
  position: absolute;
  top: 5px;
  left: calc(100% + 5px);
  z-index: 1;
  opacity: 0;
}

.gform_wrapper input[type="radio"]:checked::after {
  opacity: 1;
}

.gform_wrapper input[type="radio"][aria-invalid="true"]::before {
  border: 1px solid var(--error) !important;
} */

/* =========================================================================================================== */
/* =========================================================================================================== */
/* =========================================================================================================== */
/*

    GGGGGG   RRRRRR      AAA     VV     VV   IIIIII   TTTTTTTT   YY   YY
   GG        RR   RR    AAAAA    VV     VV     II        TT      YY   YY
   GG        RRRRRR    AA   AA    VV   VV      II        TT       YYYYY
   GG   GG   RR  RR    AAAAAAA     VV VV       II        TT        YYY
    GGGGGG   RR   RR   AA   AA      VVV      IIIIII      TT        YYY

    Gravity
*/

.cont-form {
  width: 100%;
  position: relative;
}

.cont-form > * {
  margin-bottom: 0;
}

.gform_wrapper {
  position: relative;
}

/* __________________________________________________________________________ */
/* Gravity form: HEAD */

.gform_heading {
  display: none;
}

/* __________________________________________________________________________ */
/* Gravity form: BODY */

.gform_body {
  width: 100%;
}

.gform_body .gform_fields {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between !important;
  grid-column-gap: unset !important;
  grid-row-gap: unset !important;
  grid-template-columns: none !important;
}

.ginput_container_select {
  position: relative;
}

.gform_body .gfield {
  width: 100%;
  margin-bottom: var(--distance) !important;
  position: relative;
}

/* gfield 1/2 */

.gform_body .gfield--width-half {
  width: calc(50% - var(--distance-half));
}

/* gfield 1/3 */

.gform_body .gfield--width-third {
  width: calc(33.3333% - var(--distance-half));
}

/* gfield 1/4 */

.gform_body .gfield--width-quarter {
  width: calc(25% - var(--distance-half));
}

/* spacer */

.gform_body .spacer {
  margin: 0 !important;
}

.gform_body .gsection {
  display: none;
}

/* __________________________________________________________________________ */
/* Gravity form: FOOTER */

.gform_footer {
  width: auto;
  padding: 0 !important;
  margin: 0 auto !important;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
}

/* SPINNER */

.gform_footer .gform_ajax_spinner {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 24px;
  left: calc(50% + 90px);
  animation: spinner 1.1s infinite linear;
  border-radius: 50%;
  -webkit-mask: url(../media/icons/icon-spinner.svg) no-repeat 50% 50%;
  mask: url(../media/icons/icon-spinner.svg) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--nero);
}

.footer-section-form .gform_footer .gform_ajax_spinner {
  background-color: var(--bianco) !important;
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* __________________________________________________________________________ */
/* Gravity: CONFIRMATION */

.gform_confirmation_wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

/* __________________________________________________________________________ */
/* Gravity: ERROR */

.gform_validation_errors {
  width: 100% !important;
  border: 1px solid var(--error) !important;
  border-radius: 0 !important;
  background-color: var(--null) !important;
  display: flex;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  padding: 20px !important;
  margin: var(--distance) 0 !important;
  box-shadow: none !important;
}

.gform_validation_errors .gform-icon--close {
  display: none !important;
}

.gfield_validation_message {
  display: none !important;
}

.instruction.validation_message {
  display: none;
}

/* __________________________________________________________________________ */
/* CAPTCHA */

.input-captcha,
.input-captcha a {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-size: 1.2rem;
  line-height: 1.4rem;
  letter-spacing: 0.75px;
  color: rgba(var(--nero-rgb), 0.5);
  transition: var(--transition);
}

.input-captcha a {
  text-decoration: underline;
}