BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//ChamberMaster//Event Calendar 2.0//EN
METHOD:PUBLISH
X-PUBLISHED-TTL:P3D
REFRESH-INTERVAL:P3D
CALSCALE:GREGORIAN
BEGIN:VEVENT
DTSTART:20260513T213000Z
DTEND:20260513T230000Z
X-MICROSOFT-CDO-ALLDAYEVENT:FALSE
SUMMARY:BAH: "Networking the Neighborhood" - First Commerce Bank - Freehold
DESCRIPTION:* {\n            margin: 0\;\n            padding: 0\;\n            box-sizing: border-box\;\n        }\n\n        body {\n            font-family: -apple-system\, BlinkMacSystemFont\, 'Segoe UI'\, Roboto\, Oxygen\, Ubuntu\, Cantarell\, sans-serif\;\n            background: #f5f7fa\;\n            min-height: 100vh\;\n            overflow-x: hidden\;\n        }\n\n        /* Optimized gradient - only on larger screens */\n        @media (min-width: 768px) {\n            body {\n                background: linear-gradient(135deg\, #f5f7fa 0%\, #c3cfe2 100%)\;\n            }\n        }\n\n        .hero-section {\n            position: relative\;\n            padding: 40px 20px\;\n            max-width: 1200px\;\n            margin: 0 auto\;\n        }\n\n        @media (min-width: 768px) {\n            .hero-section {\n                padding: 60px 20px\;\n            }\n        }\n\n\n\n        /* Logo container */\n        .logo-container {\n            text-align: center\;\n            margin-bottom: 30px\;\n            opacity: 0\;\n            animation: fadeIn 0.6s ease-out forwards\;\n        }\n\n        .logo-container img {\n            max-width: 500px\;\n            width: 100%\;\n            height: auto\;\n            will-change: transform\;\n        }\n\n        @media (min-width: 768px) {\n            .logo-container {\n                margin-bottom: 40px\;\n            }\n            \n            .logo-container img {\n                transition: transform 0.3s ease\;\n            }\n            \n            .logo-container img:hover {\n                transform: translateY(-3px)\;\n            }\n        }\n\n        /* Main heading */\n        .main-heading {\n            text-align: center\;\n            margin-bottom: 40px\;\n            opacity: 0\;\n            animation: fadeIn 0.6s ease-out 0.2s forwards\;\n        }\n\n        .main-heading h1 {\n            font-size: 24px\;\n            font-weight: 700\;\n            color: #1a1a2e\;\n            line-height: 1.4\;\n            letter-spacing: -0.5px\;\n        }\n\n        @media (min-width: 768px) {\n            .main-heading h1 {\n                font-size: 32px\;\n            }\n        }\n\n        .gradient-text {\n            color: #e74c3c\;\n        }\n\n        /* Use CSS gradient only on desktop for performance */\n        @media (min-width: 768px) {\n            .gradient-text {\n                background: linear-gradient(135deg\, #e74c3c\, #c0392b)\;\n                -webkit-background-clip: text\;\n                -webkit-text-fill-color: transparent\;\n                background-clip: text\;\n            }\n        }\n\n        /* Doctor card - simplified for better performance */\n        .doctor-card {\n            background: #fff\;\n            border-radius: 16px\;\n            padding: 30px 20px\;\n            box-shadow: 0 10px 30px rgba(0\, 0\, 0\, 0.1)\;\n            max-width: 800px\;\n            margin: 0 auto 30px\;\n            opacity: 0\;\n            animation: fadeIn 0.6s ease-out 0.4s forwards\;\n        }\n\n        @media (min-width: 768px) {\n            .doctor-card {\n                padding: 40px\;\n                border-radius: 20px\;\n                backdrop-filter: blur(10px)\;\n                background: rgba(255\, 255\, 255\, 0.95)\;\n                transition: transform 0.3s ease\, box-shadow 0.3s ease\;\n            }\n            \n            .doctor-card:hover {\n                transform: translateY(-3px)\;\n                box-shadow: 0 15px 40px rgba(0\, 0\, 0\, 0.12)\;\n            }\n        }\n\n        .doctor-content {\n            display: flex\;\n            align-items: center\;\n            gap: 30px\;\n            flex-wrap: wrap\;\n            justify-content: center\;\n        }\n\n        .doctor-image {\n            flex: 0 0 280px\;\n            max-width: 100%\;\n            position: relative\;\n            overflow: hidden\;\n            border-radius: 12px\;\n            box-shadow: 0 5px 20px rgba(0\, 0\, 0\, 0.1)\;\n        }\n\n        @media (min-width: 768px) {\n            .doctor-image {\n                flex: 0 0 300px\;\n            }\n        }\n\n        .doctor-image img {\n            width: 100%\;\n            height: auto\;\n            display: block\;\n            loading: lazy\;\n        }\n\n        @media (min-width: 768px) {\n            .doctor-image img {\n                transition: transform 0.4s ease\;\n            }\n            \n            .doctor-image:hover img {\n                transform: scale(1.03)\;\n            }\n        }\n\n        .doctor-info {\n            flex: 1\;\n            min-width: 260px\;\n            text-align: center\;\n        }\n\n        .doctor-name {\n            font-size: 28px\;\n            font-weight: 700\;\n            color: #e74c3c\;\n            margin-bottom: 8px\;\n        }\n\n        @media (min-width: 768px) {\n            .doctor-name {\n                font-size: 32px\;\n            }\n        }\n\n        .doctor-title {\n            font-size: 18px\;\n            color: #666\;\n            margin-bottom: 16px\;\n            font-weight: 500\;\n        }\n\n        @media (min-width: 768px) {\n            .doctor-title {\n                font-size: 20px\;\n                margin-bottom: 20px\;\n            }\n        }\n\n        .doctor-description {\n            color: #555\;\n            line-height: 1.6\;\n            font-size: 16px\;\n        }\n\n        .welcome-text {\n            margin-top: 12px\;\n            font-weight: 600\;\n            color: #e74c3c\;\n        }\n\n        /* CTA section */\n        .cta-section {\n            text-align: center\;\n            margin-top: 40px\;\n            opacity: 0\;\n            animation: fadeIn 0.6s ease-out 0.6s forwards\;\n        }\n\n        .cta-link {\n            display: inline-block\;\n            padding: 14px 32px\;\n            background: #e74c3c\;\n            color: white\;\n            text-decoration: none\;\n            border-radius: 50px\;\n            font-weight: 600\;\n            font-size: 16px\;\n            box-shadow: 0 5px 20px rgba(231\, 76\, 60\, 0.3)\;\n            transition: all 0.2s ease\;\n        }\n\n        @media (min-width: 768px) {\n            .cta-link {\n                padding: 15px 40px\;\n                font-size: 18px\;\n                background: linear-gradient(135deg\, #e74c3c\, #c0392b)\;\n            }\n            \n            .cta-link:hover {\n                transform: translateY(-2px)\;\n                box-shadow: 0 10px 30px rgba(231\, 76\, 60\, 0.4)\;\n            }\n        }\n\n        /* Simplified animations */\n        @keyframes fadeIn {\n            from {\n                opacity: 0\;\n                transform: translateY(20px)\;\n            }\n            to {\n                opacity: 1\;\n                transform: translateY(0)\;\n            }\n        }\n\n        /* Loading optimization */\n        .doctor-image img {\n            background-color: #f0f0f0\;\n        }\n\n        /* Reduce animations for users who prefer reduced motion */\n        @media (prefers-reduced-motion: reduce) {\n            *\, *::before\, *::after {\n                animation-duration: 0.01ms !important\;\n                animation-iteration-count: 1 !important\;\n                transition-duration: 0.01ms !important\;\n            }\n        }\n\n\n \n\n\nJoin us for a Business After Hours........\n\n\n\n\n\n\n\n\n\n\n\n\nbit.ly/MRCC2026\n\n\n        // Performance-optimized JavaScript\n        // Progressive enhancement - only add intersection observer if supported\n        if ('IntersectionObserver' in window  \n\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.style.opacity = '1'\;\n                        entry.target.style.transform = 'translateY(0)'\;\n                        observer.unobserve(entry.target)\;\n                    }\n                })\;\n            }\, observerOptions)\;\n\n            // Only observe if we have elements\n            const elementsToObserve = document.querySelectorAll('.doctor-card\, .cta-section')\;\n            if (elementsToObserve.length > 0) {\n                elementsToObserve.forEach(el => observer.observe(el))\;\n            }\n        }
X-ALT-DESC;FMTTYPE=text/html:<title></title>\n<style type="text/css">* {\n            margin: 0\;\n            padding: 0\;\n            box-sizing: border-box\;\n        }\n\n        body {\n            font-family: -apple-system\, BlinkMacSystemFont\, 'Segoe UI'\, Roboto\, Oxygen\, Ubuntu\, Cantarell\, sans-serif\;\n            background: #f5f7fa\;\n            min-height: 100vh\;\n            overflow-x: hidden\;\n        }\n\n        /* Optimized gradient - only on larger screens */\n        @media (min-width: 768px) {\n            body {\n                background: linear-gradient(135deg\, #f5f7fa 0%\, #c3cfe2 100%)\;\n            }\n        }\n\n        .hero-section {\n            position: relative\;\n            padding: 40px 20px\;\n            max-width: 1200px\;\n            margin: 0 auto\;\n        }\n\n        @media (min-width: 768px) {\n            .hero-section {\n                padding: 60px 20px\;\n            }\n        }\n\n\n\n        /* Logo container */\n        .logo-container {\n            text-align: center\;\n            margin-bottom: 30px\;\n            opacity: 0\;\n            animation: fadeIn 0.6s ease-out forwards\;\n        }\n\n        .logo-container img {\n            max-width: 500px\;\n            width: 100%\;\n            height: auto\;\n            will-change: transform\;\n        }\n\n        @media (min-width: 768px) {\n            .logo-container {\n                margin-bottom: 40px\;\n            }\n            \n            .logo-container img {\n                transition: transform 0.3s ease\;\n            }\n            \n            .logo-container img:hover {\n                transform: translateY(-3px)\;\n            }\n        }\n\n        /* Main heading */\n        .main-heading {\n            text-align: center\;\n            margin-bottom: 40px\;\n            opacity: 0\;\n            animation: fadeIn 0.6s ease-out 0.2s forwards\;\n        }\n\n        .main-heading h1 {\n            font-size: 24px\;\n            font-weight: 700\;\n            color: #1a1a2e\;\n            line-height: 1.4\;\n            letter-spacing: -0.5px\;\n        }\n\n        @media (min-width: 768px) {\n            .main-heading h1 {\n                font-size: 32px\;\n            }\n        }\n\n        .gradient-text {\n            color: #e74c3c\;\n        }\n\n        /* Use CSS gradient only on desktop for performance */\n        @media (min-width: 768px) {\n            .gradient-text {\n                background: linear-gradient(135deg\, #e74c3c\, #c0392b)\;\n                -webkit-background-clip: text\;\n                -webkit-text-fill-color: transparent\;\n                background-clip: text\;\n            }\n        }\n\n        /* Doctor card - simplified for better performance */\n        .doctor-card {\n            background: #fff\;\n            border-radius: 16px\;\n            padding: 30px 20px\;\n            box-shadow: 0 10px 30px rgba(0\, 0\, 0\, 0.1)\;\n            max-width: 800px\;\n            margin: 0 auto 30px\;\n            opacity: 0\;\n            animation: fadeIn 0.6s ease-out 0.4s forwards\;\n        }\n\n        @media (min-width: 768px) {\n            .doctor-card {\n                padding: 40px\;\n                border-radius: 20px\;\n                backdrop-filter: blur(10px)\;\n                background: rgba(255\, 255\, 255\, 0.95)\;\n                transition: transform 0.3s ease\, box-shadow 0.3s ease\;\n            }\n            \n            .doctor-card:hover {\n                transform: translateY(-3px)\;\n                box-shadow: 0 15px 40px rgba(0\, 0\, 0\, 0.12)\;\n            }\n        }\n\n        .doctor-content {\n            display: flex\;\n            align-items: center\;\n            gap: 30px\;\n            flex-wrap: wrap\;\n            justify-content: center\;\n        }\n\n        .doctor-image {\n            flex: 0 0 280px\;\n            max-width: 100%\;\n            position: relative\;\n            overflow: hidden\;\n            border-radius: 12px\;\n            box-shadow: 0 5px 20px rgba(0\, 0\, 0\, 0.1)\;\n        }\n\n        @media (min-width: 768px) {\n            .doctor-image {\n                flex: 0 0 300px\;\n            }\n        }\n\n        .doctor-image img {\n            width: 100%\;\n            height: auto\;\n            display: block\;\n            loading: lazy\;\n        }\n\n        @media (min-width: 768px) {\n            .doctor-image img {\n                transition: transform 0.4s ease\;\n            }\n            \n            .doctor-image:hover img {\n                transform: scale(1.03)\;\n            }\n        }\n\n        .doctor-info {\n            flex: 1\;\n            min-width: 260px\;\n            text-align: center\;\n        }\n\n        .doctor-name {\n            font-size: 28px\;\n            font-weight: 700\;\n            color: #e74c3c\;\n            margin-bottom: 8px\;\n        }\n\n        @media (min-width: 768px) {\n            .doctor-name {\n                font-size: 32px\;\n            }\n        }\n\n        .doctor-title {\n            font-size: 18px\;\n            color: #666\;\n            margin-bottom: 16px\;\n            font-weight: 500\;\n        }\n\n        @media (min-width: 768px) {\n            .doctor-title {\n                font-size: 20px\;\n                margin-bottom: 20px\;\n            }\n        }\n\n        .doctor-description {\n            color: #555\;\n            line-height: 1.6\;\n            font-size: 16px\;\n        }\n\n        .welcome-text {\n            margin-top: 12px\;\n            font-weight: 600\;\n            color: #e74c3c\;\n        }\n\n        /* CTA section */\n        .cta-section {\n            text-align: center\;\n            margin-top: 40px\;\n            opacity: 0\;\n            animation: fadeIn 0.6s ease-out 0.6s forwards\;\n        }\n\n        .cta-link {\n            display: inline-block\;\n            padding: 14px 32px\;\n            background: #e74c3c\;\n            color: white\;\n            text-decoration: none\;\n            border-radius: 50px\;\n            font-weight: 600\;\n            font-size: 16px\;\n            box-shadow: 0 5px 20px rgba(231\, 76\, 60\, 0.3)\;\n            transition: all 0.2s ease\;\n        }\n\n        @media (min-width: 768px) {\n            .cta-link {\n                padding: 15px 40px\;\n                font-size: 18px\;\n                background: linear-gradient(135deg\, #e74c3c\, #c0392b)\;\n            }\n            \n            .cta-link:hover {\n                transform: translateY(-2px)\;\n                box-shadow: 0 10px 30px rgba(231\, 76\, 60\, 0.4)\;\n            }\n        }\n\n        /* Simplified animations */\n        @keyframes fadeIn {\n            from {\n                opacity: 0\;\n                transform: translateY(20px)\;\n            }\n            to {\n                opacity: 1\;\n                transform: translateY(0)\;\n            }\n        }\n\n        /* Loading optimization */\n        .doctor-image img {\n            background-color: #f0f0f0\;\n        }\n\n        /* Reduce animations for users who prefer reduced motion */\n        @media (prefers-reduced-motion: reduce) {\n            *\, *::before\, *::after {\n                animation-duration: 0.01ms !important\;\n                animation-iteration-count: 1 !important\;\n                transition-duration: 0.01ms !important\;\n            }\n        }\n</style>\n<section class="hero-section">\n<div class="logo-container">&nbsp\;</div>\n\n<div class="main-heading">\n<h1>Join us&nbsp\;for a Business After Hours........</h1>\n<br />\n<br />\n<br />\n<br />\n<br />\n<br style="font-family: sans-serif\, Arial\, Verdana\, &quot\;Trebuchet MS&quot\;\; text-align: center\; background-color: rgb(255\, 255\, 255)\;" />\n<span style="font-family: sans-serif\, Arial\, Verdana\, &quot\;Trebuchet MS&quot\;\; text-align: center\; background-color: rgb(255\, 255\, 255)\;">bit.ly/MRCC2026</span></div>\n</section>\n<script>\n        // Performance-optimized JavaScript\n        // Progressive enhancement - only add intersection observer if supported\n        if ('IntersectionObserver' in window && window.matchMedia('(prefers-reduced-motion: no-preference)').matches) {\n            const observerOptions = {\n                threshold: 0.1\,\n                rootMargin: '0px 0px -50px 0px'\n            }\;\n\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.style.opacity = '1'\;\n                        entry.target.style.transform = 'translateY(0)'\;\n                        observer.unobserve(entry.target)\;\n                    }\n                })\;\n            }\, observerOptions)\;\n\n            // Only observe if we have elements\n            const elementsToObserve = document.querySelectorAll('.doctor-card\, .cta-section')\;\n            if (elementsToObserve.length > 0) {\n                elementsToObserve.forEach(el => observer.observe(el))\;\n            }\n        }\n    </script>
LOCATION:First Commerce Bank 118A Schanck Road Freehold\, NJ 07728
UID:e.1458.9861
SEQUENCE:3
DTSTAMP:20260429T220030Z
URL:http://business.monmouthregionalchamber.com/events/details/bah-networking-the-neighborhood-first-commerce-bank-freehold-9861
END:VEVENT

END:VCALENDAR