/*

Stylisation des formulaires GRAVITY FORM

*/
/* formulaire et image*/
#wrapper ul .gfield::before,
#wrapper ul .gchoice::before {
    content: unset;
}
#wrapper ul .gfield {
    padding: 0;
}

	.gfield_radio {
		display: flex;
		align-items: center;
	}
		.gfield_radio input[type="radio"],
		.gform_fields .gfield input[type="checkbox"] {
			margin-top: 0 !important;
		}
		.gfield_radio li:first-child {
			margin-right: 5px !important;
		}

		.gfield_radio input[type="radio"]:checked,
		.gfield_radio input[type="radio"]:not(:checked) {
			position: absolute;
    		left: -9999px;
		}
			.gfield_radio input[type="radio"]:checked + label,
			.gfield_radio input[type="radio"]:not(:checked) +label {
				position: relative;
				padding-left: 28px;
				cursor: pointer;
				line-height: 20px;
				display: inline-block;
				color: var(--white);
			}
				.gfield_radio input[type="radio"]:checked + label::before,
				.gfield_radio input[type="radio"]:not(:checked) +label::before {
					content: '';
					position: absolute;
					left: 0;
					top: 0;
					width: 18px;
					height: 18px;
					border-radius: 100%;
					background: var(--white);
				}
				.gfield_radio input[type="radio"]:checked + label::after,
				.gfield_radio input[type="radio"]:not(:checked) +label::after {
					content: '';
					width: 10px;
					height: 10px;
					background: var(--red-light);
					position: absolute;
					top: 4px;
					left: 4px;
					border-radius: 100%;
					-webkit-transition: all 0.2s ease;
					transition: all 0.2s ease;
				}
        .gform_body ul li textarea::placeholder,
        .gform_body ul li input::placeholder {
          font-size: 1.4rem;
          opacity: 1;
          color: var(--red);
        }
				.gfield_radio input[type="radio"]:not(:checked) +label::after {
					opacity: 0;
					-webkit-transform: scale(0);
					transform: scale(0);
				}
				.gfield_radio input[type="radio"]:checked + label::after {
					opacity: 1;
					-webkit-transform: scale(1);
					transform: scale(1);
				}
	.gform_fields .gfield input[type="text"],
	.gform_fields .gfield textarea {
		padding: 12px 18px!important;
		color: var(--color-secondary);
		font-size: 1.4rem !important;
		border-color: transparent;
        outline: none;
		width: 100%;
	}
		.gform_fields .gfield input[type="text"]:focus,
		.gform_fields .gfield textarea:focus {
			border: 2px solid var(--red-light);
		}
	.gform_fields .gfield input[type="checkbox"] {
		display: none;
	}
		.gform_fields .gfield input[type="checkbox"] + label {
			font-family:var(--font-primary) ;
			font-size: 1.2rem;
			color: var(--white);
			position: relative;
			cursor: pointer;
			padding: 0;
            display: flex;
		}
			.gform_fields .gfield input[type="checkbox"] + label:before {
				content: '';
				margin-right: 10px;
				display: inline-block;
				vertical-align: text-bottom;
				width: 20px;
				height: 20px;
                min-width: 20px;
				background: var(--white);
			}
			.gform_fields .gfield input[type="checkbox"]:focus + label:before {
				box-shadow: 0 0 0 3px var(--white);
			}
			.gform_fields .gfield input[type="checkbox"]:checked + label:before {
                border: none;
			}
			.ginput_container_consent label {
                line-height: 140%;
            }
			.gform_legacy_markup_wrapper .gfield_required {
				display: none !important;
			}
			.gform_fields .gfield input[type="checkbox"]:checked + label:after {
				content: '';
				position: absolute;
				left: 3px;
				top: 7px;
				background: white;
				width: 2px;
				height: 2px;
				box-shadow:
				2px 0 0 var(--color-primary),
				4px 0 0 var(--color-primary),
				4px -2px 0 var(--color-primary),
				4px -4px 0 var(--color-primary),
				4px -6px 0 var(--color-primary),
				4px -8px 0 var(--color-primary);
				transform: rotate(45deg);
			}
      .gfield.rgpd a{
        color: var(--white);
      }
      .gfield.rgpd p{
        font-size: 1.2rem;
      }
	.gform_footer {
		text-align: right;
	}
		.gform_footer .gform_button {
			margin-bottom: 48px;
		}
.gfield_description,
.gform-body p {
    color: var(--white);
    font-size: 1.2rem;
    font-family:var(--font-primary);
}
.gform_legacy_markup_wrapper li.hidden_label input {
    margin-top: 0 !important;
}
.gform_fileupload_rules,
.gform_confirmation_message {
	color: var(--white);
    position: absolute;
    top: 100%;
    font-size: 1.2rem;
}
.gform_wrapper {
    background-color: var(--red-dark);
	margin-bottom: 20px;
    margin: 0 auto;
    padding: 45px;
}
.gform_legacy_markup_wrapper .top_label #input_3_7,
.gform_legacy_markup_wrapper .top_label #input_3_8 {
    width: 100%;
	line-height: 110%;
    height: auto;
    text-align: center;
    clip-path: polygon(120px 0, 100% 0%, 100% 100%, 120px 100%);
    font-family: var(--font-primary);
    font-weight: bold;
    cursor: pointer;
    text-decoration: none !important;
    padding: 14px 0;
    transform: translateX(-108px);
}
.gform_legacy_markup_wrapper label.gfield_label, .gform_legacy_markup_wrapper legend.gfield_label {
    color: var(--white);
	font-weight: 100;
}



.gform_legacy_markup_wrapper .top_label div.ginput_container_fileupload {
    margin-top: 8px;
    background: var(--white);
    color: var(--red-light);
    display: flex;
    align-items: center;
    position: relative;
}