/* 
    Table of content
    1. GRAVITY FORMS
*/

/* 1. GRAVITY FORMS */
/* Grid */
.gform_wrapper .gform_fields {
    grid-column-gap: 1.5rem !important;
    grid-row-gap: 1rem !important;
}

/* Label */
.gform_wrapper .gfield_label {
    margin-bottom: .3rem !important;
    font-size: 1.6rem !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;  
    color: var(--color-black) !important;
}

.hero-form .gform_wrapper .gfield_label {
    color: white !important;
}

/* Description */
.gform_wrapper .gfield_description {
    font-size: 1.6rem !important;
    line-height: 1.6 !important;
    color: var(--color-black) !important;
}

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

/* Input */
.gform_wrapper .gfield:not(.gfield--type-fileupload) input,
.gform_wrapper .gfield textarea {
    padding: .75rem 1.5rem !important;
    border: .1rem solid #ccc !important;
    border-radius: .4rem !important;
    background-color: #f4f4f4 !important;
    font-family: 'Satoshi' !important;
    font-size: 1.6rem !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: var(--color-black) !important;
}

.gform_wrapper .ginput_container_textarea {
    display: flex;
}

.gform_wrapper .gfield:not(.gfield--type-fileupload) input:focus,
.gform_wrapper .gfield textarea:focus {
    border-color: var(--color-purple) !important;
}

.gform_wrapper ::placeholder,
.gform_wrapper ::-webkit-input-placeholder,
.gform_wrapper input[placeholder] {
    color: var(--color-black) !important;
    opacity: 1 !important;
}

/* Consent */
.gform_wrapper .gfield--type-consent {
    width: calc( 100% - 4rem );
}

.gform_wrapper .gfield--type-consent [type="checkbox"]:not(:checked), 
.gform_wrapper .gfield--type-consent [type="checkbox"]:checked {
    position: absolute;
    width: 0 !important;
    height: 0;
    opacity: 0;
    cursor: pointer;
}

.gform_wrapper .gfield--type-consent [type="checkbox"]:not(:checked) + label, 
.gform_wrapper .gfield--type-consent [type="checkbox"]:checked + label {
    position: relative;
    left: 4rem;
    font-size: 1.5rem !important;
    line-height: 1.5 !important;
    color: var(--color-black) !important;
    cursor: pointer;
}

.hero-form .gform_wrapper .gfield--type-consent [type="checkbox"]:not(:checked) + label, 
.hero-form .gform_wrapper .gfield--type-consent [type="checkbox"]:checked + label {
    color: white !important;
}
  
.gform_wrapper .gfield--type-consent [type="checkbox"]:not(:checked) + label:before, 
.gform_wrapper .gfield--type-consent [type="checkbox"]:checked + label:before {
    content: "";
    position: absolute;
    top: -.2rem;
    left: -4rem;    
    width: 2.2rem;
    height: 2.2rem;
    border: .1rem solid #ddd;
    border-radius: .4rem;
    background-color: white;
    box-shadow: 0;  
}
  
.gform_wrapper .gfield--type-consent [type="checkbox"]:not(:checked) + label:after, 
.gform_wrapper .gfield--type-consent [type="checkbox"]:checked + label:after {
    content: "";
    position: absolute;
    top: .2rem;
    left: -3.6rem; 
    width: 1.6rem;
    height: 1.6rem;
    background-color: var(--color-purple);
    transition: .2s;
}

.hero-form .gform_wrapper .gfield--type-consent [type="checkbox"]:not(:checked) + label:after, 
.hero-form .gform_wrapper .gfield--type-consent [type="checkbox"]:checked + label:after {
    background-color: var(--color-orange);
}
  
.gform_wrapper .gfield--type-consent [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
}
  
.gform_wrapper .gfield--type-consent [type="checkbox"]:checked + label:after {
    opacity: 1;
}

/* Footer */
.gform_wrapper .gform_footer {
    margin: 0 !important;
    padding: 0 !important;
}

.gform_wrapper .gform_footer input {
    width: 100%;
    margin: 2rem 0 0 !important;
    padding: 1rem 2rem !important;
    border: .1rem solid var(--color-purple) !important;
    border-radius: .6rem !important;
    background-color: var(--color-purple) !important;
    font-family: "Archivo", sans-serif !important;
    font-optical-sizing: auto;
    font-size: 1.7rem !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    color: white !important;
    text-decoration: none !important;
    text-align: center !important;
	transition: .3s;
    cursor: pointer;
    appearance: none !important;
}

.gform_wrapper .gform_footer input:hover {
    border-color: var(--color-darkpurple) !important;
    background-color: var(--color-darkpurple) !important;
}

.hero-form .gform_wrapper .gform_footer input {
    border-color: var(--color-orange) !important;
    background-color: var(--color-orange) !important;
}

.hero-form .gform_wrapper .gform_footer input:hover {
    border-color: var(--color-darkorange) !important;
    background-color: var(--color-darkorange) !important;
}

/* Errors */
.gform_validation_errors,
.gfield_validation_message {
    display: none !important;
}

.gform_wrapper .gfield:not(.gfield--type-consent).gfield_error label {
    color: inherit !important;
}

.gform_wrapper .gfield:not(.gfield--type-fileupload).gfield_error input,
.gform_wrapper .gfield.gfield_error textarea {
    border-color: #c02b0a !important;
}

/* Confirmation */
.gform_confirmation_message {
    font-family: 'Satoshi';
    font-size: 1.8rem !important;
    line-height: 1.6 !important;   
}

/* reCaptcha */
.grecaptcha-badge {
    visibility: hidden;
    opacity: 0;
}

@media (max-width: 899px) {
    /* 1. GRAVITY FORMS */
    /* Label */
    .gform_wrapper .gfield_label {
        font-size: 1.5rem !important;
    }

    /* Input */
    .gform_wrapper .gfield:not(.gfield--type-fileupload) input,
    .gform_wrapper .gfield textarea {
        font-size: 1.5rem !important;
    }

    /* Consent */
    .gform_wrapper .gfield--type-consent [type="checkbox"]:not(:checked) + label, 
    .gform_wrapper .gfield--type-consent [type="checkbox"]:checked + label {
        font-size: 1.3rem !important;
    }

    /* Footer */
    .gform_wrapper .gform_footer input {
        font-size: 1.6rem !important;
    }
}

@media (max-width: 767px) {
    /* 1. GRAVITY FORMS */
    /* Grid */
    .gform_wrapper .gfield.gfield--width-half {
        grid-column: 1 / -1 !important;
    }
}