/* Row: link + caret button (so on mobile link navigates, button toggles) */

    .site-header__donate {
        z-index: 100;
    }

    .desktop-menu .mega-menu__inner {

        padding: 3rem 0px !important;
    }

    .desktop-menu .mega-menu__inner {
        width: 90%;
    }

    .desktop-menu .menu-item {
        margin-bottom: 0px;
        z-index: 10;
    }

    .site-header__logo {
        z-index: 100;
    }

    .menu-item-mega>.mega-menu__row>a.mega-menu__link {
        text-decoration: none;
        transition: color 0.45s ease;
    }

    .menu-item-mega.current-menu-item>.mega-menu__row>a.mega-menu__link,
    .menu-item-mega.current-menu-item>a.mega-menu__link {
        color: #0e3e4e;
    }

    .menu-item-mega>.mega-menu__row>.mega-menu__caret {
        display: inline-block;
        width: 29px;
        height: 29px;
        flex-shrink: 0;
        padding: 0;
        border: 0;
        background-color: #09ABAF;
        cursor: pointer;
        transform: rotate(0deg);
        transform-origin: center center;
        transition: transform 0.45s ease, background-color 0.45s ease;
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.4 8.2L10 11.8l3.6-3.6' stroke='#09ABAF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.4 8.2L10 11.8l3.6-3.6' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
    }

    .menu-item-mega:hover > .mega-menu__row > .mega-menu__link,
    .menu-item-mega.is-open > .mega-menu__row > .mega-menu__link{
       color: #09ABAF !important;
    }


    /* Caret rainbow color only on hover or when open (not by default)
    .menu-item-mega:nth-child(1):hover > .mega-menu__row > .mega-menu__caret,
    .menu-item-mega:nth-child(1).is-open > .mega-menu__row > .mega-menu__caret {
        background-color: rgb(220, 73, 73) !important;
    }

    .menu-item-mega:nth-child(2):hover > .mega-menu__row > .mega-menu__caret,
    .menu-item-mega:nth-child(2).is-open > .mega-menu__row > .mega-menu__caret {
        background-color: rgb(229, 131, 78) !important;
    }

    .menu-item-mega:nth-child(3):hover > .mega-menu__row > .mega-menu__caret,
    .menu-item-mega:nth-child(3).is-open > .mega-menu__row > .mega-menu__caret {
        background-color: rgb(229, 204, 41) !important;
    } */

    .mobile-menu .menu-item-has-children {
        width: fit-content;
        display: inline;
    }

    .mobile-menu .menu-item-mega>.mega-menu__row {
        width: fit-content;
    }
/* 
    .menu-item-mega:nth-child(4):hover > .mega-menu__row > .mega-menu__caret,
    .menu-item-mega:nth-child(4).is-open > .mega-menu__row > .mega-menu__caret {
        background-color:#09ABAF;
    }

    .menu-item-mega:nth-child(5):hover > .mega-menu__row > .mega-menu__caret,
    .menu-item-mega:nth-child(5).is-open > .mega-menu__row > .mega-menu__caret {
        background-color: #09ABAF;
    }

    .menu-item-mega:nth-child(6):hover > .mega-menu__row > .mega-menu__caret,
    .menu-item-mega:nth-child(6).is-open > .mega-menu__row > .mega-menu__caret {
        background-color:#09ABAF;
    }

    .menu-item-mega:nth-child(7):hover > .mega-menu__row > .mega-menu__caret,
    .menu-item-mega:nth-child(7).is-open > .mega-menu__row > .mega-menu__caret {
        background-color: #09ABAF;
    }

    .menu-item-mega:nth-child(n+8):hover > .mega-menu__row > .mega-menu__caret,
    .menu-item-mega:nth-child(n+8).is-open > .mega-menu__row > .mega-menu__caret {
        background-color:#09ABAF;
    } */

    .mobile-menu {
        display: none
    }

    .desktop-menu {
        display: flex
    }

    .site-header__search {
        display: none !important;
    }

    .site-header__mobile-wrapper {
        padding-bottom: 0;
    }

    .site-header__mobile-wrapper::after {
        content: "";
        display: block;
        height: 3px;
        margin-top: 1rem;
        background: var(--rainbow-gradient-h);
    }

    
    .mega-menu__panel {
        min-width: 640px;
    }

    .menu-item-mega .menu-item--mega-content {
        background: #F6F9F9;
    }

    .mega-menu__inner {
        display: grid;
        gap: 2rem 2.5rem;
        max-width: 1200px;
        margin: 0 auto;
        min-height: 270px;
        padding: 1.5rem 1.25rem;
        background: transparent;
        align-items: start;
    }

    .mega-menu__inner:not(.mega-menu__inner--has-featured) {
        grid-template-columns: 2fr 1fr 1fr 1fr;
    }

    .mega-menu__inner:not(.mega-menu__inner--has-featured) .mega-menu__left {
        grid-column: 1;
    }

    .mega-menu__inner:not(.mega-menu__inner--has-featured) .mega-menu__columns {
        grid-column: 2 / -1;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 2rem 2.5rem;
        align-items: start;
    }

    .mega-menu__inner:not(.mega-menu__inner--has-featured) .mega-menu__column {
        min-width: 0;
    }

    .mega-menu__inner--has-featured {
        grid-template-columns: 2fr 1fr 2fr;
    }

    .mega-menu__inner--has-featured .mega-menu__left {
        grid-column: 1;
    }

    .mega-menu__inner--has-featured .mega-menu__columns {
        grid-column: 2;
    }

    .mega-menu__inner--has-featured .mega-menu__right.mega-menu__featured {
        grid-column: 3;
    }

    .mega-menu__left {
        min-width: 0;
    }

    .mega-menu__title {
        font-size: 1.5rem;
        font-weight: 700;
        color: #0a2d39;
        line-height: 1.2;
        margin: 0 0 0.75rem;
        font-family: var(--body-font);
    }

    .mega-menu__subheader {
        margin: 0;
        font-size: 0.9375rem;
        color: #4b5563;
        line-height: 1.5;
    }

    .mega-menu__columns {
        display: flex;
        gap: 2rem 2.5rem;
        flex-wrap: wrap;
    }

    .mega-menu__column {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        min-width: 140px;
    }

    .mega-menu__column-heading {
        display: block;
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #1f2937;
        margin-bottom: 0.25rem;
    }

    /* Desktop: invisible heading keeps link lists aligned when only col 1 has a title */
    @media (min-width: 1051px) {
        .desktop-menu .mega-menu__column-heading--spacer {
            visibility: hidden;
        }
    }

    .mega-menu__links {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .mega-menu__links .menu-item {
        margin: 0;
    }

    .mega-menu__links a {
        font-size: 0.9375rem;
        color: #1f2937;
        text-decoration: underline;
        text-underline-offset: 2px;
        transition: color 0.2s ease;
    }

    .mega-menu__links a:hover,
    .mega-menu__links a:focus-visible {
    transition: 0.25s ease-out;
    color: var(--color-teal) !important;
    }


    .mega-menu__right.mega-menu__featured {
        min-width: 0;
    }

    .mega-menu__featured-link {
        display: flex;
        gap: 1rem;
        align-items: flex-start;
        padding: 1.25rem;
        background: #AEF075;
        border-radius: 6px;
        text-decoration: none;
        color: inherit;
        transition: background-color 0.2s ease;
    }

    .mega-menu__featured-link:hover,
    .mega-menu__featured-link:focus-visible {
        text-decoration: none;
        background-color: #ffea00;
    }

    .mega-menu__featured-card {
        display: flex;
        gap: 1rem;
        align-items: flex-start;
        padding: 1.25rem;
        background-color: #ffea00;
        border-radius: 6px;
        color: #0E3E4E;
    }

    .mega-menu__featured-image {
        flex-shrink: 0;
        width: 120px;
        height: 120px;
        border-radius: 4px;
        overflow: hidden;
    }

    .mega-menu__featured-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .mega-menu__featured-text {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        min-width: 0;
    }

    .mega-menu__featured-eyebrow {
        font-size: 0.75rem;
        color: #111827;
        letter-spacing: 0.02em;
    }

    .mega-menu__featured-title {
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.3;
        color: #0E3E4E;
    }

    .mega-menu__featured-card .mega-menu__featured-description,
    .mega-menu__featured-card .mega-menu__featured-eyebrow {
        color: #0E3E4E;
    }


    .mega-menu__featured-description {
        font-size: 0.875rem;
        color: #1f2937;
        line-height: 1.45;
    }

    @media (min-width: 1051px) {
        .desktop-menu .sub-menu--mobile {
            display: none !important;
        }

        .desktop-menu .menu-mega,
        .menu-mega {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 5px 20px;
            justify-content: space-between;
            align-items: flex-start;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .desktop-menu .menu-mega {
            gap: 5px 20px !important;
            padding: 0 20px 0 30px !important;
        }

        .menu-mega>li {
            list-style: none;
        }

        .menu-item-mega {
            position: relative;
        }

        /* Invisible bridge so mouse can move from item to panel without closing it; item width only to avoid 100vw viewport breakout */
        .desktop-menu .menu-item-mega::after {
            content: '';
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            max-height: 18px;
            z-index: 998;
            height: 18px !important;
            pointer-events: none;
        }

        .desktop-menu .menu-item-mega:hover::after,
        .desktop-menu .menu-item-mega:has(.sub-menu--desktop.mega-menu__panel:hover)::after {
            pointer-events: auto;
        }

        .menu-item-mega>.mega-menu__row>a {
            transition: color .25s ease;
        }

        .menu-item-mega:hover>.mega-menu__row>a,
        .menu-item-mega>.mega-menu__row>a:hover {
            color: #0d4f5c;
        }

        .sub-menu--desktop.mega-menu__panel {
            position: fixed;
            border-bottom:.5px solid #adadad;
            left: 0;
            width: 100%;
            top: 0;
            padding-top: 0.5rem;
            margin-top: -.5rem !important;
            z-index: 999;
            list-style: none;
            margin: 0;
            padding-right: 0;
            padding-bottom: 0;
            padding-left: 0;
            box-sizing: border-box;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: opacity .25s ease .15s, visibility .25s ease .15s, pointer-events 0s .4s;
        }

        .menu-item-mega:hover .sub-menu--desktop.mega-menu__panel,
        .menu-item-mega.is-open .sub-menu--desktop.mega-menu__panel,
        .sub-menu--desktop.mega-menu__panel:hover {
            opacity: 1 !important;
            visibility: visible !important;
            pointer-events: auto !important;
            transition-delay: 0s;
        }

        .menu-item-mega>.mega-menu__row>a.mega-menu__link {
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 24px;
            letter-spacing: 0;
            text-transform: uppercase;
        }

        .menu-item-mega>.mega-menu__row>.mega-menu__caret {
            margin-left: -4px;
            margin-top: -2px;
        }

        .menu-item-mega:hover>.mega-menu__row>.mega-menu__caret {
            transform: rotate(-180deg);
        }

        .menu-item-mega.is-open>.mega-menu__row>.mega-menu__caret {
            transform: rotate(180deg);
        }
    }

    /* Mega menu – desktop vs mobile sub-menus (scoped by .desktop-menu / .mobile-menu wrap) */
    @media (max-width: 1050px) {
        .site-header__main-nav--mobile .site-header__search {display:none !important}
        .site-header__main-nav .menu-item.menu-item-type-post_type > a{
        text-decoration: none !important;
        transition: color 0.45s ease !important;

        text-transform: uppercase !important;
        margin-bottom: 20px !important;
        color: #0e3e4e !important;
        letter-spacing: 0.5px !important;}
        .site-header__mobile-wrapper.is-active {
            box-shadow: -2px 2px 2px rgba(0, 0, 0, .3);
        }
        .site-header__main-nav .menu-item.menu-item-type-post_type:not(.menu-item-has-children) {margin-bottom:20px !important;}

        .site-header__main-nav .menu-item.menu-item-type-post_type > a{
            font-size: 1.1rem !important;
            font-weight: 500 !important;}
        .site-header__main-nav .menu-item.menu-item-type-post_type:not(.menu-item-has-children):hover a {color: #09ABAF !important;}
        .mobile-menu .menu-mega {
            min-height: 575px;
            padding-bottom: 40px
        }

        .mobile-menu .search-menu-item a:after {
            content: "\f002";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            margin-left: 8px;
        }

        .mobile-menu .search-menu-item a {
            text-decoration: none;
        }

        .mobile-menu .menu-item-mega:not(:hover):not(.is-open)>.mega-menu__row>.mega-menu__caret {
            background-color: #09ABAF;
        }

        .mobile-menu .mega-menu__mobile-links li {
            padding-top: 3px !important;
            padding-bottom: 3px !important;
        }

        .mobile-menu .menu-item--mobile-column {
            padding-left: 20px;
            padding-top: 5px;
            flex-grow: 1;
        }

        .mobile-menu {
            display: flex
        }

        .desktop-menu {
            display: none
        }

        .mobile-menu .menu-item-mega .sub-menu--desktop.mega-menu__panel {
            display: none !important;
        }

        .mobile-menu .sub-menu--mobile {
            max-height: 0;
            overflow: hidden;
            opacity: 0;
            background: #F6F9F9;
            visibility: hidden;
            transition: max-height 0.35s ease-out, opacity 0.25s ease-out, visibility 0s linear 0.35s;
        }

        .mobile-menu .sub-menu--mobile.is-open {
            max-height: fit-content;
            opacity: 1;
            visibility: visible;
            transition: max-height 0.35s ease-out, opacity 0.25s ease-out, visibility 0s;
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            background: #F6F9F9;
            padding-right: 20px;
        }

        .mobile-menu ul,
        .mobile-menu li {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .mobile-menu ul {
            width: 100%;
        }

        .mobile-menu .menu-item--mobile-column {
            padding-top: 17px;
            padding-bottom: 2px;
            padding-right: 20px;
            margin-top: 0px;
            background-color: #F6F9F9;
        }

        .sub-menu.sub-menu--mobile {
            padding-top: 0px;
            padding-bottom: 2px;

            margin-bottom: 10px;
            margin-top: 5px;
            border-top: 1px solid rgba(0, 0, 0, .1);
            border-bottom: 1px solid rgba(0, 0, 0, .1);
        }

        .mobile-menu .mega-menu__column-heading {
            display: block;
            font-size: 0.75rem;
            font-weight: 600;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            color: #1f2937;
            margin: 0.5rem 0 0.25rem;
            padding: 0;
        }

        .menu-drawer .mega-menu__column-heading.overview-heading {
            display: none;
        }

        .menu-item-mega {
            font-size: 1.1rem;
            font-weight: 500;
        }



        .mobile-menu .mega-menu__column-heading {

            font-size: .9rem !important;
        }

        .mobile-menu .mega-menu__column-heading:first-child {
            margin-top: 0;
            margin-bottom: 10px !important;
        }

        .mobile-menu .mega-menu__mobile-links {
            padding-left: 1rem;
            margin: 0 0 0.25rem;
            list-style: none;
        }

        .mobile-menu .mega-menu__mobile-links .menu-item a {
            font-size: 1rem;

            color: #1f2937;
            text-decoration: underline;
            text-underline-offset: 2px;
        }

        .mobile-menu .mega-menu__mobile-links .menu-item {

            margin-bottom: 15px;

        }

        .mobile-menu .mega-menu__mobile-links .menu-item a:hover,
        .mobile-menu .mega-menu__mobile-links .menu-item a:focus-visible {
            color: #4f46e5;
        }
    }



    @media (max-width: 1050px) {
        .menu-item-mega>.mega-menu__row>.mega-menu__caret {
            transform: rotate(0deg);
        }

        .mobile-menu .menu-item-mega.is-open>.mega-menu__row>.mega-menu__caret {
            transform: rotate(-180deg);
        }
    }

    @media (max-width: 700px) {
        .mobile-menu .sub-menu--mobile.is-open {
            flex-direction: column;
            gap: 0px !important;
        }
    }