<style id="elementor-post-3946">/* Start custom CSS for html, class: .elementor-element-49069a1 *//* ============================================================
   JOHN SCHMIDT LAW
   GRAY DIVORCE PAGE
   ORIENTATION MODULE
   ============================================================ */

.js-gray-divorce-orientation {
    width: 100%;
    padding: 48px 0 52px;
    background: #f4f6f8;
}

.js-gray-divorce-orientation-inner {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 42px 46px 38px;
    background: #ffffff;
    border-left: 5px solid #516b7b;
    box-shadow: 0 8px 28px rgba(24, 38, 48, 0.08);
}

/* ------------------------------------------------------------
   IMAGE
   Float allows substantive text to reclaim full width
   once text extends below the image.
   ------------------------------------------------------------ */

.js-gray-divorce-orientation-image {
    float: right;
    width: 46%;
    max-width: 540px;
    padding: 0 0 26px 48px;
    margin: 0;
    background: transparent;
}

.js-gray-divorce-orientation-image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    border-radius: 3px;
    box-shadow: 0 5px 18px rgba(22, 35, 44, 0.12);
}

/* ------------------------------------------------------------
   TYPOGRAPHY
   ------------------------------------------------------------ */

.js-gray-divorce-orientation h2 {
    margin: 0 0 22px;
    padding: 0;
    font-size: clamp(1.85rem, 2.8vw, 2.55rem);
    line-height: 1.18;
    letter-spacing: -0.02em;
    color: #243946;
}

.js-gray-divorce-orientation h2 strong {
    font-weight: 700;
}

.js-gray-divorce-orientation h3 {
    margin: 30px 0 14px;
    padding: 0;
    font-size: clamp(1.25rem, 1.8vw, 1.55rem);
    line-height: 1.3;
    color: #405d6c;
}

.js-gray-divorce-orientation h3 strong {
    font-weight: 700;
}

.js-gray-divorce-orientation p {
    margin: 0 0 20px;
    padding: 0;
    font-size: 1.08rem;
    line-height: 1.72;
    color: #333d43;
}

.js-gray-divorce-orientation p:last-of-type {
    margin-bottom: 0;
}

.js-gray-divorce-orientation p strong {
    font-weight: 700;
    color: #243946;
}

/* ------------------------------------------------------------
   CLEAR FLOAT
   ------------------------------------------------------------ */

.js-gray-divorce-orientation-clear {
    clear: both;
    width: 100%;
    height: 0;
}

/* ------------------------------------------------------------
   TABLET
   ------------------------------------------------------------ */

@media screen and (max-width: 900px) {

    .js-gray-divorce-orientation {
        padding: 38px 0 42px;
    }

    .js-gray-divorce-orientation-inner {
        width: min(100% - 36px, 1180px);
        padding: 34px 34px 32px;
    }

    .js-gray-divorce-orientation-image {
        width: 48%;
        padding: 0 0 22px 34px;
    }

    .js-gray-divorce-orientation p {
        font-size: 1.04rem;
        line-height: 1.68;
    }

}

/* ------------------------------------------------------------
   MOBILE
   Image becomes full width above the orientation copy.
   ------------------------------------------------------------ */

@media screen and (max-width: 680px) {

    .js-gray-divorce-orientation {
        padding: 28px 0 32px;
    }

    .js-gray-divorce-orientation-inner {
        width: calc(100% - 24px);
        padding: 24px 22px 26px;
        border-left-width: 4px;
    }

    .js-gray-divorce-orientation-image {
        float: none;
        width: 100%;
        max-width: none;
        padding: 0 0 26px;
    }

    .js-gray-divorce-orientation h2 {
        margin-bottom: 18px;
    }

    .js-gray-divorce-orientation h3 {
        margin-top: 26px;
    }

    .js-gray-divorce-orientation p {
        margin-bottom: 18px;
        font-size: 1rem;
        line-height: 1.65;
    }

}

/* ------------------------------------------------------------
   SMALL MOBILE
   ------------------------------------------------------------ */

@media screen and (max-width: 420px) {

    .js-gray-divorce-orientation-inner {
        width: calc(100% - 18px);
        padding: 21px 18px 24px;
    }

    .js-gray-divorce-orientation h2 {
        font-size: 1.7rem;
    }

    .js-gray-divorce-orientation h3 {
        font-size: 1.23rem;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b8d0679 *//* ============================================================
   JOHN SCHMIDT LAW
   GRAY DIVORCE PAGE
   USER RECOGNITION JOURNEY TRANSITION
   ============================================================ */

.js-gray-divorce-where-are-you {
    width: 100%;
    padding: 54px 0 34px;
    background: #ffffff;
}

.js-gray-divorce-where-are-you-inner {
    width: min(1080px, calc(100% - 48px));
    margin: 0 auto;
    padding: 0 34px;
}

/* ------------------------------------------------------------
   H2B
   ------------------------------------------------------------ */

.js-gray-divorce-where-are-you h2 {
    margin: 0 0 22px;
    padding: 0;
    font-size: clamp(2rem, 3vw, 2.7rem);
    line-height: 1.17;
    letter-spacing: -0.02em;
    color: #243946;
}

.js-gray-divorce-where-are-you h2 strong {
    font-weight: 700;
}

/* ------------------------------------------------------------
   BODY COPY
   ------------------------------------------------------------ */

.js-gray-divorce-where-are-you p {
    max-width: 930px;
    margin: 0 0 22px;
    padding: 0;
    font-size: 1.08rem;
    line-height: 1.72;
    color: #333d43;
}

/* ------------------------------------------------------------
   H3B
   Slightly stronger treatment because this is the governing
   thought immediately before self-recognition begins.
   ------------------------------------------------------------ */

.js-gray-divorce-where-are-you h3 {
    max-width: 930px;
    margin: 30px 0 18px;
    padding: 16px 0 16px 22px;
    border-left: 4px solid #516b7b;
    font-size: clamp(1.25rem, 1.9vw, 1.55rem);
    line-height: 1.42;
    color: #405d6c;
}

.js-gray-divorce-where-are-you h3 strong {
    font-weight: 700;
}

/* ------------------------------------------------------------
   FINAL TRANSITION PARAGRAPH
   Gives the Recognition cards a clean visual handoff.
   ------------------------------------------------------------ */

.js-gray-divorce-where-are-you p:last-child {
    margin-bottom: 0;
    font-weight: 500;
}

/* ------------------------------------------------------------
   TABLET
   ------------------------------------------------------------ */

@media screen and (max-width: 900px) {

    .js-gray-divorce-where-are-you {
        padding: 46px 0 30px;
    }

    .js-gray-divorce-where-are-you-inner {
        width: min(100% - 36px, 1080px);
        padding: 0 22px;
    }

    .js-gray-divorce-where-are-you p {
        font-size: 1.04rem;
        line-height: 1.68;
    }

}

/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media screen and (max-width: 680px) {

    .js-gray-divorce-where-are-you {
        padding: 38px 0 26px;
    }

    .js-gray-divorce-where-are-you-inner {
        width: calc(100% - 24px);
        padding: 0 10px;
    }

    .js-gray-divorce-where-are-you h2 {
        margin-bottom: 18px;
    }

    .js-gray-divorce-where-are-you h3 {
        margin-top: 26px;
        padding: 14px 0 14px 18px;
        border-left-width: 3px;
    }

    .js-gray-divorce-where-are-you p {
        margin-bottom: 18px;
        font-size: 1rem;
        line-height: 1.65;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2b19d2a *//* ============================================================
   JOHN SCHMIDT LAW
   GRAY DIVORCE
   USER RECOGNITION JOURNEYS

   APPROACH:
   Quiet visual differentiation.
   Soft background colors.
   Restrained borders and shadows.
   Image remains a meaningful navigation identifier.
   ============================================================ */

.js-gray-recognition {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 10px 0 54px;
}


/* ============================================================
   BASE RECOGNITION CARD
   ============================================================ */

.js-gray-recognition-card {
    position: relative;
    width: 100%;
    margin: 0 0 22px;
    padding: 34px 38px 32px;
    border: 1px solid rgba(49, 67, 76, 0.10);
    border-left: 5px solid transparent;
    border-radius: 4px;
    box-shadow: 0 4px 14px rgba(31, 44, 51, 0.055);
    overflow: hidden;
}

.js-gray-recognition-card:last-child {
    margin-bottom: 0;
}


/* ============================================================
   MUTED JOURNEY COLORS

   IMPORTANT:
   These exact background colors should later be reused
   on each corresponding Resolution Journey.
   ============================================================ */

/* Journey 1 — Retirement */
.js-gray-recognition-retirement {
    background: #f1f6f5;
    border-left-color: #66877f;
}

/* Journey 2 — Home */
.js-gray-recognition-house {
    background: #f7f3ed;
    border-left-color: #9a8264;
}

/* Journey 3 — Finances */
.js-gray-recognition-finances {
    background: #eef4f7;
    border-left-color: #638091;
}

/* Journey 4 — Future Support */
.js-gray-recognition-support {
    background: #f5f1f5;
    border-left-color: #816d82;
}

/* Journey 5 — Significant Assets */
.js-gray-recognition-assets {
    background: #f2f4ed;
    border-left-color: #778064;
}


/* ============================================================
   IMAGE
   ============================================================ */

.js-gray-recognition-image {
    float: right;
    width: 34%;
    max-width: 380px;
    margin: 0;
    padding: 0 0 18px 36px;
    background: transparent;
}

.js-gray-recognition-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 3px;
    box-shadow: 0 3px 11px rgba(35, 47, 53, 0.09);
}


/* ============================================================
   H2B — RECOGNITION HEADLINE
   ============================================================ */

.js-gray-recognition-card h2 {
    margin: 0 0 15px;
    padding: 0;
    font-size: clamp(1.45rem, 2.2vw, 1.85rem);
    line-height: 1.26;
    letter-spacing: -0.01em;
    color: #263b46;
}

.js-gray-recognition-card h2 strong {
    font-weight: 700;
}

.js-gray-recognition-card h2 a {
    color: inherit;
    text-decoration: none;
    transition:
        color 0.18s ease,
        text-decoration-color 0.18s ease;
}

.js-gray-recognition-card h2 a:hover,
.js-gray-recognition-card h2 a:focus {
    color: #496a78;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}


/* ============================================================
   H3B — RECOGNITION STATEMENT
   Softer than the headline.
   ============================================================ */

.js-gray-recognition-statement {
    margin: 0 0 18px;
    padding: 0;
    max-width: 860px;
    font-size: 1.07rem;
    line-height: 1.52;
    color: #4a5960;
}

.js-gray-recognition-statement strong {
    font-weight: 600;
}


/* ============================================================
   RECOGNITION BULLETS
   ============================================================ */

.js-gray-recognition-card ul {
    margin: 0 0 21px 20px;
    padding: 0;
    max-width: 820px;
}

.js-gray-recognition-card li {
    margin: 0 0 8px;
    padding: 0 0 0 4px;
    font-size: 1rem;
    line-height: 1.56;
    color: #39464c;
}

.js-gray-recognition-card li:last-child {
    margin-bottom: 0;
}


/* ============================================================
   LEARN MORE
   ============================================================ */

.js-gray-recognition-more {
    margin: 5px 0 0;
    padding: 0;
    font-size: 1rem;
    line-height: 1.35;
}

.js-gray-recognition-more strong {
    font-weight: 650;
}

.js-gray-recognition-more a {
    display: inline-block;
    color: #426878;
    text-decoration: none;
    border-bottom: 1px solid rgba(66, 104, 120, 0.32);
    transition:
        color 0.18s ease,
        border-color 0.18s ease;
}

.js-gray-recognition-more a:hover,
.js-gray-recognition-more a:focus {
    color: #284b5a;
    border-bottom-color: #284b5a;
}


/* ============================================================
   JOURNEY-SPECIFIC LINK TINTS
   ============================================================ */

.js-gray-recognition-retirement .js-gray-recognition-more a {
    color: #50766e;
}

.js-gray-recognition-house .js-gray-recognition-more a {
    color: #7c654b;
}

.js-gray-recognition-finances .js-gray-recognition-more a {
    color: #537586;
}

.js-gray-recognition-support .js-gray-recognition-more a {
    color: #715f72;
}

.js-gray-recognition-assets .js-gray-recognition-more a {
    color: #66704f;
}


/* ============================================================
   CLEAR FLOAT
   ============================================================ */

.js-gray-recognition-clear {
    clear: both;
    width: 100%;
    height: 0;
}


/* ============================================================
   KEYBOARD ACCESSIBILITY
   ============================================================ */

.js-gray-recognition-card a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
    border-radius: 2px;
}


/* ============================================================
   TABLET
   ============================================================ */

@media screen and (max-width: 900px) {

    .js-gray-recognition {
        width: min(100% - 36px, 1180px);
        padding-bottom: 44px;
    }

    .js-gray-recognition-card {
        padding: 30px 30px 28px;
    }

    .js-gray-recognition-image {
        width: 38%;
        padding: 0 0 18px 30px;
    }

    .js-gray-recognition-card h2 {
        font-size: clamp(1.4rem, 2.5vw, 1.7rem);
    }

    .js-gray-recognition-statement {
        font-size: 1.03rem;
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media screen and (max-width: 680px) {

    .js-gray-recognition {
        width: calc(100% - 24px);
        padding: 4px 0 36px;
    }

    .js-gray-recognition-card {
        margin-bottom: 16px;
        padding: 22px 20px 24px;
        border-left-width: 4px;
    }

    .js-gray-recognition-image {
        float: none;
        width: 100%;
        max-width: none;
        padding: 0 0 22px;
    }

    .js-gray-recognition-card h2 {
        margin-bottom: 13px;
        font-size: 1.42rem;
        line-height: 1.28;
    }

    .js-gray-recognition-statement {
        margin-bottom: 17px;
        font-size: 1rem;
        line-height: 1.5;
    }

    .js-gray-recognition-card ul {
        margin-left: 18px;
        margin-bottom: 20px;
    }

    .js-gray-recognition-card li {
        margin-bottom: 8px;
        font-size: 0.98rem;
        line-height: 1.52;
    }

}


/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media screen and (max-width: 420px) {

    .js-gray-recognition {
        width: calc(100% - 18px);
    }

    .js-gray-recognition-card {
        padding: 19px 17px 22px;
    }

    .js-gray-recognition-card h2 {
        font-size: 1.33rem;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ee2bfc5 *//* ============================================================
   JOHN SCHMIDT LAW
   GRAY DIVORCE
   USER RESOLUTION JOURNEYS

   Recognition / Resolution visual pairing is governed.
   Exact Recognition colors are repeated here.
   Exact Recognition images are repeated in HTML.
   ============================================================ */

.js-gray-resolutions {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 58px 0 64px;
}


/* ============================================================
   BASE RESOLUTION CARD
   ============================================================ */

.js-gray-resolution-card {
    position: relative;
    width: 100%;
    margin: 0 0 38px;
    padding: 42px 42px 38px;
    border: 1px solid rgba(49, 67, 76, 0.10);
    border-left: 5px solid transparent;
    border-radius: 4px;
    box-shadow: 0 5px 17px rgba(31, 44, 51, 0.055);
    scroll-margin-top: 32px;
}

.js-gray-resolution-card:last-child {
    margin-bottom: 0;
}


/* ============================================================
   EXACT RECOGNITION → RESOLUTION COLOR PAIRING
   ============================================================ */

/* Journey 1 — Retirement */
.js-gray-resolution-retirement {
    background: #f1f6f5;
    border-left-color: #66877f;
}

/* Journey 2 — Home */
.js-gray-resolution-house {
    background: #f7f3ed;
    border-left-color: #9a8264;
}

/* Journey 3 — Finances */
.js-gray-resolution-finances {
    background: #eef4f7;
    border-left-color: #638091;
}

/* Journey 4 — Future Support */
.js-gray-resolution-support {
    background: #f5f1f5;
    border-left-color: #816d82;
}

/* Journey 5 — Significant Assets */
.js-gray-resolution-assets {
    background: #f2f4ed;
    border-left-color: #778064;
}


/* ============================================================
   RESOLUTION IMAGE

   Float is intentional.
   Text begins beside the image.
   Once it passes the image, it reclaims full block width.
   ============================================================ */

.js-gray-resolution-image {
    float: right;
    width: 39%;
    max-width: 440px;
    margin: 0;
    padding: 0 0 26px 50px;
    background: transparent;
}

.js-gray-resolution-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 3px;
    box-shadow: 0 4px 13px rgba(35, 47, 53, 0.10);
}


/* ============================================================
   H2B — RESOLUTION HEADLINE
   ============================================================ */

.js-gray-resolution-card > h2 {
    margin: 0 0 21px;
    padding: 0;
    font-size: clamp(1.65rem, 2.5vw, 2.05rem);
    line-height: 1.25;
    letter-spacing: -0.015em;
    color: #263b46;
}

.js-gray-resolution-card > h2 strong {
    font-weight: 700;
}


/* ============================================================
   BODY COPY
   ============================================================ */

.js-gray-resolution-card > p {
    margin: 0 0 18px;
    padding: 0;
    font-size: 1.045rem;
    line-height: 1.7;
    color: #37444a;
}

.js-gray-resolution-card > p strong {
    font-weight: 700;
    color: #293d46;
}


/* ============================================================
   SUBSTANTIVE H3B HEADINGS
   ============================================================ */

.js-gray-resolution-card > h3 {
    margin: 29px 0 13px;
    padding: 0;
    font-size: clamp(1.16rem, 1.65vw, 1.38rem);
    line-height: 1.38;
    color: #405a65;
}

.js-gray-resolution-card > h3 strong {
    font-weight: 700;
}


/* ============================================================
   CLEAR THE SUBSTANTIVE IMAGE

   Next Action begins on full available width.
   ============================================================ */

.js-gray-resolution-clear {
    clear: both;
    width: 100%;
    height: 0;
}


/* ============================================================
   NEXT ACTION STEP

   Deliberately differentiated without becoming a heavy CTA.
   ============================================================ */

.js-gray-resolution-next-action {
    clear: both;
    margin: 32px 0 0;
    padding: 25px 28px 23px;
    background: rgba(255, 255, 255, 0.62);
    border-top: 1px solid rgba(50, 71, 81, 0.13);
    border-bottom: 1px solid rgba(50, 71, 81, 0.13);
}

.js-gray-resolution-next-action h3 {
    margin: 0 0 14px;
    padding: 0;
    font-size: clamp(1.17rem, 1.65vw, 1.38rem);
    line-height: 1.35;
    color: #344f5b;
}

.js-gray-resolution-next-action h3 strong {
    font-weight: 700;
}

.js-gray-resolution-next-action p {
    margin: 0 0 16px;
    padding: 0;
    font-size: 1.015rem;
    line-height: 1.67;
    color: #37444a;
}

.js-gray-resolution-next-action p:last-child {
    margin-bottom: 0;
}

.js-gray-resolution-next-action p strong {
    font-weight: 700;
}


/* ============================================================
   NEXT ACTION LINKS
   ============================================================ */

.js-gray-resolution-next-action a {
    color: #315f70;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.js-gray-resolution-next-action a:hover,
.js-gray-resolution-next-action a:focus {
    color: #203f4b;
}


/* ============================================================
   JOURNEY-SPECIFIC NEXT ACTION ACCENTS
   ============================================================ */

.js-gray-resolution-retirement
.js-gray-resolution-next-action h3 {
    color: #50766e;
}

.js-gray-resolution-house
.js-gray-resolution-next-action h3 {
    color: #7c654b;
}

.js-gray-resolution-finances
.js-gray-resolution-next-action h3 {
    color: #537586;
}

.js-gray-resolution-support
.js-gray-resolution-next-action h3 {
    color: #715f72;
}

.js-gray-resolution-assets
.js-gray-resolution-next-action h3 {
    color: #66704f;
}

/* ============================================================
   JOHN SCHMIDT LAW
   GRAY DIVORCE RESOLUTION JOURNEYS
   CSS CHUNK 2
   ============================================================ */


/* ============================================================
   RELATED CONTENT
   ============================================================ */

.js-gray-resolution-related {
    margin: 27px 0 0;
    padding: 0 6px 0;
}

.js-gray-resolution-related > h3:first-child {
    margin: 0 0 15px;
    padding: 0;
    font-size: 1.13rem;
    line-height: 1.35;
    color: #3c5059;
}

.js-gray-resolution-related > h3:first-child strong {
    font-weight: 700;
}


/* ------------------------------------------------------------
   Standard H3 links — NOT H3B
   ------------------------------------------------------------ */

.js-gray-resolution-related > h3:not(:first-child) {
    margin: 0 0 9px;
    padding: 0;
    font-size: 1rem;
    line-height: 1.45;
    font-weight: 400;
}

.js-gray-resolution-related > h3:not(:first-child):last-child {
    margin-bottom: 0;
}

.js-gray-resolution-related a {
    color: #476a78;
    font-weight: 400;
    text-decoration: none;
    transition:
        color 0.18s ease,
        padding-left 0.18s ease;
}

.js-gray-resolution-related a:hover,
.js-gray-resolution-related a:focus {
    color: #294c5b;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    padding-left: 3px;
}


/* ============================================================
   JOURNEY-SPECIFIC RELATED LINK COLORS
   ============================================================ */

.js-gray-resolution-retirement
.js-gray-resolution-related a {
    color: #50766e;
}

.js-gray-resolution-house
.js-gray-resolution-related a {
    color: #7c654b;
}

.js-gray-resolution-finances
.js-gray-resolution-related a {
    color: #537586;
}

.js-gray-resolution-support
.js-gray-resolution-related a {
    color: #715f72;
}

.js-gray-resolution-assets
.js-gray-resolution-related a {
    color: #66704f;
}


/* ============================================================
   KEYBOARD ACCESSIBILITY
   ============================================================ */

.js-gray-resolution-card a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
    border-radius: 2px;
}


/* ============================================================
   TARGET ARRIVAL

   Subtle arrival cue when visitor follows Learn More.
   No animation or flashing.
   ============================================================ */

.js-gray-resolution-card:target {
    box-shadow:
        0 5px 17px rgba(31, 44, 51, 0.055),
        0 0 0 2px rgba(68, 93, 105, 0.10);
}


/* ============================================================
   TABLET
   ============================================================ */

@media screen and (max-width: 900px) {

    .js-gray-resolutions {
        width: min(100% - 36px, 1180px);
        padding: 48px 0 52px;
    }

    .js-gray-resolution-card {
        margin-bottom: 30px;
        padding: 34px 32px 32px;
    }

    .js-gray-resolution-image {
        width: 42%;
        max-width: 400px;
        padding: 0 0 23px 36px;
    }

    .js-gray-resolution-card > p {
        font-size: 1.02rem;
        line-height: 1.67;
    }

    .js-gray-resolution-card > h3 {
        margin-top: 26px;
    }

    .js-gray-resolution-next-action {
        margin-top: 29px;
        padding: 23px 24px 22px;
    }

}


/* ============================================================
   MOBILE

   Image becomes full-width and precedes the Resolution copy.
   ============================================================ */

@media screen and (max-width: 680px) {

    .js-gray-resolutions {
        width: calc(100% - 24px);
        padding: 36px 0 42px;
    }

    .js-gray-resolution-card {
        margin-bottom: 22px;
        padding: 23px 20px 25px;
        border-left-width: 4px;
        scroll-margin-top: 18px;
    }

    .js-gray-resolution-image {
        float: none;
        width: 100%;
        max-width: none;
        padding: 0 0 24px;
    }

    .js-gray-resolution-card > h2 {
        margin-bottom: 18px;
        font-size: 1.48rem;
        line-height: 1.28;
    }

    .js-gray-resolution-card > p {
        margin-bottom: 17px;
        font-size: 1rem;
        line-height: 1.64;
    }

    .js-gray-resolution-card > h3 {
        margin: 25px 0 12px;
        font-size: 1.18rem;
        line-height: 1.38;
    }

    .js-gray-resolution-next-action {
        margin-top: 27px;
        padding: 21px 19px 20px;
    }

    .js-gray-resolution-next-action h3 {
        font-size: 1.18rem;
    }

    .js-gray-resolution-next-action p {
        font-size: 0.99rem;
        line-height: 1.62;
    }

    .js-gray-resolution-related {
        margin-top: 24px;
        padding: 0 2px;
    }

    .js-gray-resolution-related > h3:not(:first-child) {
        margin-bottom: 11px;
        font-size: 0.98rem;
        line-height: 1.45;
    }

}


/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media screen and (max-width: 420px) {

    .js-gray-resolutions {
        width: calc(100% - 18px);
    }

    .js-gray-resolution-card {
        padding: 20px 17px 23px;
    }

    .js-gray-resolution-card > h2 {
        font-size: 1.38rem;
    }

    .js-gray-resolution-next-action {
        padding: 19px 16px 18px;
    }

}


/* ============================================================
   REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .js-gray-resolution-card a {
        transition: none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4919405 *//* ============================================================
   JOHN SCHMIDT LAW
   GRAY DIVORCE
   MOST IMPORTANT THING YOU NEED TO KNOW
   HIGH-DESIGN FEATURE MODULE
   ============================================================ */

.js-gray-important {
    width: 100%;
    margin: 0;
    padding: 72px 0;
    background:
        linear-gradient(
            135deg,
            #102a43 0%,
            #173f5f 58%,
            #1e4f69 100%
        );
}

.js-gray-important-shell {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 48px 50px 52px;
    background: #fbfaf7;
    border-top: 6px solid #b98a3d;
    border-radius: 5px;
    box-shadow: 0 18px 45px rgba(7, 22, 35, 0.24);
}


/* ============================================================
   KICKER
   ============================================================ */

.js-gray-important-kicker {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 0 0 15px;
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #8b672e;
}

.js-gray-important-kicker span:first-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background: #b98a3d;
    color: #ffffff;
    font-size: 1rem;
}


/* ============================================================
   H2B
   ============================================================ */

.js-gray-important h2 {
    margin: 0 0 34px;
    padding: 0 0 24px;
    border-bottom: 1px solid #d8ccb7;
    font-size: clamp(2rem, 3.4vw, 3rem);
    line-height: 1.14;
    letter-spacing: -0.025em;
    color: #17374e;
}

.js-gray-important h2 strong {
    font-weight: 750;
}


/* ============================================================
   LEFT-JUSTIFIED FEATURE IMAGE
   600px governed maximum width
   ============================================================ */

.js-gray-important-image {
    float: left;
    width: 48%;
    max-width: 600px;
    margin: 0;
    padding: 0 48px 30px 0;
    background: transparent;
}

.js-gray-important-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 3px;
    box-shadow: 0 8px 24px rgba(19, 42, 58, 0.18);
}


/* ============================================================
   INTRO COPY
   ============================================================ */

.js-gray-important-intro p,
.js-gray-important-section p {
    margin: 0 0 19px;
    padding: 0;
    font-size: 1.055rem;
    line-height: 1.72;
    color: #34444d;
}

.js-gray-important-intro p strong,
.js-gray-important-section p strong {
    color: #233b49;
    font-weight: 700;
}


/* ============================================================
   LEAD H3B
   ============================================================ */

.js-gray-important-lead {
    margin: 0 0 21px;
    padding: 0;
    font-size: clamp(1.34rem, 2vw, 1.65rem);
    line-height: 1.42;
    color: #31596c;
}

.js-gray-important-lead strong {
    font-weight: 700;
}


/* ============================================================
   "HOW WILL YOU KNOW?"
   ============================================================ */

.js-gray-important-question {
    margin: 28px 0 18px;
    padding: 12px 0 12px 18px;
    border-left: 4px solid #b98a3d;
    font-size: clamp(1.3rem, 1.9vw, 1.55rem);
    line-height: 1.35;
    color: #8a652d;
}

.js-gray-important-question strong {
    font-weight: 700;
}


/* ============================================================
   FLOAT CLEAR
   ============================================================ */

.js-gray-important-clear {
    clear: both;
    width: 100%;
    height: 0;
}


/* ============================================================
   GENERAL CONTENT SECTIONS
   ============================================================ */

.js-gray-important-section {
    margin: 36px 0 0;
    padding: 31px 0 0;
    border-top: 1px solid #ddd8cd;
}

.js-gray-important-section > h3 {
    margin: 0 0 17px;
    padding: 0;
    font-size: clamp(1.28rem, 1.9vw, 1.57rem);
    line-height: 1.37;
    color: #2b5367;
}

.js-gray-important-section > h3 strong {
    font-weight: 700;
}


/* ============================================================
   RECORDS BLOCK
   ============================================================ */

.js-gray-important-records {
    margin-top: 40px;
    padding: 31px 30px 28px;
    border-top: 4px solid #698c88;
    background: #eef5f3;
}

.js-gray-important-records ul {
    margin: 21px 0 24px 22px;
    padding: 0;
    columns: 2;
    column-gap: 42px;
}

.js-gray-important-records li {
    break-inside: avoid;
    margin: 0 0 10px;
    padding-left: 3px;
    font-size: 1rem;
    line-height: 1.55;
    color: #374a4d;
}

.js-gray-important-records li::marker {
    color: #547c77;
}


/* ============================================================
   EMPHASIS H3B
   ============================================================ */

.js-gray-important-emphasis {
    margin: 27px 0 20px !important;
    padding: 17px 20px !important;
    background: #f4efe5;
    border-left: 4px solid #b98a3d;
    color: #705429 !important;
}

/* ============================================================
   JOHN SCHMIDT LAW
   GRAY DIVORCE
   MOST IMPORTANT THING — CSS CHUNK 2
   ============================================================ */


/* ============================================================
   INFORMAL ASSET TRADE EXAMPLES
   ============================================================ */

.js-gray-important-trades {
    position: relative;
}

.js-gray-important-examples {
    margin: 22px 0 27px;
    padding: 21px 26px;
    background: #f1f4f6;
    border-left: 4px solid #6b8798;
}

.js-gray-important-examples p {
    margin: 0 0 8px;
    font-size: 1.04rem;
    line-height: 1.55;
    color: #485963;
}

.js-gray-important-examples p:last-child {
    margin-bottom: 0;
}


/* ============================================================
   ASSET VALUE QUESTION
   ============================================================ */

.js-gray-important-big-question {
    margin-top: 25px !important;
    margin-bottom: 8px !important;
    font-weight: 600;
    color: #52626b !important;
}

.js-gray-important-answer {
    margin: 0 0 7px !important;
    padding: 18px 24px;
    background: #173b56;
    border-left: 5px solid #c3994f;
    font-size: clamp(1.25rem, 1.8vw, 1.48rem) !important;
    line-height: 1.4 !important;
}

.js-gray-important-answer strong {
    color: #ffffff !important;
}


/* ============================================================
   FINAL PROTECT-YOUR-OPTIONS SECTION
   ============================================================ */

.js-gray-important-final {
    margin-top: 42px;
    padding-top: 34px;
}

.js-gray-important-protect {
    margin: 27px 0 21px !important;
    padding: 18px 22px !important;
    background: #eaf0f3;
    border-left: 5px solid #466f83;
    color: #2e5669 !important;
}


/* ============================================================
   CTA
   ============================================================ */

.js-gray-important-cta {
    margin: 30px 0 0;
    padding: 24px 27px;
    background: #f6f0e5;
    border-top: 1px solid #d9c8a8;
    border-bottom: 1px solid #d9c8a8;
}

.js-gray-important-cta p {
    margin: 0;
    font-size: 1.045rem;
    line-height: 1.68;
    color: #394850;
}

.js-gray-important-cta a {
    color: #285f78;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.js-gray-important-cta a:hover,
.js-gray-important-cta a:focus {
    color: #173b50;
}


/* ============================================================
   KEYBOARD ACCESSIBILITY
   ============================================================ */

.js-gray-important a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
    border-radius: 2px;
}


/* ============================================================
   TABLET
   ============================================================ */

@media screen and (max-width: 900px) {

    .js-gray-important {
        padding: 58px 0;
    }

    .js-gray-important-shell {
        width: min(100% - 36px, 1180px);
        padding: 40px 38px 44px;
    }

    .js-gray-important-image {
        width: 47%;
        padding: 0 36px 26px 0;
    }

    .js-gray-important-records ul {
        column-gap: 30px;
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media screen and (max-width: 680px) {

    .js-gray-important {
        padding: 34px 0;
    }

    .js-gray-important-shell {
        width: calc(100% - 24px);
        padding: 27px 22px 31px;
        border-top-width: 5px;
    }

    .js-gray-important h2 {
        margin-bottom: 26px;
        padding-bottom: 19px;
        font-size: 1.78rem;
    }

    .js-gray-important-image {
        float: none;
        width: 100%;
        max-width: 600px;
        padding: 0 0 26px;
    }

    .js-gray-important-intro p,
    .js-gray-important-section p {
        font-size: 1rem;
        line-height: 1.65;
    }

    .js-gray-important-lead {
        font-size: 1.25rem;
    }

    .js-gray-important-question {
        margin-top: 25px;
        padding-left: 15px;
        font-size: 1.24rem;
    }

    .js-gray-important-section {
        margin-top: 30px;
        padding-top: 27px;
    }

    .js-gray-important-records {
        padding: 25px 20px 23px;
    }

    .js-gray-important-records ul {
        columns: 1;
        margin-left: 19px;
    }

    .js-gray-important-examples {
        padding: 18px 19px;
    }

    .js-gray-important-answer {
        padding: 16px 18px;
        font-size: 1.2rem !important;
    }

    .js-gray-important-cta {
        padding: 21px 19px;
    }

}


/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media screen and (max-width: 420px) {

    .js-gray-important-shell {
        width: calc(100% - 18px);
        padding: 24px 17px 28px;
    }

    .js-gray-important h2 {
        font-size: 1.58rem;
    }

    .js-gray-important-kicker {
        font-size: 0.79rem;
        letter-spacing: 0.07em;
    }

    .js-gray-important-records {
        padding: 22px 16px 21px;
    }

}


/* ============================================================
   REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .js-gray-important a {
        transition: none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e7710c *//* ============================================================
   JOHN SCHMIDT LAW
   GRAY DIVORCE
   RETIREMENT IN A DIVORCE AFTER 60
   ============================================================ */

.js-gray-retirement {
    width: 100%;
    padding: 68px 0 72px;
    background: #f7f8f6;
}

.js-gray-retirement-inner {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 46px 48px 50px;
    background: #ffffff;
    border-top: 5px solid #6f8d83;
    box-shadow: 0 10px 30px rgba(31, 46, 54, 0.07);
}


/* ============================================================
   PRIMARY IMAGE
   ============================================================ */

.js-gray-retirement-image {
    margin: 0;
    background: transparent;
}

.js-gray-retirement-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 3px;
    box-shadow: 0 5px 16px rgba(31, 44, 51, 0.10);
}

.js-gray-retirement-image-primary {
    float: right;
    width: 41%;
    max-width: 470px;
    padding: 0 0 26px 46px;
}


/* ============================================================
   MAIN H2B
   ============================================================ */

.js-gray-retirement h2 {
    margin: 0 0 22px;
    padding: 0;
    font-size: clamp(2rem, 3vw, 2.7rem);
    line-height: 1.18;
    letter-spacing: -0.02em;
    color: #274554;
}

.js-gray-retirement h2 strong {
    font-weight: 700;
}


/* ============================================================
   BODY COPY
   ============================================================ */

.js-gray-retirement p {
    margin: 0 0 19px;
    padding: 0;
    font-size: 1.055rem;
    line-height: 1.72;
    color: #37454b;
}

.js-gray-retirement p strong {
    font-weight: 700;
    color: #2a414b;
}


/* ============================================================
   H3B
   ============================================================ */

.js-gray-retirement h3 {
    margin: 30px 0 14px;
    padding: 0;
    font-size: clamp(1.28rem, 1.9vw, 1.55rem);
    line-height: 1.38;
    color: #446879;
}

.js-gray-retirement h3 strong {
    font-weight: 700;
}


/* ============================================================
   LEARN MORE LINKS
   ============================================================ */

.js-gray-retirement-learn {
    margin-top: 23px !important;
    padding: 15px 18px !important;
    background: #eef4f4;
    border-left: 4px solid #6d8d87;
}

.js-gray-retirement-learn a {
    color: #3f6d78;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.js-gray-retirement-learn a:hover,
.js-gray-retirement-learn a:focus {
    color: #264e59;
}


/* ============================================================
   FLOAT CLEAR
   ============================================================ */

.js-gray-retirement-clear {
    clear: both;
    width: 100%;
    height: 0;
}


/* ============================================================
   SUBSECTIONS
   ============================================================ */

.js-gray-retirement-subsection {
    margin: 42px 0 0;
    padding: 36px 0 0;
    border-top: 1px solid #dfe4e1;
}


/* ============================================================
   MECHANICS / PENSION / QDRO
   ============================================================ */

.js-gray-retirement-mechanics {
    background:
        linear-gradient(
            90deg,
            rgba(237, 243, 245, 0.72) 0%,
            rgba(255, 255, 255, 0) 68%
        );
    padding-left: 26px;
    padding-right: 26px;
    padding-bottom: 10px;
}

.js-gray-retirement-image-secondary {
    float: left;
    width: 40%;
    max-width: 455px;
    padding: 0 44px 26px 0;
}

.js-gray-retirement-mechanics h3:first-of-type {
    margin-top: 0;
}


/* ============================================================
   FUTURE / RETIREMENT LIFE
   ============================================================ */

.js-gray-retirement-future {
    margin-top: 48px;
    padding: 38px 30px 10px;
    background: #f5f2ea;
    border-top: 4px solid #b59355;
}

.js-gray-retirement-image-closing {
    float: right;
    width: 44%;
    max-width: 500px;
    padding: 0 0 28px 48px;
}

.js-gray-retirement-future h3:first-of-type {
    margin-top: 0;
    color: #6d5b36;
}

/* ============================================================
   JOHN SCHMIDT LAW
   GRAY DIVORCE
   RETIREMENT SECTION — CSS CHUNK 2
   ============================================================ */


/* ============================================================
   CLOSING EMPHASIS
   ============================================================ */

.js-gray-retirement-closing-emphasis {
    margin-top: 27px !important;
    padding: 20px 23px !important;
    background: #fffdf8;
    border-left: 5px solid #b59355;
    font-size: 1.08rem !important;
    line-height: 1.68 !important;
}

.js-gray-retirement-closing-emphasis strong {
    color: #5c4c2f !important;
}


/* ============================================================
   SUBTLE LINK ACCESSIBILITY
   ============================================================ */

.js-gray-retirement a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
    border-radius: 2px;
}


/* ============================================================
   TABLET
   ============================================================ */

@media screen and (max-width: 900px) {

    .js-gray-retirement {
        padding: 56px 0 58px;
    }

    .js-gray-retirement-inner {
        width: min(100% - 36px, 1180px);
        padding: 38px 36px 42px;
    }

    .js-gray-retirement-image-primary {
        width: 44%;
        padding-left: 36px;
    }

    .js-gray-retirement-image-secondary {
        width: 43%;
        padding-right: 34px;
    }

    .js-gray-retirement-image-closing {
        width: 46%;
        padding-left: 36px;
    }

    .js-gray-retirement-mechanics {
        padding-left: 20px;
        padding-right: 20px;
    }

    .js-gray-retirement-future {
        padding-left: 24px;
        padding-right: 24px;
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media screen and (max-width: 680px) {

    .js-gray-retirement {
        padding: 34px 0 40px;
    }

    .js-gray-retirement-inner {
        width: calc(100% - 24px);
        padding: 26px 21px 30px;
        border-top-width: 4px;
    }

    .js-gray-retirement-image-primary,
    .js-gray-retirement-image-secondary,
    .js-gray-retirement-image-closing {
        float: none;
        width: 100%;
        max-width: none;
        padding: 0 0 24px;
    }

    .js-gray-retirement h2 {
        font-size: 1.75rem;
        margin-bottom: 19px;
    }

    .js-gray-retirement h3 {
        margin-top: 26px;
        font-size: 1.22rem;
    }

    .js-gray-retirement p {
        margin-bottom: 17px;
        font-size: 1rem;
        line-height: 1.64;
    }

    .js-gray-retirement-subsection {
        margin-top: 32px;
        padding-top: 28px;
    }

    .js-gray-retirement-mechanics {
        margin-left: -5px;
        margin-right: -5px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .js-gray-retirement-future {
        margin-top: 34px;
        padding: 27px 18px 8px;
    }

    .js-gray-retirement-learn {
        padding: 14px 15px !important;
    }

    .js-gray-retirement-closing-emphasis {
        padding: 17px 18px !important;
        font-size: 1.02rem !important;
    }

}


/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media screen and (max-width: 420px) {

    .js-gray-retirement-inner {
        width: calc(100% - 18px);
        padding: 23px 17px 27px;
    }

    .js-gray-retirement h2 {
        font-size: 1.58rem;
    }

    .js-gray-retirement h3 {
        font-size: 1.16rem;
    }

    .js-gray-retirement-future {
        padding-left: 15px;
        padding-right: 15px;
    }

}


/* ============================================================
   REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .js-gray-retirement a {
        transition: none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0cb7d82 *//* ============================================================
   JOHN SCHMIDT LAW
   GRAY DIVORCE
   PROPERTY DIVISION
   ============================================================ */

.js-gray-property {
    width: 100%;
    padding: 70px 0 74px;
    background:
        linear-gradient(
            180deg,
            #f4f7f5 0%,
            #eef3f1 100%
        );
}

.js-gray-property-inner {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 48px 50px 52px;
    background: #ffffff;
    border-top: 5px solid #708d78;
    box-shadow: 0 11px 32px rgba(33, 47, 52, 0.075);
}


/* ============================================================
   OPENING IMAGE
   ============================================================ */

.js-gray-property-image {
    margin: 0;
    background: transparent;
}

.js-gray-property-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 3px;
    box-shadow: 0 5px 18px rgba(31, 42, 48, 0.11);
}

.js-gray-property-image-opening {
    float: right;
    width: 42%;
    max-width: 480px;
    padding: 0 0 28px 48px;
}


/* ============================================================
   H2B
   ============================================================ */

.js-gray-property h2 {
    margin: 0 0 23px;
    padding: 0;
    font-size: clamp(2rem, 3vw, 2.72rem);
    line-height: 1.17;
    letter-spacing: -0.022em;
    color: #294856;
}

.js-gray-property h2 strong {
    font-weight: 700;
}


/* ============================================================
   BODY COPY
   ============================================================ */

.js-gray-property p {
    margin: 0 0 19px;
    padding: 0;
    font-size: 1.055rem;
    line-height: 1.72;
    color: #38464c;
}

.js-gray-property p strong {
    color: #2a414a;
    font-weight: 700;
}


/* ============================================================
   H3B
   ============================================================ */

.js-gray-property h3 {
    margin: 30px 0 14px;
    padding: 0;
    font-size: clamp(1.28rem, 1.9vw, 1.56rem);
    line-height: 1.38;
    color: #456d70;
}

.js-gray-property h3 strong {
    font-weight: 700;
}


/* ============================================================
   LEARN MORE
   ============================================================ */

.js-gray-property-learn {
    margin-top: 23px !important;
    padding: 15px 18px !important;
    background: #eef5f1;
    border-left: 4px solid #6f927f;
}

.js-gray-property-learn a {
    color: #466f63;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.js-gray-property-learn a:hover,
.js-gray-property-learn a:focus {
    color: #2d5148;
}


/* ============================================================
   FLOAT CLEAR
   ============================================================ */

.js-gray-property-clear {
    clear: both;
    width: 100%;
    height: 0;
}


/* ============================================================
   SAME VALUE / DIFFERENT IMPACT FEATURE PANEL
   ============================================================ */

.js-gray-property-comparison {
    clear: both;
    margin: 50px -10px 0;
    padding: 38px 34px 36px;
    background:
        linear-gradient(
            135deg,
            #f7f2e8 0%,
            #f3eee4 52%,
            #edf2ef 100%
        );
    border-top: 5px solid #b28b4d;
    border-bottom: 1px solid #ded4c1;
    box-shadow: 0 6px 20px rgba(67, 58, 42, 0.06);
}

.js-gray-property-comparison-heading {
    max-width: 950px;
    margin: 0 auto 28px;
}

.js-gray-property-comparison-heading h3 {
    margin-top: 0;
    color: #735d34;
}


/* ============================================================
   CORE POINT
   ============================================================ */

.js-gray-property-core-point {
    margin: 25px 0 0 !important;
    padding: 18px 22px !important;
    background: rgba(255, 255, 255, 0.68);
    border-left: 5px solid #b28b4d;
    font-size: 1.09rem !important;
    line-height: 1.65 !important;
}

.js-gray-property-core-point strong {
    color: #654f2c !important;
}


/* ============================================================
   FULL-WIDTH COMPARISON IMAGE
   ============================================================ */

.js-gray-property-comparison-image {
    width: 100%;
    max-width: 1040px;
    margin: 28px auto 30px;
    padding: 0;
    background: transparent;
}

.js-gray-property-comparison-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 3px;
    box-shadow: 0 8px 24px rgba(48, 42, 33, 0.13);
}

.js-gray-property-comparison-copy {
    max-width: 970px;
    margin: 0 auto;
}


/* ============================================================
   GOLD LEARN MORE
   ============================================================ */

.js-gray-property-learn-gold {
    background: rgba(255, 255, 255, 0.64);
    border-left-color: #b28b4d;
}

.js-gray-property-learn-gold a {
    color: #795e31;
}

.js-gray-property-learn-gold a:hover,
.js-gray-property-learn-gold a:focus {
    color: #57411e;
}

/* ============================================================
   JOHN SCHMIDT LAW
   GRAY DIVORCE
   PROPERTY DIVISION — CSS CHUNK 2
   ============================================================ */


/* ============================================================
   FUTURE / REAL-LIFE VALUE
   ============================================================ */

.js-gray-property-future {
    clear: both;
    margin: 50px 0 0;
    padding: 38px 32px 34px;
    background:
        linear-gradient(
            90deg,
            #edf4f1 0%,
            #f7f8f4 100%
        );
    border-top: 4px solid #71927d;
}

.js-gray-property-image-future {
    float: left;
    width: 43%;
    max-width: 500px;
    padding: 0 46px 28px 0;
}

.js-gray-property-future > h3:first-of-type {
    margin-top: 0;
    color: #456b5a;
}


/* ============================================================
   ASK PRACTICAL QUESTIONS
   ============================================================ */

.js-gray-property-ask {
    margin-top: 24px !important;
    margin-bottom: 13px !important;
    font-weight: 700;
    color: #49605b !important;
}


/* ============================================================
   QUESTION GRID
   ============================================================ */

.js-gray-property-questions {
    clear: both;
    width: 100%;
    margin: 18px 0 27px;
    padding: 22px 24px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(94, 123, 105, 0.14);
    border-left: 4px solid #71927d;
}

.js-gray-property-questions p {
    position: relative;
    margin: 0 0 10px;
    padding: 0 0 0 23px;
    font-size: 1rem;
    line-height: 1.5;
    color: #3f514c;
}

.js-gray-property-questions p:last-child {
    margin-bottom: 0;
}

.js-gray-property-questions p::before {
    content: "→";
    position: absolute;
    left: 0;
    top: 0;
    color: #648670;
    font-weight: 700;
}


/* ============================================================
   FINAL EMPHASIS
   ============================================================ */

.js-gray-property-final-emphasis {
    clear: both;
    margin: 29px 0 24px !important;
    padding: 21px 24px !important;
    background: #ffffff;
    border-left: 5px solid #b28b4d;
    font-size: 1.08rem !important;
    line-height: 1.67 !important;
    box-shadow: 0 3px 11px rgba(42, 57, 49, 0.045);
}

.js-gray-property-final-emphasis strong {
    color: #53633c !important;
}


/* ============================================================
   KEYBOARD ACCESSIBILITY
   ============================================================ */

.js-gray-property a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
    border-radius: 2px;
}


/* ============================================================
   TABLET
   ============================================================ */

@media screen and (max-width: 900px) {

    .js-gray-property {
        padding: 56px 0 60px;
    }

    .js-gray-property-inner {
        width: min(100% - 36px, 1180px);
        padding: 39px 36px 43px;
    }

    .js-gray-property-image-opening {
        width: 45%;
        padding-left: 36px;
    }

    .js-gray-property-comparison {
        margin-top: 42px;
        padding: 32px 26px 31px;
    }

    .js-gray-property-image-future {
        width: 46%;
        padding-right: 35px;
    }

    .js-gray-property-future {
        padding: 32px 25px 30px;
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media screen and (max-width: 680px) {

    .js-gray-property {
        padding: 34px 0 40px;
    }

    .js-gray-property-inner {
        width: calc(100% - 24px);
        padding: 26px 21px 30px;
        border-top-width: 4px;
    }

    .js-gray-property-image-opening,
    .js-gray-property-image-future {
        float: none;
        width: 100%;
        max-width: none;
        padding: 0 0 24px;
    }

    .js-gray-property h2 {
        margin-bottom: 19px;
        font-size: 1.74rem;
    }

    .js-gray-property h3 {
        margin-top: 26px;
        font-size: 1.22rem;
    }

    .js-gray-property p {
        margin-bottom: 17px;
        font-size: 1rem;
        line-height: 1.64;
    }

    .js-gray-property-comparison {
        margin: 34px -5px 0;
        padding: 27px 18px 26px;
    }

    .js-gray-property-comparison-image {
        margin-top: 23px;
        margin-bottom: 24px;
    }

    .js-gray-property-core-point {
        padding: 16px 17px !important;
        font-size: 1.02rem !important;
    }

    .js-gray-property-future {
        margin-top: 34px;
        padding: 27px 18px 26px;
    }

    .js-gray-property-questions {
        padding: 18px 17px;
    }

    .js-gray-property-final-emphasis {
        padding: 17px 18px !important;
        font-size: 1.02rem !important;
    }

}


/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media screen and (max-width: 420px) {

    .js-gray-property-inner {
        width: calc(100% - 18px);
        padding: 23px 17px 27px;
    }

    .js-gray-property h2 {
        font-size: 1.56rem;
    }

    .js-gray-property h3 {
        font-size: 1.16rem;
    }

    .js-gray-property-comparison {
        padding-left: 15px;
        padding-right: 15px;
    }

    .js-gray-property-future {
        padding-left: 15px;
        padding-right: 15px;
    }

}


/* ============================================================
   REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .js-gray-property a {
        transition: none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-095a11f *//* ============================================================
   JOHN SCHMIDT LAW
   GRAY DIVORCE
   FAQ SECTION
   ============================================================ */

.js-gray-faq {
    width: 100%;
    padding: 68px 0 72px;
    background: #f2f5f7;
}

.js-gray-faq-inner {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}


/* ============================================================
   FAQ HEADER
   ============================================================ */

.js-gray-faq-header {
    max-width: 920px;
    margin: 0 auto 34px;
    text-align: left;
}

.js-gray-faq-kicker {
    display: inline-block;
    margin: 0 0 10px;
    font-size: 0.86rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #7b693f;
}

.js-gray-faq-header h2 {
    margin: 0;
    padding: 0;
    font-size: clamp(2rem, 3vw, 2.65rem);
    line-height: 1.18;
    letter-spacing: -0.02em;
    color: #294958;
}

.js-gray-faq-header h2 strong {
    font-weight: 700;
}


/* ============================================================
   FAQ GRID
   ============================================================ */

.js-gray-faq-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    align-items: start;
}


/* ============================================================
   FAQ CARD
   ============================================================ */

.js-gray-faq-item {
    position: relative;
    padding: 28px 28px 26px;
    background: #fffdf9;
    border: 1px solid rgba(55, 73, 83, 0.10);
    border-top: 5px solid #55778a;
    border-radius: 4px;
    box-shadow: 0 5px 16px rgba(35, 47, 54, 0.055);
}

.js-gray-faq-item h3 {
    margin: 0 0 16px;
    padding: 0;
    font-size: clamp(1.16rem, 1.55vw, 1.34rem);
    line-height: 1.38;
    color: #355766;
}

.js-gray-faq-item h3 strong {
    font-weight: 700;
}

.js-gray-faq-item p {
    margin: 0 0 16px;
    padding: 0;
    font-size: 1rem;
    line-height: 1.66;
    color: #3a474d;
}

.js-gray-faq-item p:last-child {
    margin-bottom: 0;
}

.js-gray-faq-item p strong {
    color: #2d414a;
    font-weight: 700;
}


/* ============================================================
   COLOR VARIANTS
   ============================================================ */

.js-gray-faq-blue {
    border-top-color: #5b7f91;
}

.js-gray-faq-sage {
    border-top-color: #718f7c;
}

.js-gray-faq-gold {
    border-top-color: #b18b4c;
}


/* ============================================================
   RELATED RESOURCE STRIPS
   Add class="js-gray-faq-resource" to Learn More paragraphs.
   ============================================================ */

.js-gray-faq-resource {
    margin-top: 20px !important;
    padding: 13px 15px !important;
    background: #eef4f5;
    border-left: 4px solid #628393;
    font-size: 0.97rem !important;
    line-height: 1.55 !important;
}

.js-gray-faq-sage .js-gray-faq-resource {
    background: #eef4ef;
    border-left-color: #718f7c;
}

.js-gray-faq-gold .js-gray-faq-resource {
    background: #f6f1e7;
    border-left-color: #b18b4c;
}

.js-gray-faq-resource a {
    color: #3f6a7a;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.js-gray-faq-sage .js-gray-faq-resource a {
    color: #4f705b;
}

.js-gray-faq-gold .js-gray-faq-resource a {
    color: #765e31;
}

.js-gray-faq-resource a:hover,
.js-gray-faq-resource a:focus {
    color: #253f4a;
}


/* ============================================================
   FINAL FAQ
   Full-width closing question
   ============================================================ */

.js-gray-faq-final {
    margin-top: 24px;
    padding: 32px 34px 31px;
    background:
        linear-gradient(
            90deg,
            #edf4f2 0%,
            #f8f7f2 100%
        );
    border-top-color: #b18b4c;
    border-left: 5px solid #708f7b;
}

.js-gray-faq-final h3 {
    font-size: clamp(1.28rem, 1.8vw, 1.5rem);
    color: #486655;
}

.js-gray-faq-final p strong {
    color: #5f5335;
}


/* ============================================================
   LINKS
   ============================================================ */

.js-gray-faq a {
    transition: color 0.18s ease;
}

.js-gray-faq a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
    border-radius: 2px;
}


/* ============================================================
   TABLET
   ============================================================ */

@media screen and (max-width: 900px) {

    .js-gray-faq {
        padding: 54px 0 58px;
    }

    .js-gray-faq-inner {
        width: min(100% - 36px, 1180px);
    }

    .js-gray-faq-grid {
        gap: 18px;
    }

    .js-gray-faq-item {
        padding: 24px 23px 23px;
    }

    .js-gray-faq-final {
        padding: 28px 27px 27px;
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media screen and (max-width: 680px) {

    .js-gray-faq {
        padding: 36px 0 42px;
    }

    .js-gray-faq-inner {
        width: calc(100% - 24px);
    }

    .js-gray-faq-header {
        margin-bottom: 27px;
    }

    .js-gray-faq-header h2 {
        font-size: 1.72rem;
    }

    .js-gray-faq-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .js-gray-faq-item {
        padding: 21px 19px 21px;
        border-top-width: 4px;
    }

    .js-gray-faq-item h3 {
        font-size: 1.16rem;
    }

    .js-gray-faq-item p {
        font-size: 0.99rem;
        line-height: 1.62;
    }

    .js-gray-faq-final {
        margin-top: 18px;
        padding: 23px 20px 23px;
        border-left-width: 4px;
    }

}


/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media screen and (max-width: 420px) {

    .js-gray-faq-inner {
        width: calc(100% - 18px);
    }

    .js-gray-faq-item {
        padding: 19px 17px 20px;
    }

    .js-gray-faq-header h2 {
        font-size: 1.55rem;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b312ded *//* ============================================================
   JOHN SCHMIDT LAW
   GRAY DIVORCE
   FINAL SECTION / CONTACT
   ============================================================ */

.js-gray-final {
    width: 100%;
    padding: 72px 0 76px;
    background:
        linear-gradient(
            180deg,
            #f6f8f7 0%,
            #edf3f1 100%
        );
}

.js-gray-final-inner {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}


/* ============================================================
   OPENING
   ============================================================ */

.js-gray-final-opening {
    padding: 45px 48px 42px;
    background: #ffffff;
    border-top: 5px solid #668b7a;
    box-shadow: 0 8px 25px rgba(36, 50, 56, 0.06);
}

.js-gray-final h2 {
    max-width: 950px;
    margin: 0 0 25px;
    padding: 0;
    font-size: clamp(2rem, 3vw, 2.7rem);
    line-height: 1.18;
    letter-spacing: -0.022em;
    color: #294c59;
}

.js-gray-final h2 strong {
    font-weight: 700;
}

.js-gray-final p {
    margin: 0 0 19px;
    padding: 0;
    font-size: 1.055rem;
    line-height: 1.72;
    color: #39484e;
}

.js-gray-final p strong {
    font-weight: 700;
    color: #2d444c;
}


/* ============================================================
   CORE PRINCIPLE
   ============================================================ */

.js-gray-final-principle {
    margin: 27px 0 !important;
    padding: 21px 25px !important;
    background:
        linear-gradient(
            90deg,
            #edf4f1 0%,
            #f7f7f2 100%
        );
    border-left: 5px solid #b28b4c;
    font-size: 1.11rem !important;
    line-height: 1.66 !important;
}

.js-gray-final-principle strong {
    color: #526144 !important;
}


/* ============================================================
   YEARS AHEAD
   ============================================================ */

.js-gray-final-future {
    margin: 28px 0 0;
    padding: 35px 42px 36px;
    background:
        linear-gradient(
            120deg,
            #eaf2ef 0%,
            #f5f6f1 100%
        );
    border-left: 5px solid #6f927f;
}

.js-gray-final h3 {
    margin: 0 0 17px;
    padding: 0;
    font-size: clamp(1.3rem, 1.9vw, 1.58rem);
    line-height: 1.38;
    color: #42695e;
}

.js-gray-final h3 strong {
    font-weight: 700;
}

.js-gray-final-foundation {
    margin: 25px 0 !important;
    padding: 18px 21px !important;
    background: rgba(255, 255, 255, 0.72);
    border-left: 4px solid #b28b4c;
    font-size: 1.08rem !important;
}

.js-gray-final-foundation strong {
    color: #675738 !important;
}


/* ============================================================
   JOHN SCHMIDT CONTACT PANEL
   ============================================================ */

.js-gray-final-contact {
    display: grid;
    grid-template-columns: minmax(270px, 355px) 1fr;
    gap: 0;
    margin-top: 38px;
    overflow: hidden;
    background: #ffffff;
    border-top: 5px solid #b28b4c;
    box-shadow: 0 11px 30px rgba(29, 43, 51, 0.10);
}


/* ============================================================
   JOHN PORTRAIT
   ============================================================ */

.js-gray-final-portrait {
    margin: 0;
    padding: 0;
    min-height: 100%;
    background: #233e4d;
}

.js-gray-final-portrait img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 510px;
    object-fit: cover;
    object-position: center top;
}


/* ============================================================
   CONTACT COPY
   ============================================================ */

.js-gray-final-contact-copy {
    padding: 43px 45px 39px;
}

.js-gray-final-contact-kicker {
    display: inline-block;
    margin: 0 0 10px;
    font-size: 0.84rem;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    color: #8a6e3c;
}

.js-gray-final-contact-copy h3 {
    margin: 0 0 19px;
    font-size: clamp(1.55rem, 2.25vw, 2rem);
    line-height: 1.25;
    color: #31576a;
}


/* ============================================================
   CONTACT ACTIONS
   ============================================================ */

.js-gray-final-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    margin: 26px 0 28px;
}

.js-gray-final-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 47px;
    padding: 11px 18px;
    border-radius: 3px;
    font-size: 0.97rem;
    line-height: 1.3;
    font-weight: 700;
    text-decoration: none;
    transition:
        background-color 0.18s ease,
        color 0.18s ease,
        border-color 0.18s ease;
}

.js-gray-final-action-primary {
    color: #ffffff;
    background: #315b70;
    border: 1px solid #315b70;
}

.js-gray-final-action-primary:hover,
.js-gray-final-action-primary:focus {
    color: #ffffff;
    background: #244859;
    border-color: #244859;
}

.js-gray-final-action-secondary {
    color: #42695e;
    background: #edf4f1;
    border: 1px solid #9ab4a8;
}

.js-gray-final-action-secondary:hover,
.js-gray-final-action-secondary:focus {
    color: #304f46;
    background: #e1ece7;
    border-color: #79998a;
}

.js-gray-final-action-phone {
    color: #69532e;
    background: #f6f0e5;
    border: 1px solid #c8ae79;
}

.js-gray-final-action-phone:hover,
.js-gray-final-action-phone:focus {
    color: #55401f;
    background: #eee3cf;
    border-color: #ad8b4c;
}


/* ============================================================
   CLOSING REASSURANCE
   ============================================================ */

.js-gray-final-reassurance {
    margin: 0 !important;
    padding: 20px 22px !important;
    background: #f3f6f5;
    border-left: 4px solid #708f7d;
    font-size: 1.02rem !important;
    line-height: 1.65 !important;
}

.js-gray-final-reassurance strong {
    color: #466353 !important;
}


/* ============================================================
   ACCESSIBILITY
   ============================================================ */

.js-gray-final a:focus-visible {
    outline: 3px solid #b28b4c;
    outline-offset: 3px;
}


/* ============================================================
   TABLET
   ============================================================ */

@media screen and (max-width: 900px) {

    .js-gray-final {
        padding: 56px 0 60px;
    }

    .js-gray-final-inner {
        width: min(100% - 36px, 1180px);
    }

    .js-gray-final-opening {
        padding: 38px 35px 36px;
    }

    .js-gray-final-future {
        padding: 31px 32px 32px;
    }

    .js-gray-final-contact {
        grid-template-columns: minmax(235px, 300px) 1fr;
    }

    .js-gray-final-contact-copy {
        padding: 34px 31px 32px;
    }

    .js-gray-final-portrait img {
        min-height: 530px;
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media screen and (max-width: 680px) {

    .js-gray-final {
        padding: 38px 0 42px;
    }

    .js-gray-final-inner {
        width: calc(100% - 24px);
    }

    .js-gray-final-opening {
        padding: 27px 21px 28px;
        border-top-width: 4px;
    }

    .js-gray-final h2 {
        font-size: 1.72rem;
    }

    .js-gray-final p {
        font-size: 1rem;
        line-height: 1.64;
    }

    .js-gray-final-principle {
        padding: 17px 18px !important;
        font-size: 1.03rem !important;
    }

    .js-gray-final-future {
        margin-top: 20px;
        padding: 26px 21px 27px;
        border-left-width: 4px;
    }

    .js-gray-final h3 {
        font-size: 1.23rem;
    }

    .js-gray-final-contact {
        display: block;
        margin-top: 25px;
        border-top-width: 4px;
    }

    .js-gray-final-portrait {
        width: 100%;
    }

    .js-gray-final-portrait img {
        width: 100%;
        height: auto;
        min-height: 0;
        max-height: 520px;
        object-fit: cover;
        object-position: center top;
    }

    .js-gray-final-contact-copy {
        padding: 27px 21px 26px;
    }

    .js-gray-final-contact-copy h3 {
        font-size: 1.48rem;
    }

    .js-gray-final-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 9px;
        margin: 23px 0 25px;
    }

    .js-gray-final-action {
        width: 100%;
    }

}


/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media screen and (max-width: 420px) {

    .js-gray-final-inner {
        width: calc(100% - 18px);
    }

    .js-gray-final-opening {
        padding: 24px 17px 25px;
    }

    .js-gray-final-future {
        padding: 23px 18px 24px;
    }

    .js-gray-final-contact-copy {
        padding: 24px 18px 23px;
    }

}


/* ============================================================
   REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .js-gray-final-action {
        transition: none;
    }

}/* End custom CSS */</style>[{"@context":"https:\/\/schema.org\/","@type":"Report","@id":"https:\/\/johnschmidtlaw.com\/gray-divorce-attorney-in-shepherdsville-kentucky\/#Report","mainEntityOfPage":"https:\/\/johnschmidtlaw.com\/gray-divorce-attorney-in-shepherdsville-kentucky\/","headline":"Gray Divorce Attorney in Shepherdsville Kentucky","name":"Gray Divorce Attorney in Shepherdsville Kentucky","description":"Gray Divorce After 50 or 60 Is Different Divorce later in life is often called a \u201cgray divorce,\u201d but the color of your hair is not what makes these cases different. The difference is the life you have already built and the amount of time you have to protect what comes next. After 20, 30, [&hellip;]","datePublished":"2026-08-20","dateModified":"2026-08-20","author":{"@type":"Person","@id":"https:\/\/johnschmidtlaw.com\/author\/knight1\/#Person","name":"John Schmidt","url":"https:\/\/johnschmidtlaw.com\/author\/knight1\/","identifier":1,"image":{"@type":"ImageObject","@id":"https:\/\/secure.gravatar.com\/avatar\/5757740a61d4688d51fb8bfa6b5aebda1790e512994a58cf078a8b0a2eb38432?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5757740a61d4688d51fb8bfa6b5aebda1790e512994a58cf078a8b0a2eb38432?s=96&d=mm&r=g","height":96,"width":96}},"publisher":{"@type":"Organization","name":"Law Offices of John Schmidt & Associates, PLLC","logo":{"@type":"ImageObject","@id":"https:\/\/johnschmidtlaw.com\/wp-content\/uploads\/2024\/04\/Logo-Law-Offices-of-John-Schmidt-Associates-PLLC.jpg","url":"https:\/\/johnschmidtlaw.com\/wp-content\/uploads\/2024\/04\/Logo-Law-Offices-of-John-Schmidt-Associates-PLLC.jpg","width":342,"height":70}},"image":{"@type":"ImageObject","@id":"https:\/\/johnschmidtlaw.com\/wp-content\/uploads\/2026\/08\/Gray-Divorce-Divorcing-above-the-age-of-55-in-Kentucky.jpg","url":"https:\/\/johnschmidtlaw.com\/wp-content\/uploads\/2026\/08\/Gray-Divorce-Divorcing-above-the-age-of-55-in-Kentucky.jpg","height":"","width":""},"url":"https:\/\/johnschmidtlaw.com\/gray-divorce-attorney-in-shepherdsville-kentucky\/"},{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","@id":"https:\/\/johnschmidtlaw.com\/gray-divorce-attorney-in-shepherdsville-kentucky\/#BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Gray Divorce Attorney in Shepherdsville Kentucky","item":"https:\/\/johnschmidtlaw.com\/gray-divorce-attorney-in-shepherdsville-kentucky\/#breadcrumbitem"}]}]