/*@media (min-width: 1500px){
.page-id-955  .member>.wp-block-column:nth-child(3) {
flex: 0 0 40% !important;
}
}

@media (max-width: 1500px){
.page-id-955  .member>.wp-block-column:nth-child(3) {
flex: 0 0 35% !important;
}
}*/

body .page-id-955  .member>.wp-block-column:first-child {
    flex: auto !important;
    }
    
    
    .back-to-team-link {
        display: block;
        color: #4e6e7e;
        text-decoration: underline;
        text-decoration-color: #4e6e7e;
        font-size: var(--wp--preset--font-size--medium) !important;
    padding-top:2rem;
        padding-bottom: 0.7rem;
      }
    
    /* Sticky footer for short content pages — footer is now outside main.wrap */
    body:not(.home) {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }

    body:not(.home) main.wrap {
        flex: 1 0 auto;
        width: 100%;
    }

    body:not(.home) footer.footer {
        margin-top: auto;
    }
    
    .wp-block-navigation .wp-block-navigation__submenu-icon {
        opacity: 0.4;}
    
    .tagline-about a {
        color: #4e6e7e !important;
    }
    
    .med-band a {
        color: #4e6e7e !important;
    }
    
    .footer a {
        color: var(--wp--preset--color--white) !important;}
    
    body:not(.home) .member {
        padding-bottom: 2% !important;
    }
    
    .wp-elements-52b5dbe9ae06fbc9d3d1857aad38bd4c {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }
    
    @media (max-width: 600px) {
        .wp-block-uagb-container.uagb-block-dc3ec89a {
            padding-bottom: 0px !important;
        }
    }
    
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
        padding-top: 10px;
    }
    
    @media (max-width: 1200px) {
        .wp-block-uagb-container.uagb-block-dc3ec89a {
            flex-direction: row !important;
        }
    }
    
    @media (min-width: 1200px) {
        .wp-block-uagb-container.uagb-block-dc3ec89a {
            flex-direction: column !important;
        }
    }
    
    @media (min-width: 1200px) {
        .top-band p.member {
            padding-right: 60% !important;
        }
    }
    
    @media (max-width: 976px) {
        .submenu span {
            font-size: 22px !important;
        }
    
        .wp-block-navigation ul,
        .wp-block-navigation ul li {
            padding: 5px;
        }
    }
    
    /* Top-band stays white */
    .top-band,
    .top-band a,
    .top-band .wp-block-navigation-item__label {
        color: #fff !important;
    }
    
    button.wp-block-navigation__responsive-container-open {
        top: -14px !important;
        right: -18px !important;
    }
    
    .top-band p.member {
        border-color: #fff !important;
    }
    
    @media (max-width: 600px) {
        .border-white {
            width: 100% !important;
        }
    
        /*#imagehead { padding-top: 45px !important; }*/
    }
    
    .about {
        margin-top: 3vw !important;
    }
    
    .title-up {
        padding-top: 50px !important;
    }
    
    .wp-block-group.top-band {
        padding-left: 5vw !important;
        padding-right: 5vw !important;
    }
    
    body:not(.home) .wp-block-group.top-band {
        padding-left: 5vw !important;
        padding-right: 5vw !important;
            padding-bottom: 0vw !important;
    }
    
    .wp-block-group.med-band {
        padding-left: 5vw !important;
        padding-right: 5vw !important;
    }
    
    .top-band .wp-block-site-logo,
    .top-band nav.wp-block-navigation.navigation,
    .top-band .wp-block-navigation {
        /* Keep the band content aligned with your wrap gutter */
        /*position: absolute !important;*/
    }
    
    .wp-block-site-logo .custom-logo {
        opacity: 0;
    }
    
    .wp-block-site-logo .custom-logo-link {
        background-image: url("https://graintree.com/wp-content/uploads/2026/03/Graintree_Simplified_StainlessSteel_Logo_Light_Horizontal_20260319_900px.png");
        background-size: contain;
    }
    
    footer p {
        margin-bottom: 0em;
    }
    
    #footer {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    hr {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    @media (min-width: 600px) {
        .wp-block-navigation__responsive-container-open:not(.always-shown) {
            display: flex;
        }
    }
    
    @media (min-width: 976px) {
        .wp-block-navigation__responsive-container-open:not(.always-shown) {
            display: none;
        }
    }
    
    details>*:not(summary) {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transform: translateY(-8px);
        transition: max-height 1s ease, opacity 1s ease, transform 1s ease;
    }
    
    details[open]>*:not(summary) {
        max-height: none;
        opacity: 1;
        transform: translateY(0);
        overflow: hidden;
        /* critical for Chrome */
    }
    
    #modal-1-content {
        /*left: -7em !important; padding-left: 16em !important; */
        left: 1em !important;
    }
    
    @media (max-width: 1024px) {
        h2.wp-block-heading {
            padding-top: 0.3em;
        }
    }
    
    h2.wp-block-heading {
        line-height: 1.2em;
    }
    
    button.wp-block-navigation__responsive-container-open {
        position: absolute;
        top: -45px;
        right: 0px;
    }
    
    .wp-block-group.has-text-decoration-underline,
    .wp-block-group[style*="text-decoration:underline"] {
        text-decoration: none !important;
    }
    
    .wp-block-navigation__responsive-container-open {
        position: absolute;
    }
    
    .wp-block-navigation-item__content[aria-current="page"],
    .wp-block-navigation-item.current-menu-item a {
        opacity: 1 !important;
    }
    
    .wp-block-navigation-item__content:hover {
        opacity: 1 !important;
    }
    
    .wp-block-navigation-item__content {
        opacity: 0.4;
    }
    
    /* Custom icon for dropdown*/
    details summary {
        list-style: none !important;
    }
    
    details summary::-webkit-details-marker {
        display: none !important;
    }
    
    details summary {
        position: relative;
        padding-right: 32px;
        /* space for custom icon */
        padding-left: 0;
        /* no left padding needed */
        cursor: pointer;
    }
    
    details summary::before {
        content: "";
        position: absolute;
        right: 0;
        left: auto;
        top: -3.3em;
        width: 24px;
        height: 24px;
        background-image: url("https://graintree.com/wp-content/uploads/2025/11/my_custom_icon_open.png");
        background-size: contain;
        background-repeat: no-repeat;
    }
    
    details[open] summary::before {
        background-image: url("https://graintree.com/wp-content/uploads/2025/11/my_custom_icon.png");
    }
    
    /* 0–781px: stacked (mobile / small tablet) */
    @media (max-width: 1250px) {
    .member {
        flex-wrap: wrap !important;
        /* override core's nowrap */
    }
    }
    
    .custom-logo {
        width: 275px;
        height: auto;
        max-width: 100%;
    }
    
    .member>.wp-block-column {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    
    .wp-block-navigation {
        text-decoration: none !important;
    }
    
    /* Header / logo / nav base tweaks (mobile-first) */
    #header {
        max-height: 55px !important;
    }
    
    .wp-block-site-logo {
        /*top: -60px;*/
    }
    
    .navigation {
        /*top: -30px; no 'px' space */
        right: 0%;
        gap: 1.0em;
    }
    
    /*≥782px: intermediate (tablet) header/nav tweaks*/
    @media (min-width: 1200px) {
        .navigation {
            /*top: -30px;*/
            --navigation-layout-wrap: wrap !important;
        }
    }
    
    
    
    @media (min-width: 1050px) and (max-width: 1500px){
        body:not(.page-id-949) .member>.wp-block-column:nth-child(2) {
            flex: 0 0 32% !important;
                padding-left: 2rem;
            /* name + role + icons */
        }
    }
    
    @media (min-width: 1500px)and (max-width: 1800px) {
        body:not(.page-id-949) .member>.wp-block-column:nth-child(2) {
            flex: 0 0 28% !important;
                padding-left: 2rem;
            /* name + role + icons */
        }
    }
    
    @media (min-width: 1800px) {
        body:not(.page-id-949) .member>.wp-block-column:nth-child(2) {
            flex: 0 0 25% !important;
                padding-left: 2rem;
            /* name + role + icons */
        }
    }
    
    
    @media (min-width: 1050px) and (max-width: 1250px) {
        .member>.wp-block-column:nth-child(3) {
        padding-top: 2rem;
            
        }}
    /* ≥1024px: three-column layout (desktop) + header/nav reset */
    @media (min-width: 1024px) {
         .member {
         /*   flex-wrap: nowrap !important;*/
        }
    
        body:not(.page-id-949) .member>.wp-block-column:first-child {
            flex: 0 0 auto !important;
            /* photo */
        }
    
        .member>.wp-block-column:nth-child(3) {
            flex: 1 1 auto !important;
                
            /* bio text */
        }
    
        #header {
            margin-bottom: 0;
        }
    
        /*.wp-block-site-logo { top: -90px; } */
        .navigation {
            /*top: -27px !important;*/
        }
    
        .custom-logo {
            /*width:360px;*/
        }
    }
    
    /* ================================ ABOUT PAGE – MOBILE NAV OVERLAY Right half-screen, 90% opacity ================================ */
    @media (max-width: 976px) {
        .wp-block-navigation__responsive-container-content {
            /*top: 100px !important;*/
            /*left: -10%;*/
        }
    
        .page-id-420 .wp-block-navigation__responsive-container-content {
            top: 0px !important;
            left: -10%;
        }
    
        /* ========================= PAGE 420: DESKTOP NAV = WHITE ========================= */
        @media (min-width: 977px) {
    
            body.page-id-420 nav.wp-block-navigation.navigation,
            body.page-id-420 nav.wp-block-navigation.navigation a,
            body.page-id-420 nav.wp-block-navigation.navigation .wp-block-navigation-item__label {
                color: #fff !important;
            }
    
            /* hamburger icon lines (if it ever shows up due to your 600px rule) */
            body.page-id-420 nav.wp-block-navigation.navigation .wp-block-navigation__responsive-container-open svg rect {
                fill: #fff !important;
            }
        }
    
        /* ========================= PAGE 420: MOBILE OVERLAY = BACK TO DEFAULT (DARK TEXT) ========================= */
        @media (max-width: 976px) {
    
            /* restore overlay link text to dark */
            body.page-id-420 .wp-block-navigation__responsive-container.is-menu-open,
            body.page-id-420 .wp-block-navigation__responsive-container.is-menu-open a,
            body.page-id-420 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__label {
                color: #0d1220 !important;
            }
    
            /* submenu chevron + close icon strokes/fills */
            body.page-id-420 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon svg path,
            body.page-id-420 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg path {
                fill: #0d1220 !important;
                stroke: #0d1220 !important;
            }
    
            /* hamburger icon (outside the panel) should match your header styling */
            body.page-id-420 button.wp-block-navigation__responsive-container-open svg rect {
                fill: #fff !important;
            }
        }
    
        @media (max-width: 976px) {
    
            /* Mobile NAV OVERLAY ONLY — dark text */
            body .wp-block-navigation__responsive-container.is-menu-open,
            body .wp-block-navigation__responsive-container.is-menu-open a,
            body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__label {
                color: #0d1220 !important;
            }
        }
    
        /* Make panel a positioning context */
        body.page-id-420 .wp-block-navigation__responsive-container.is-menu-open {
            position: fixed !important;
        }
    
        /* Put close button ABOVE everything and ensure it receives clicks */
        body.page-id-420 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
            position: absolute !important;
            top: 1em !important;
            right: 1em !important;
            z-index: 1000002 !important;
            pointer-events: auto !important;
        }
    
        /* Ensure the content layer can't cover the X */
        body.page-id-420 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
            position: relative;
            z-index: 1 !important;
            padding-top: 56px;
            /* space for the X */
        }
    
        /* anchor nav block */
        .wp-block-navigation {
            position: absolute !important;
            /*top: -2em; right: 20vw; margin-left: 12vw !important;*/
            z-index: 1;
        }
    
        .wp-block-navigation__container {
            position: relative;
            z-index: 1;
        }
    
        /* hide container when closed */
        .wp-block-navigation__responsive-container {
            display: none !important;
        }
    
        /* when open: right-side half-screen overlay */
        .wp-block-navigation__responsive-container.is-menu-open {
            display: flex !important;
            position: fixed !important;
            top: 0;
            right: 0;
            bottom: 0;
            left: auto;
            width: 70vw;
            max-width: 360px;
            height: 100%;
            background: rgba(226, 222, 219, 0.98) !important;
            z-index: 9999;
            align-items: flex-start;
            justify-content: flex-start;
        }
    
        /* neutralize full-screen dialog/backdrop look */
        .wp-block-navigation__responsive-close,
        .wp-block-navigation__responsive-dialog {
            position: static !important;
            width: 100% !important;
            height: auto !important;
            margin: 0 !important;
            padding: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
        }
    
        /* inner content fills panel */
        .wp-block-navigation__responsive-container-content {
            position: relative;
            width: 100%;
            max-height: calc(100vh - 32px);
            overflow-y: auto;
        }
    
        /* vertical list of links */
        .wp-block-navigation__container {
            display: flex !important;
            flex-direction: column !important;
            gap: 0 !important;
            align-items: flex-start !important;
            text-align: left !important;
        }
    
        .wp-block-navigation__container .wp-block-navigation-item {
            font-size: 28px !important;
        }
    
        .wp-block-navigation__container a.wp-block-navigation-item__content {
            display: block;
            padding: 0.6rem 0;
            text-decoration: none;
            border-bottom: 1px solid rgba(0, 0, 0, .1);
        }
    
        .wp-block-navigation__container a.wp-block-navigation-item__content:last-child {
            border-bottom: none;
        }
    
        /* close button inside panel */
        .wp-block-navigation__responsive-container-close {
            position: absolute !important;
            top: 8px;
            right: 8px;
            padding: 0;
            background: transparent;
            border: 0;
        }
    
        /* FORCE NAV OVERLAY ABOVE ALL CONTENT ON ABOUT PAGE (MOBILE) */
        /* Overlay container: absolute top of stack */
        .wp-block-navigation__responsive-container.is-menu-open {
            z-index: 99999 !important;
        }
    
        /* Everything inside the overlay lives above page content */
        /*.wp-block-navigation__responsive-container.is-menu-open * { position: relative; z-index: 1; }*/
        /* Page content: explicitly below overlay */
        main,
        .wp-block-genesis-blocks-gb-column,
        .gb-block-layout-column-inner {
            position: relative;
            z-index: 0 !important;
        }
    
        body.has-modal-open .wp-block-genesis-blocks-gb-column.gb-block-layout-column .gb-block-layout-column-inner.has-black-color {
            visibility: hidden !important;
        }
    
        .wp-block-navigation__responsive-container.is-menu-open {
            z-index: 100000 !important;
        }
    
        .wp-block-genesis-blocks-gb-column.gb-block-layout-column,
        .gb-block-layout-column-inner.has-black-color {
            position: relative !important;
            z-index: 0 !important;
        }
    
        .wp-block-navigation__responsive-container-close {
            right: 1em;
            top: 1em;
        }
    }
    
    .wp-block-navigation .wp-block-navigation__submenu-icon svg {
        margin-top: -4px !important;
    }
    
    /* ========================== GLOBAL TOP NAVY BAND (inner pages) Wrap logo + nav + first H3 + first P in a Group with class: top-band ========================== */
    :root {
        --navy: #0b1f3b;
    }
    
    /* adjust */
    main.wrap {
        /* inner pages live inside main.wrap */
        transform: none;
        /* kill the landing-page translateY if it leaks */
    }
    
    /* make the band span full width while staying inside the wrap DOM */
    .top-band {
        background: var(--navy);
        color: #fff;
        /*margin-left: calc(-1 * var(--gutter)); margin-right: calc(-1 * var(--gutter));*/
        padding: 28px var(--gutter) 22px;
        border-radius: 0;
        /* keep it “band-like” */
        position: relative;
        z-index: 2;
        /* above page content, below mobile overlay */
    }
    
    /*force text inside band to white unless explicitly overridden by inline styles*/
    .top-band,
    .top-band * {
        color: #fff !important;
    }
    
    /* neutralize prior “floating header” hacks INSIDE the band */
    .top-band .wp-block-site-logo,
    .top-band .wp-block-navigation,
    .top-band .navigation {
        /*position: relative !important;*/
        top: auto !important;
        right: auto !important;
        left: auto !important;
    }
    
    /* keep nav aligned right like you already do */
    .top-band nav.wp-block-navigation.navigation {
        margin-left: auto;
    }
    
    /* spacing: logo/nav block then heading+intro */
    .top-band .wp-block-site-logo {
        margin: 0 0 14px 0;
    }
    
    .top-band .wp-block-group.alignfull {
        margin: 0 0 18px 0;
    }
    
    /* your nav container */
    .top-band h3.wp-block-heading {
        margin: 0 0 10px 0;
    }
    
    .top-band p {
        margin: 0;
        /*padding-right: 30% !important;*/
    }
    
    /* mobile: keep padding sane */
    @media (max-width: 976px) {
        .top-band {
            /*padding: 22px var(--gutter) 18px;*/
            padding-bottom: 5vw !important;
        }
    }
    
    /* do NOT interfere with your mobile menu overlay */
    .wp-block-navigation__responsive-container.is-menu-open {
        z-index: 100000 !important;
        /* keep your existing intent */
    }
    
    /* Kill the legacy theme header that is currently hidden-but-still-taking-space */
    #header,
    #header+hr {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Make sure nothing is reserving space for it */
    #page {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    
    /* Inner pages must not inherit the landing “centered flex” layout */
    body{
        display: block !important;
        min-height: auto !important;
        background: #f8f4f1 !important;
        color: #122a33 !important;
    }
    
    /* Remove the splash-page vertical offset on inner pages */
    main.wrap {
        transform: none !important;
        text-align: left !important;
        /* inner pages are left-aligned in your markup */
        /*max-width: var(--content-max-width) !important; keep your content width */
        /*margin: 0 auto !important;*/
    }
    
    :root {
        --navy: #122a33;
    }
    
    /* Full-bleed band inside a max-width wrap */
    .top-band.alignfull {
        background: var(--navy);
        color: #fff;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        padding: 28px 0 22px;
        /* vertical padding */
    }
    
    /* Keep the band content aligned with your wrap gutter */
    .top-band.alignfull>* {
        max-width: var(--content-max-width);
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: var(--gutter) !important;
        padding-right: var(--gutter) !important;
    }
    
    /* Put logo + nav back into normal flow inside the band */
    .top-band .wp-block-site-logo,
    .top-band nav.wp-block-navigation.navigation,
    .top-band .wp-block-navigation {
        /*position: relative !important;*/
        top: auto !important;
        left: auto !important;
        right: auto !important;
    }
    
    /* Ensure readable colors */
    .top-band,
    .top-band a,
    .top-band .wp-block-navigation-item__label {
        /*color: #fff !important;*/
    }
    
    .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
        background-color: #122a33 !important;
        border: 1px solid #00000026;
    }
    
    @media (max-width: 600px) {
    
        /* headings that ALSO have class="typeface" */
        .wp-block-heading.typeface {
            font-size: 15px !important;
        }
    
        /* all other block headings */
        .wp-block-heading {
            font-size: 45px !important;
        }
    
        .top-band p {
            padding-right: 30% !important;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .uagb-block-e9383e30.uagb-buttons__outer-wrap .uagb-buttons__wrap {
            justify-content: left !important;
        }
    }