{"id":994,"date":"2026-02-01T00:42:15","date_gmt":"2026-02-01T05:42:15","guid":{"rendered":"https:\/\/daveyfoundation.org\/?p=994"},"modified":"2026-02-01T00:43:09","modified_gmt":"2026-02-01T05:43:09","slug":"menu-principal","status":"publish","type":"post","link":"https:\/\/daveyfoundation.org\/?p=994","title":{"rendered":"Menu Principal"},"content":{"rendered":"\nNEW MENU DROP DOWN \n\n\n<!-- ZOOM BACKGROUND AND OVERLAY -->\n<div class=\"zoom-background\" style=\"\n  position:fixed;\n  top:0;\n  left:0;\n  width:100%;\n  height:100%;\n  background-image:url('https:\/\/daveyfoundation.org\/wp-content\/uploads\/2025\/08\/2011-0038_CBTS11-5501-scaled.jpg');\n  background-size:cover;\n  background-position:center;\n  animation: zoomEffect 320s ease-in-out infinite;\n  z-index:-2;\n  transform:translateZ(0);\n  transition:opacity 1s ease;\n\"><\/div>\n\n<div class=\"dark-overlay\" style=\"position:fixed; top:0; left:0; width:100%; height:100%; background:linear-gradient(to bottom, rgba(0,7,15,0.92) 0%, rgba(6,20,31,0.8) 30%, rgba(6,20,31,0.55) 60%, rgba(6,20,31,0.2) 100%); z-index:-1; pointer-events:none; transition:background 0.5s ease;\"><\/div>\n\n<head>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n  <style>\n    \/* WORDPRESS MARGIN OVERRIDE (same pattern as other pages) *\/\n    body.page .wp-site-blocks,\n    body.page .entry-content,\n    body.page .wp-block-group,\n    body.page .wp-block-post-content,\n    body.page .site-main {\n      margin: 0 !important;\n      padding: 0 !important;\n    }\n    body.page .entry-content > * {\n      max-width: 100% !important;\n      width: 100% !important;\n    }\n    body.page .wp-block-html {\n      margin: 0 !important;\n      padding: 0 !important;\n    }\n    body {\n      margin: 0 !important;\n    }\n    html, body {\n      overflow-x: hidden;\n    }\n\n    \/* Core palette & tokens (matching Faith \/ Ways to Impact) *\/\n    :root {\n      --bg-deep: #06141f;\n      --bg-soft: #edf4fa;\n      --accent: #075065;\n      --accent-soft: #d9e4dd;\n      --accent-gold: #c9a14a;\n      --text-main: #101010;\n      --text-soft: #4c4c4c;\n      --card-bg: rgba(255,255,255,0.96);\n      --border-subtle: rgba(0,0,0,0.06);\n      --radius-xl: 28px;\n      --shadow-soft: 0 18px 45px rgba(6,20,31,0.22);\n    }\n\n    * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    html {\n      scroll-behavior: smooth;\n    }\n\n    body {\n      font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n      background: var(--bg-deep);\n      color: #f9fafb;\n      line-height: 1.6;\n      -webkit-font-smoothing: antialiased;\n      padding-top: 82px; \/* space for fixed header *\/\n    }\n\n    \/* kill stray theme dots *\/\n    body .entry-content > *::before,\n    body .entry-content > *::after,\n    body .wp-block-group::before,\n    body .wp-block-group::after {\n      content: none !important;\n      background: none !important;\n      box-shadow: none !important;\n    }\n\n    \/* Safe-area helpers for iOS so background covers under the notch *\/\n    @supports (env(safe-area-inset-top)) {\n      .zoom-background {\n        top: calc(-1 * env(safe-area-inset-top));\n        height: calc(100% + env(safe-area-inset-top));\n      }\n    }\n    @supports (constant(safe-area-inset-top)) {\n      .zoom-background {\n        top: calc(-1 * constant(safe-area-inset-top));\n        height: calc(100% + constant(safe-area-inset-top));\n      }\n    }\n\n    \/* ===== HEADER \/ MAIN NAV \u2013 FAITH STYLE ===== *\/\n    #main-header {\n      display: flex;\n      flex-wrap: nowrap;\n      align-items: center;\n      justify-content: space-between;\n      padding: 0.6rem 1.8rem;\n      background: rgba(249,250,251,0.97);\n      backdrop-filter: blur(14px);\n      -webkit-backdrop-filter: blur(14px);\n      border-bottom: 1px solid rgba(148,163,184,0.4);\n      box-shadow: 0 14px 35px rgba(15,23,42,0.25);\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      margin: 0 !important;\n      z-index: 1000;\n      transition:\n        top 0.3s ease,\n        box-shadow 0.3s ease,\n        background 0.3s ease,\n        border-color 0.3s ease;\n    }\n\n    .logo-title {\n      display: flex;\n      align-items: center;\n      gap: 0.65rem;\n      min-width: 0;\n    }\n\n    .logo-title a {\n      display: flex;\n      align-items: center;\n      gap: 0.65rem;\n      text-decoration: none;\n    }\n\n    \/* \ud83d\udd01 New logo image, no bubble *\/\n    .logo-title img {\n      height: 34px;\n      max-width: 100%;\n    }\n\n    .logo-title h1 {\n      font-size: 1.25rem;\n      font-weight: 650;\n      color: var(--accent);\n      letter-spacing: 0.04em;\n      text-transform: uppercase;\n      white-space: nowrap;\n    }\n\n    nav {\n      display: flex;\n      align-items: center;\n      gap: 0.9rem;\n      position: relative;\n    }\n\n    nav ul {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: center;\n      gap: 1.4rem;\n      margin: 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    nav a {\n      text-decoration: none;\n      font-size: 0.95rem;\n      font-weight: 500;\n    }\n\n    .nav-link {\n      color: #4b5563;\n      padding: 0.45rem 0.95rem;\n      border-radius: 999px;\n      background: transparent;\n      border: 1px solid transparent;\n      transition:\n        background 0.18s ease,\n        color 0.18s ease,\n        border-color 0.18s ease,\n        transform 0.18s ease,\n        box-shadow 0.18s ease;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 0.4rem;\n      white-space: nowrap;\n    }\n\n    .nav-link:hover {\n      background: rgba(7,80,101,0.06);\n      color: var(--accent);\n      border-color: rgba(7,80,101,0.2);\n      transform: translateY(-1px);\n      box-shadow: 0 8px 20px rgba(15,23,42,0.18);\n    }\n\n    \/* Dropdown nav item *\/\n    .nav-item-dropdown {\n      position: relative;\n    }\n\n    .nav-link.has-dropdown::after {\n      content: \"\u25be\";\n      font-size: 0.7rem;\n      margin-left: 0.2rem;\n      opacity: 0.8;\n    }\n\n    .dropdown-menu {\n      display: none;\n      position: absolute;\n      top: 115%;\n      left: 50%;\n      transform: translateX(-50%);\n      min-width: 190px;\n      background: rgba(249,250,251,0.98);\n      padding: 0.55rem 0.4rem;\n      border-radius: 14px;\n      box-shadow: 0 18px 40px rgba(15,23,42,0.35);\n      border: 1px solid rgba(148,163,184,0.45);\n      z-index: 1100;\n    }\n\n    .nav-item-dropdown.open .dropdown-menu {\n      display: block;\n    }\n\n    \/* Still allow hover to help on desktop *\/\n    .nav-item-dropdown:hover .dropdown-menu {\n      display: block;\n    }\n\n    .dropdown-menu li {\n      list-style: none;\n      width: 100%;\n    }\n\n    .dropdown-link {\n      display: block;\n      width: 100%;\n      padding: 0.4rem 0.85rem;\n      border-radius: 999px;\n      font-size: 0.9rem;\n      color: #4b5563;\n      text-decoration: none;\n      transition:\n        background 0.18s ease,\n        color 0.18s ease,\n        transform 0.18s ease;\n    }\n\n    .dropdown-link:hover {\n      background: rgba(7,80,101,0.06);\n      color: var(--accent);\n      transform: translateY(-1px);\n    }\n\n    \/* Primary Donate pill \u2013 mirrors .faith-btn-primary *\/\n    .donate-btn {\n      border-radius: 999px;\n      padding: 0.55rem 1.4rem;\n      font-size: 0.95rem;\n      font-weight: 600;\n      text-decoration: none;\n      border: 1px solid rgba(7,80,101,0.9);\n      background: linear-gradient(135deg, #075065, #0b7493);\n      color: #f9fafb;\n      box-shadow: 0 16px 40px rgba(7,80,101,0.5);\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 0.4rem;\n      transition:\n        transform 0.18s ease,\n        box-shadow 0.18s ease,\n        background 0.18s ease,\n        border-color 0.18s ease,\n        opacity 0.18s ease;\n      white-space: nowrap;\n    }\n\n    .donate-btn::after {\n      content: \"\u2197\";\n      font-size: 0.8rem;\n      opacity: 0.9;\n    }\n\n    .donate-btn:hover {\n      transform: translateY(-1px);\n      box-shadow: 0 22px 55px rgba(7,80,101,0.65);\n      background: linear-gradient(135deg, #0b7493, #0f9ac4);\n      border-color: rgba(15,118,176,0.95);\n      opacity: 0.98;\n    }\n\n    \/* Mobile toggle *\/\n    #nav-toggle {\n      display: none;\n      background: none;\n      border: none;\n      cursor: pointer;\n      font-size: 1.8rem;\n      padding: 0.25rem 0.6rem;\n      line-height: 1;\n      color: var(--accent);\n      border-radius: 999px;\n      transition: background 0.18s ease, transform 0.18s ease;\n    }\n\n    #nav-toggle:hover {\n      background: rgba(7,80,101,0.06);\n      transform: translateY(-1px);\n    }\n\n    \/* Background zoom animation *\/\n    @keyframes zoomEffect {\n      0%   { transform: scale(1) translateY(0); }\n      50%  { transform: scale(1.15) translateY(-8px); }\n      100% { transform: scale(1) translateY(0); }\n    }\n\n    @media (max-width: 768px) {\n      .zoom-background {\n        animation: none !important;\n        transform: none !important;\n      }\n    }\n\n    \/* ==== SCROLL REVEAL ANIMATIONS ==== *\/\n    .df-reveal {\n      opacity: 0;\n      transform: translateY(40px);\n      transition: opacity 0.7s ease, transform 0.7s ease;\n      will-change: opacity, transform;\n    }\n    .df-reveal.df-in-view {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    \/* Slight stagger helper *\/\n    .df-delay-1 { transition-delay: 0.1s; }\n    .df-delay-2 { transition-delay: 0.2s; }\n    .df-delay-3 { transition-delay: 0.3s; }\n\n    \/* ===== HERO \u2013 keep your copy but match typography vibe ===== *\/\n    #hero {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      text-align: center;\n      min-height: 100vh;\n      padding: 8rem 1.8rem 2.5rem 1.8rem;\n      color: #f9fafb;\n      position: relative;\n      z-index: 1;\n    }\n\n    #hero h1 {\n      font-family: \"Georgia\", \"Times New Roman\", serif;\n      font-size: clamp(3rem, 5vw, 4.2rem);\n      font-weight: 500;\n      margin-bottom: 1.2rem;\n      text-shadow: 0 18px 40px rgba(0,0,0,0.7);\n      letter-spacing: 0.02em;\n    }\n\n    #hero p {\n      font-size: 1.08rem;\n      max-width: 40rem;\n      margin: 0 auto;\n      color: #e5e7eb;\n      font-style: italic;\n    }\n\n    \/* OUR STORY blur card *\/\n    #our-story {\n      text-align: center;\n      padding: 6rem 2rem;\n      background: transparent;\n      color: #e5e7eb;\n      position: relative;\n      z-index: 1;\n      min-height: 65vh;\n    }\n\n    #our-story h2 {\n      font-family: \"Georgia\", \"Times New Roman\", serif;\n      font-size: clamp(2.5rem, 4vw, 3.3rem);\n      margin-bottom: 2rem;\n      color: #f9fafb;\n    }\n\n    #our-story .story-blur {\n      max-width: 850px;\n      margin: 0 auto;\n      padding: 3rem 2.5rem;\n      border-radius: 24px;\n      background: radial-gradient(circle at 0% 0%, rgba(15,23,42,0.75), rgba(0,0,0,0.75));\n      backdrop-filter: blur(18px);\n      -webkit-backdrop-filter: blur(18px);\n      box-shadow: 0 32px 80px rgba(0,0,0,0.75);\n      border: 1px solid rgba(148,163,184,0.45);\n      color: #f5f5f5;\n      line-height: 1.8;\n      font-size: 1.02rem;\n      font-weight: 500;\n    }\n\n    #our-story .story-blur p {\n      margin-bottom: 1.2rem;\n    }\n\n    #our-story .story-blur p:last-child {\n      margin-bottom: 0;\n    }\n\n    #our-story::after {\n      content: \"\";\n      position: absolute;\n      left: 50%;\n      bottom: -40px;\n      transform: translateX(-50%);\n      width: 80%;\n      height: 2px;\n      background: linear-gradient(to right, rgba(0,0,0,0), rgba(226,232,240,0.95), rgba(0,0,0,0));\n      opacity: 0.9;\n    }\n\n    \/* CAMPAIGNS \u2013 card style aligned with faith cards *\/\n    #campaigns {\n      text-align: center;\n      padding: 6rem 2rem 4.5rem 2rem;\n      background: transparent;\n      position: relative;\n      z-index: 1;\n    }\n\n    #campaigns h2 {\n      font-family: \"Georgia\", \"Times New Roman\", serif;\n      font-size: clamp(2.4rem, 4vw, 3rem);\n      margin-bottom: 3rem;\n      color: #f9fafb;\n      text-shadow: 0 14px 32px rgba(0,0,0,0.7);\n    }\n\n    #campaigns .campaign-card {\n      background: var(--card-bg);\n      border-radius: 24px;\n      padding: 2rem;\n      width: 300px;\n      box-shadow: 0 22px 60px rgba(0,0,0,0.45);\n      backdrop-filter: blur(14px);\n      -webkit-backdrop-filter: blur(14px);\n      border: 1px solid rgba(148,163,184,0.35);\n      transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease,\n        border-color 0.25s ease,\n        background 0.25s ease;\n      transform: translateY(0) scale(1);\n    }\n\n    #campaigns .campaign-card h3,\n    #campaigns .campaign-card p {\n      color: #111827;\n    }\n\n    #campaigns .campaign-card h3 {\n      font-family: \"Georgia\", \"Times New Roman\", serif;\n      font-size: 1.6rem;\n      margin-bottom: 1rem;\n    }\n\n    #campaigns .campaign-card p {\n      font-size: 0.98rem;\n      margin-bottom: 1.1rem;\n      color: #4b5563;\n      font-style: italic;\n    }\n\n    #campaigns .campaign-card a {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 0.35rem;\n      padding: 0.55rem 1.2rem;\n      border-radius: 999px;\n      text-decoration: none;\n      color: var(--accent);\n      font-weight: 600;\n      border: 1px solid rgba(7,80,101,0.5);\n      background: rgba(248,250,252,0.96);\n      transition: all 0.22s ease;\n    }\n\n    #campaigns .campaign-card a::after {\n      content: \"\u2192\";\n      font-size: 0.85rem;\n    }\n\n    \/* \ud83d\udd25 Stronger hover \u2013 \u201ctwice the pop\u201d *\/\n    #campaigns .campaign-card:hover {\n      transform: translateY(-12px) scale(1.05);\n      box-shadow: 0 34px 90px rgba(0,0,0,0.8);\n      border-color: rgba(148,163,184,0.7);\n      background: rgba(255,255,255,0.99);\n    }\n\n    #campaigns .campaign-card:hover a {\n      background: linear-gradient(135deg, #075065, #0f766e);\n      color: #f9fafb;\n      border-color: rgba(7,80,101,0.95);\n      box-shadow: 0 16px 40px rgba(15,23,42,0.55);\n      transform: translateY(-1px);\n    }\n\n    \/* Layout for campaign cards row *\/\n    #campaigns .campaign-row {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 1.2rem;\n    }\n\n    \/* ===== RESPONSIVE ===== *\/\n\n    \/* Medium screens *\/\n    @media (min-width: 701px) and (max-width: 1024px) {\n      .logo-title img { height: 32px; }\n      .logo-title h1 { font-size: 1.15rem; }\n      nav ul { gap: 1rem; }\n      .nav-link {\n        padding: 0.4rem 0.8rem;\n        font-size: 0.9rem;\n      }\n      .donate-btn {\n        padding: 0.45rem 1.2rem;\n        font-size: 0.9rem;\n      }\n    }\n\n    \/* Phone only *\/\n    @media (max-width: 700px) {\n\n      .zoom-background {\n        top: -80px !important;\n        height: calc(100% + 80px) !important;\n      }\n\n      body {\n        padding-top: 72px;\n      }\n\n      #main-header {\n        padding: 0.55rem 1rem;\n      }\n\n      .logo-title img { height: 30px; }\n\n      .logo-title h1 {\n        font-size: 0.98rem;\n        white-space: normal;\n      }\n\n      nav {\n        position: relative;\n      }\n\n      #nav-toggle {\n        display: block;\n      }\n\n      nav ul {\n        display: none;\n        flex-direction: column;\n        position: absolute;\n        top: 100%;\n        right: 0;\n        width: 230px;\n        background: rgba(249,250,251,0.98);\n        padding: 0.6rem 0.75rem 0.8rem 0.75rem;\n        margin-top: 0.45rem;\n        border-radius: 18px;\n        box-shadow: 0 20px 60px rgba(15,23,42,0.55);\n        gap: 0.3rem;\n        z-index: 1001;\n        border: 1px solid rgba(148,163,184,0.45);\n      }\n\n      nav ul.show {\n        display: flex;\n      }\n\n      nav ul li {\n        width: 100%;\n      }\n\n      .nav-link {\n        display: block;\n        width: 100%;\n        text-align: left;\n        justify-content: flex-start;\n      }\n\n      .donate-btn {\n        width: 100%;\n        justify-content: center;\n      }\n\n      \/* Dropdown behaves as inline items on mobile *\/\n      .nav-item-dropdown .dropdown-menu {\n        display: block;\n        position: static;\n        transform: none;\n        min-width: 0;\n        margin-top: 0.2rem;\n        padding: 0.1rem 0 0.4rem 0.4rem;\n        box-shadow: none;\n        border: none;\n        background: transparent;\n      }\n\n      .dropdown-link {\n        padding: 0.35rem 0.8rem;\n        border-radius: 999px;\n        border: 1px solid transparent;\n      }\n\n      #hero {\n        padding: 6rem 1.4rem 2.2rem 1.4rem;\n      }\n\n      #our-story,\n      #campaigns {\n        padding: 4.2rem 1.4rem 4.2rem 1.4rem;\n      }\n\n      #our-story .story-blur {\n        max-width: 100%;\n        padding: 2.2rem 1.6rem;\n      }\n\n      #campaigns .campaign-card {\n        width: 100%;\n        max-width: 360px;\n        padding: 1.8rem 1.5rem;\n      }\n    }\n  <\/style>\n<\/head>\n\n<body>\n  <!-- HEADER \/ NAVIGATION (NEW FAITH STYLE) -->\n  <header id=\"main-header\">\n    <div class=\"logo-title\">\n      <!-- Logo + name now clickable to go \"home\" (hero section) -->\n      <a href=\"#hero\">\n        <img decoding=\"async\" src=\"https:\/\/daveyfoundation.org\/wp-content\/uploads\/2025\/11\/davey-logo-1-e1763699315318.png\" alt=\"Davey Foundation Logo\">\n        <h1>Davey Foundation<\/h1>\n      <\/a>\n    <\/div>\n    <nav>\n      <button id=\"nav-toggle\" aria-label=\"Toggle navigation\">&#9776;<\/button>\n      <ul id=\"nav-menu\">\n        <!-- Home button removed as requested -->\n        <li><a href=\"#our-story\" class=\"nav-link\">Our Story<\/a><\/li>\n        <li><a href=\"#campaigns\" class=\"nav-link\">Campaigns<\/a><\/li>\n\n        <!-- Ways to Impact with hover + click dropdown -->\n        <li class=\"nav-item-dropdown\">\n          <a href=\"https:\/\/daveyfoundation.org\/?page_id=289\" class=\"nav-link has-dropdown\">Ways to Impact<\/a>\n          <ul class=\"dropdown-menu\">\n            <!-- TODO: replace \"#\" with Legacy Giving page URL -->\n            <li><a href=\"#\" class=\"dropdown-link\">Legacy Giving<\/a><\/li>\n          <\/ul>\n        <\/li>\n\n        <li><a href=\"https:\/\/daveyfoundation.org\/?page_id=594\" class=\"nav-link\">Events<\/a><\/li>\n        <li><a href=\"https:\/\/daveyfoundation.org\/?page_id=109\" class=\"nav-link\">Contact Us<\/a><\/li>\n        <li><a href=\"https:\/\/donorbox.org\/daveyfoundation\" class=\"donate-btn\">Donate<\/a><\/li>\n      <\/ul>\n    <\/nav>\n  <\/header>\n\n  <!-- HERO -->\n  <section id=\"hero\" class=\"df-reveal df-delay-1\">\n    <div>\n      <h1 style=\"color:#ffffff !important;\">\n        A Foundation For The Future\n      <\/h1>\n      <p>\n        The VBTS Daniel and Martha Davey Foundation: supporting the next generation of pastors, missionaries, and Christian workers.\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <!-- OUR STORY -->\n  <section id=\"our-story\" class=\"df-reveal df-delay-2\">\n    <h2>Our Story<\/h2>\n    <div class=\"story-blur df-reveal df-delay-3\">\n      <p>Virginia Beach Theological Seminary (VBTS) was founded in 1995 to equip students for local church ministry and missions worldwide. The Davey Foundation was created in recent years to ensure this important work can expand to serve the next generation. We are three campaigns with one overarching mission: to know God and to make Him known throughout the whole earth.<\/p>\n      <p>By the grace of God and with the help of local congregations, we hope to build a financial foundation to support 50 pastors, 50 missionaries, and 50 chaplains by the year 2030. The Davey Foundation was created to not merely meet the needs of today, but to transition VBTS from maintaining operations to growing over the next 20 years and beyond.<\/p>\n      <p style=\"font-weight:700; font-size:1.06rem;\">In support of VBTS and the Davey Foundation, will you stand with us?<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- CAMPAIGNS -->\n  <section id=\"campaigns\" class=\"df-reveal df-delay-2\">\n    <h2>Our Campaigns<\/h2>\n    <div class=\"campaign-row\">\n      <div class=\"campaign-card df-reveal df-delay-1\">\n        <h3>Faith in Service Fund<\/h3>\n        <p>Strengthening souls &#038; serving the nation by equipping future chaplains.<\/p>\n        <a href=\"https:\/\/daveyfoundation.org\/?page_id=170\">Learn More<\/a>\n      <\/div>\n      <div class=\"campaign-card df-reveal df-delay-2\">\n        <h3>90Seventeen Missionary Fund<\/h3>\n        <p>Supporting missionaries worldwide to advance the gospel globally.<\/p>\n        <a href=\"https:\/\/daveyfoundation.org\/?page_id=194\">Learn More<\/a>\n      <\/div>\n      <div class=\"campaign-card df-reveal df-delay-3\">\n        <h3>The VBTS Founders Fund<\/h3>\n        <p>Investing in the growth and development of pastors for future gospel ministry.<\/p>\n        <a href=\"https:\/\/daveyfoundation.org\/?page_id=411\">Learn More<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- JS: sticky header + mobile nav toggle + scroll reveal + dropdown click -->\n  <script>\n    \/\/ Sticky header (hide on scroll down for desktop only)\n    let lastScroll = 0;\n    const header = document.getElementById('main-header');\n\n    window.addEventListener('scroll', () => {\n      const currentScroll = window.pageYOffset;\n      const isMobile = window.innerWidth <= 700;\n\n      if (!header) return;\n\n      if (isMobile) {\n        header.style.top = '0';\n        return;\n      }\n\n      if (currentScroll <= 0) {\n        header.style.top = '0';\n        return;\n      }\n      if (currentScroll > lastScroll) {\n        header.style.top = '-100px';\n      } else {\n        header.style.top = '0';\n      }\n      lastScroll = currentScroll;\n    });\n\n    \/\/ Mobile nav toggle\n    const navToggle = document.getElementById('nav-toggle');\n    const navMenu = document.getElementById('nav-menu');\n\n    if (navToggle && navMenu) {\n      navToggle.addEventListener('click', () => {\n        navMenu.classList.toggle('show');\n      });\n    }\n\n    \/\/ Dropdown click behavior for Ways to Impact\n    const dropdownItem = document.querySelector('.nav-item-dropdown');\n    const dropdownTrigger = dropdownItem ? dropdownItem.querySelector('.has-dropdown') : null;\n\n    if (dropdownItem && dropdownTrigger) {\n      dropdownTrigger.addEventListener('click', (e) => {\n        const isMobile = window.innerWidth <= 700;\n\n        if (!isMobile) {\n          \/\/ Desktop: first click opens, second click follows link\n          if (!dropdownItem.classList.contains('open')) {\n            e.preventDefault();\n            dropdownItem.classList.add('open');\n          }\n          \/\/ if already open, allow default navigation\n        }\n        \/\/ On mobile, let it behave like a normal link (no preventDefault)\n      });\n\n      \/\/ Close dropdown when clicking outside\n      document.addEventListener('click', (e) => {\n        if (!dropdownItem.contains(e.target)) {\n          dropdownItem.classList.remove('open');\n        }\n      });\n    }\n\n    \/\/ Scroll reveal (smooth pop up on scroll down\/up)\n    (function() {\n      const revealEls = document.querySelectorAll('.df-reveal');\n      if (!('IntersectionObserver' in window)) {\n        revealEls.forEach(el => el.classList.add('df-in-view'));\n        return;\n      }\n      const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('df-in-view');\n            observer.unobserve(entry.target);\n          }\n        });\n      }, { threshold: 0.16 });\n\n      revealEls.forEach(el => observer.observe(el));\n    })();\n  <\/script>\n<\/body>\n&#8220;`\n\nOnce you paste this in, just replace the `href=&#8221;#&#8221;` on **Legacy Giving** with your real page URL and you should be good.\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>NEW MENU DROP DOWN Davey Foundation &#9776; Our Story Campaigns Ways to Impact Legacy Giving Events Contact Us Donate A Foundation For The Future The VBTS Daniel and Martha Davey Foundation: supporting the next generation of pastors, missionaries, and Christian workers. Our Story Virginia Beach Theological Seminary (VBTS) was founded in 1995 to equip students [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-994","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/daveyfoundation.org\/index.php?rest_route=\/wp\/v2\/posts\/994","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/daveyfoundation.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/daveyfoundation.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/daveyfoundation.org\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/daveyfoundation.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=994"}],"version-history":[{"count":3,"href":"https:\/\/daveyfoundation.org\/index.php?rest_route=\/wp\/v2\/posts\/994\/revisions"}],"predecessor-version":[{"id":997,"href":"https:\/\/daveyfoundation.org\/index.php?rest_route=\/wp\/v2\/posts\/994\/revisions\/997"}],"wp:attachment":[{"href":"https:\/\/daveyfoundation.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=994"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/daveyfoundation.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=994"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/daveyfoundation.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}