/*

Stylisation des formulaires GRAVITY FORM

*/
.gform_body ul,
.gform_body ul li{
  margin: 0;
  padding: 0;
}
label{
  margin-bottom: 0;
}
@media (min-width:992px){
  .flex-wrapper{
    display: flex;
    flex-wrap: wrap;
  }
  .flex-wrapper .gfield{
    flex: 1 0 50%;
    max-width: 50%;
  }
}
body .gform_legacy_markup_wrapper .top_label div.ginput_container{
  margin-top: 0 !important;
  margin-bottom: 30px;
}
.gform_body select,
.gform_body textarea,
.gform_body input[type="text"]{
    font-family: var(--font-primary);
    background-color: var(--gray-200);
    border: none;
    border-radius: 0;
    min-height: 48px;
    padding: 15px !important;
    color: var(--color-primary);
    transition: 0.2s ease-in-out;
    width: 100% !important;
}
select::placeholder,
textarea::placeholder,
input[type="text"]::placeholder{
    color:var(--color-primary)
}
select:focus,
textarea:focus,
input[type="text"]:focus{
    outline: none;
    background-color: var(--gray-300);
}
.gfield_label::after{
  display: inline;
  content:"(Optionnel)";
  font-size:1.4rem;
  margin-left: 5px;
  font-style: italic;
}
.gfield_contains_required .gfield_label::after {
  content: unset;
}

.gfield_required{
  display: none;
}

.gform_button {
    border: none;
    cursor: pointer;
}

.gfield::before{
    display: none;
}



/* Checkbox */
.ginput_container_consent input,
.gfield-choice-input{
  display: none !important;
}

.ginput_container_consent input + label,
.gfield-choice-input + label{
  font-size: 1.6rem !important;
  position: relative !important;
  padding-left: 30px !important;
  cursor: pointer;
  display: block;
}
.ginput_container_consent input + label::before,
.gfield-choice-input + label::before{
  display: block;
  width: 20px;
  height: 20px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--gray-200);
}
.ginput_container_consent input:checked + label,
.gfield-choice-input:checked + label{
  font-weight: normal !important;
}
.ginput_container_consent input:checked + label::before,
.gfield-choice-input:checked + label::before{
  content: "✔";
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-secondary);
}

.gform_submission_error::after{
  content: unset;
}
.gform_submission_error{
  font-family: var(--font-primary);
}




.gform_legacy_markup_wrapper .field_description_below .gfield_consent_description,
.gform_legacy_markup_wrapper .gfield_consent_description{
  border: none !important;
  max-height: auto;
  overflow-y: visible !important;
  font-weight: 500;
}