/* 
    Table of content
    1. GRAVITY FORMS
*/

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

/* Label */
.gform_wrapper .gfield_label {
    margin-bottom: .5rem !important;
}

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

/* Input */
.gform_wrapper .gfield input,
.gform_wrapper .gfield select,
.gform_wrapper .gfield textarea {
    padding: 1.05rem 2rem !important;
    border: .1rem solid transparent !important;
    border-radius: .3rem !important;
    background-color: #333 !important;
    font-family: "Lato", sans-serif !important;
    font-size: 1.6rem !important;
    font-weight: 400 !important;
    line-height: 1.8em !important;    
    color: white !important
}

.gform_wrapper .gfield select {
    appearance: none;
    background-image: url(../images/icon-triangle-down-black.svg);
    background-repeat: no-repeat;
    background-position: calc( 100% - 2rem ) center;
}

.gform_wrapper .ginput_container_textarea {
    display: flex;
}

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

.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: 3rem;
    font-size: 1.6rem !important;
    cursor: pointer;
}
  
.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: -.1rem;
    left: -3rem;    
    width: 2rem;
    height: 2rem;
    border-radius: .3rem;
    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: -2.7rem; 
    width: 1.4rem;
    height: 1.4rem;
    border-radius: .3rem;
    background-color: var(--color-green);
    transition: all .2s;
}
  
.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 {
    margin: 1rem 0 0 !important;
    padding: 2rem 3rem !important;
    border: .1rem solid var(--color-green) !important;
    border-radius: .3rem !important;
    background-color: var(--color-green) !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    line-height: 1.3em !important;
    letter-spacing: .1rem !important;
    color: white !important;
    text-transform: uppercase !important;    
    text-decoration: none !important;
	transition: .3s;
    cursor: pointer;
    appearance: none !important;
}

.gform_wrapper .gform_footer input:hover {
    border-color: var(--color-darkgreen) !important;
    background-color: var(--color-darkgreen) !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_error input,
.gform_wrapper .gfield_error select,
.gform_wrapper .gfield_error textarea {
    border-color: red !important;
}

/* Confirmation */
.gform_confirmation_message {
    font-family: "Lato", sans-serif !important;
    font-size: 1.6rem !important;
    line-height: 1.7rem !important;
}

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

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