/* ═══════════════════════════════════════════════
   DESIGN TOKENS — shared across all pages
   (duplicated in state-home.css for head-level availability;
    this copy covers all other pages via the header component)
═══════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=DM+Sans:wght@300;400;500;600&display=swap');

/* ─── Desktop/mobile content toggles (shared across all pages) ─── */
#content-desktop { display: block; }
#content-mobile  { display: none;  }
@media screen and (max-width: 668px) {
  #content-desktop { display: none; }
  #content-mobile  { display: block; }
  .content-desktop { display: none !important; }
}

/* ─── Layout resets ─── */
.ttm-btn-bgcolor-skincolor:hover { color: #000 !important; }
.site-main { padding-top: 0 !important; margin-top: 0 !important; }
.banner_slider { margin-top: 0 !important; }

/* ─── Center-overlay logo: hide the default site-branding on desktop ─── */
@media (min-width: 1025px) {
  .ttm-header-wrap .site-branding { display: none !important; }
}

:root {
  --deep:        #0d2d45;
  --mid:         #15476d;
  --main:        #2980b9;
  --light:       #7ec8e3;
  --pale:        #e8f4fb;
  --cream:       #faf8f3;
  --green-main:  #629c51;
  --green-dark:  #22431c;
  --warm-gray:   #6b6b60;
  --text-dark:   #1c1c18;
  --shadow-card: 0 4px 24px rgba(13,45,69,.10);
  --shadow-hover:0 12px 40px rgba(13,45,69,.18);
  --radius:      16px;
  --tr:          .25s cubic-bezier(.4,0,.2,1);
}

/* ═══════════════════════════════════════════════
   TOPBAR
═══════════════════════════════════════════════ */
.ttm-topbar-wrapper {
    background: var(--deep) !important;
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
    padding: 0 !important;
}
.ttm-topbar-content {
    display: flex !important;
    align-items: center !important;
    min-height: 42px !important;
    padding: 0 !important;
}

.ttm-topbar-wrapper .top-contact.topbar-left {
    display: flex !important;
    align-items: center !important;
    gap: .15rem !important;
    margin: 0 !important;
    padding: 0 !important;
}
.ttm-topbar-wrapper .top-contact.topbar-left li {
    display: flex !important;
    align-items: center !important;
    padding: 0 .85rem 0 0 !important;
    margin: 0 !important;
    border-right: 1px solid rgba(255,255,255,.12) !important;
    line-height: 42px !important;
}
.ttm-topbar-wrapper .top-contact.topbar-left li:last-child {
    border-right: none !important;
    padding-right: 0 !important;
}
.ttm-topbar-wrapper .top-contact.topbar-left li i {
    color: var(--green-main) !important;
    margin-right: .4rem !important;
    font-size: .88rem !important;
}
.ttm-topbar-wrapper .top-contact.topbar-left li a {
    font-family: 'DM Sans', sans-serif !important;
    font-size: .88rem !important;
    font-weight: 500 !important;
    color: rgba(255,255,255,.75) !important;
    text-decoration: none !important;
    letter-spacing: .02em !important;
    transition: color .2s !important;
}
.ttm-topbar-wrapper .top-contact.topbar-left li a:hover {
    color: #fff !important;
}

.ttm-topbar-wrapper .topbar-right {
    display: flex !important;
    align-items: center !important;
    gap: .35rem !important;
    margin-left: auto !important;
    line-height: 42px !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
}

.ttm-topbar-wrapper .top-contact li {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 42px !important;
    white-space: nowrap !important;
}
.ttm-topbar-wrapper .top-contact li i {
    color: rgba(255,255,255,.4) !important;
    margin-right: .35rem !important;
    font-size: .85rem !important;
}
.ttm-topbar-wrapper .top-contact li a {
    font-family: 'DM Sans', sans-serif !important;
    font-size: .88rem !important;
    color: rgba(255,255,255,.65) !important;
    text-decoration: none !important;
    transition: color .2s !important;
    white-space: nowrap !important;
    overflow: visible !important;
}
.ttm-topbar-wrapper .top-contact li a:hover { color: #fff !important; }

@media (max-width: 1023px) {
    .ttm-topbar-wrapper .top-contact:not(.topbar-left) { display: none !important; }
}

.ttm-topbar-wrapper .social-icons.list-inline {
    display: flex !important;
    align-items: center !important;
    gap: .1rem !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}
.ttm-topbar-wrapper .social-icons li {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}
.ttm-topbar-wrapper .social-icons li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.6) !important;
    font-size: .82rem !important;
    text-decoration: none !important;
    transition: all .2s !important;
    border: 1px solid rgba(255,255,255,.1) !important;
}
.ttm-topbar-wrapper .social-icons li a:hover {
    background: var(--main) !important;
    border-color: var(--main) !important;
    color: #fff !important;
}

.ttm-topbar-wrapper .ttm-topbar-btn {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}
.ttm-topbar-wrapper .ttm-btn.ttm-btn-bgcolor-skincolor {
    font-family: 'DM Sans', sans-serif !important;
    font-size: .85rem !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    padding: .3rem .9rem !important;
    border-radius: 50px !important;
    background: var(--green-main) !important;
    color: #fff !important;
    border: none !important;
    text-decoration: none !important;
    transition: all .2s !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1.4 !important;
}
.ttm-topbar-wrapper .ttm-btn.ttm-btn-bgcolor-skincolor:hover {
    background: #7bbb66 !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
}

.ttm-topbar-wrapper .topbar-right .top-contact li:first-child::after,
.ttm-topbar-wrapper .topbar-right .top-contact li:first-child:after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
}

.ttm-topbar-wrapper .ttm-social-links-wrapper {
    padding: 0 .4rem !important;
    border: none !important;
    margin: 0 .2rem !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
}
.ttm-topbar-wrapper .topbar-right .top-contact li,
.ttm-topbar-wrapper .topbar-right .top-contact li::after,
.ttm-topbar-wrapper .topbar-right .top-contact li::before {
    border: none !important;
}

/* ═══════════════════════════════════════════════
   NAV REDESIGN
═══════════════════════════════════════════════ */
#ttm-stickable-header-w { border-bottom: none !important; box-shadow: none !important; }
.site-header-menu-inner { background: #fff !important; padding: 1.15rem 0 !important; }
.ttm-hide { display: none; }

@media (min-width: 1024px) {
    #site-header-menu #site-navigation .menu ul.dropdown {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
    }
    #site-header-menu #site-navigation .menu ul.dropdown > li {
        display: flex !important;
        align-items: center !important;
        flex-shrink: 0 !important;
        float: none !important;
    }

    #site-header-menu #site-navigation .menu ul.dropdown > li:nth-child(3) > a {
        background: #e8f4fb !important;
        padding: 6.5px 8px !important;
        line-height: 1 !important;
        height: auto !important;
        min-height: 0 !important;
        align-self: center !important;
    }
    #site-header-menu #site-navigation .menu ul.dropdown > li:nth-child(3) > a:hover {
        background: #d4ecf7 !important;
    }

    #site-header-menu #site-navigation .menu ul.dropdown > li.nav-be-resource > a {
        background: rgba(98,156,81,.12) !important;
        padding: 6.5px 8px !important;
        line-height: 1 !important;
        height: auto !important;
        min-height: 0 !important;
        align-self: center !important;
    }
    #site-header-menu #site-navigation .menu ul.dropdown > li.nav-be-resource > a:hover {
        background: rgba(98,156,81,.2) !important;
    }
}

@media (min-width: 1024px) {
    #site-header-menu #site-navigation .menu ul.dropdown > li > a {
        font-size: .97rem !important; font-weight: 510 !important; color: var(--deep) !important;
        letter-spacing: 0 !important; padding: .35rem .85rem !important; line-height: 1.2 !important;
        text-transform: none !important; border-radius: 8px !important;
        transition: background .22s, color .22s !important; position: relative !important;
        display: flex !important; align-items: center !important; white-space: nowrap !important;
    }
    #site-header-menu #site-navigation .menu ul.dropdown > li > a:hover,
    #site-header-menu #site-navigation .menu ul.dropdown > li:hover > a {
        background: var(--pale) !important; color: var(--main) !important;
    }
}

#site-header-menu #site-navigation .menu ul.dropdown > li.active > a {
    color: var(--green-main) !important; background: rgba(98,156,81,.08) !important;
}
#site-header-menu #site-navigation .menu ul.dropdown > li.active > a::after { display: none !important; }
#site-header-menu #site-navigation .menu ul.dropdown > li > a .fa-house {
    font-size: 1.15rem !important; color: var(--green-main) !important;
}

@media (min-width: 1024px) {
    #site-header-menu #site-navigation .menu ul.dropdown > li:last-child > a {
        font-family: 'DM Sans', sans-serif !important; font-size: .87rem !important; font-weight: 700 !important;
        letter-spacing: .03em !important; color: #fff !important; background: var(--green-main) !important;
        padding: .42rem 1.1rem !important; border-radius: 50px !important; line-height: 1.5 !important;
        margin: auto .6rem !important; display: inline-flex !important; align-items: center !important;
        gap: .35rem !important; transition: background .22s, transform .22s !important;
    }
    #site-header-menu #site-navigation .menu ul.dropdown > li:last-child > a:hover {
        background: #7bbb66 !important; color: #fff !important; transform: translateY(-1px) !important;
    }
}
#site-header-menu #site-navigation .menu ul.dropdown > li:last-child > a::after { display: none !important; }
#site-header-menu #site-navigation .menu ul.dropdown > li:last-child.active > a {
    background: var(--green-main) !important; color: #fff !important;
}

@media (min-width: 1024px) {
    #site-header-menu #site-navigation .menu ul.dropdown > li {
        position: relative !important;
    }
    #site-header-menu #site-navigation .menu ul li > ul {
        background: #fff !important; border: none !important; border-radius: 14px !important;
        box-shadow: 0 8px 36px rgba(13,45,69,.13) !important; padding: .5rem 0 !important;
        min-width: 230px !important; margin-top: 0 !important;
        border-top: 3px solid var(--main) !important; overflow: hidden !important;
        position: absolute !important; top: 100% !important; left: 0 !important; z-index: 2000 !important;
    }
    #site-header-menu #site-navigation .menu ul li > ul li > a {
        font-family: 'DM Sans', sans-serif !important; font-size: .97rem !important; font-weight: 400 !important;
        color: var(--warm-gray) !important; padding: .48rem 1.15rem !important; line-height: 1.4 !important;
        transition: color .15s, background .15s !important; border-bottom: none !important;
        display: flex !important; align-items: center !important; gap: .45rem !important; border-radius: 0 !important;
    }
    #site-header-menu #site-navigation .menu ul li > ul li > a:hover {
        color: var(--main) !important; background: var(--pale) !important;
    }
    #site-header-menu #site-navigation .menu ul li ul > li:not(:last-child) {
        border-bottom: 1px solid rgba(0,0,0,.04) !important;
    }
    #site-header-menu #site-navigation .menu ul.dropdown > li.nav-be-resource > ul {
        border-top-color: var(--green-main) !important;
    }
}
#site-header-menu #site-navigation .menu ul li > ul li > a .fa-window-restore { font-size: .85rem !important; opacity: .4 !important; }

#site-header-menu #site-navigation .menu ul.dropdown > li.nav-be-resource > ul > li.nav-cta-item > a {
    font-weight: 700 !important; color: var(--green-main) !important;
    border-top: 1px solid rgba(0,0,0,.06) !important; margin-top: .3rem !important;
}
#site-header-menu #site-navigation .menu ul.dropdown > li.nav-be-resource > ul > li.nav-cta-item > a:hover {
    background: rgba(98,156,81,.08) !important; color: var(--green-dark) !important;
}

.std-drop-label {
    font-family: 'DM Sans', sans-serif !important; font-size: .7rem !important; font-weight: 600 !important;
    text-transform: uppercase !important; letter-spacing: .07em !important; color: var(--warm-gray) !important;
    opacity: .7; padding: .55rem 1.15rem .2rem !important; display: block !important;
    pointer-events: none !important; line-height: 1.2 !important;
}
.std-drop-sep { height: 1px !important; background: rgba(0,0,0,.06) !important; margin: .35rem 0 !important; display: block !important; }

@media (min-width: 1024px) {
    #site-header-menu #site-navigation .menu ul.dropdown > li > a::after {
        font-size: .55rem !important; opacity: .4 !important; margin-left: .3rem !important; transition: transform .2s !important;
    }
    #site-header-menu #site-navigation .menu ul.dropdown > li:hover > a::after { transform: rotate(180deg) !important; }
    #site-header-menu #site-navigation .menu ul.dropdown > li:first-child > a::after,
    #site-header-menu #site-navigation .menu ul.dropdown > li.active > a::after { display: none !important; }

    #site-header-menu #site-navigation .menu ul.dropdown > li.has-mega > a::after {
        content: '\f078' !important; font-family: 'Font Awesome 6 Free' !important;
        font-weight: 900 !important; font-size: .55rem !important; opacity: .4 !important;
        margin-left: .3rem !important; display: inline-block !important;
        transition: transform .2s !important; vertical-align: middle !important;
    }
    #site-header-menu #site-navigation .menu ul.dropdown > li.has-mega:hover > a::after {
        transform: rotate(180deg) !important; opacity: .65 !important;
    }
}
#site-header-menu #site-navigation .menu ul.dropdown > li.has-mega > a.mega-a--open::after {
    transform: rotate(180deg) !important; opacity: .65 !important;
}

@media (min-width: 1024px) {
    #site-header-menu #site-navigation .menu ul li > ul li:has(> ul) > a::after {
        content: '\f054' !important; font-family: 'Font Awesome 6 Free' !important;
        font-weight: 900 !important; font-size: .55rem !important; opacity: .35 !important;
        margin-left: auto !important; transition: none !important; position: static !important;
        background: none !important; border: none !important; width: auto !important; height: auto !important;
    }
}

.std-expandable { cursor: pointer !important; }
.std-expand-icon { font-size: .6rem !important; opacity: .4 !important; margin-left: auto !important; transition: transform .22s ease !important; flex-shrink: 0 !important; }
.std-expandable.std-open .std-expand-icon { transform: rotate(90deg) !important; opacity: .7 !important; }
.std-sub {
    display: flex !important; flex-direction: column !important; max-height: 0 !important;
    overflow: hidden !important; transition: max-height .25s ease !important;
    margin: 0 !important; padding: 0 !important; border: none !important;
    background: transparent !important; box-shadow: none !important; position: static !important;
}
.std-sub.std-sub--open { max-height: 200px !important; }
.std-sub__link {
    font-family: 'DM Sans', sans-serif !important; font-size: .84rem !important; font-weight: 400 !important;
    color: var(--warm-gray) !important; text-decoration: none !important; padding: .22rem 1.5rem !important;
    border-radius: 0 !important; transition: background .15s, color .15s !important;
    display: flex !important; align-items: center !important; gap: .35rem !important;
    line-height: 1.4 !important; background: transparent !important; border-bottom: none !important;
}
.std-sub__link:hover { background: var(--pale) !important; color: var(--main) !important; }
.std-sub__link i { font-size: .6rem !important; opacity: .35 !important; flex-shrink: 0 !important; }

.ttm-menu-toggle label span.toggle-block { background: var(--deep) !important; border-radius: 2px !important; }

/* ═══════════════════════════════════════════════
   CENTER NAV LOGO — OVERLAY APPROACH
═══════════════════════════════════════════════ */
@media (min-width: 1024px) {
    .nav-logo-spacer {
        flex: 0 1 60px !important;
        min-width: 60px !important;
        flex-shrink: 1 !important;
        pointer-events: none !important;
        background: none !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}
@media (max-width: 1023px) {
    .nav-logo-spacer { display: none !important; }
}

.hsc-nav-logo-overlay {
    position: absolute !important;
    padding-top: 3px;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 200 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    display: none !important;
    pointer-events: auto !important;
    margin-top: -1px !important;
    margin-bottom: 2px !important;
}
.hsc-nav-logo-overlay img {
    height: 110px !important;
    width: auto !important;
    display: block !important;
    transition: opacity .2s ease !important;
}
.hsc-nav-logo-overlay img:hover { opacity: .85 !important; }

@media (min-width: 1024px) {
    .hsc-nav-logo-overlay { 
        display: block !important;
        top: 60px !important;
    }
}

@media (min-width: 1200px) {
    .hsc-nav-logo-overlay { 
        display: block !important;
        top: 50px !important;
    }
}


/* ═══════════════════════════════════════════════
   MEGA MENU — DESKTOP ONLY
═══════════════════════════════════════════════ */
@media (min-width: 1024px) {
    #site-header-menu #site-navigation .menu ul.dropdown > li.has-mega { position: static !important; }
    .mega-panel {
        display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);
        background: #fff; border-radius: 16px; box-shadow: 0 8px 40px rgba(13,45,69,.15);
        z-index: 2000; overflow: hidden; flex-direction: column;
    }
    .mega-panel.mega-open { display: flex; }
    .mega-panel.mega-find-help { width: 860px; border-top: 3px solid var(--main) !important; }
    .mega-panel.mega-programs { width: 620px; border-top: 3px solid var(--green-main) !important; }
    .mega-cols { display: flex; padding: 1.25rem 1.5rem 1rem; gap: 1.5rem; }
    .mega-col { flex: 1; min-width: 0; }
    .mega-col + .mega-col { border-left: 1px solid rgba(0,0,0,.06); padding-left: 1.5rem; }
    .mega-panel .mega-footer {
        border-top: 1px solid rgba(0,0,0,.06) !important; padding: .65rem 1.5rem !important;
        display: flex !important; align-items: center !important; justify-content: space-between !important;
    }
    .mega-panel.mega-find-help .mega-footer { background: rgba(41,128,185,.06) !important; }
    .mega-panel.mega-programs .mega-footer { background: rgba(98,156,81,.07) !important; }
}

.mega-panel { display: none; flex-direction: column; }
.mega-panel.mega-open { display: flex; }

.mega-panel .mega-section-label {
    font-family: 'DM Sans', sans-serif !important; font-size: .7rem !important; font-weight: 600 !important;
    text-transform: uppercase !important; letter-spacing: .07em !important; color: var(--warm-gray) !important;
    opacity: .7; padding: .6rem 0 .3rem !important; margin-bottom: 2px !important; line-height: 1.2 !important;
    display: block !important; background: none !important; border: none !important; border-radius: 0 !important;
}
.mega-panel .mega-section-label:first-child { padding-top: 0 !important; }
.mega-panel .mega-link {
    display: flex !important; align-items: center !important; gap: .45rem !important;
    font-family: 'DM Sans', sans-serif !important; font-size: .97rem !important; font-weight: 400 !important;
    color: var(--warm-gray) !important; text-decoration: none !important; padding: .38rem 0 !important;
    line-height: 1.4 !important; transition: color .15s !important;
    border-bottom: none !important; border-radius: 0 !important; background: transparent !important;
}
.mega-panel .mega-link:hover { color: var(--main) !important; }
.mega-panel .mega-link.green:hover { color: var(--green-main) !important; }
.mega-panel .mega-link .fa-window-restore { font-size: .85rem !important; opacity: .4 !important; }
.mega-panel .mega-link .mega-expand-icon {
    margin-left: auto !important; font-size: .65rem !important; opacity: .4 !important;
    transition: transform .22s ease !important; flex-shrink: 0 !important;
}
.mega-panel .mega-link.mega-link--open .mega-expand-icon { transform: rotate(90deg) !important; opacity: .7 !important; }
.mega-panel .mega-divider {
    height: 1px !important; background: rgba(0,0,0,.06) !important;
    margin: .6rem 0 !important; padding: 0 !important; border: none !important;
}
.mega-sub {
    margin: 0 0 0 1.35rem; display: flex; flex-direction: column;
    border-left: 2px solid rgba(0,0,0,.07); padding-left: .65rem;
    max-height: 0; overflow: hidden; transition: max-height .25s ease, margin .25s ease;
}
.mega-sub.mega-sub--open { max-height: 200px; margin: .15rem 0 .4rem 1.35rem; }
.mega-sub__link {
    font-family: 'DM Sans', sans-serif !important; font-size: .84rem !important; font-weight: 400 !important;
    color: var(--warm-gray) !important; text-decoration: none !important; padding: .2rem .35rem !important;
    border-radius: 5px !important; transition: background .15s, color .15s !important;
    display: flex !important; align-items: center !important; gap: .35rem !important;
    line-height: 1.4 !important; background: transparent !important; border-bottom: none !important;
}
.mega-sub__link:hover { background: var(--pale) !important; color: var(--main) !important; }
.mega-sub__link.green:hover { background: rgba(98,156,81,.1) !important; color: var(--green-main) !important; }
.mega-sub__link i { font-size: .6rem !important; opacity: .4 !important; flex-shrink: 0 !important; }
.mega-panel .mega-footer-text { font-family: 'DM Sans', sans-serif !important; font-size: .82rem !important; color: var(--warm-gray) !important; }

.mega-link--featured {
    font-weight: 600 !important; color: var(--main) !important;
    background: var(--pale) !important; border-radius: 8px !important;
    padding: .45rem .7rem !important; margin-bottom: .35rem !important;
}
.mega-link--featured:hover { background: #d4ecf7 !important; color: var(--mid) !important; }

/* ═══════════════════════════════════════════════
   MOBILE NAV
═══════════════════════════════════════════════ */
@media (max-width: 1023px) {

    body.nav-open { overflow: hidden !important; }

    body.nav-open #site-header-menu #site-navigation .menu,
    html.nav-open #site-header-menu #site-navigation .menu {
        position: fixed !important; top: 130px !important;
        left: 0 !important; right: 0 !important; bottom: 0 !important;
        max-height: none !important; overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important; overscroll-behavior: contain !important;
        z-index: 9999 !important; background: #fff !important; padding-bottom: 2rem !important;
    }

    body.nav-open.hsc-scrolled #site-header-menu #site-navigation .menu,
    html.nav-open body.hsc-scrolled #site-header-menu #site-navigation .menu {
        top: 110px !important;
    }

    #site-header-menu #site-navigation .menu ul.dropdown > li > a {
        line-height: 1.2 !important; padding: .75rem 1rem !important;
        font-size: .97rem !important; font-weight: 500 !important; border-radius: 0 !important;
    }
    #site-header-menu #site-navigation .menu ul.dropdown > li {
        border-bottom: 1px solid rgba(0,0,0,.07) !important; margin: 0 !important;
    }
    #site-header-menu #site-navigation .menu ul.dropdown > li:last-child { border-bottom: none !important; }
    #site-header-menu #site-navigation .menu ul.dropdown > li:last-child {
        padding: .6rem 1rem !important; background: transparent !important;
    }
    #site-header-menu #site-navigation .menu ul.dropdown > li:last-child > a {
        display: flex !important; width: 100% !important; justify-content: center !important;
        margin: 0 !important; padding: .6rem 1rem !important; font-size: .97rem !important;
        line-height: 1.4 !important; border-radius: 50px !important;
        background: var(--green-main) !important; color: #fff !important;
    }

    .mega-panel {
        position: static !important; transform: none !important; width: 100% !important;
        max-width: 100% !important; border-radius: 0 !important; box-shadow: none !important;
        border-top: none !important; border-left: 3px solid var(--main) !important;
        max-height: none !important; overflow: visible !important;
        background: rgba(41,128,185,.03) !important;
    }
    .mega-panel.mega-programs {
        border-left-color: var(--green-main) !important; background: rgba(98,156,81,.03) !important;
    }

    .mega-cols { flex-direction: column !important; padding: .4rem .9rem .5rem 1rem !important; gap: .1rem !important; }
    .mega-col { flex: none !important; }
    .mega-col + .mega-col { border-left: none !important; padding-left: 0 !important; border-top: 1px solid rgba(0,0,0,.05) !important; padding-top: .4rem !important; margin-top: .2rem !important; }

    .mega-panel .mega-section-label { font-size: .65rem !important; padding: .4rem 0 .1rem !important; }
    .mega-panel .mega-section-label:first-child { padding-top: .2rem !important; }
    .mega-panel .mega-link { font-size: .9rem !important; padding: .3rem 0 !important; }
    .mega-link--featured { padding: .38rem .6rem !important; font-size: .9rem !important; }
    .mega-panel .mega-divider { margin: .3rem 0 !important; }

    .mega-panel .mega-footer {
        display: flex !important; flex-direction: column !important; gap: .15rem !important;
        align-items: flex-start !important; padding: .45rem 1rem !important;
        border-top: 1px solid rgba(0,0,0,.06) !important;
    }
    .mega-panel.mega-find-help .mega-footer { background: rgba(41,128,185,.06) !important; }
    .mega-panel.mega-programs .mega-footer { background: rgba(98,156,81,.07) !important; }
    .mega-panel .mega-footer > span { display: none !important; }
    .mega-panel .mega-footer-text { font-size: .76rem !important; }

    .std-sub__link { font-size: .82rem !important; padding: .2rem 1.3rem !important; }
}

@media (max-width: 1023px) {
    #site-header-menu #site-navigation .menu ul.dropdown > li.has-mega > a::after {
        content: '\f107' !important; font-family: 'FontAwesome' !important;
        font-weight: normal !important; font-size: 20px !important; opacity: .8 !important;
        position: absolute !important; right: 5px !important; display: inline-block !important;
        transition: none !important; transform: none !important;
    }
    #site-header-menu #site-navigation .menu ul.dropdown > li.has-mega > a.mega-a--open::after {
        content: '\f106' !important;
    }
}

@media (max-width: 1023px) {
    .ttm-topbar-wrapper { display: none !important; }
    .resources-emergency { display: none !important; }

    .ttm-header-wrap {
        position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important;
        z-index: 10000 !important; width: 100% !important; background: #fff !important;
        box-shadow: 0 2px 12px rgba(13,45,69,.10) !important; padding: 0 !important; margin: 0 !important;
        transition: padding .25s ease, box-shadow .25s ease !important;
    }
    .ttm-header-wrap .container { padding-top: 0 !important; padding-bottom: 0 !important; }
    .ttm-header-wrap .row:first-child .col-lg-3 { display: none !important; }
    .ttm-header-wrap .row:first-child .col-lg-6 {
        width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important;
        text-align: center !important; padding: .4rem 0 !important;
    }
    .site-branding {
        float: none !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        height: auto !important;
        line-height: normal !important;
    }

    #logo-img {
        width: auto !important;
        height: 145px !important;
        max-width: none !important;
        max-height: none !important;
        padding-top: 3px !important;
        padding-bottom: 8px !important;
        margin-bottom: 0 !important;
        display: inline-block !important;
        transition: height .25s ease, padding-top .25s ease !important;
    }

    .site-main { padding-top: 140px !important; margin-top: 0 !important; }

    .ttm-header-wrap.hsc-scrolled { padding-top: 0 !important; box-shadow: 0 2px 16px rgba(13,45,69,.14) !important; }
    body.hsc-scrolled .site-main { padding-top: 120px !important; }
}

.ttm-topbar-wrapper .top-contact.topbar-left li,
.ttm-topbar-wrapper .top-contact.topbar-left li a,
.ttm-topbar-wrapper .topbar-right,
.ttm-topbar-wrapper .top-contact li,
.ttm-topbar-wrapper .top-contact li a { text-align: left !important; }

#site-header-menu #site-navigation .menu ul.dropdown > li > a {
    text-align: left !important; justify-content: flex-start !important;
}
#site-header-menu #site-navigation .menu ul li > ul li > a {
    text-align: left !important; justify-content: flex-start !important;
}
.mega-panel .mega-link, .mega-panel .mega-section-label,
.mega-panel .mega-footer-text, .std-sub__link, .std-drop-label, .mega-sub__link {
    text-align: left !important; justify-content: flex-start !important;
}

@media (max-width: 1023px) {
    #site-header-menu #site-navigation .menu ul.dropdown > li:last-child > a {
        justify-content: flex-start !important;
    }
}

@media (min-width: 1024px) {
    #site-header-menu #site-navigation .menu ul.dropdown > li:not(.has-mega):not(:first-child):not(:last-child):not(.nav-logo-spacer) > a::after {
        content: '\f078' !important;
        font-family: 'Font Awesome 6 Free' !important;
        font-weight: 900 !important;
        font-size: .55rem !important;
        opacity: .4 !important;
        margin-left: .3rem !important;
        display: inline-block !important;
        transition: transform .2s !important;
        vertical-align: middle !important;
    }
    #site-header-menu #site-navigation .menu ul.dropdown > li:not(.has-mega):not(:first-child):not(:last-child):not(.nav-logo-spacer):hover > a::after {
        transform: rotate(180deg) !important;
        opacity: .65 !important;
    }
}

@media (max-width: 1023px) {
    .events-intro {
        margin-top: 0 !important;
        padding-top: calc(22px + 0.5rem) !important;
    }
    body.hsc-scrolled .events-intro {
        padding-top: calc(12px + 0.5rem) !important;
    }
}

@media (max-width: 1023px) {
    #site-header-menu #site-navigation .menu ul.dropdown > li:last-child {
        display: none !important;
    }
}