/*********************************************
 * Plugin Gravity Form v2.2 (compatible with GF 2.5 and later)
 * Note: default GF CSS must be disabled.
**********************************************/
body .gform_wrapper {
    /* GF variables */
    --gf-color-error:red;
    --gf-spacing-row:30px;
    --gf-spacing-field:10px;
    --gf-spacing-label:0;
    --gf-gap:5px; /* between field columns */
    --gf-field-height:50px;
    --gf-field-bg:#eee;
    --gf-field-side-padding:10px;
    --gf-field-bg-hover:#eee;
    --gf-field-color:#000;
    --gf-field-size:14px;
    --gf-field-font:inherit;
    --gf-field-textarea-height:200px;
    --gf-placeholder-color:#252525;

    margin-bottom:var(--gf-spacing-row);
}
body .gform_wrapper form {position:relative;}


/*********************
 * Body, Footer, Columns
**********************/
/* Form Body */
body .gform_wrapper .gform_body .gform_fields {
    display:flex; flex-wrap:wrap;
    margin:0 calc(var(--gf-gap) * -1);
}

/* Form Footer */
body .gform_wrapper .gform_footer {margin-top:var(--gf-spacing-field); position:relative;}

/* Ajax loading spinner */
body .gform_wrapper .gform_ajax_spinner {
    width:40px; height:40px;
    position:relative; top:50%;
}

/* Field Columns */
body .gform_wrapper .gfield {width:100%; padding:0 var(--gf-gap);box-sizing:border-box;}
body .gform_wrapper .gfield:not(:first-child) {padding-top:var(--gf-spacing-field);}
@media only screen and (min-width:768px) {
    body .gform_wrapper .gfield.gfield--width-two-thirds {width:66.66%;}
    body .gform_wrapper .gfield.gfield--width-third {width:33.33%;}
    body .gform_wrapper .gfield.gfield--width-three-quarter {width:75%;}
    body .gform_wrapper .gfield.gfield--width-quarter {width:25%;}
    body .gform_wrapper .gfield.gfield--width-half {width:50%;}
    body .gform_wrapper .gfield.gfield--width-half:nth-child(1),
    body .gform_wrapper .gfield.gfield--width-half:nth-child(1) + .gfield.gfield--width-half:nth-child(2) {padding-top:0;}
}


/*********************
 * Misc
**********************/
/* Field validation (hidden by default) */
body .gform_wrapper .gfield.gform_validation_container {display:none;}

/* Validation message */
body .gform_wrapper .gfield_validation_message {display:none;}

/* Validation error */
body .gform_wrapper .gform_validation_errors {color:var(--gf-color-error); margin-bottom:var(--gf-spacing-field);}

/* Confirmation (after submit form) */
.gform_confirmation_wrapper {margin-bottom:var(--gf-spacing-row);}

/* Field Label */
body .gform_wrapper .gfield.hidden_label .gfield_label {display:none;}
body .gform_wrapper .gfield_label {
    display:block;
    margin-bottom:var(--gf-spacing-label);
}
body .gform_wrapper .gfield_required {color:var(--gf-color-error); margin-left:2px;}

/* Hidden field */
body .gform_wrapper .gfield_visibility_hidden,
body .gform_wrapper .gform_hidden {display:none;}

/*********************
 * Fields
**********************/
/* Field consent */
body .gform_wrapper fieldset.gfield {border:none; margin:0;}
body .gform_wrapper .ginput_container_consent {display:flex; align-items:center;}
body .gform_wrapper .gfield_consent_label {padding-left:5px;}

/* Field consent (inline with submit button, add class to form if needed, remove this CSS if no need) */
@media only screen and (min-width:1025px) {
    body .gform_wrapper fieldset.gfield {margin-top:10px;}
    body .gform_wrapper .ginput_container_consent {justify-content:flex-end; padding-right:250px; padding-bottom:10px;}
    body .gform_wrapper .gform_footer {position:absolute; right:0; bottom:0; width:auto;}
}

/* Fields */
body .gform_wrapper input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body .gform_wrapper textarea,
body .gform_wrapper select {
    background:var(--gf-field-bg); color:var(--gf-field-color);
    font-size:var(--gf-field-size); font-family:var(--gf-field-font);
    width:100%; height:var(--gf-field-height); padding:5px var(--gf-field-side-padding); display:block;
    -webkit-appearance:none !important; -webkit-border-radius:0 !important;
    transition:all .3s ease;
}
body .gform_wrapper textarea {height:var(--gf-field-textarea-height); padding:15px var(--gf-field-side-padding); resize:vertical;}

/* Fields :hover, :focus */
body .gform_wrapper input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):hover,
body .gform_wrapper textarea:hover,
body .gform_wrapper select:hover,
body .gform_wrapper input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
body .gform_wrapper textarea:focus,
body .gform_wrapper select:focus {
    background:var(--gf-field-bg-hover);
}

/* Fields error */
body .gform_wrapper .gfield_error input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body .gform_wrapper .gfield_error textarea,
body .gform_wrapper .gfield_error select,
body .gform_wrapper .gfield_error .easy-select-current {
    box-shadow:0 0 0 1px var(--gf-color-error);
}
body .gform_wrapper .gfield_error .ginput_container_consent {color:var(--gf-color-error);}

/* Placeholder */
body .gform_wrapper ::-webkit-input-placeholder {font-family:inherit; font-weight:inherit; font-size:inherit; color:var(--gf-placeholder-color);}
body .gform_wrapper ::-moz-placeholder {font-family:inherit; font-weight:inherit; font-size:inherit; color:var(--gf-placeholder-color);}
body .gform_wrapper :-ms-input-placeholder {font-family:inherit; font-weight:inherit; font-size:inherit; color:var(--gf-placeholder-color);}
body .gform_wrapper :-moz-placeholder {font-family:inherit; font-weight:inherit; font-size:inherit; color:var(--gf-placeholder-color);}

/* GRAVITY FORM */
.main_content .gform_wrapper {margin:0 0 35px;}
/* GRAVITY FORM > Label */
.main_content .gform_wrapper label.gfield_label {
    font-size:15px; font-weight:400; color:#000;
    margin-bottom:10px; text-transform:uppercase;
}
.main_content .gform_wrapper .gfield_required {display:none;}

/* GRAVITY FORM > <li> */
.main_content .gform_wrapper ul li.gfield {padding:0 !important; margin-top:15px;}
.main_content .gform_wrapper ul li.gfield:first-child {margin-top:0;}
.main_content .gform_wrapper .top_label div.ginput_container {margin-top:0 !important;}

/* GRAVITY FORM > input, textarea, select */
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper textarea, .gform_wrapper select {
    width:100% !important; height:48px; line-height:48px;
    text-indent:15px; background:#e1e1e1;
    -webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;
    margin-top:0; border:1px solid #f8ac00; box-sizing:border-box;
}
.gform_wrapper input[type=file] {
    border:1px solid #a8a8a8; width:100% !important; height:48px; padding:11px 15px;
}
.gform_wrapper textarea {line-height:normal; padding:15px !important; text-indent:unset;box-sizing:border-box;}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):hover,
.gform_wrapper textarea:hover, .gform_wrapper select:hover,
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
.gform_wrapper textarea:focus, .gform_wrapper select:focus {
    background:rgba(248, 172, 0, .5);
}


/* GRAVITY FORM > List checkbox */
.main_content .gform_wrapper ul.gfield_checkbox, .main_content .gform_wrapper ul.gfield_radio {
    display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
    -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
}
.main_content .gform_wrapper ul.gfield_checkbox > li,
.main_content .gform_wrapper ul.gfield_radio > li {width:100%;}
.main_content .gform_wrapper ul.gfield_checkbox li input[type="checkbox"] {margin-top:0;}

/* GRAVITY FORM > Submit button */
.main_content .gform_wrapper .gform_footer {position:relative; margin:0; padding:15px 0 0;}
.gform_wrapper .gform_footer .gform_ajax_spinner {}

/* GRAVITY FORM ERROR */
.main_content .gform_wrapper div.validation_error {
    border:none; color:#e10032; margin-bottom:0; padding-top:0;
}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper li.gfield_error textarea,
.gform_wrapper li.gfield_error input[type=file] {
    border:1px solid #f8ac00 !important; background:rgba(225, 0, 50, .5);
    box-sizing:border-box;
}
.gform_wrapper .validation_message {display:none;}
.main_content .gform_wrapper li.gfield.gfield_error {
    border:none; margin-right:0 !important; margin-bottom:0 !important; background:none;
}
.main_content .gform_wrapper ul.gform_fields li.gfield.gfield_error + li.gfield.gfield_error {margin-top:25px;}
.main_content .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width:100% !important;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top:0 !important;
}
.gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half,
.gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half {
    max-width:50% !important;
}

/* GFORM MULTI COL */
.main_content .gform_wrapper ul.gform_fields {}
.gform_wrapper .gfmc-column {float:left;}
.gform_wrapper .gfmc-column > ul { margin-left:0;}

/*********************************************
 * Plugin Gravity Form v2.0 Responsive
**********************************************/
@media only screen and (max-width:767px) {
    /* Fields */
    html.iphone body .gform_wrapper select {text-indent:12px;}
    body .gform_wrapper {
        --gf-field-height:45px;
        --gf-field-side-padding:15px;
        --gf-field-textarea-height:150px;
    }
}

@media only screen and (max-width:600px) {
    .main_content .gform_wrapper ul li.gfield:first-child {margin-top:15px;}
    .gform_wrapper .gfmc-column:first-child li.gfield:first-child {margin-top:0;}
    .main_content .gform_wrapper .gform_footer {padding:0;}
    .gform_wrapper .gfmc-column { width:100% !important;}
}