/* Gravity Forms styling carried over from the old theme (gravity_forms.css), re-scoped from Enfold's #top/#wrap_all/#main to the Elementor build: page-id selectors became slug body classes (wt-page-<slug>), Avia image/button classes their Elementor widgets. */
/** Current GForm starts here **/
:root {
    --wt-white: #fff;
    --wt-color-1: #028ed9;
    --wt-color-2: #00d8ff;
    --wt-color-3: #2bbbfa;
    --wt-color-4: #008dcb;
    --wt-color-5: #05405a;
    --wt-color-6: #0a2132;
    --wt-color-7: #6787a8;
    --wt-gap-size-x2: 24px;
    --wt-gap-size: 12px;
    --wt-gutter-size: 6px;
}

#gform-header-logo {
    margin-bottom: 30px;
}
#gform-header-logo img {
    max-width: 94%;
    margin: 0 auto;
}

body.wt-site #intake-form-wrapper {
    /*width: 600px;*/
    max-width: 100%;
    /* Centring only: the wrapper is a container whose top margin is live's measured gap (contact-us logo to form, 30px). */
    margin-inline: auto;
    line-height: 1.2;
    padding: 0 0;
    font-family:
        "wt-font", "HelveticaNeue", "Helvetica Neue", "Helvetica-Neue",
        Helvetica, Arial, sans-serif;
    color: #fff;
    float: none !important;
}
body.wt-site #intake-form-wrapper .gform_wrapper { width: 600px; max-width: 100%; margin: 0 auto;}
body.wt-site #intake-form-wrapper .partial_entry_warning,
body.wt-site #intake-form-wrapper .gform_page_footer .gform_previous_button,
body.wt-site #intake-form-wrapper .gform_validation_errors,
body.wt-site #intake-form-wrapper .gform_heading {
    display: none;
}

body.wt-page-thank-you .elementor-button,
body.wt-site #intake-form-wrapper .button {
    position: relative !important;
    font-size: 21px !important;
    margin: 0 auto !important;
    padding: 0 16px;
    min-height: 48px;
    line-height: 48px;
    text-transform: uppercase;
    transition-duration: 0.1s;
    transition-property:
        background-color, color, border-color, opacity, box-shadow;
    transition-timing-function: ease-out;
    border-radius: 0;
    display: inline;
    font-family: wt-font, HelveticaNeue, "Helvetica Neue", Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    cursor: pointer;
    outline: none;
    border: 1px solid transparent;
    box-shadow: rgba(0, 0, 0, 0.1) 0 3px 12px 0;
    background-color: #038fda;
    color: var(--wt-white);
    -webkit-appearance: none;
    appearance: none;
    letter-spacing: normal;
}
body.wt-page-thank-you .elementor-button:hover,
body.wt-site #intake-form-wrapper .button:hover {
    background-color: #0585cb;
}
body.wt-site #intake-form-wrapper .gfield input::-webkit-input-placeholder {
    color: #6787a8;
}
body.wt-site #intake-form-wrapper .gfield input::-moz-placeholder {
    color: #6787a8;
}
body.wt-site #intake-form-wrapper .gfield input:-ms-input-placeholder {
    color: #6787a8;
}
body.wt-site #intake-form-wrapper .gfield input:-moz-placeholder {
    color: #6787a8;
}
body.wt-site #intake-form-wrapper img.intro,
body.wt-site #intake-form-wrapper .step-photo {
    max-width: 600px;
    margin: 0 50%;
    position: relative;
    transform: translateX(-50%);
    display: block;
    min-width: 100%;
}
@media (min-width: 768px) {
    body.wt-site #intake-form-wrapper img.intro,
    body.wt-site #intake-form-wrapper .step-photo {
        width: initial;
        max-width: 100%;
        margin: 0 auto;
        transform: unset;
    }
}
/* The phone step photo bleeds past the viewport edges; live clips it, so the page never scrolls sideways (the wrapper spans the viewport). */
@media (max-width: 767px) {
    body.wt-site #intake-form-wrapper { overflow-x: clip; }
}
body.wt-site #intake-form-wrapper .custom-label,
body.wt-site #intake-form-wrapper .gfield_label {
    font-weight: 500;
    line-height: unset;
    color: #fff;
    font-family:
        "wt-font", "HelveticaNeue", "Helvetica Neue", "Helvetica-Neue",
        Helvetica, Arial, sans-serif;
    font-size: 23px;
    margin-bottom: 0;
    letter-spacing: normal;
}
@media (min-width: 768px) {
    body.wt-site #intake-form-wrapper .custom-label,
    body.wt-site #intake-form-wrapper .gfield_label {
        font-size: 28px;
    }
}
/* Live's label asterisk is Enfold's #444 ink, not GF's red, at Enfold's 13px normal (#top label span); the consent link is Enfold's primary blue. */
body.wt-site #intake-form-wrapper .gfield_label .gfield_required {
    color: #444;
    font-size: 13px;
    font-weight: 400;
}
body.wt-site #intake-form-wrapper p.disclaimer a {
    color: #138acf;
}
body.wt-site #intake-form-wrapper input[type="text"],
body.wt-site #intake-form-wrapper input[type="email"],
body.wt-site #intake-form-wrapper input[type="tel"],
body.wt-site #intake-form-wrapper input[type="number"],
body.wt-site #intake-form-wrapper input[type="date"] {
    display: block;
    width: 100%;
    font-family: inherit;
    color: var(--wt-color-1);
    border: none;
    outline: none;
    border-radius: 0;
    appearance: none;
    transform: translateZ(0px);
    font-size: 30px;
    -webkit-font-smoothing: antialiased;
    line-height: 1.2;
    animation: 1ms ease 0s 1 normal none running native-autofill-in;
    transition:
        background-color 300ms ease 0s,
        box-shadow 0.1s ease-out 0s;
    box-shadow: #06aff9 0 1px;
    background: transparent !important;
    margin: 0;
    height: 48px;
    padding: 0;
}
body.wt-site #intake-form-wrapper select {
    border-radius: 4px;
    background-color: rgba(6, 175, 249, 0.1);
    box-shadow: rgba(6, 175, 248, 0.6) 0 0 0 1px inset;
    color: #06aff9;
    border: 1px solid #038fda !important;
    min-width: auto;
    /* Enfold's global select rules the old site leaned on: full width, no native arrow, 1em Helvetica. */
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    font: 1em wt-font, HelveticaNeue, "Helvetica Neue", Helvetica-Neue, Helvetica, Arial, sans-serif;
    line-height: normal;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
    background-position: center right;
    background-repeat: no-repeat;
    padding: 8px 6px;
    outline: none;
    margin: 0;
    display: block;
}
body.wt-site #intake-form-wrapper select.filled {
    background-color: #07699d;
    font-weight: bold;
    color: #fff;
}
body.wt-site #intake-form-wrapper textarea {
    background: #0a2132;
    border-color: #06aff9;
    color: #06aff9 !important;
    font-size: 24px;
    margin-bottom: 0;
}
body.wt-site #intake-form-wrapper input[type="submit"] {
    min-width: 220px;
    max-width: unset !important;
    float: none !important;
    color: #fff;
}
body.wt-site #intake-form-wrapper .ginput_complex span {
    flex: 1;
}
body.wt-site #intake-form-wrapper .gfield-choice-input + label {
    display: inline-block;
    width: calc(100% - 28px);
    font-weight: 600;
    font-size: 15px;
    color: var(--wt-white);
}
body.wt-site #intake-form-wrapper .gfield {
    padding: 0;
}
body.wt-site #intake-form-wrapper .gfield:not(:last-child):not(.custom-label) {
    margin-bottom: 24px;
}
/* Form 10's pages end with hidden fields, so the last visible field is never :last-child. */
body.wt-site #intake-form-wrapper #gform_wrapper_10 .gfield:not(.custom-label) {
    margin-bottom: 24px;
}
body.wt-site #intake-form-wrapper fieldset {
    width: 100%;
    margin: 0 auto;
}
@media (min-width: 768px) {
    body.wt-site #intake-form-wrapper .avatar-photo {
        overflow: visible;
        position: relative;
    }
    body.wt-site #intake-form-wrapper .avatar-photo .gfield_label {
        overflow: visible;
        position: relative;
    }
    body.wt-site #intake-form-wrapper .avatar-photo .gfield_label:before {
        width: 32px;
        height: 32px;
        background: url(/wp-content/uploads/cheyla-photo.png)
            no-repeat center center;
        background-size: cover;
        display: block;
        position: absolute;
        left: -47px;
        top: 0;
        content: "";
    }
    body.wt-site #intake-form-wrapper .avatar-photo-html {
        overflow: visible;
        position: relative;
    }
    body.wt-site #intake-form-wrapper .avatar-photo-html:before {
        width: 32px;
        height: 32px;
        background: url(/wp-content/uploads/Cheyla.png)
            no-repeat center center;
        background-size: cover;
        display: block;
        position: absolute;
        left: -47px;
        top: 0;
        content: "";
    }
}
body.wt-site #intake-form-wrapper .gfield_description {
    color: var(--wt-white);
}
body.wt-site #intake-form-wrapper .gfield_description strong {
    color: inherit;
}
body.wt-site #intake-form-wrapper .gfield_description.instruction.validation_message,
body.wt-site
    #intake-form-wrapper
    .gfield_description.validation_message.gfield_validation_message {
    display: inline-block;
    width: auto;
    color: #f00 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    clear: both;
    font-family: inherit;
    font-size: 15px;
    letter-spacing: normal;
    line-height: inherit;
}
body.wt-site #intake-form-wrapper .styled-checkboxes {
    text-align: left !important;
}
body.wt-site #intake-form-wrapper .styled-checkboxes legend {
    margin-bottom: 24px;
    line-height: 32px;
}
body.wt-site #intake-form-wrapper .styled-checkboxes input {
    margin-left: 12px;
}
body.wt-site #intake-form-wrapper .styled-checkboxes .gfield_radio,
body.wt-site #intake-form-wrapper .styled-checkboxes .gfield_checkbox {
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    gap: 12px;
}
body.wt-site #intake-form-wrapper .styled-checkboxes .gchoice {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: rgba(6, 175, 249, 0.1);
    box-shadow: rgba(6, 175, 248, 0.6) 0 0 0 1px inset;
    color: #06aff9;
    max-width: 100%;
    min-width: 75px;
    min-height: 40px;
    outline: 0;
    transition-duration: 0.1s;
    transition-property:
        background-color, color, border-color, opacity, box-shadow;
    transition-timing-function: ease-out;
    width: 100%;
    cursor: pointer;
    opacity: 1;
    margin-bottom: 8px;
}
@media (min-width: 768px) {
    body.wt-site #intake-form-wrapper .styled-checkboxes .gchoice {
        flex: 1 0 calc(50% - 12px);
    }
}
body.wt-site #intake-form-wrapper .styled-checkboxes .gchoice:hover,
body.wt-site #intake-form-wrapper .styled-checkboxes .gchoice.filled {
    background-color: #07699d;
}
body.wt-site #intake-form-wrapper .styled-checkboxes .gchoice.filled label {
    font-weight: bold;
    color: #fff;
}
body.wt-site #intake-form-wrapper .styled-checkboxes label {
    margin: 0;
    max-width: 100%;
    font-weight: unset;
    font-size: 20px;
    line-height: 28px;
    display: block;
    width: 100%;
    cursor: pointer;
    padding: 12px;
    color: #038fda;
    flex: 1;
}
@media (min-width: 768px) {
    body.wt-site #intake-form-wrapper .styled-checkboxes.has-other-input {
        margin-left: 0;
        margin-right: 0;
    }
}
body.wt-site
    #intake-form-wrapper
    .styled-checkboxes.has-other-input
    .gfield-choice-input {
    margin-left: 12px;
}
body.wt-site #intake-form-wrapper .styled-checkboxes.has-other-input br {
    display: none;
}
body.wt-site
    #intake-form-wrapper
    .styled-checkboxes.has-other-input
    .gchoice:last-child
    label {
    width: auto;
    padding: 12px 0 12px 12px;
    margin: 0;
    max-width: 100%;
    font-weight: unset;
    font-size: 20px;
    line-height: 28px;
    display: block;
    cursor: pointer;
    color: #038fda;
}
body.wt-site
    #intake-form-wrapper
    .styled-checkboxes.has-other-input
    .gchoice_other_control {
    display: none;
    font-size: 16px;
    border: none;
    text-decoration: none;
    border-bottom: none !important;
    box-shadow: none !important;
    outline: none !important;
    margin-right: 12px;
}
body.wt-site
    #intake-form-wrapper
    .styled-checkboxes.has-other-input
    .gchoice_other_control::placeholder {
    color: #06aff9;
    font:
        1em "HelveticaNeue",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
}
body.wt-site #intake-form-wrapper .styled-checkboxes.has-other-input .filled label {
    display: flex;
}
body.wt-site
    #intake-form-wrapper
    .styled-checkboxes.has-other-input
    .filled
    .gchoice_other_control {
    display: block;
}
body.wt-site #intake-form-wrapper .inline-styled-options {
    position: relative;
    overflow: visible;
}
body.wt-site #intake-form-wrapper .inline-styled-options legend {
    padding-top: 0;
    margin-bottom: 12px;
}
body.wt-site #intake-form-wrapper .inline-styled-options input {
    position: absolute;
    left: -9000px;
}
body.wt-site #intake-form-wrapper .inline-styled-options .gfield_radio {
    text-align: center;
    display: flex;
    flex-direction: row;
    gap: 6px;
    justify-content: space-evenly;
    align-content: space-evenly;
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
}
body.wt-site #intake-form-wrapper .inline-styled-options .gchoice {
    border-radius: 4px;
    background-color: rgba(6, 175, 249, 0.1);
    box-shadow: rgba(6, 175, 248, 0.6) 0 0 0 1px inset;
    color: #06aff9;
    position: relative;
    display: inline-block;
    min-width: 80px;
    max-width: 30%;
    box-sizing: border-box;
    margin: 0;
    max-width: unset;
    flex: 1;
}
body.wt-site #intake-form-wrapper .inline-styled-options .gchoice label {
    color: #038fda;
    display: block;
    width: 100%;
    text-align: center;
    margin: 0;
    max-width: unset;
    font-weight: normal;
    font-size: 21px;
    height: 48px;
    line-height: 42px;
    padding: 3px;
}
body.wt-site #intake-form-wrapper .inline-styled-options .gchoice.filled {
    background-color: #07699d !important;
    border-color: #00d8ff !important;
}
body.wt-site #intake-form-wrapper .inline-styled-options .gchoice.filled label {
    color: #fff !important;
    font-weight: bold;
}
body.wt-site #intake-form-wrapper label + div.ginput_container_textarea,
body.wt-site #intake-form-wrapper label + div.ginput_container_select {
    margin-top: 12px;
}
body.wt-site .old-contact-form-header .elementor-widget-image {
    margin-bottom: 0;
}
/* Enfold's image wrap is shrink-to-fit, so a percentage on the logo would
   resolve against a parent the logo itself sized. Block these out so the cap
   below is a share of the real column. */
body.wt-site .elementor-widget-image:has(img[src*="wtlogowhit.svg"]),
body.wt-site .elementor-widget-image:has(> img[src*="wtlogowhit.svg"]) {
    display: block;
}

/* The logo SVG carries a viewBox and no intrinsic pixel size, and Enfold emits
   no width/height once attachment_size is cleared, so unsized it lays out at
   its 327px viewBox rather than the 600px the PNG had. Matched on the filename
   because custom_class='contact-form-logo' is on the /form/ shortcode only, not
   on thank-you or contact-us; ".svg" is part of the match so the PNG still
   renders at its own size until the migration swaps it. */
body.wt-site img[src*="wtlogowhit.svg"] {
    display: block;
    width: 500px;
    /* Same gutter the fields and the Next button use, so the logo never runs
       edge-to-edge on a phone the way the unsized SVG did. */
    max-width: calc(100% - 2 * var(--wt-form-gutter));
    height: auto;
    margin-inline: auto;
}
body.wt-site .old-contact-form-intro-team img {
    margin-top: 48px;
    margin-bottom: 0;
}
body.wt-site #intake-form-wrapper img.intro {
    margin-top: 48px;
    margin-bottom: 24px;
}

body.wt-site .old-contact-form-intro-text p,
body.wt-site #intake-form-wrapper img.intro + p,
body.wt-site #intake-form-wrapper img.intro + p + p {
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: var(--wt-gap-size);
    font-weight: 500;
    color: var(--wt-white);
    text-align: center;
}
body.wt-site #intake-form-wrapper img.intro + p + p {
    margin-bottom: 0 !important;
}
body.wt-site #intake-form-wrapper .gform_page_footer {
    text-align: center;
    position: relative;
    padding: 48px 0;
    overflow: visible;
    margin-top: 0;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}
body.wt-site #intake-form-wrapper #gform_wrapper_10 .gform_page_footer {
    padding-top: 24px;
}
/* The page's ALB codeblock emits inline style="margin-top: 48px"; !important is required to beat it. */
body.wt-page-form #intake-form-wrapper {
    margin-top: 24px !important;
}
body.wt-site .old-contact-form-intro-text p {
    padding-bottom: 32px;
    margin-bottom: 0;
}
body.wt-site {
    /* The form's side inset. The Next button centres itself at this gutter by
       taking the remaining width; the fields below 768px pad by it directly, so
       the two agree by construction rather than by two matching constants. */
    --wt-form-gutter: 3%;
}
body.wt-page-thank-you .elementor-button,
body.wt-site #intake-form-wrapper .gform_page_footer .gform_next_button,
body.wt-site #intake-form-wrapper #gform_wrapper_10 .gform_page_footer .gform_button {
    float: none !important;
    width: calc(100% - 2 * var(--wt-form-gutter));
    max-width: calc(100% - 2 * var(--wt-form-gutter));
    position: relative;
    padding: 0;
    display: block;
}
body.wt-site #intake-form-wrapper .gform_page_footer .gform_next_button,
body.wt-site #intake-form-wrapper #gform_wrapper_10 .gform_page_footer .gform_button {
    letter-spacing: normal;
}
@media (min-width: 768px) {
    body.wt-page-thank-you .elementor-button,
    body.wt-site #intake-form-wrapper .gform_page_footer .gform_next_button {
        width: 420px;
    }

    body.wt-page-thank-you .elementor-button,
    body.wt-site #intake-form-wrapper #gform_wrapper_10 .gform_page_footer .gform_next_button,
    body.wt-site #intake-form-wrapper #gform_wrapper_10 .gform_page_footer .gform_button {
        width: 590px;
        max-width: 590px;
        padding: 12px 0 !important;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        margin: 52px auto !important;
    }

    body.wt-page-thank-you .elementor-button {
        margin: 0 auto !important;
    }

    body.wt-site #intake-form-wrapper #gform_wrapper_10 .gform_page_footer .gform_next_button,
    body.wt-site #intake-form-wrapper #gform_wrapper_10 .gform_page_footer .gform_button {
        margin: 0 auto !important;
    }

    body.wt-page-thank-you .elementor-button span,
    body.wt-site #intake-form-wrapper #gform_wrapper_10 .gform_page_footer .gform_next_button span,
    body.wt-site #intake-form-wrapper #gform_wrapper_10 .gform_page_footer .gform_button span {
        font-size: 32px !important;
    }

    /* GF appends its em-sized .gform-loader span inside the button; the 32px above blows it up to 320px. */
    body.wt-site #intake-form-wrapper #gform_wrapper_10 .gform_page_footer .gform_button span.gform-loader,
    body.wt-site #intake-form-wrapper #gform_wrapper_10 .gform_page_footer .gform_next_button span.gform-loader {
        font-size: 2px !important;
    }
}
body.wt-site #intake-form-wrapper #gform_page_1_1 .gform_page_footer::after {
    display: inline-block;
    height: 32px;
    content: "Takes 3 Minutes";
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' style='enable-background:new 0 0 1000 1000%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23FFFFFF%3B%7D%3C/style%3E%3Ccircle class='st0' cx='499.9' cy='497.1' r='442.1'/%3E%3Cg%3E%3Cpath d='M500 986.9c-270.6 0-490-218-490-486.9S229.4 13.1 500 13.1s490 218 490 486.9S770.6 986.9 500 986.9z M500 104.4c-219.9 0-398.1 177.1-398.1 395.6S280.1 895.6 500 895.6S898.1 718.5 898.1 500S719.8 104.4 500 104.4z M699 545.7h-91.9h-61.2h-46l0 0c-25.4 0-45.9-20.4-45.9-45.7V226.1c0-25.2 20.5-45.7 45.9-45.7c25.4 0 46 20.4 46 45.7v228.3h61.2H699c25.4 0 45.9 20.4 45.9 45.6C745 525.2 724.4 545.7 699 545.7z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-size: 24px 24px;
    padding-left: 32px;
    background-color: unset;
    color: #fff;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    font-size: 18px;
    bottom: 0;
    background-position: 0 50%;
    line-height: 32px;
    text-align: left;
    width: auto;
}
body.wt-site #intake-form-wrapper #gform_page_1_1 .gform_ajax_spinner {
    display: none !important;
}
body.wt-site #intake-form-wrapper #field_1_7 {
    margin-bottom: 0;
}
body.wt-site #intake-form-wrapper p.disclaimer {
    padding: 0 12px;
}

body.wt-site #intake-form-wrapper .gf_progressbar_title {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}
body.wt-site #intake-form-wrapper .gfield.non-ca-content {
    margin-bottom: 0;
}
body.wt-site #intake-form-wrapper .gfield.non-ca-content p {
    margin: 0;
    text-align: left;
    line-height: 1.25;
    font-weight: 500;
}
body.wt-site #intake-form-wrapper .gfield.non-ca-content p:not(:last-child) {
    margin-bottom: 1em;
}

/** Move the Loading Icon to the left ofthe button **/
#contact-gform-wrapper .gform_wrapper.gravity-theme .gform-loader {
    position: absolute;
    margin-top: 90px;
}

body.wt-site #intake-form-wrapper #field_9_24 legend.gfield_label {
    margin-bottom: 12px;
    line-height: 1.2;
}

body.intake-form-template .thank-you-heading h2,
body.intake-form-template .thank-you-heading h3 {
    font-family:
        "wt-font", "HelveticaNeue", "Helvetica Neue", "Helvetica-Neue",
        Helvetica, Arial, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased !important;
    letter-spacing: 0;
    line-height: 1.2;

}
body.intake-form-template .thank-you-heading h2 {
    font-weight: 900;
    font-size: 42px;
    margin: 29px auto 30px;
    display: block;
}

body.intake-form-template .thank-you-heading h3 {
    font-size: 28px;
    margin: 0 0 8px;
}

/* The widget wrapper never collapses margins: its own top margin already carries the heading's. */
body.intake-form-template .thank-you-heading > :first-child,
body.intake-form-template .thank-you-heading .elementor-shortcode > :first-child {
    margin-top: 0;
}

body.intake-form-template .thank-you-heading > :last-child,
body.intake-form-template .thank-you-heading .elementor-shortcode > :last-child {
    margin-bottom: 0;
}

body.intake-form-template .thank-you-heading .wt-ty-phone {
    color: #7fd0f5;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.2;
    margin: 0 auto 26px;
}

body.intake-form-template .thank-you-heading .wt-ty-phone a {
    color: inherit;
    text-decoration: none;
}

body.intake-form-template .thank-you-heading .wt-ty-note {
    color: #ffffff;
    font-family:
        "wt-font", "HelveticaNeue", "Helvetica Neue", "Helvetica-Neue",
        Helvetica, Arial, sans-serif;
    font-size: 26px;
    line-height: 1.35;
    margin: 0 auto;
}

/* Enfold's avia-size-large sets min-width: 240px, which is wider than the
   column on a small phone and pushes the button past the page gutter. */
body.intake-form-template
    .e-con:has(.thank-you-heading)
    .elementor-button {
    min-width: 0;
    max-width: 100%;
}

/* The Avia hr between the team photo and the heading contributes 50px on top of
   the h2's own margin, which read as a break in the page rather than a gap.
   The el_after/el_before pair is Enfold's own position marker, so this
   targets that one spacer without depending on an av_uid. */
body.intake-form-template
    .e-con:has(.thank-you-heading)
    .hr.el_after_av_image.el_before_av_textblock {
    height: 0;
}

/* 58px here reads as ~60px ink-to-ink -- the last text line's own leading
   already contributes a couple of px below its descenders. */
body.intake-form-template
    .e-con:has(.thank-you-heading)
    .hr.el_after_av_textblock.el_before_av_button {
    height: 36px;
}

/* Enfold's builder-position CSS (style.css) pulls this wrap up 31px at every viewport. */
body.intake-form-template
    .e-con:has(.thank-you-heading)
    .elementor-widget-button {
    margin-top: 0;
}

@media only screen and (max-width: 767px) {
    body.intake-form-template .thank-you-heading h2 {
        font-size: 30px;
        margin: 31px auto 22px;
    }

    body.intake-form-template .thank-you-heading .wt-ty-phone {
        font-size: 28px;
    }

    body.intake-form-template .thank-you-heading .wt-ty-note {
        font-size: 20px;
    }

    /* Live's phone-width h3 rule (22px !important) outranks the 28px above; its button label drops to 20px
       and the button spans the column less the shared gutter. */
    body.intake-form-template .thank-you-heading h3 {
        font-size: 22px;
    }

    body.wt-page-thank-you .e-con:has(.thank-you-heading) .elementor-widget-button {
        width: 100%;
        margin-inline: 0;
    }

    body.wt-page-thank-you .elementor-button span {
        font-size: 20px;
        line-height: 25px;
    }

    /* 38px here reads as ~40px ink-to-ink at this width, same leading offset
       as the desktop rule above. */
    body.intake-form-template
        .e-con:has(.thank-you-heading)
        .hr.el_after_av_textblock.el_before_av_button {
        height: 35px;
    }

    /* The fields sit flush to the viewport below 768px while the Next button
       insets itself; pad them by the same shared gutter. The step photos are
       meant to bleed to the edge, so they alone opt back out.
       #intake-form-wrapper is not unique to this form -- /contact-us/ wraps
       form 1 in the same id -- so this is scoped to form 10, which is the only
       form the client's report covers. */
    body.wt-site #intake-form-wrapper #gform_wrapper_10 .gfield {
        padding-inline: var(--wt-form-gutter);
    }

    body.wt-site #intake-form-wrapper #gform_wrapper_10 .gfield--type-html:has(img.step-photo) {
        padding-inline: 0;
    }

    /* avia-size-large centres its label with line-height: 48px, so a label that
       wraps opens a 48px gap between the two lines. Height is re-made from
       padding: 13 + 26.25 + 13 = 52.25px, clear of the 44px touch target. */
    body.intake-form-template
        .e-con:has(.thank-you-heading)
        .elementor-button {
        padding: 13px 18px;
        line-height: 1.25;
    }
}

/* The thank-you page's button is the form's 590px Next button (above), not this one. */
body.intake-form-template:not(.wt-page-thank-you)
    .elementor-widget-button
    a {
    position: relative !important;

    margin: 0 auto !important;
    padding: 0 16px;
    min-height: 48px;

    transition-duration: 0.1s;
    transition-property:
        background-color, color, border-color, opacity, box-shadow;
    transition-timing-function: ease-out;
    border-radius: 0;
    display: inline;

    cursor: pointer;
    outline: none;
    border: 1px solid transparent;
    box-shadow: rgba(0, 0, 0, 0.1) 0 3px 12px 0;
    background-color: #038fda;

    float: none !important;

    max-width: 94%;
    position: relative;
    padding: 0 46px;
    display: block;
    width: 380px;
}

body.intake-form-template:not(.wt-page-thank-you)
    .elementor-widget-button
    a
    span {
    font-size: 21px !important;
    line-height: 48px;
    text-transform: uppercase;
    color: var(--wt-white);
    font-family: inherit;
    font-weight: 700;
    display: block;
    margin: 0;
    padding: 0;
}

body.wt-site #gform-contact-checklist {
    list-style: none;
    padding: 0 5px;
    margin: 0 auto 42px;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    display: flex;
}

body.wt-site #gform-contact-checklist li strong {
    color: #fff;
    font-weight: 900;
    font-family:
        "wt-font", "HelveticaNeue", "Helvetica Neue", "Helvetica-Neue",
        Helvetica, Arial, sans-serif;
}

body.wt-site #gform-contact-checklist li {
    /* Pill Shapes */
    border-radius: 60px;
    flex: 0 0 100%;
    background-color: transparent;
    border: 1px solid #fff;
    color: var(--wt-color-3);
    text-align: center;
    flex-direction: column;
    /*background-image: url(./yellow-checkmark.png);*/
    background-image: url(./green-checkmark.png);
    background-repeat: no-repeat;
    margin: 0;

    padding: 12px;
    padding-left: 44px;
    background-position: 6px center;
    background-size: 32px auto;
    font-size: 14px;
    line-height: 14px;
    width: 100%;
    max-width: 240px;
}
body.wt-site #gform-contact-checklist li strong {
    font-size: 18px;
    line-height: 18px;
}

@media (min-width: 1280px) {
    body.wt-site #gform-contact-checklist {
        flex-direction: row;
        gap: 30px;
    }
    body.wt-site #gform-contact-checklist li {
        width: auto;
        flex: 0 0 auto;
        font-size: 16px;
        line-height: 16px;
        background-position: 16px center;
        background-size: 40px auto;

        padding: 10px 30px 10px 64px;
        max-width: 400px;
        width: auto;
    }
    body.wt-site #gform-contact-checklist li strong {
        font-size: 24px;
        line-height: 24px;
    }
}

.gform_wrapper .gf_progressbar {
    position: relative;
    overflow: hidden;
}

.gform_wrapper .gf_progressbar .efc-step {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start; /* was center → left-align */
    padding-left: 14px; /* nudge off the rounded edge */
    font-size: 12px; /* was inheriting larger — shrink */
    font-weight: 600;
    color: #fff; /* your swap colour */
    white-space: nowrap;
    z-index: 2;
    /* drop mix-blend-mode if you had it — a fixed colour is cleaner once left-aligned */
}

body.wt-site .gform_wrapper.gravity-theme .gf_progressbar {
    margin-bottom: 46px;
}

.gform_wrapper .gf_progressbar_percentage {
    color: transparent !important;
}


/* GF update wraps visible label text in a span that the plugin styles
   directly (13px, #444), overriding the theme's label styling. Make the
   span inherit from its parent label/legend, which the theme already
   styles per context. */
.gform_wrapper.gravity-theme .gform-field-label .gform-field-label__text {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    font-family: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
}



/* Fix the Avatar Photo on the Case Type Selector */
body.wt-site #intake-form-wrapper #gform_page_10_3 .styled-checkboxes legend {
    margin-bottom: 0;
}
body.wt-site #intake-form-wrapper #gform_page_10_3 .styled-checkboxes legend + .gfield_description {
    padding-top: 0;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
}


body.wt-site #intake-form-wrapper .gfield--type-email {
    margin-bottom: 0 !important;
}