input[type="radio"] {
    padding: 10px;
    -webkit-appearance: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    height:20px;
    margin:0px 10px 0px 0px!important;
}
input[type="radio"]:focus{outline:0;}

.gform_wrapper input[type="checkbox"] {display:none;}

.gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=email], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=number], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=password], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=tel], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=text], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=url], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=email], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=number], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=password], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=tel], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=text], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=url], .gform_wrapper .ginput_complex input[type=email], .gform_wrapper .ginput_complex input[type=number], .gform_wrapper .ginput_complex input[type=password], .gform_wrapper .ginput_complex input[type=tel], .gform_wrapper .ginput_complex input[type=text], .gform_wrapper .ginput_complex input[type=url] {width:98.5%!important;}

select {border:1px solid #dddddd;min-height:32px;}

.gform_wrapper .ginput_complex .ginput_right select,
.gform_wrapper .ginput_complex select { width: 97.5%; }

.ginput_container_email, .ginput_container_phone, .ginput_container_website {position:relative;}

/*.ginput_container_email input, .ginput_container_phone input, .ginput_container_website input {padding-left:34px!important;}

.ginput_container_email:before, .ginput_container_phone:before, .ginput_container_website:before {
    vertical-align: middle;
    font: normal normal normal 14px/1 'FontAwesome';
    font-size: inherit;
    text-align:center;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height:32px;
    width:32px;
    border:1px solid #00B0AD;
    display:inline-block;
    content:'';
    position:absolute;
    left:0px;
    top:0px;
    background:#00B0AD;
    color:#ffffff;
    padding-top:7px;
}*/

div.ginput_container_name span {
    padding-right:10px;
}

/*.ginput_container_email:before{content:"\f1fa";}

.ginput_container_phone:before{content:"\f095";}

.ginput_container_website:before {content:"\f0ac";}*/

input[type="radio"]:checked+label, span.custom.checkbox.checked+label { font-weight: bold; }

.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
    display:inline-block;
    vertical-align:middle;
    margin-left:0px;
    line-height:1.6em;
}

span.custom.checkbox {
    border: 1px solid #dddddd;
    color:#00B0AD;
    width: 20px;
    height: 20px;
    display: inline-block;
    float: left;
    margin-right: 10px;
    vertical-align: middle;
    font: normal normal normal 14px/1 'FontAwesome';
    font-size: inherit;
    text-align:center;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
span.custom.checkbox.checked { border-color:#00B0AD; }

span.custom.checkbox.checked:before { content: "\f00c"; }

input[type="radio"]:checked {background:#00B0AD;}

/** alert **/

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning, .gform_wrapper div.validation_error {
    background-color: transparent!important;
    margin-bottom:0px!important;
    padding: 5px 10px;
    border: 0px none!important;
    font-size:11px!important;
    color:#DA6666!important;
    width:100%;
    font-weight: normal;
}

.gform_wrapper div.validation_error {
    font-size:13px;
    padding:15px 15px 15px 64px!important;
    position:relative;
}
.gform_wrapper div.validation_error:before {
    vertical-align: middle;
    font: normal normal normal 14px/1 'FontAwesome';
    font-size: inherit;
    text-align:center;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f06a";
    position:absolute;
    left:10px;
    top:50%;
    margin-top:-24px;
    font-size:48px;
}

.gform_wrapper li.gfield_error input[type=email],
.gform_wrapper li.gfield_error input[type=number],
.gform_wrapper li.gfield_error input[type=password],
.gform_wrapper li.gfield_error input[type=tel],
.gform_wrapper li.gfield_error input[type=text],
.gform_wrapper li.gfield_error input[type=url],
.gform_wrapper li.gfield_error textarea {border: 1px solid #DA6666!important;}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {margin-left:0px!important;}

.gform_wrapper .validation_message, .gform_wrapper .gfield_error .gfield_label {color:#DA6666!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 { padding:0px; margin:0px;}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=image], .gform_wrapper .gform_footer input[type=submit] {
    background:#00B0AD;
}
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=image]:hover, .gform_wrapper .gform_footer input[type=submit]:hover {
    background:#098e8a
}
.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction {font-size:11px;font-weight:normal;}

.gform_wrapper .validation_message {
    margin:0px!important;
    padding:0px!important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    padding:0px!important;
    margin:0px!important;
}

@media screen and (max-width:640px) {
    .gform_wrapper .top_label input.medium,
    .gform_wrapper .top_label select.medium,
    .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_first,
    .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_last,
    .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_middle,

    .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=email],
    .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=number],
    .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=password],
    .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=tel],
    .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=text],
    .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=url],
    .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=email],
    .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=number],
    .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=password],
    .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=tel],
    .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=text],
    .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=url],

    .gform_wrapper .ginput_complex input[type=email],
    .gform_wrapper .ginput_complex input[type=number],
    .gform_wrapper .ginput_complex input[type=password],
    .gform_wrapper .ginput_complex input[type=tel],
    .gform_wrapper .ginput_complex input[type=text],
    .gform_wrapper .ginput_complex input[type=url],

    .gform_wrapper .ginput_complex .ginput_left,
    .gform_wrapper .ginput_complex .ginput_right,

    .gform_wrapper .ginput_complex .ginput_full input[type=email],
    .gform_wrapper .ginput_complex .ginput_full input[type=number],
    .gform_wrapper .ginput_complex .ginput_full input[type=password],
    .gform_wrapper .ginput_complex .ginput_full input[type=tel],
    .gform_wrapper .ginput_complex .ginput_full input[type=text],
    .gform_wrapper .ginput_complex .ginput_full input[type=url] {width:100%!important;padding-right:0px;}

    .gform_wrapper .ginput_complex .ginput_right,
    .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select,
    .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select,
    .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {margin-left:0px; width: 100%!important;}
}

/**
 * Gravity Forms legacy markup layout fixes
 *
 * The GF plugin's own CSS (basic.min.css) only targets .gravity-theme
 * wrappers, but forms rendered with legacy markup use the class
 * .gform_legacy_markup_wrapper and get NO layout CSS at all.
 * These rules provide essential layout for legacy-markup forms.
 */

/* ── Base list reset ── */
.gform_wrapper ul.gform_fields {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.gform_wrapper li.gfield {
    display: block !important;
    clear: both !important;
    margin-bottom: 16px !important;
    padding: 0 !important;
}

/* ── Labels ── */
.gform_wrapper .gfield_label,
.gform_wrapper .gform-field-label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
}

/* Sub-labels (First, Last, City, etc.) */
.gform_wrapper .gform-field-label--type-sub {
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px;
    color: #666;
}

/* ── Inputs ── */
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper select,
.gform_wrapper textarea {
    max-width: 100%;
    box-sizing: border-box;
}

.gform_wrapper .top_label input.medium,
.gform_wrapper .top_label select.medium {
    width: 100% !important;
}

.gform_wrapper .top_label input.large,
.gform_wrapper .top_label select.large {
    width: 100% !important;
}

/* ── Complex fields (name, address, email) using gform-grid-row ── */
.gform_wrapper .ginput_complex.gform-grid-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 16px;
}

.gform_wrapper .ginput_complex .gform-grid-col {
    flex: 1 1 auto !important;
    min-width: 120px;
}

/* ── Complex fields using legacy ginput_left / ginput_right ── */
.gform_wrapper .ginput_complex .ginput_left,
.gform_wrapper .ginput_complex .ginput_right {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}

.gform_wrapper .ginput_complex .ginput_left {
    width: 48%;
    margin-right: 2%;
}

.gform_wrapper .ginput_complex .ginput_right {
    width: 48%;
}

.gform_wrapper .ginput_complex .ginput_full {
    width: 100%;
}

/* ── Address field grid layout ── */
.gform_wrapper .ginput_container_address.gform-grid-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 16px;
}

.gform_wrapper .ginput_container_address .gform-grid-col {
    flex: 1 1 200px;
    min-width: 0;
}

/* ── Name field layout ── */
.gform_wrapper .ginput_container_name.gform-grid-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 16px;
}

/* ── Hidden fields ── */
.gform_wrapper .gfield_visibility_hidden {
    position: absolute !important;
    left: -9999px !important;
    visibility: hidden !important;
}

/* ── Form footer / submit ── */
.gform_wrapper .gform_footer {
    margin-top: 16px;
    padding: 16px 0;
    clear: both;
}

/* ── Honeypot ── */
.gform_wrapper .gform_validation_container {
    display: none !important;
    position: absolute !important;
    left: -9000px !important;
}

/* ── Responsive: stack all sub-fields on small screens ── */
@media screen and (max-width: 640px) {
    .gform_wrapper .ginput_complex.gform-grid-row {
        flex-direction: column !important;
    }

    .gform_wrapper .ginput_complex .gform-grid-col {
        flex: 0 0 100% !important;
        width: 100% !important;
    }

    .gform_wrapper .ginput_complex .ginput_left,
    .gform_wrapper .ginput_complex .ginput_right {
        display: block;
        width: 100% !important;
        margin-right: 0;
    }
}