PageSourceSearch

https://hanumanchicago.org/

html hanumanchicago.org collected 2026-10-03 17:48:45 UTC 235,379 bytes, 5,097 lines download raw bytes

1<!DOCTYPE html>
2<html class="no-js" dir="ltr" lang="en-US" prefix="og: https://ogp.me/ns#">
3	<head>
4		<meta charset="UTF-8">
5		<meta name="viewport" content="width=device-width, initial-scale=1.0" >
6		<!-- Preload theme CSS to eliminate FOUC (added 2026-05-21, no design change) -->
7		<link rel="preload" as="style" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
8		<link rel="preload" as="style" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css">
9		<link rel="preload" as="style" href="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/lightbox/css/lightbox.min.css">
10		<link rel="preload" as="style" href="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/fonts/stylesheet.css">
11		<link rel="preload" as="style" href="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/css/bootstrap.min.css">
12		<link rel="preload" as="style" href="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/css/owl.carousel.min.css">
13		<link rel="preload" as="style" href="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/css/style.css?ver=1">
14		<link rel="preload" as="style" href="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/css/custom.css">
15		<link rel="profile" href="https://gmpg.org/xfn/11">
16		<title>Home - Hanuman Mandir of Greater Chicago</title>
17
18		<!-- All in One SEO 4.9.6.2 - aioseo.com -->
19	<meta name="robots" content="max-image-preview:large" />
20	<link rel="canonical" href="https://hanumanchicago.org/" />
21	<meta name="generator" content="All in One SEO (AIOSEO) 4.9.6.2" />
22		<meta property="og:locale" content="en_US" />
23		<meta property="og:site_name" content="Hanuman Mandir of Greater Chicago -" />
24		<meta property="og:type" content="article" />
25		<meta property="og:title" content="Home - Hanuman Mandir of Greater Chicago" />
26		<meta property="og:url" content="https://hanumanchicago.org/" />
27		<meta property="article:published_time" content="2026-01-27T11:25:54+00:00" />
28		<meta property="article:modified_time" content="2026-05-24T20:46:16+00:00" />
29		<meta name="twitter:card" content="summary_large_image" />
30		<meta name="twitter:title" content="Home - Hanuman Mandir of Greater Chicago" />
31		
31<script type="application/ld+json" class="aioseo-schema">
32			{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/hanumanchicago.org\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/hanumanchicago.org#listItem","position":1,"name":"Home"}]},{"@type":"Organization","@id":"https:\/\/hanumanchicago.org\/#organization","name":"Hanuman Mandir of Greater Chicago","url":"https:\/\/hanumanchicago.org\/"},{"@type":"WebPage","@id":"https:\/\/hanumanchicago.org\/#webpage","url":"https:\/\/hanumanchicago.org\/","name":"Home - Hanuman Mandir of Greater Chicago","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/hanumanchicago.org\/#website"},"breadcrumb":{"@id":"https:\/\/hanumanchicago.org\/#breadcrumblist"},"datePublished":"2026-01-27T11:25:54-05:00","dateModified":"2026-05-24T15:46:16-05:00"},{"@type":"WebSite","@id":"https:\/\/hanumanchicago.org\/#website","url":"https:\/\/hanumanchicago.org\/","name":"Hanuman Mandir of Greater Chicago","inLanguage":"en-US","publisher":{"@id":"https:\/\/hanumanchicago.org\/#organization"}}]}
33		</script>
33
34		<!-- All in One SEO -->
35
36<style id="lp-flow-v15-hide-legacy-events">
37/* The legacy .hmc-events-col (Upcoming Events + Free Virtual Summer Camp flyer) flashes
38   above the temple schedule on slow loads. .lp-flow .lp-events supersedes it. */
39/* Keep .section-schedule-events + .ed-sched-stage visible (Temple Schedule). */
40html body.home section.section-schedule-events .hmc-schedule-events-row,
41html body.home section.section-schedule-events .hmc-events-col,
42html body.home section.section-schedule-events .hmc-schedule-col,
43html body.home section.section-schedule-events .events-section-heading,
44html body.home section.section-schedule-events h3.events-section-heading {
45  display: none !important;
46  visibility: hidden !important;
47  height: 0 !important;
48  max-height: 0 !important;
49  min-height: 0 !important;
50  margin: 0 !important;
51  padding: 0 !important;
52  overflow: hidden !important;
53  opacity: 0 !important;
54}
55</style>
56<link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
57<link rel="preconnect" href="https://www.gstatic.com" crossorigin>
58<link rel="preconnect" href="https://www.google.com" crossorigin>
59<link rel="preconnect" href="https://static.addtoany.com" crossorigin>
60<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
61<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
62<link rel="dns-prefetch" href="//cdnjs.cloudflare.com">
63<link rel="dns-prefetch" href="//www.gstatic.com">
64  <link rel="preload" as="image" href="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/images/NEW%20LOGO%20+%20Image4.png" fetchpriority="high">
65<style id="lp-perf-consolidated-v22">
66/* === CONSOLIDATED FROM v6 (Programs section reset + about reveal) === */
67html body.home .lp-flow > .hmc-programs-header-block.hmc-programs-header-block,
68html body.home .lp-flow > .hmc-program-section.hmc-program-section,
69html body.home .lp-flow > .hmc-program-section.hmc-program-section.programs-header-shown,
70html body.home section.lp-flow > .hmc-programs-header-block.hmc-programs-header-block,
71html body.home .lp-flow > section.hmc-program-section.hmc-program-section {
72	background: transparent !important;
73	background-color: transparent !important;
74}
75html body .section-temple-location .hmc-about-florals,
76html body .section-temple-location .hmc-about-florals * {
77	display: none !important;
78	visibility: hidden !important;
79	animation: none !important;
80	opacity: 0 !important;
81}
82html body.home .lp-flow > .hmc-program-section.hmc-program-section--alt {
83	display: none !important;
84}
85
86/* === CONSOLIDATED FROM v10 (Hollow text-fill fix) === */
87html body section.hmc-about h2.hmc-about-title,
88html body .section-temple-location .hmc-about h2.hmc-about-title,
89html body .lp-flow .hmc-about h2.hmc-about-title {
90	color: #0A1F3D !important;
91	-webkit-text-fill-color: #0A1F3D !important;
92	-webkit-text-stroke-width: 0 !important;
93	-webkit-text-stroke-color: transparent !important;
94	background: none !important;
95	background-clip: border-box !important;
96	-webkit-background-clip: border-box !important;
97	text-shadow: none !important;
98}
99
100/* === CONSOLIDATED FROM v12 (Programs gap) === */
101html body .lp-flow > .section-temple-location,
102html body .lp-flow > .section-temple-location section.hmc-about {
103	padding-bottom: 60px !important;
104}
105html body .lp-flow > .hmc-programs-header-block {
106	padding-top: 40px !important;
107	margin-bottom: 0px !important;
108}
109
110/* === CONSOLIDATED FROM v15 (Hide legacy events column -- prevents FOUC) === */
111html body.home section.section-schedule-events .hmc-schedule-events-row,
112html body.home section.section-schedule-events .hmc-events-col,
113html body.home section.section-schedule-events .hmc-schedule-col,
114html body.home section.section-schedule-events .events-section-heading,
115html body.home section.section-schedule-events h3.events-section-heading {
116	display: none !important;
117	visibility: hidden !important;
118	height: 0 !important;
119	max-height: 0 !important;
120	min-height: 0 !important;
121	margin: 0 !important;
122	padding: 0 !important;
123	overflow: hidden !important;
124	opacity: 0 !important;
125}
126
127/* === CONSOLIDATED FROM v17/v18 (Mobile events flyer overflow) === */
128@media (max-width: 700px) {
129	html body.home .lp-flow > .lp-events .lp-grid .lp-card-wrap {
130		width: 100% !important;
131		max-width: 100% !important;
132		margin-left: 0 !important;
133		margin-right: 0 !important;
134		box-sizing: border-box !important;
135		overflow: hidden !important;
136	}
137	html body.home .lp-flow > .lp-events .lp-grid .lp-card-wrap .lp-card {
138		width: 100% !important;
139		max-width: 100% !important;
140		margin: 0 !important;
141		overflow: hidden !important;
142		box-sizing: border-box !important;
143	}
144	html body.home .lp-flow > .lp-events .lp-grid .lp-card-wrap .lp-card .lp-card__image {
145		aspect-ratio: auto !important;
146		height: auto !important;
147		min-height: 0 !important;
148		max-height: none !important;
149		width: auto !important;
150		max-width: calc(100% - 28px) !important;
151		margin: 14px auto 0 !important;
152		overflow: hidden !important;
153		box-sizing: border-box !important;
154	}
155	html body.home .lp-flow > .lp-events .lp-grid .lp-card-wrap .lp-card .lp-card__image img {
156		width: 100% !important;
157		height: auto !important;
158		max-width: 100% !important;
159		object-fit: contain !important;
160		display: block !important;
161	}
162	html body.home .lp-flow > .lp-events {
163		padding-left: 12px !important;
164		padding-right: 12px !important;
165		overflow-x: hidden !important;
166	}
167
168	/* Programs / About mobile padding */
169	html body .lp-flow > .hmc-program-section.programs-header-shown {
170		padding-left: 16px !important;
171		padding-right: 16px !important;
172		padding-bottom: 60px !important;
173	}
174	html body .lp-flow > .hmc-programs-header-block {
175		padding-left: 16px !important;
176		padding-right: 16px !important;
177	}
178	html body .lp-flow > .hmc-program-section .hmc-program-card,
179	html body .lp-flow > .hmc-program-section [class*="program-card"],
180	html body .lp-flow > .hmc-program-section .container,
181	html body .lp-flow > .hmc-program-section .container_max {
182		max-width: 100% !important;
183		width: 100% !important;
184		margin-left: 0 !important;
185		margin-right: 0 !important;
186		box-sizing: border-box !important;
187	}
188	html body .lp-flow > .section-temple-location {
189		padding-left: 16px !important;
190		padding-right: 16px !important;
191	}
192
193	/* === Pooja carousel mobile (v20 + v21 merged) === */
194	html body.home .lp-flow > .lp-poojas {
195		padding-left: 0 !important;
196		padding-right: 0 !important;
197		overflow-x: hidden !important;
198	}
199	html body.home .lp-flow > .lp-poojas .lp-section-head,
200	html body.home .lp-flow > .lp-poojas .lp-view-all-wrap {
201		padding-left: 16px !important;
202		padding-right: 16px !important;
203	}
204	html body.home .lp-flow .lp-poojas .lp-grid.lp-carousel-on {
205		padding-left: 0 !important;
206		padding-right: 0 !important;
207		mask-image: none !important;
208		-webkit-mask-image: none !important;
209		overflow: hidden !important;
210	}
211	html body.home .lp-flow .lp-poojas .lp-carousel-wrap {
212		position: relative !important;
213		padding: 0 !important;
214	}
215	html body.home .lp-flow .lp-poojas .lp-carousel-track {
216		gap: 16px !important;
217		padding-left: 16px !important;
218		padding-right: 16px !important;
219		box-sizing: content-box !important;
220	}
221	html body.home .lp-flow .lp-poojas .lp-carousel-track > .lp-card-wrap {
222		flex: 0 0 272px !important;
223		width: 272px !important;
224		max-width: 272px !important;
225		min-width: 272px !important;
226	}
227	html body.home .lp-flow .lp-poojas .lp-carousel-btn {
228		width: 36px !important;
229		height: 36px !important;
230		font-size: 16px !important;
231		background: rgba(255, 255, 255, 0.95) !important;
232		box-shadow: 0 4px 14px rgba(120, 20, 20, 0.25) !important;
233	}
234	html body.home .lp-flow .lp-poojas .lp-carousel-btn.prev { left
234: 8px !important; }
235	html body.home .lp-flow .lp-poojas .lp-carousel-btn.next { right: 8px !important; }
236
237	/* v21 image-inside-card */
238	html body.home .lp-flow .lp-poojas .lp-card .lp-card__image,
239	html body.home .lp-flow .lp-poojas article.lp-card .lp-card__image {
240		width: auto !important;
241		max-width: calc(100% - 28px) !important;
242		margin-left: 14px !important;
243		margin-right: 14px !important;
244		margin-top: 14px !important;
245		box-sizing: border-box !important;
246		overflow: hidden !important;
247		border-radius: 16px !important;
248	}
249	html body.home .lp-flow .lp-poojas .lp-card .lp-card__image img,
250	html body.home .lp-flow .lp-poojas article.lp-card .lp-card__image img {
251		width: 100% !important;
252		height: 100% !important;
253		max-width: 100% !important;
254		object-fit: cover !important;
255		display: block !important;
256	}
257	html body.home .lp-flow .lp-poojas .lp-card .lp-card__body {
258		box-sizing: border-box !important;
259		max-width: 100% !important;
260		padding-left: 20px !important;
261		padding-right: 20px !important;
262	}
263}
264</style>
265		<link rel='dns-prefetch' href='//static.addtoany.com' />
266<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
267<link rel="alternate" type="application/rss+xml" title="Hanuman Mandir of Greater Chicago &raquo; Feed" href="https://hanumanchicago.org/feed/" />
268<link rel="alternate" type="application/rss+xml" title="Hanuman Mandir of Greater Chicago &raquo; Comments Feed" href="https://hanumanchicago.org/comments/feed/" />
269<script id="lp-perf-early-flow-v22">
270(function(){
271	if (window.__lpFlowEarly) return;
272	window.__lpFlowEarly = true;
273	function nudge(){ /* hook point for future deferred work */ }
274	if (document.readyState === 'loading') {
275		document.addEventListener('DOMContentLoaded', nudge, { once: true });
276	} else {
277		nudge();
278	}
279})();
280</script>
280
281		<style id="lp-perf-petal-defer-v22">
282html body:not(.lp-petals-ready) .lp-petal {
283	animation-play-state: paused !important;
284	opacity: 0 !important;
285}
286html body.lp-petals-ready .lp-petal {
287	animation-play-state: running;
288	opacity: 1;
289	transition: opacity 0.6s ease-out;
290}
291html body:not(.lp-petals-ready) .lp-mandala-fixed { opacity: 0; }
292html body.lp-petals-ready .lp-mandala-fixed {
293	opacity: 1;
294	transition: opacity 0.8s ease-out 0.2s;
295}
296</style>
297<script id="lp-perf-petal-defer-js-v22">
298(function(){
299	function markReady(){
300		if (document.body && !document.body.classList.contains('lp-petals-ready')) {
301			document.body.classList.add('lp-petals-ready');
302		}
303	}
304	function schedule(){
305		if ('requestIdleCallback' in window) {
306			window.requestIdleCallback(markReady, { timeout: 800 });
307		} else {
308			setTimeout(markReady, 250);
309		}
310	}
311	if (document.readyState === 'loading') {
312		document.addEventListener('DOMContentLoaded', schedule, { once: true });
313	} else {
314		schedule();
315	}
316})();
317</script>
317
318		<style id="wp-img-auto-sizes-contain-inline-css">
319img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
320/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
321</style>
322<style id="wp-block-library-inline-css">
323:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
323--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
324
325/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
326</style>
327<style id="classic-theme-styles-inline-css">
328/*! This file is auto-generated */
329.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
330/*# sourceURL=/wp-includes/css/classic-themes.min.css */
331</style>
332
333<style id="global-styles-inline-css">
334:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--accent: #d61347;--wp--preset--color--primary: #000000;--wp--preset--color--secondary: #69603e;--wp--preset--color--subtle-background: #d7cfab;--wp--preset--color--background: #f5efe0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
3340) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 18px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 26.25px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--normal: 21px;--wp--preset--font-size--larger: 32px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-accent-color{color: var(--wp--preset--color--accent) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}.has-subtle-background-color{color: var(--wp--preset--color--subtle-background) !important;}.has-background-color{color: var(--wp--preset--color--background) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-subtle-background-background-color{background-color: var(--wp--preset--color--subtle-background) !important;}.has-background-background-color{background-color: var(--wp--preset--color--background) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-subtle-background-border-color{border-color: var(--wp--preset--color--subtle-background) !important;}.has-background-border-color{border-color: var(--wp--preset--color--background) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
334.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-normal-font-size{font-size: var(--wp--preset--font-size--normal) !important;}.has-larger-font-size{font-size: var(--wp--preset--font-size--larger) !important;}
335/*# sourceURL=global-styles-inline-css */
336</style>
337
338<link rel='stylesheet' id='wpo_min-header-0-css' href='https://hanumanchicago.org/wp-content/cache/wpo-minify/1782141612/assets/wpo-minify-header-contact-form-71776825686.min.css' media='all' />
339<link rel='stylesheet' id='walcf7-datepicker-css-css' href='https://hanumanchicago.org/wp-content/plugins/date-time-picker-for-contact-form-7/assets/css/jquery.datetimepicker.min.css?ver=1.0.0' media='all' />
340<link rel='stylesheet' id='wpo_min-header-2-css' href='https://hanumanchicago.org/wp-content/cache/wpo-minify/1782141612/assets/wpo-minify-header-DSCF7-front-css1776825695.min.css' media='all' />
341<link rel='stylesheet' id='wpo_min-header-3-css' href='https://hanumanchicago.org/wp-content/cache/wpo-minify/1782141612/assets/wpo-minify-header-twentytwenty-style1776825708.min.css' media='all' />
342<link rel='stylesheet' id='wpo_min-header-4-css' href='https://hanumanchicago.org/wp-content/cache/wpo-minify/1782141612/assets/wpo-minify-header-twentytwenty-print-style1776825708.min.css' media='print' />
343<link rel='stylesheet' id='addtoany-css' href='https://hanumanchicago.org/wp-content/plugins/add-to-any/addtoany.min.css?ver=1.16' media='all' />
344<link rel='stylesheet' id='wpo_min-header-6-css' href='https://hanumanchicago.org/wp-content/cache/wpo-minify/1782141612/assets/wpo-minify-header-repeater_icon1777592516.min.css' media='all' />
345<link rel='stylesheet' id='wpo_min-header-7-css' href='https://hanumanchicago.org/wp-content/cache/wpo-minify/1782141612/assets/wpo-minify-header-cf7_repeater1777592516.min.css' media='all' />
346<script id="addtoany-core-js-before">
347window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};
348
349//# sourceURL=addtoany-core-js-before
350</script>
vendor: 1 bytes, line 350
350
351<script id="addtoany-core-js" defer defer src="https://static.addtoany.com/menu/page.js"></script>
vendor: 1 bytes, line 351
351
352<script id="jquery-core-js" src="https://hanumanchicago.org/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 352
352
353<script id="jquery-migrate-js" src="https://hanumanchicago.org/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 353
353
354<script id="addtoany-jquery-js" defer defer src="https://hanumanchicago.org/wp-content/plugins/add-to-any/addtoany.min.js?ver=1.1"></script>
vendor: 1 bytes, line 354
354
355<script id="DSCF7-jquery-sign-js-js" defer src="https://hanumanchicago.org/wp-content/plugins/digital-signature-for-contact-form-7/assets/js/digital_signature_pad.js?ver=1.0.0"></script>
vendor: 1 bytes, line 355
355
356<script id="twentytwenty-js-js" src="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/js/index.js?ver=1.0" async></script>
vendor: 1 bytes, line 356
356
357<script id="cf7_repeater-js-extra">
358var cf7_repeater = {"ajaxUrl":"https://hanumanchicago.org/wp-admin/admin-ajax.php","pro":""};
359//# sourceURL=cf7_repeater-js-extra
360</script>
vendor: 1 bytes, line 360
360
361<script id="cf7_repeater-js" defer src="https://hanumanchicago.org/wp-content/plugins/repeater-for-contact-form-7/libs/cf7_repeater.js?ver=1791000678"></script>
361
362<link rel="https://api.w.org/" href="https://hanumanchicago.org/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://hanumanchicago.org/wp-json/wp/v2/pages/9" />	
362<script>document.documentElement.className = document.documentElement.className.replace( 'no-js', 'js' );</script>
362
363	<style id="hmc-lp-flow-styles">
364/* ===== UNIFIED FLOW: Events + Poojas ===== */
365html body .lp-flow {
366		position: relative;
367		overflow: clip;
368		background: linear-gradient(
369			180deg,
370			#FFE0E6 0%,
371			#FFD0C5 8%,
372			#FFCDA8 16%,
373			#FFD988 24%,
374			#FFE6A3 30%,
375			#F4A300 36%,
376			#F4A300 44%,
377			#FFC966 48%,
378			#FFE6A3 54%,
379			#F0E6CE 60%,
380			#DCE8E0 65%,
381			#9EC4C0 70%,
382			#5DA1A1 78%,
383			#0E6B6B 84%,
384			#0E6B6B 100%
385		);
386	}
387	.lp-flow > section,
388	.lp-flow > .hmc-programs-header-block,
389	.lp-flow > .hmc-program-section {
390		overflow-x: hidden;
391		overflow-y: visible;
392		position: relative;
393		z-index: 2;
394		background: transparent !important;
395		background-color: transparent !important;
396	}
397	.lp-flow .hmc-program-section,
398	.lp-flow .hmc-programs-header-block {
399		background: transparent !important;
400		background-color: transparent !important;
401	}
402	.lp-flow .section-temple-location,
403	.lp-flow .hmc-about {
404		background: transparent !important;
405		background-color: transparent !important;
406	}
407	/* About section reveal animation (when inside lp-flow) */
408	.lp-flow .section-temple-location[data-reveal] > * {
409		opacity: 0; transform: translateY(30px);
410		transition: opacity .9s cubic-bezier(.22,1,.36,1),
411					transform .9s cubic-bezier(.22,1,.36,1);
412	}
413	.lp-flow .section-temple-location[data-reveal].is-visible > * {
414		opacity: 1; transform: translateY(0);
415	}
416	.lp-flow .section-temple-location[data-reveal].is-visible > *:nth-child(1) { transition-delay: 0ms; }
417	.lp-flow .section-temple-location[data-reveal].is-visible > *:nth-child(2) { transition-delay: 180ms; }
418html body .lp-flow .lp-events,
419html body .lp-flow .lp-poojas {
420	position: relative;
421	background: transparent !important;
422	padding: 80px 20px;
423	overflow: visible;
424	z-index: 1;
425}
426
427/* Petals overlay spanning both sections */
428html body .lp-flow .lp-petals {
429		position: absolute;
430		inset: 0;
431		pointer-events: none;
432		overflow: hidden;
433		z-index: 40;
434	}
435html body .lp-flow .lp-petal {
436	position: absolute;
437	top: -40px;
438	will-change: transform, opacity;
439	animation-name: lp-petal-fall;
440	animation-timing-function: linear;
441	animation-iteration-count: infinite;
442}
443@keyframes lp-petal-fall {
444	0%   { transform: translate(0, -10vh) rotate(var(--rot)); opacity: 0; }
445	8%   { opacity: .9; }
446	100% { transform: translate(var(--drift), 130vh) rotate(calc(var(--rot) + 540deg)); opacity: 0; }
447}
448
449/* Diya glows */
450html body .lp-flow .lp-diya-glow {
451	position: absolute;
452	width: 380px; height: 380px;
453	background: radial-gradient(circle, rgba(255,217,107,.6) 0%, rgba(255,217,107,0) 60%);
454	pointer-events: none;
455	z-index: 1;
456	animation: lp-breathe 5s ease-in-out infinite;
457}
458@keyframes lp-breathe {
459	0%, 100% { transform: scale(.9);  opacity: .55; }
460	50%      { transform: scale(1.15); opacity: .9; }
461}
462
463/* Section headers */
464html body .lp-flow .lp-section-head {
465	text-align: center;
466	margin: 0 auto 48px;
467	position: relative;
468	z-index: 2;
469}
470html body .lp-flow .lp-kicker {
471	font: 600 12px/1 'Inter', sans-serif;
472	letter-spacing: .26em;
473	text-transform: uppercase;
474	color: #7A1C1C;
475	margin: 0 0 14px;
476	display: block;
477}
478html body .lp-flow .lp-h2 {
479	font: 500 64px/1.05 'Cormorant Garamond', serif;
480	text-transform: uppercase;
481	letter-spacing: .03em;
482	margin: 0 0 16px;
483}
484html body .lp-flow .lp-events .lp-h2 { color: #B81E5A !important; }
485html body .lp-flow .lp-poojas .lp-h2 { color: #B47700 !important; }
486html body .lp-flow .lp-rule {
487	display: inline-flex;
488	align-items: center;
489	gap: 10px;
490	justify-content: center;
491}
492html body .lp-flow .lp-rule::before,
493html body .lp-flow .lp-rule::after {
494	content: "";
495	width: 36px; height: 1px;
496	background: #D4AF37;
497}
498html body .lp-flow .lp-rule .lp-dot {
499	width: 6px; height: 6px;
500	background: #D4AF37;
501	border-radius: 50%;
502}
503
504/* Grid */
505html body .lp-flow .lp-grid {
506	display: grid;
507	grid-template-columns: repeat(4, 1fr);
508	gap: 24px;
509	max-width: 1160px;
510	margin: 0 auto;
511	position: relative;
512	z-index: 2;
513}
514@media (max-width: 900px) { html body .lp-flow .lp-grid { grid-template-columns: repeat(2, 1fr); } }
515@media (max-width: 560px) { html body .lp-flow .lp-grid { grid-template-columns: 1fr; } }
516
517/* Cards */
518html body .lp-flow .lp-card-wrap { position: relative; }
519html body .lp-flow .lp-card-wrap::before {
520	content: "";
521	position: absolute; inset: -28px;
522	border-radius: 32px;
523	pointer-events: none;
524	background: radial-gradient(closest-side, rgba(255,184,0,.6) 0%, rgba(255,184,0,0) 70%);
525	opacity: 0;
526	transform: scale(.7);
527	filter: blur(8px);
528	transition: opacity .5s ease, transform .8s cubic-bezier(.22,1,.36,1);
529	z-index: 1;
530}
531html body .lp-flow .lp-card-wrap:hover::before { opacity: 1; transform: scale(1.18); }
532html body .lp-flow .lp-card {
533	position: relative;
534	background: #FFFCF3;
535	border-radius: 20px;
536	border: 1px solid rgba(212,175,55,.55);
537	box-shadow: 0 14px 32px -16px rgba(122,28,28,.4);
538	opacity: 0;
539	transform: translateY(80px) scale(.92);
540	transition: transform .8s cubic-bezier(.22,1,.36,1), opacity .8s cubic-bezier(.22,1,.36,1), box-shadow .4s ease;
541	z-index: 2;
542}
543html body .lp-flow .is-visible .lp-card { opacity: 1; transform: translateY(0) scale(1); }
544html body .lp-flow .is-visible .lp-card-wrap:nth-child(4n+1) .lp-card { transition-delay: 0ms; }
545html body .lp-flow .is-visible .lp-card-wrap:nth-child(4n+2) .lp-card { transition-delay: 130ms; }
546html body .lp-flow .is-visible .lp-card-wrap:nth-child(4n+3) .lp-card { transition-delay: 260ms; }
547html body .lp-flow .is-visible .lp-card-wrap:nth-child(4n+4) .lp-card { transition-delay: 390ms; }
548html body .lp-flow .lp-card-wrap:hover .lp-card {
549	transform: translateY(-10px) !important;
550	box-shadow: 0 30px 60px -14px rgba(232,93,26,.5), inset 0 0 24px rgba(255,184,0,.25) !important;
551}
552html body .lp-flow .lp-card__image {
553	position: relative;
554	aspect-ratio: 3 / 4;
555	margin: 14px 14px 0;
556	border-radius: 16px;
557	border: 1px solid #D4AF37;
558	box-shadow: inset 0 0 12px rgba(122,28,28,.25);
559	overflow: hidden;
560}
561html body .lp-flow .lp-card__image img {
562	width: 100%; height: 100%;
563	object-fit: cover;
564	display: block;
565}
566html body .lp-flow .lp-card__date-badge {
567	position: absolute;
568	top: 16px; right: 12px;
569	background: rgba(255,247,230,.95);
570	border: 1px solid rgba(212,175,55,.6);
571	border-radius: 8px;
572	padding: 4px 10px;
573	font: 700 10px/1 'Inter', sans-serif;
574	letter-spacing: .14em;
575	text-transform: uppercase;
576	color: #5A1414;
577	box-shadow: 0 2px 6px rgba(122,28,28,.2);
578}
579html body .lp-flow .lp-card__body { padding: 20px 20px 22px; text-align: center; }
580html body .lp-flow .lp-card__sub {
581	font: 700 10px/1 'Inter', sans-serif;
582	letter-spacing: .22em;
583	text-transform: uppercase;
584	color: #E85D1A;
585	margin: 0 0 8px;
586}
587html body .lp-flow .lp-card__title {
588	font: 600 21px/1.15 'Cormorant Garamond', serif;
589	color: #1A140C;
590	margin: 0 0 10px;
591}
592html body .lp-flow .lp-card__divider {
593	display: block;
594	height: 1px;
595	width: 36px;
596	background: #D4AF37;
597	margin: 0 auto 12px;
598}
599html body .lp-flow .lp-card__desc {
600	font: 400 12px/1.45 'Lora', serif;
601	color: #4A3D2C;
602	margin: 0 0 16px;
603}
604html body .lp-flow .lp-card__price {
605	font: 600 32px/1 'Cormorant Garamond', serif;
606	color: #E85D1A;
607	margin: 0 0 16px;
608}
609html body .lp-flow .lp-card__cta {
610	display: inline-block;
611	padding: 12px 26px;
612	border-radius: 999px;
613	border: none;
614	background: linear-gradient(135deg, #F4A300, #E85D1A);
615	color: #fff;
616	cursor: pointer;
617	text-decoration: none;
618	font: 700 11px/1 'Inter', sans-serif;
619	letter-spacing: .22em;
620	text-transform: uppercase;
621	box-shadow: 0 8px 20px -8px rgba(232,93,26,.55);
622}
623
624/* Hide originals once we have flow */
625html body.lp-flow-active .section-pooja_services { display: none !important; }
626html body.lp-flow-active .section-schedule-events .hmc-events-col { display: none !important; }
627html body.lp-flow-active .section-schedule-events .hmc-schedule-col { flex: 1 1 100% !important; max-width: 100% !important; width: 100% !important; }
628
629@media (max-width: 700px) {
630	html body .lp-flow .lp-h2 { font-size: 42px; }
631	html body .lp-flow .lp-events, html body .lp-flow .lp-poojas { padding: 60px 16px; }
632}
633
634/* === Extra spacing + View All buttons === */
635html body .lp-flow .lp-events { padding-top: 140px; }
636html body .lp-flow .lp-view-all-wrap {
637	text-align: center;
638	margin: 48px auto 0;
639	position: relative;
640	z-index: 2;
641}
642html body .lp-flow .lp-view-all {
643	display: inline-block;
644	padding: 16px 36px;
645	border-radius: 999px;
646	border: none;
647	background: linear-gradient(135deg, #FF9E0F 0%, #FF6D00 100%);
648	color: #fff !important;
649	text-decoration: none;
650	font: 600 13px/1 'Lora', Georgia, serif;
651	letter-spacing: .16em;
652	text-transform: uppercase;
653	box-shadow: 0 10px 28px -10px rgba(255,109,0,.65);
654	transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
655}
656html body .lp-flow .lp-view-all:hover {
657	transform: translateY(-2px);
658	box-shadow: 0 16px 34px -10px rgba(255,109,0,.75);
659	filter: brightness(1.06);
660}
661html body .lp-flow .lp-view-all .lp-arrow { display: inline-block; margin-left: 8px; }
662@media (max-width: 700px) {
663	html body .lp-flow .lp-events { padding-top: 100px; }
664}
665</style>
666<script id="hmc-lp-flow-js">
667(function(){
668	function onReady(fn){ if(document.readyState==='complete') fn(); else window.addEventListener('load', fn); }
669	onReady(function(){
670		var schedule = document.querySelector('.section-schedule-events');
671		var pooja    = document.querySelector('.section-pooja_services');
672		if (!schedule || !pooja) return;
673
674		/* ---------- Harvest existing event data ---------- */
675		var evHomeItems = Array.from(document.querySelectorAll('.section-schedule-events .hmc-events-col .hmc-event-item'));
676		var events = evHomeItems.map(function(it){
677			var img = it.querySelector('img');
678			var h   = it.querySelector('h5, h4, h3');
679			var p   = it.querySelector('.product_txt p, p');
680			var a   = it.querySelector('a');
681			return {
682				img:   img ? img.src : '',
683				title: h ? h.textContent.trim() : '',
684				date:  p ? p.textContent.trim() : '',
685				href:  a ? a.href : '#'
686			};
687		});
688
689		/* ---------- Harvest existing pooja data ---------- */
690		var poojaItems = Array.from(document.querySelectorAll('.section-pooja_services .owl-stage > div')).filter(function(d){ return !d.classList.contains('cloned'); });
691		var poojas = poojaItems.map(function(it){
692			var img = it.querySelector('img');
693			var txt = (it.innerText||'').replace(/\s+/g,' ').trim();
694			var m   = txt.match(/^(.*?)\s*(\$[\d,]+)\s*BOOK\s*NOW/i);
695			var title = m ? m[1].trim() : txt.replace(/BOOK\s*NOW/i,'').trim();
696			var price = m ? m[2] : '';
697			var a = it.querySelector('a[href]:not([href^="javascript"])');
698			return {
699				img:   img ? img.src : '',
700				title: title,
701				price: price,
702				href:  a ? a.href : 'https://hanumanchicago.org/pooja-services/'
703			};
704		});
705
706		/* ---------- Build the flow wrapper ---------- */
707		var flow = document.createElement('div');
708		flow.className = 'lp-flow';
709
710		/* Petals layer */
711		var petalsLayer = document.createElement('div');
712		petalsLayer.className = 'lp-petals';
713		flow.appendChild(petalsLayer);
714
715		var PETAL_COLORS = ['#F4A300','#E85D1A','#D73B2C','#FFB800','#FFD96B'];
716		var PETAL_COUNT = 40;
717		for (var i=0;i<PETAL_COUNT;i++){
718			var p = document.createElement('div');
719			p.className = 'lp-petal';
720			var sz   = (14 + Math.floor(Math.random()*17));
721			var lf   = (Math.random()*100).toFixed(2);
722			var dr   = ((Math.random()*30)-15).toFixed(2);
723			var rt   = Math.floor(Math.random()*360);
724			var dur  = (9 + Math.random()*12).toFixed(2);
725			var del  = (Math.random()*10).toFixed(2);
726			var col  = PETAL_COLORS[i % PETAL_COLORS.length];
727			p.style.left = lf+'%';
728			p.style.setProperty('--drift', dr+'vw');
729			p.style.setProperty('--rot',   rt+'deg');
730			p.style.animationDuration = dur+'s';
731			p.style.animationDelay    = del+'s';
732			p.innerHTML = '<svg viewBox="0 0 24 24" width="'+sz+'" height="'+sz+'" xmlns="http://www.w3.org/2000/svg">'
733				+ '<path d="M12 2 C16 8 16 14 12 22 C8 14 8 8 12 2 Z" fill="'+col+'" opacity="0.88"/>'
734				+ '<path d="M12 2 C13 10 13 16 12 22" stroke="#7A1C1C" stroke-width="0.55" fill="none" opacity="0.45"/>'
735				+ '</svg>';
736			petalsLayer.appendChild(p);
737		}
738
739		/* ---------- Events section ---------- */
740		var evSec = document.createElement('section');
741		evSec.className = 'lp-events';
742		[
743			{t:'12%', l:'8%'},
744			{t:'22%', l:'88%'},
745			{t:'70%', l:'6%'},
746			{t:'80%', l:'92%'}
747		].forEach(function(pos){
748			var g = document.createElement('div');
749			g.className = 'lp-diya-glow';
750			g.style.top  = pos.t;
751			g.style.left = pos.l;
752			g.style.transform = 'translate(-50%, -50%)';
753			evSec.appendChild(g);
754		});
755		var evHead = document.createElement('div');
756		evHead.className = 'lp-section-head';
757		evHead.innerHTML = '<span class="lp-kicker">✦ Mark Your Calendar ✦</span>'
758			+ '<h2 class="lp-h2">Upcoming Events</h2>'
759			+ '<div class="lp-rule"><span class="lp-dot"></span></div>';
760		evSec.appendChild(evHead);
761		var evGrid = document.createElement('div');
762		evGrid.className = 'lp-grid';
763		evSec.appendChild(evGrid);
764
765		function parseDateBadge(d){
766			/* d examples: "Jun 09 – Jul 03, 2026", "May 01 – 03, 2026", "May 03, 2026" */
767			if (!d) return {sub:'', badge:''};
768			return { sub: d.toUpperCase(), badge: d.replace(/,.*$/,'').toUpperCase() };
769		}
770
771		if (events.length){
772			events.forEach(function(ev){
773				var info = parseDateBadge(ev.date);
774				var wrap = document.createElement('div');
775				wrap.className = 'lp-card-wrap';
776				wrap.innerHTML =
777					'<article class="lp-card">'
778					+   '<div class="lp-card__image">'
779					+     (ev.img ? '<img src="'+ev.img+'" alt="'+ev.title+'">' : '')
780					+     (info.badge ? '<span class="lp-card__date-badge">'+info.badge+'</span>' : '')
781					+   '</div>'
782					+   '<div class="lp-card__body">'
783					+     (info.sub ? '<p class="lp-card__sub">'+info.sub+'</p>' : '')
784					+     '<h3 class="lp-card__title">'+ev.title+'</h3>'
785					+     '<span class="lp-card__divider"></span>'
786					+     '<a class="lp-card__cta" href="'+ev.href+'">Learn More →</a>'
787					+   '</div>'
788					+ '</article>';
789				evGrid.appendChild(wrap);
790			});
791		} else {
792			var empty = document.createElement('p');
793			empty.style.cssText='grid-column:1/-1;text-align:center;color:#7A1C1C;font-family:Lora,serif;';
794			empty.textContent = 'No upcoming events at this time.';
795			evGrid.appendChild(empty);
796		}
797
798		/* ---------- Poojas section ---------- */
799		var poSec = document.createElement('section');
800		poSec.className = 'lp-poojas';
801		[
802			{t:'12%', l:'10%'},
803			{t:'30%', l:'88%'},
804			{t:'72%', l:'8%'},
805			{t:'82%', l:'90%'},
806			{t:'50%', l:'50%'}
807		].forEach(function(pos){
808			var g = document.createElement('div');
809			g.className = 'lp-diya-glow';
810			g.style.top  = pos.t;
811			g.style.left = pos.l;
812			g.style.transform = 'translate(-50%, -50%)';
813			poSec.appendChild(g);
814		});
815		var poHead = document.createElement('div');
816		poHead.className = 'lp-section-head';
817		poHead.innerHTML = '<span class="lp-kicker">✦ Lotus of Devotion ✦</span>'
818			+ '<h2 class="lp-h2">Pooja Services</h2>'
819			+ '<div class="lp-rule"><span class="lp-dot"></span></div>';
820		poSec.appendChild(poHead);
821		var poGrid = document.createElement('div');
822		poGrid.className = 'lp-grid';
823		poSec.appendChild(poGrid);
824
825		poojas.forEach(function(po){
826			var wrap = document.createElement('div');
827			wrap.className = 'lp-card-wrap';
828			wrap.innerHTML =
829				'<article class="lp-card">'
830				+   '<div class="lp-card__image">'
831				+     (po.img ? '<img src="'+po.img+'" alt="'+po.title+'">' : '')
832				+   '</div>'
833				+   '<div class="lp-card__body">'
834				+     '<p class="lp-card__sub">Sacred Offering</p>'
835				+     '<h3 class="lp-card__title">'+po.title+'</h3>'
836				+     '<span class="lp-card__divider"></span>'
837				+     (po.price ? '<p class="lp-card__price">'+po.price+'</p>' : '')
838				+     '<a class="lp-card__cta" href="'+po.href+'">Book Now →</a>'
839				+   '</div>'
840				+ '</article>';
841			poGrid.appendChild(wrap);
842		});
843
844		var evMore=document.createElement('div'); evMore.className='lp-view-all-wrap'; evMore.innerHTML='<a class="lp-view-all" href="https://hanumanchicago.org/events/">View All Events <span class="lp-arrow">\u2192</span></a>'; evSec.appendChild(evMore);
845		flow.appendChild(evSec);
846		var poMore=document.createElement('div'); poMore.className='lp-view-all-wrap'; poMore.innerHTML='<a class="lp-view-all" href="https://hanumanchicago.org/pooja-services/">View All Pooja Services <span class="lp-arrow">\u2192</span></a>'; poSec.appendChild(poMore);
847		flow.appendChild(poSec);
848
849		/* ---------- Move existing About + Programs into .lp-flow ---------- */
850		var aboutSec = document.querySelector('.section-temple-location.hmc-about-active') || document.querySelector('.hmc-about');
851		if (aboutSec) {
852			/* If we matched .hmc-about (inner), prefer outer wrapper */
853			if (aboutSec.classList.contains('hmc-about')) {
854				var wrapAbout = aboutSec.closest('.section-temple-location') || aboutSec;
855				aboutSec = wrapAbout;
856			}
857			flow.appendChild(aboutSec);
858			aboutSec.setAttribute('data-reveal','');
859		}
860		var progHeader = document.querySelector('.hmc-programs-header-block');
861		if (progHeader) flow.appendChild(progHeader);
862		var progSections = document.querySelectorAll('.hmc-program-section');
863		progSections.forEach(function(ps){ flow.appendChild(ps); });
864
865		/* Intersection observer for the about reveal */
866		try {
867			var io2 = new IntersectionObserver(function(entries){
868				entries.forEach(function(e){ if (e.isIntersecting) e.target.classList.add('is-visible'); });
869			}, { threshold: 0.18, rootMargin: '0px 0px -8% 0px' });
870			if (aboutSec) io2.observe(aboutSec);
871		} catch(_) {}
872
873
874		/* Insert flow right AFTER section-schedule-events (which keeps temple schedule only) */
875		schedule.parentNode.insertBefore(flow, schedule.nextSibling);
876		document.body.classList.add('lp-flow-active');
877
878		/* IntersectionObserver for scroll-triggered entry */
879		try {
880			var io = new IntersectionObserver(function(entries){
881				entries.forEach(function(e){ if(e.isIntersecting) e.target.classList.add('is-visible'); });
882			}, { threshold: 0.18, rootMargin: '0px 0px -8% 0px' });
883			flow.querySelectorAll('.lp-events, .lp-poojas').forEach(function(s){ io.observe(s); });
884		} catch(err) {
885			flow.querySelectorAll('.lp-events, .lp-poojas').forEach(function(s){ s.classList.add('is-visible'); });
886		}
887	});
888})();
889</script>
889
890	<style id="wp-custom-css">
891@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap');
892/* ============================================================
893 *    HANUMAN MANDIR  Footer 2026 Editorial Deep-Wine Redesign
894 *    Drop-in override. Keeps logo, social icons, menus, all links.
895 *    ============================================================ */
896@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Manrope:wght@400;500;600;700&family=Tiro+Devanagari+Hindi&display=swap');
897
898html body footer { background: linear-gradient(180deg,#73323F 0%,#5E2934 100%) !important; color: rgba(248,232,210,0.88) !important; font-family: 'Manrope', sans-serif !important; padding: 80px 36px 28px !important; position: relative !important; border-top: 0 !important; }
899html body footer::before { content:''; position:absolute; top:0; left:0; right:0; height:1px; background: linear-gradient(90deg, transparent, rgba(232,163,61,0.45), transparent); pointer-events:none; }
900html body footer .footer-area { background: transparent !important; padding: 0 !important; }
901html body footer .container, html body footer .container_max { max-width: 1440px !important; margin: 0 auto !important; padding: 0 16px !important; }
902html body footer .row { display: flex !important; flex-wrap: wrap !important; gap: 0 !important; align-items: flex-start !important; }
903html body footer .row > [class*='col-md-'] { padding: 0 24px !important; }
904
905/* Brand logo column */
906html body footer .footer_bg { filter: brightness(1.08) drop-shadow(0 0 18px rgba(232,163,61,0.18)) !important; max-width: 130px !important; height: auto !important; margin: 0 0 16px !important; display: block !important; }
907
908/* Headings */
909html body footer h5 { font-family: 'Manrope', sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.32em !important; text-transform: uppercase !important; color: #E8A33D !important; margin: 0 0 22px !important; padding: 0 !important; border: 0 !important; }
910html body footer h5.mgtop { margin-top: 28px !important; }
911
912/* Paragraphs */
913html body footer p { font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: italic !important; font-size: 15px !important; line-height: 1.75 !important; color: rgba(248,232,210,0.88) !important; margin: 0 0 12px !important; }
914
915/* Generic links */
916html body footer a { color: rgba(248,232,210,0.88) !important; text-decoration: none !important; transition: color 240ms ease, padding-left 240ms ease !important; }
917html body footer a:hover { color: #FFCC99 !important; }
918
919/* Quick Links menu */
920html body footer ul.menu-wrapper, html body footer #footer-menu-list { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; gap: 12px !important; }
921html body footer ul.menu-wrapper li, html body footer #footer-menu-list li { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
922html body footer ul.menu-wrapper li a { font-family: 'Manrope', sans-serif !important; font-size: 13px !important; font-style: normal !important; display: inline-block !important; }
923html body footer ul.menu-wrapper li a:hover { padding-left: 6px !important; color: #FFCC99 !important; }
924
925/* Social icons  keep functional, restyle */
926html body footer .social_links ul, html body footer .fixed_social_links ul { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; gap: 12px !important; flex-direction: row !important; }
927html body footer .social_links li, html body footer .fixed_social_links li { margin: 0 !important; padding: 0 !important; background: none !important; }
928html body footer .social_links a, html body footer .fixed_social_links a { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 38px !important; border: 1px solid rgba(232,163,61,0.40) !important; border-radius: 50% !important; color: #E8A33D !important; background: transparent !important; padding: 0 !important; transition: all 240ms ease !important; }
929html body footer .social_links a:hover, html body footer .fixed_social_links a:hover { background: #E8A33D !important; color: #73323F !important; border-color: #E8A33D !important; transform: translateY(-2px) !important; padding-left: 0 !important; }
930html body footer .social_links a i, html body footer .fixed_social_links a i { font-size: 14px !important; color: inherit !important; }
931
932/* Contact links */
933html body footer .col-md-3 p a { color: rgba(248,232,210,0.92) !important; }
934html body footer .col-md-3 p a:hover { color: #FFCC99 !important; }
935
936/* Divider + bottom strip */
937html body footer hr { border: 0 !important; border-top: 1px solid rgba(248,232,210,0.18) !important; margin: 56px 0 22px !important; }
938html body footer .copy_right p { font-family: 'Manrope', sans-serif !important; font-style: normal !important; font-size: 11px !important; letter-spacing: 0.22em !important; text-transform: uppercase !important; color: rgba(248,232,210,0.70) !important; margin: 0 !important; }
939html body footer .col-md-6.copy_right { padding: 0 24px !important; }
940html body footer .col-md-6.text-right.copy_right { text-align: right !important; }
941html body footer .col-md-6.text-right.copy_right p { font-family: 'Tiro Devanagari Hindi', serif !important; font-size: 15px !important; color: #E8A33D !important; letter-spacing: 0 !important; text-transform: none !important; }
942
943/* Iframe (map/embed) styling */
944html body footer iframe { border: 1px solid rgba(232,163,61,0.25) !important; border-radius: 4px !important; max-width: 100% !important; }
945
946/* Responsive */
947@media (max-width: 991px) {
948	html body footer { padding: 60px 20px 24px !important; }
949	html body footer .row > [class*='col-md-'] { flex: 1 1 50% !important; max-width: 50% !important; margin-bottom: 32px !important; }
950}
951@media (max-width: 600px) {
952	html body footer .row > [class*='col-md-'] { flex: 1 1 100% !important; max-width: 100% !important; }
953	html body footer .col-md-6.text-right.copy_right { text-align: center !important; }
954	html body footer .col-md-6.copy_right { text-align: center !important; }
955}
956
957}
958}
959
960/* === SIZE + ALIGNMENT BUMP === */
961html body footer .footer_bg { max-width: 180px !important; width: 180px !important; height: auto !important; margin: 0 0 22px !important; display: block !important; }
962html body footer .col-md-3 .footer_bg + .footer_bg, html body footer .col-md-3 img.footer_bg:nth-of-type(2) { max-width: 200px !important; width: 200px !important; margin-top: 18px !important; }
963
964html body footer h5 { font-size: 15px !important; letter-spacing: 0.28em !important; padding-bottom: 12px !important; margin: 0 0 22px !important; position: relative !important; display: inline-block !important; width: auto !important; border-bottom: 0 !important; }
965html body footer h5::after { content: '' !important; position: absolute !important; left: 0 !important; bottom: 0 !important; width: 56px !important; height: 2px !important; background: #E8A33D !important; display: block !important; }
966html body footer h5.mgtop { margin-top: 32px !important; }
967
968html body footer p { font-size: 17px !important; line-height: 1.75 !important; }
969html body footer ul.menu-wrapper li a, html body footer #footer-menu-list li a { font-size: 16px !important; line-height: 1.6 !important; }
970html body footer ul.menu-wrapper li, html body footer #footer-menu-list li { margin-bottom: 14px !important; }
971html body footer .col-md-3 p, html body footer .col-md-3 p a { font-size: 16px !important; line-height: 1.85 !important; }
972html body footer .copy_right p { font-size: 13px !important; letter-spacing: 0.2em !important; }
973html body footer .col-md-6.text-right.copy_right p { font-size: 18px !important; }
974
975html body footer .social_links a, html body footer .fixed_social_links a { width: 44px !important; height: 44px !important; }
976html body footer .social_links a i, html body footer .fixed_social_links a i { font-size: 17px !important; }
977
978/* Alignment: keep every column flush left, top-aligned */
979html body footer .row { align-items: flex-start !important; }
980html body footer [class*="col-md-"] { text-align: left !important; }
981html body footer .col-md-6.text-right.copy_right { text-align: right !important; }
982
983
984/* ============================================================
985 *    HMC 2026 Round-2 visual tweaks (admin batch, May 18 2026)
986 *    Header logo+font, title weight, About section, Pooja CTA,
987 *    program tag/sticker hiding, About section height & watermark size.
988 *    Safe / reversible. Append-only.
989 * ============================================================ */
990
991/* ---- HEADER: bigger logo + bigger nav ------------------------- */
992header .header-area .logo,
993header .header-area .logo a {
994  display: inline-flex !important;
995  align-items: center;
996  width: auto !important;
997  max-width: 100% !important;
998}
999html body header.fixed .header-area .logo img,
1000html body header .header-area .logo img,
1001html body header .header-area .logo a img,
1002body .header-area .logo img,
1003body.home .header-area .logo img,
1004header .header-area .logo > a > img,
1005.header-area .logo img {
1006  max-height: 110px !important;
1007  height: 110px !important;
1008  min-height: 110px !important;
1009  width: auto !important;
1010  max-width: none !important;
1011  min-width: 110px !important;
1012  display: inline-block !important;
1013  object-fit: contain !important;
1014}
1015@media (max-width: 1200px) {
1016  html body header.fixed .header-area .logo img,
1017  html body header .header-area .logo img,
1018  .header-area .logo img {
1019    max-height: 84px !important;
1020    height: 84px !important;
1021    min-height: 84px !important;
1022    min-width: 84px !important;
1023  }
1024}
1025@media (max-width: 768px) {
1026  html body header.fixed .header-area .logo img,
1027  html body header .header-area .logo img,
1028  .header-area .logo img {
1029    max-height: 64px !important;
1030    height: 64px !important;
1031    min-height: 64px !important;
1032    min-width: 64px !important;
1033  }
1034}
1035
1036/* Nav menu — bigger, bolder, consistent */
1037.header-area ul.header-center-menu li a,
1038.header-area ul#primary-menu-list li a,
1039html body .header-area ul.header-center-menu li a {
1040  font-size: 17px !important;
1041  line-height: 22px !important;
1042  font-weight: 600 !important;
1043  letter-spacing: 0.04em !important;
1044  margin-left: 24px !important;
1045}
1046@media (max-width: 1600px) {
1047  .header-area ul.header-center-menu li a,
1048  html body .header-area ul.header-center-menu li a {
1049    font-size: 15px !important;
1050    margin-left: 18px !important;
1051  }
1052}
1053@media (max-width: 1200px) {
1054  .header-area ul.header-center-menu li a,
1055  html body .header-area ul.header-center-menu li a {
1056    font-size: 14px !important;
1057    margin-left: 14px !important;
1058  }
1059}
1060
1061/* ---- SITE-WIDE: bolder + more consistent title strokes -------- */
1062h1, h2, h3,
1063.entry-title,
1064.hmc-program-title,
1065.hmc-about-title,
1066.hmc-section-title,
1067.section-pooja_services h2,
1068.section-temple-location h2,
1069.section-schedule-events h2 {
1070  font-weight: 700 !important;
1071  -webkit-text-stroke: 0.4px currentColor;
1072  text-stroke: 0.4px currentColor;
1073  letter-spacing: -0.005em;
1074}
1075
1076/* Extra-strong stroke for the two program titles specifically */
1077.hmc-program-title,
1078.hmc-program-title em {
1079  font-weight: 800 !important;
1080  -webkit-text-stroke: 0.7px currentColor;
1081  text-stroke: 0.7px currentColor;
1082}
1083
1084/* ---- POOJA SERVICES: rename + restyle View All button ----
1085   The theme renders a pseudo VIEW ALL POOJA SERVICES via the section ::after,
1086   so we hide the visible parts of the anchor element but keep its click area
1087   on top of the pseudo so the link still works and routes to /pooja-services/. */
1088html body .section-pooja_services a.btn_main[href$="/pooja-services/"],
1089html body section.section-pooja_services a.btn_main {
1090  font-size: 0 !important;
1091  line-height: 0 !important;
1092  padding: 0 !important;
1093  background: transparent !important;
1094  background-image: none !important;
1095  border: 0 !important;
1096  box-shadow: none !important;
1097  position: relative !important;
1098  z-index: 5 !important;
1099  display: inline-block !important;
1100  min-width: 280px !important;
1101  min-height: 56px !important;
1102  color: transparent !important;
1103  text-indent: -9999px !important;
1104}
1105html body .section-pooja_services a.btn_main[href$="/pooja-services/"]::before,
1106html body .section-pooja_services a.btn_main[href$="/pooja-services/"]::after,
1107html body section.section-pooja_services a.btn_main::before,
1108html body section.section-pooja_services a.btn_main::after {
1109  content: none !important;
1110  display: none !important;
1111}
1112
1113/* ---- Hide image-overlay stickers (Sanctuary / Chandra Vidyalaya Est.) */
1114.hmc-img-tag { display: none !important; }
1115
1116/* ---- Hide the "PROGRAM 01" / "PROGRAM 02" small eyebrow ------ */
1117.hmc-program-tag { display: none !important; }
1118
1119/* ---- About section: taller, smaller centered Jai Siya Ram ----- */
1120.hmc-about {
1121  min-height: 760px !important;
1122  padding: 160px 32px !important;
1123}
1124@media (max-width: 768px) {
1125  .hmc-about { min-height: 620px !important; padding: 110px 20px !important; }
1126}
1127
1128/* Watermark text "जय सिया राम" — keep it as a subtle whisper */
1129.hmc-about-watermark,
1130.hmc-about .hmc-watermark,
1131.hmc-about [class*="watermark"]:not(.hmc-deva-watermark) {
1132  font-size: clamp(56px, 9vw, 140px) !important;
1133  font-weight: 400 !important;
1134  color: rgba(255,239,221, 0.07) !important;
1135  text-shadow: 0 0 60px rgba(255,158,15, 0.18) !important;
1136  letter-spacing: -0.02em !important;
1137  line-height: 0.9 !important;
1138  white-space: nowrap !important;
1139}
1140
1141/* The 28-petal rotating wreath is already in the markup; just ensure
1142   it sits behind the content and the watermark sits between the two. */
1143.hmc-about-florals { z-index: 1 !important; pointer-events: none !important; }
1144.hmc-about-watermark-wrap, .hmc-about .watermark-wrap { z-index: 2 !important; }
1145.hmc-about-content, .hmc-about .container { position: relative; z-index: 3 !important; }
1146
1147/* ---- Older "HANUMAN MANDIR OF GREATER CHICAGO" duplicate section
1148   ---- (.section-temple-location.hmc-about-active) gets a height bump
1149   ---- and matching jai-siya-ram watermark sizing if present ----- */
1150.section-temple-location.hmc-about-active {
1151  min-height: 640px !important;
1152  padding-block: 120px !important;
1153}
1154
1155/* === End HMC 2026 Round-2 batch === */
1156
1157
1158/* ---- POOJA SERVICES section: pseudo-element content overrides --- */
1159/* The theme/older CSS renders these strings as ::before / ::after content:
1160     • Small eyebrow:    .section-pooja_services::before  → "POOJA SERVICES"
1161     • Headline:         .section-pooja_services .container::before → "Eight sacred offerings, performed by our priests with prescribed Vedic rite."
1162     • Sub-tag:          .section-pooja_services .container::after  → "PRIVATELY SPONSORED · PERFORMED IN TEMPLE"
1163   We remove the small eyebrow + sub-tag, and change "Eight" → "Sacred" in the headline. */
1164html body .section-pooja_services.section::before,
1165html body section.section-pooja_services::before {
1166  content: none !important;
1167  display: none !important;
1168  margin: 0 !important;
1169  padding: 0 !important;
1170  height: 0 !important;
1171}
1172html body .section-pooja_services .container.container_max::after,
1173html body section.section-pooja_services .container_max::after {
1174  content: none !important;
1175  display: none !important;
1176}
1177html body .section-pooja_services .container.container_max::before,
1178html body section.section-pooja_services .container_max::before {
1179  content: "Sacred offerings, performed by our priests with prescribed Vedic rite." !important;
1180}
1181
1182/* === Temple Schedule (.ed-schedule-row) balanced two-column layout === */
1183html body .ed-schedule-row {
1184  display: grid !important;
1185  grid-template-columns: 260px 1fr auto !important;
1186  align-items: center !important;
1187  text-align: left !important;
1188  gap: 32px !important;
1189  padding: 22px 24px !important;
1190}
1191html body .ed-schedule-row > * { text-align: left !important; }
1192html body .ed-schedule-row .ed-name { text-align: left !important; }
1193html body .ed-schedule-row .ed-deva { text-align: left !important; margin-top: 2px !important; }
1194html body .ed-schedule-row .ed-tiny {
1195  text-align: left !important;
1196  white-space: normal !important;
1197  line-height: 1.6 !important;
1198}
1199html body .ed-sched-list,
1200html body .ed-sched-stack { text-align: left !important; }
1201html body .ed-sched-stack { grid-template-columns: 1fr !important; }
1202
1203@media (max-width: 700px) {
1204  html body .ed-schedule-row {
1205    grid-template-columns: 1fr !important;
1206    gap: 8px !important;
1207    padding: 18px 16px !important;
1208  }
1209}
1210
1211/* Force .ed-tiny into column 2 */
1212html body .ed-schedule-row > .ed-tiny { grid-column: 2 / 3 !important; grid-row: 1 !important; }
1213html body .ed-schedule-row > .ed-arrow-cell { grid-column: 3 / 4 !important; grid-row: 1 !important; }
1214
1215
1216/* === HMC HOME PAGE FIXES 2026-05 === */
1217
1218/* 1. Hide failing video element and shrink the top banner so panchang section is compact */
1219body.home .page_top_banner .container_max_banner,
1220body.home .page_top_banner .content-area-banner { min-height: 0 !important; height: auto !important; }
1221body.home .page_top_banner { min-height: 0 !important; padding: 0 !important; }
1222body.home .Panchang_area_home {
1223  padding-top: 40px !important;
1224  padding-bottom: 40px !important;
1225}
1226
1227/* 2. Center the View Panchang button + location below it in panchang section */
1228body.home .Panchang_area_home {
1229  display: block !important;
1230  text-align: center !important;
1231}
1232body.home .Panchang_area_home > h4,
1233body.home .Panchang_area_home > ul {
1234  text-align: center;
1235  margin-left: auto;
1236  margin-right: auto;
1237}
1238body.home .Panchang_area_home .pp-view-panchang-btn {
1239  display: inline-flex !important;
1240  margin: 20px auto 10px !important;
1241  float: none !important;
1242}
1243body.home .Panchang_area_home > div:has(.pp-view-panchang-btn) {
1244  text-align: center !important;
1245  width: 100% !important;
1246  display: block !important;
1247  margin: 20px auto 10px !important;
1248}
1249body.home .Panchang_area_home .hmc-panchang-location {
1250  display: block !important;
1251  text-align: center !important;
1252  margin: 8px auto 0 !important;
1253  width: 100% !important;
1254}
1255
1256/* 3. Remove extra grey/cream band above and below the Temple Schedule image */
1257body.home .section-schedule-events {
1258  padding-top: 0 !important;
1259  padding-bottom: 0 !important;
1260  margin-top: 0 !important;
1261  margin-bottom: 0 !important;
1262  background-color: transparent !important;
1263}
1264body.home .ed-sched-bg {
1265  background-color: transparent !important;
1266  background-size: cover !important;
1267  background-position: center center !important;
1268}
1269body.home .ed-sched-stage { background-color: transparent !important; }
1270
1271/* 4. Force Abhishek schedule line breaks (CSS attempt; real fix is nl2br in template) */
1272body.home .section-schedule-events .ed-tiny,
1273body.home .ed-sched-list .ed-tiny,
1274body.home .ed-sched-list * {
1275  white-space: pre-line !important;
1276}
1277
1278/* 5. Make Our Programs + Sunday School + Hanumat Gau Seva Dham seamless */
1279body.home .hmc-programs-header-block,
1280body.home .hmc-program-section,
1281body.home .hmc-program-section.hmc-program-section--alt {
1282  background-color: #005F60 !important;
1283  background-image: none !important;
1284}
1285body.home .hmc-programs-header-block { padding-bottom: 0 !important; margin-bottom: 0 !important; }
1286body.home .hmc-program-section { padding-top: 60px !important; margin-top: 0 !important; }
1287body.home .hmc-program-section + .hmc-program-section { margin-top: 0 !important; }
1288
1289/* 6. Lighten Reviews section to match the footer color (deep-wine gradient) */
1290body.home .google-reviews {
1291  background: linear-gradient(180deg, #73323F 0%, #5E2934 100%) !important;
1292  color: #f8ecd0 !important;
1293}
1294body.home .google-reviews h2,
1295body.home .google-reviews h3,
1296body.home .google-reviews h4,
1297body.home .google-reviews p,
1298body.home .google-reviews span,
1299body.home .google-reviews div,
1300body.home .google-reviews a {
1301  color: #f8ecd0 !important;
1302}
1303body.home .google-reviews .star,
1304body.home .google-reviews [class*="star"] {
1305  color: #FFC857 !important;
1306}
1307
1308/* === END HMC HOME PAGE FIXES === */
1309
1310/* Collapse the grey/cream strip above and below the temple schedule (high specificity to beat theme rule) */
1311body.home .section-schedule-events.ed-sched-mounted,
1312body.home .section-schedule-events { padding-top: 0 !important; padding-bottom: 0 !important; }
1313body.home .section-schedule-events.ed-sched-mounted .ed-sched-stage { padding-top: 0 !important; padding-bottom: 0 !important; }
1314html body.home .Panchang_area_home.Panchang_area_home, html body.home section.Panchang_area_home.Panchang_area_home { padding-bottom: 16px !important; }
1315
1316
1317/* === HMC: temple schedule bg + programs unified bg (added by Claude) === */
1318/* Swap the temple schedule blurred background image to the new uploaded file */
1319body.home .section-schedule-events .ed-sched-bg.blurred,
1320body.home .section-schedule-events .ed-sched-bg {
1321  background-image: url("/wp-content/themes/hunuman-mandir/assets/images/temple%20schedule%20image1.png") !important;
1322}
1323
1324/* Unify Programs header + Sunday School + Gau Seva into one seamless deep-teal background */
1325body.home .hmc-programs-header-block,
1326body.home .hmc-program-section,
1327body.home .hmc-program-section.programs-header-shown,
1328body.home .hmc-program-section.hmc-program-section--alt {
1329  background: #005f60 !important;
1330  background-image: none !important;
1331  background-color: #005f60 !important;
1332}
1333
1334
1335/* === HMC: temple schedule bg v2 (target section element) === */
1336/* Override the temple schedule background image on the SECTION element (theme custom.css sets it here) */
1337html body.home .section-schedule-events,
1338html body.home .section-schedule-events.ed-sched-mounted,
1339html body.home .section-schedule-events.section,
1340html body.home section.section-schedule-events {
1341  background-image: url("/wp-content/themes/hunuman-mandir/assets/images/temple%20schedule%20image1.png") !important;
1342  background-size: cover !important;
1343  background-position: center center !important;
1344  background-repeat: no-repeat !important;
1345}
1346
1347/* Also override the inner .ed-sched-bg layer with higher specificity */
1348html body.home .section-schedule-events .ed-sched-bg,
1349html body.home .section-schedule-events div.ed-sched-bg {
1350  background-image: url("/wp-content/themes/hunuman-mandir/assets/images/temple%20schedule%20image1.png") !important;
1351}
1352
1353
1354/* === HMC: programs unified bg v3 (specificity bump) === */
1355/* Beat theme custom.css rule html body.home .hmc-program-section (0,0,2,2) and the --alt variant (0,0,3,2) */
1356/* by chaining classes to reach (0,0,4,2)+ specificity */
1357html body.home .hmc-programs-header-block.hmc-programs-header-block,
1358html body.home .hmc-program-section.hmc-program-section,
1359html body.home .hmc-program-section.hmc-program-section.programs-header-shown,
1360html body.home .hmc-program-section.hmc-program-section.hmc-program-section--alt,
1361html body.home section.hmc-program-section.hmc-program-section,
1362html body.home section.hmc-program-section.hmc-program-section.hmc-program-section--alt {
1363  background: #005f60 !important;
1364  background-image: none !important;
1365  background-color: #005f60 !important;
1366}
1367
1368
1369/* === HMC: Pooja Services title typography match OUR PROGRAMS === */
1370/* Match the OUR PROGRAMS heading typography (font-family, size, weight, line-height, letter-spacing) */
1371/* Keep the existing warm yellowish-gold color tone */
1372html body.home .section-pooja_services h2,
1373html body.home section.section-pooja_services h2,
1374html body.home .section-pooja_services .col-md-12.text-center h2 {
1375  font-family: "Cormorant Garamond", "EB Garamond", Georgia, serif !important;
1376  font-size: 96px !important;
1377  font-weight: 500 !important;
1378  line-height: 100.8px !important;
1379  letter-spacing: 1.44px !important;
1380  text-transform: uppercase !important;
1381  font-style: normal !important;
1382  color: #e8a33d !important;
1383}
1384
1385/* Responsive scale-down for smaller screens */
1386@media (max-width: 991px){
1387  html body.home .section-pooja_services h2,
1388  html body.home section.section-pooja_services h2 {
1389    font-size: 64px !important;
1390    line-height: 1.05 !important;
1391    letter-spacing: 0.96px !important;
1392  }
1393}
1394@media (max-width: 575px){
1395  html body.home .section-pooja_services h2,
1396  html body.home section.section-pooja_services h2 {
1397    font-size: 44px !important;
1398    letter-spacing: 0.66px !important;
1399  }
1400}
1401
1402/* === HMC MOBILE TABLET RESPONSIVE PASS v2 === */
1403/* Mobile (max 575px) and Tablet (max 991px) responsive layout. Desktop 992px and up is untouched. */
1404
1405/* HEADER on phone/tablet: hide hero donate button, hide desktop menu, center the logo cluster, show hamburger on right */
1406@media (max-width: 991px){
1407  body.home .hero_donate_btn { display: none !important; }
1408  header .primary-menu-container,
1409  header .header-area-inner-n .primary-menu-container { display: none !important; }
1410
1411  header .header-area-inner-n .row.align-items-center {
1412    position: relative !important;
1413    justify-content: center !important;
1414    align-items: center !important;
1415    flex-wrap: nowrap !important;
1416    padding: 8px 12px !important;
1417  }
1418  header .header-area-inner-n .col-md-3 {
1419    flex: 0 0 auto !important;
1420    max-width: 100% !important;
1421    width: auto !important;
1422    margin: 0 auto !important;
1423    text-align: center !important;
1424    padding: 0 !important;
1425  }
1426  header .header-area-inner-n .col-md-9 {
1427    flex: 0 0 auto !important;
1428    width: auto !important;
1429    padding: 0 !important;
1430    position: static !important;
1431  }
1432  header .header-area-inner-n .col-md-3 .logo {
1433    display: flex !important;
1434    align-items: center !important;
1435    justify-content: center !important;
1436    gap: 8px !important;
1437    margin: 0 auto !important;
1438  }
1439  header .header-area-inner-n .col-md-3 .logo img {
1440    width: 64px !important;
1441    height: 64px !important;
1442    max-height: 64px !important;
1443    object-fit: contain !important;
1444  }
1445
1446  /* hamburger button - 3 bars that morph to X when active */
1447  header .btn-menu {
1448    display: inline-flex !important;
1449    flex-direction: column !important;
1450    justify-content: space-between !important;
1451    align-items: center !important;
1452    position: absolute !important;
1453    right: 14px !important;
1454    top: 50% !important;
1455    transform: translateY(-50%) !important;
1456    width: 36px !important;
1457    height: 28px !important;
1458    padding: 4px !important;
1459    background: transparent !important;
1460    border: 0 !important;
1461    cursor: pointer !important;
1462    z-index: 1001 !important;
1463  }
1464  header .btn-menu span {
1465    display: block !important;
1466    width: 100% !important;
1467    height: 3px !important;
1468    background: #142728 !important;
1469    border-radius: 2px !important;
1470    transition: transform 0.3s ease, opacity 0.2s ease !important;
1471  }
1472  header .btn-menu.active span:nth-child(1) { transform: translateY(8px) rotate(45deg) !important; }
1473  header .btn-menu.active span:nth-child(2) { opacity: 0 !important; }
1474  header .btn-menu.active span:nth-child(3) { transform: translateY(-8px) rotate(-45deg) !important; }
1475
1476  body.menu-open header .primary-menu-container,
1477  body.nav-open header .primary-menu-container,
1478  header.is-menu-open .primary-menu-container,
1479  header .header-area-inner-n.is-active .primary-menu-container {
1480    display: block !important;
1481    position: absolute !important;
1482    top: 100% !important;
1483    left: 0 !important;
1484    right: 0 !important;
1485    background: #fff !important;
1486    box-shadow: 0 8px 24px rgba(0,0,0,0.15) !important;
1487    padding: 16px 24px !important;
1488    z-index: 1000 !important;
1489  }
1490  body.menu-open header .primary-menu-container ul,
1491  body.nav-open header .primary-menu-container ul {
1492    flex-direction: column !important;
1493    align-items: flex-start !important;
1494    gap: 12px !important;
1495  }
1496}
1497
1498/* PANCHANG: hide the orange Read More button on mobile/tablet, keep VIEW PANCHANG visible */
1499@media (max-width: 991px){
1500  body.home .Panchang_area_home .btn_main.for_mobile,
1501  body.home .Panchang_area_home a.btn_main.for_mobile,
1502  body.home .page_top_banner .Panchang_area_home .btn_main.for_mobile {
1503    display: none !important;
1504  }
1505}
1506
1507/* TEMPLE SCHEDULE background image: mobile/tablet uses image.png, desktop keeps image1.png */
1508@media (max-width: 991px){
1509  html body.home .section-schedule-events,
1510  html body.home .section-schedule-events.ed-sched-mounted,
1511  html body.home .section-schedule-events.section,
1512  html body.home section.section-schedule-events {
1513    background-image: url("/wp-content/themes/hunuman-mandir/assets/images/temple%20schedule%20image.png") !important;
1514  }
1515  html body.home .section-schedule-events .ed-sched-bg,
1516  html body.home .section-schedule-events div.ed-sched-bg {
1517    background-image: url("/wp-content/themes/hunuman-mandir/assets/images/temple%20schedule%20image.png") !important;
1518  }
1519}
1520
1521/* RESPONSIVE TYPOGRAPHY for all major headings on tablet (max 991px) and phone (max 575px) */
1522@media (max-width: 991px){
1523  body.home h1 { font-size: 40px !important; line-height: 1.15 !important; }
1524  body.home h2 { font-size: 36px !important; line-height: 1.15 !important; }
1525  body.home h3 { font-size: 24px !important; line-height: 1.25 !important; }
1526
1527  body.home .Panchang_area_home h2,
1528  body.home .Panchang_area_home .heading_main_title { font-size: 36px !important; line-height: 1.15 !important; }
1529
1530  body.home .section-schedule-events h2,
1531  body.home .section-schedule-events .ed-h2 { font-size: 42px !important; line-height: 1.1 !important; letter-spacing: 0.5px !important; }
1532
1533  html body.home .section-pooja_services h2 { font-size: 56px !important; line-height: 1.05 !important; letter-spacing: 0.84px !important; }
1534
1535  body.home .hmc-ph-title { font-size: 56px !important; line-height: 1.05 !important; }
1536  body.home .hmc-program h2,
1537  body.home .hmc-program-content h2,
1538  body.home .hmc-program-content h3 { font-size: 28px !important; line-height: 1.2 !important; }
1539  body.home .hmc-program-content p,
1540  body.home .hmc-program-content { font-size: 15px !important; line-height: 1.55 !important; }
1541
1542  body.home .google-reviews h2,
1543  body.home #visit h2,
1544  body.home .hmc-padharo h2 { font-size: 36px !important; line-height: 1.15 !important; }
1545
1546  body.home p { font-size: 16px !important; line-height: 1.6 !important; }
1547}
1548@media (max-width: 575px){
1549  body.home h1 { font-size: 30px !important; }
1550  body.home h2 { font-size: 28px !important; }
1551  body.home h3 { font-size: 20px !important; }
1552  body.home .Panchang_area_home h2,
1553  body.home .Panchang_area_home .heading_main_title { font-size: 28px !important; }
1554  body.home .section-schedule-events h2,
1555  body.home .section-schedule-events .ed-h2 { font-size: 30px !important; }
1556  html body.home .section-pooja_services h2 { font-size: 38px !important; letter-spacing: 0.5px !important; }
1557  body.home .hmc-ph-title { font-size: 38px !important; }
1558  body.home .hmc-program h2,
1559  body.home .hmc-program-content h2,
1560  body.home .hmc-program-content h3 { font-size: 24px !important; }
1561  body.home .hmc-program-content p,
1562  body.home .hmc-program-content { font-size: 14px !important; }
1563  body.home .google-reviews h2,
1564  body.home #visit h2,
1565  body.home .hmc-padharo h2 { font-size: 28px !important; }
1566  body.home p { font-size: 15px !important; }
1567}
1568
1569/* SUNDAY SCHOOL + GAU SEVA cards: stack image-on-top, text-below on mobile/tablet */
1570@media (max-width: 991px){
1571  body.home .hmc-program-section .hmc-program,
1572  body.home .hmc-program-section .hmc-program.flip {
1573    grid-template-columns: 1fr !important;
1574    grid-template-rows: auto auto !important;
1575    gap: 16px !important;
1576  }
1577  body.home .hmc-program-section .hmc-program .hmc-program-img,
1578  body.home .hmc-program-section .hmc-program.flip .hmc-program-img {
1579    order: 1 !important;
1580    grid-column: 1 !important;
1581    grid-row: 1 !important;
1582    width: 100% !important;
1583    max-width: 100% !important;
1584  }
1585  body.home .hmc-program-section .hmc-program .hmc-program-img img {
1586    width: 100% !important;
1587    height: auto !important;
1588    max-height: 320px !important;
1589    object-fit: cover !important;
1590    display: block !important;
1591  }
1592  body.home .hmc-program-section .hmc-program .hmc-program-content,
1593  body.home .hmc-program-section .hmc-program.flip .hmc-program-content {
1594    order: 2 !important;
1595    grid-column: 1 !important;
1596    grid-row: 2 !important;
1597    padding: 16px 20px 24px !important;
1598    width: 100% !important;
1599  }
1600  body.home .hmc-program-section .hmc-program-wrap {
1601    padding: 0 12px !important;
1602  }
1603  html body.home .hmc-program-section.hmc-program-section,
1604  html body.home .hmc-program-section.hmc-program-section.hmc-program-section--alt {
1605    padding: 32px 12px !important;
1606  }
1607  html body.home .hmc-programs-header-block.hmc-programs-header-block {
1608    padding: 48px 16px 16px !important;
1609  }
1610}
1611
1612/* Overflow / fluid safety net for mobile */
1613@media (max-width: 991px){
1614  html, body { overflow-x: hidden !important; }
1615  body.home .container, body.home .container_max { max-width: 100% !important; padding-left: 16px !important; padding-right: 16px !important; }
1616  body.home img { max-width: 100% !important; height: auto !important; }
1617}
1618
1619
1620/* === HMC MOBILE TABLET RESPONSIVE PASS v3 (specificity bump) === */
1621/* Higher-specificity overrides for rules that lost to theme custom.css */
1622
1623@media (max-width: 991px){
1624  /* Hide desktop primary menu (beat body .header-area-inner-n .primary-menu-container display:flex !important) */
1625  html body.home header .header-area-inner-n .primary-menu-container,
1626  html body.home .header-area-inner-n .primary-menu-container,
1627  html body header .header-area .primary-menu-container { display: none !important; }
1628
1629  /* Shrink logo images on mobile (beat any theme rule) */
1630  html body.home header .header-area .logo img,
1631  html body.home header .header-area-inner-n .col-md-3 .logo img,
1632  html body.home .header-area-inner-n .logo img {
1633    width: 60px !important;
1634    height: 60px !important;
1635    max-width: 60px !important;
1636    max-height: 60px !important;
1637    object-fit: contain !important;
1638  }
1639
1640  /* Pooja Services title (beat the html body.home ... 96px desktop rule) */
1641  html body.home section.section-pooja_services h2,
1642  html body.home .section-pooja_services .col-md-12.text-center h2,
1643  html body.home section.section-pooja_services .col-md-12.text-center h2 {
1644    font-size: 48px !important;
1645    line-height: 1.05 !important;
1646    letter-spacing: 0.6px !important;
1647  }
1648}
1649@media (max-width: 575px){
1650  html body.home header .header-area .logo img,
1651  html body.home header .header-area-inner-n .col-md-3 .logo img,
1652  html body.home .header-area-inner-n .logo img {
1653    width: 52px !important;
1654    height: 52px !important;
1655    max-width: 52px !important;
1656    max-height: 52px !important;
1657  }
1658  html body.home section.section-pooja_services h2,
1659  html body.home .section-pooja_services .col-md-12.text-center h2,
1660  html body.home section.section-pooja_services .col-md-12.text-center h2 {
1661    font-size: 34px !important;
1662    letter-spacing: 0.4px !important;
1663  }
1664}
1665
1666
1667/* === HMC MOBILE TABLET RESPONSIVE PASS v4 (center logo, hamburger toggle, schedule fit) === */
1668/* Targets actual theme hamburger behaviour. On click theme JS toggles btn-menu.active and header-center-menu.open. */
1669
1670@media (max-width: 991px){
1671  /* Absolute-center logo, hamburger absolute right */
1672  html body.home header .header-area-inner-n .row.align-items-center {
1673    position: relative !important;
1674    min-height: 64px !important;
1675    justify-content: center !important;
1676    align-items: center !important;
1677    padding: 8px 56px !important;
1678  }
1679  html body.home header .header-area-inner-n .col-md-3 {
1680    position: absolute !important;
1681    left: 50% !important;
1682    top: 50% !important;
1683    transform: translate(-50%, -50%) !important;
1684    margin: 0 !important;
1685    padding: 0 !important;
1686    width: auto !important;
1687    max-width: none !important;
1688    flex: 0 0 auto !important;
1689    text-align: center !important;
1690    z-index: 2 !important;
1691  }
1692  html body.home header .header-area-inner-n .col-md-3 .logo {
1693    display: inline-flex !important;
1694    align-items: center !important;
1695    justify-content: center !important;
1696    gap: 6px !important;
1697    margin: 0 !important;
1698    padding: 0 !important;
1699  }
1700  html body.home header .header-area-inner-n .col-md-9 {
1701    position: static !important;
1702    width: 0 !important;
1703    padding: 0 !important;
1704    margin: 0 !important;
1705    flex: 0 0 auto !important;
1706  }
1707
1708  /* Keep .primary-menu-container visible (so theme JS can still find .header-center-menu inside it) */
1709  html body.home header .primary-menu-container,
1710  html body.home header .header-area-inner-n .primary-menu-container {
1711    display: block !important;
1712    background: transparent !important;
1713    position: static !important;
1714    width: auto !important;
1715    padding: 0 !important;
1716  }
1717  /* Hide the menu UL by default on mobile; show as dropdown when theme JS adds .open */
1718  html body.home header .header-center-menu {
1719    display: none !important;
1720    position: absolute !important;
1721    top: 100% !important;
1722    left: 0 !important;
1723    right: 0 !important;
1724    width: 100% !important;
1725    background: #ffffff !important;
1726    flex-direction: column !important;
1727    align-items: flex-start !important;
1728    padding: 12px 20px !important;
1729    margin: 0 !important;
1730    box-shadow: 0 8px 24px rgba(0,0,0,0.18) !important;
1731    z-index: 1000 !important;
1732    list-style: none !important;
1733    gap: 4px !important;
1734  }
1735  html body.home header .header-center-menu.open {
1736    display: flex !important;
1737  }
1738  html body.home header .header-center-menu.open li {
1739    width: 100% !important;
1740    list-style: none !important;
1741    padding: 8px 0 !important;
1742    border-bottom: 1px solid rgba(20,39,40,0.08) !important;
1743  }
1744  html body.home header .header-center-menu.open li:last-child { border-bottom: 0 !important; }
1745  html body.home header .header-center-menu.open li a {
1746    color: #142728 !important;
1747    font-family: "Lora", Georgia, serif !important;
1748    font-size: 16px !important;
1749    text-decoration: none !important;
1750    display: block !important;
1751  }
1752
1753  /* Hamburger position absolute right */
1754  html body.home header .btn-menu {
1755    display: inline-flex !important;
1756    flex-direction: column !important;
1757    justify-content: space-between !important;
1758    align-items: stretch !important;
1759    position: absolute !important;
1760    right: 14px !important;
1761    top: 50% !important;
1762    transform: translateY(-50%) !important;
1763    width: 32px !important;
1764    height: 24px !important;
1765    padding: 0 !important;
1766    background: transparent !important;
1767    border: 0 !important;
1768    cursor: pointer !important;
1769    z-index: 1001 !important;
1770  }
1771  html body.home header .btn-menu span {
1772    display: block !important;
1773    width: 100% !important;
1774    height: 3px !important;
1775    background: #142728 !important;
1776    border-radius: 2px !important;
1777    transition: transform 0.3s ease, opacity 0.2s ease !important;
1778  }
1779  html body.home header .btn-menu.active span:nth-child(1) { transform: translateY(10px) rotate(45deg) !important; }
1780  html body.home header .btn-menu.active span:nth-child(2) { opacity: 0 !important; }
1781  html body.home header .btn-menu.active span:nth-child(3) { transform: translateY(-10px) rotate(-45deg) !important; }
1782
1783  /* Logo sizing */
1784  html body.home header .header-area .logo img,
1785  html body.home header .header-area-inner-n .col-md-3 .logo img,
1786  html body.home .header-area-inner-n .logo img {
1787    width: 56px !important;
1788    height: 56px !important;
1789    max-width: 56px !important;
1790    max-height: 56px !important;
1791    object-fit: contain !important;
1792  }
1793}
1794@media (max-width: 575px){
1795  html body.home header .header-area .logo img,
1796  html body.home header .header-area-inner-n .col-md-3 .logo img,
1797  html body.home .header-area-inner-n .logo img {
1798    width: 48px !important;
1799    height: 48px !important;
1800    max-width: 48px !important;
1801    max-height: 48px !important;
1802  }
1803}
1804
1805/* TEMPLE SCHEDULE on mobile/tablet: show the full image without cropping */
1806@media (max-width: 991px){
1807  html body.home .section-schedule-events,
1808  html body.home section.section-schedule-events,
1809  html body.home .section-schedule-events.ed-sched-mounted {
1810    background-size: 100% auto !important;
1811    background-repeat: no-repeat !important;
1812    background-position: center top !important;
1813    background-color: #5e2638 !important;
1814    min-height: auto !important;
1815  }
1816  html body.home .section-schedule-events .ed-sched-bg,
1817  html body.home .section-schedule-events div.ed-sched-bg {
1818    background-size: cover !important;
1819    background-position: center top !important;
1820    background-repeat: no-repeat !important;
1821    transform: none !important;
1822    inset: 0 !important;
1823    opacity: 0.95 !important;
1824  }
1825  html body.home .section-schedule-events .ed-sched-stage {
1826    opacity: 1 !important;
1827    transform: none !important;
1828  }
1829  html body.home .section-schedule-events {
1830    padding-top: 24px !important;
1831    padding-bottom: 24px !important;
1832  }
1833}
1834
1835/* Pop-in animation when schedule section enters viewport on mobile */
1836@media (max-width: 991px){
1837  @keyframes hmc-schedule-fadein {
1838    from { opacity: 0; transform: translateY(20px); }
1839    to   { opacity: 1; transform: translateY(0); }
1840  }
1841  html body.home .section-schedule-events.ed-sched-mounted .ed-sched-stage {
1842    animation: hmc-schedule-fadein 700ms ease-out 0ms 1 both !important;
1843  }
1844}
1845
1846
1847/* === HMC MOBILE TABLET v4.1 (refine logo centering) === */
1848@media (max-width: 991px){
1849  /* Remove asymmetric padding so the logo sits at the true viewport center */
1850  html body.home header .header-area-inner-n .row.align-items-center {
1851    padding: 8px 0 !important;
1852  }
1853  /* Center logo relative to the full row width */
1854  html body.home header .header-area-inner-n .col-md-3 {
1855    left: 50% !important;
1856    right: auto !important;
1857  }
1858}
1859
1860
1861/* === HMC MOBILE TABLET v4.2 (true viewport center for logo) === */
1862@media (max-width: 991px){
1863  /* Make the header-area-inner the positioning context so logo can be true center of viewport */
1864  html body.home header .header-area-inner-n {
1865    position: relative !important;
1866  }
1867  html body.home header .container.container_max,
1868  html body.home header .header-area-inner-n .container.container_max {
1869    max-width: 100% !important;
1870    width: 100% !important;
1871    margin: 0 !important;
1872    padding: 0 !important;
1873  }
1874  html body.home header .header-area-inner-n .row.align-items-center {
1875    margin: 0 !important;
1876    padding: 8px 0 !important;
1877    width: 100% !important;
1878  }
1879}
1880
1881/* === LP MANDALA STICKY MOBILE FIX === */
1882/* Force the .lp-mandala-fixed background mandala to stay visually fixed
1883   on tablet & mobile, matching desktop behavior. The body has
1884   overflow-y:auto which makes position:sticky stick to the body scroll
1885   container and behave inconsistently on iOS Safari / Android during
1886   momentum scrolling. Using position:fixed locks it to the viewport. */
1887@media (max-width: 1024px){
1888  .lp-mandala-fixed{
1889    position: fixed !important;
1890    top: 0 !important;
1891    left: 0 !important;
1892    right: 0 !important;
1893    width: 100vw !important;
1894    height: 100vh !important;
1895    height: 100dvh !important;
1896    margin: 0 !important;
1897    pointer-events: none !important;
1898    z-index: 0 !important;
1899    display: flex !important;
1900    align-items: center !important;
1901    justify-content: center !important;
1902  }
1903  .lp-mandala-fixed img{
1904    width: min(820px, 82vw) !important;
1905    height: min(820px, 82vw) !important;
1906    opacity: 0.32 !important;
1907  }
1908  /* Ensure the flow container does not clip the fixed child */
1909  .lp-flow{ overflow: visible !important; }
1910  /* Keep all real sections above the mandala layer */
1911  .lp-flow > section{ position: relative; z-index: 2; }
1912}
1913/* === END LP MANDALA STICKY MOBILE FIX === */
1914
1915/* === LP POOJA CARD ALIGNMENT === */
1916/* Align all Book Now buttons at the same level slightly above the
1917   card bottom, centered horizontally, with the price a bit above. */
1918.lp-card{ display: flex !important; flex-direction: column !important; }
1919.lp-card__body{
1920  display: flex !important;
1921  flex-direction: column !important;
1922  flex: 1 1 auto !important;
1923  padding-bottom: 28px !important;
1924  text-align: center;
1925}
1926/* Push the price to the bottom of the body so the price + CTA group
1927   pins to the same vertical level across all cards. */
1928.lp-card__body .lp-card__price{
1929  margin-top: auto !important;
1930  margin-bottom: 14px !important;
1931  text-align: center;
1932}
1933/* CTA: centered horizontally, pinned to bottom when no price exists. */
1934.lp-card__body .lp-card__cta{
1935  margin-top: auto !important;
1936  margin-bottom: 0 !important;
1937  margin-left: auto !important;
1938  margin-right: auto !important;
1939  align-self: center !important;
1940  text-align: center;
1941}
1942/* When a price precedes the CTA, do not push CTA away from price. */
1943.lp-card__body .lp-card__price + .lp-card__cta{
1944  margin-top: 0 !important;
1945}
1946/* === END LP POOJA CARD ALIGNMENT === */
1947
1948
1949
1950
1951
1952
1953/* === LP TOP NAV LINK RESTYLE === */
1954/* Top nav link restyle. Higher-specificity selector includes
1955   #primary-menu-list ID to override theme rules that use that ID. */
1956html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a{
1957  position: relative !important;
1958  display: inline-block !important;
1959  font-family: 'Inter', sans-serif !important;
1960  font-size: 13px !important;
1961  font-weight: 600 !important;
1962  letter-spacing: 0.18em !important;
1963  text-transform: uppercase !important;
1964  color: #2A2620 !important;
1965  padding: 8px 4px !important;
1966  transform-origin: center center !important;
1967  transition: color 280ms cubic-bezier(0.22, 1, 0.36, 1), transform 280ms cubic-bezier(0.22, 1, 0.36, 1) !important;
1968  text-decoration: none !important;
1969  will-change: transform;
1970}
1971html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a::before,
1972html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a::after{
1973  content: '\2726' !important;
1974  position: absolute !important;
1975  top: 50% !important;
1976  color: #F4A300 !important;
1977  font-size: 14px !important;
1978  line-height: 1 !important;
1979  opacity: 0 !important;
1980  pointer-events: none !important;
1981  transition: opacity 360ms cubic-bezier(0.34, 1.56, 0.64, 1), transform 360ms cubic-bezier(0.34, 1.56, 0.64, 1) !important;
1982}
1983html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a::before{
1984  left: -14px !important;
1985  transform: translateY(-50%) translateX(0) scale(0.4) !important;
1986}
1987html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a::after{
1988  right: -14px !important;
1989  transform: translateY(-50%) translateX(0) scale(0.4) !important;
1990}
1991html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a:hover,
1992html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a:focus-visible{
1993  color: #B0321F !important;
1994  transform: scale(1.14) !important;
1995}
1996html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a:hover::before,
1997html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a:focus-visible::before{
1998  opacity: 1 !important;
1999  transform: translateY(-50%) translateX(-6px) scale(1) !important;
2000}
2001html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a:hover::after,
2002html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a:focus-visible::after{
2003  opacity: 1 !important;
2004  transform: translateY(-50%) translateX(6px) scale(1) !important;
2005}
2006/* === END LP TOP NAV LINK RESTYLE === */
2007
2008
2009/* === FIX UNDERLINE OVERLAP === */
2010/* The existing decorative ✦ ::after is positioned at top: 50% (vertical center) which causes
2011   it to overlap the menu text. Reposition it to sit just below the text (link bottom). */
2012html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a {
2013  padding-top: 8px !important;
2014  padding-bottom: 16px !important;
2015  position: relative !important;
2016}
2017html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a::after,
2018html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a:hover::after,
2019html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a:focus-visible::after {
2020  top: auto !important;
2021  bottom: 0 !important;
2022  height: 2px !important;
2023  transform: translateY(0) translateX(6px) scale(1) !important;
2024}
2025html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a::after {
2026  transform: translateY(0) translateX(0) scale(0.4) !important;
2027}
2028
2029
2030/* ============================================
2031   MOBILE VIEW ADJUSTMENTS (added by Claude) - v2
2032   ============================================ */
2033@media (max-width: 991px) {
2034
2035  /* 1. Top logo: shift ~10% left from current centered position */
2036  html body header .col-md-3 .logo,
2037  html body header .logo {
2038    transform: translateX(-15%) !important;
2039  }
2040
2041  /* 2. Hamburger menu items: change link color from white to Kesari Orange.
2042     Match the high-specificity selector used by the theme. */
2043  html:not(#x):not(#y):not(#z):not(#w) body.home ul#primary-menu-list.header-center-menu > li > a,
2044  html:not(#x):not(#y):not(#z):not(#w) body.home ul#primary-menu-list.header-center-menu > li.menu-item > a,
2045  html:not(#x):not(#y):not(#z):not(#w) body.home ul#primary-menu-list.header-center-menu.open > li > a,
2046  html:not(#x):not(#y):not(#z):not(#w) body.home ul#primary-menu-list.header-center-menu.open > li.menu-item > a,
2047  html:not(#x):not(#y):not(#z):not(#w) body.home header .header-area ul.header-center-menu li a {
2048    color: #FF9933 !important;
2049  }
2050  html:not(#x):not(#y):not(#z):not(#w) body.home ul#primary-menu-list.header-center-menu > li > a:hover,
2051  html:not(#x):not(#y):not(#z):not(#w) body.home ul#primary-menu-list.header-center-menu > li > a:focus {
2052    color: #B0321F !important;
2053  }
2054
2055  /* 3. Temple Schedule: stack each row's name above its timings (symmetrical centered layout) */
2056  html body .section-schedule-events .ed-schedule-row {
2057    display: block !important;
2058    grid-template-columns: 1fr !important;
2059    text-align: center !important;
2060    padding: 10px 8px !important;
2061  }
2062  html body .section-schedule-events .ed-schedule-row > * {
2063    display: block !important;
2064    grid-column: 1 / -1 !important;
2065    text-align: center !important;
2066    width: 100% !important;
2067    margin: 2px 0 !important;
2068  }
2069  html body .section-schedule-events .ed-schedule-row .ed-arrow-cell {
2070    display: none !important;
2071  }
2072  /* Reduce schedule overall font so each timing line fits in one line */
2073  html body .section-schedule-events,
2074  html body .section-schedule-events .ed-schedule-row,
2075  html body .section-schedule-events .ed-tiny,
2076  html body .section-schedule-events .ed-name {
2077    font-size: 13px !important;
2078    line-height: 1.35 !important;
2079    white-space: normal !important;
2080  }
2081  html body .section-schedule-events .ed-name {
2082    font-size: 15px !important;
2083    font-weight: 600 !important;
2084  }
2085  html body .section-schedule-events .ed-deva {
2086    font-size: 12px !important;
2087  }
2088  html body .section-schedule-events .ed-h2 {
2089    font-size: 22px !important;
2090  }
2091
2092  /* 4. Our Programs / 'Service to community' title: reduce space below so it sits closer to the cards */
2093  html body .hmc-programs-header-block {
2094    padding-top: 8px !important;
2095    padding-bottom: 0 !important;
2096    margin-bottom: -16px !important;
2097  }
2098  html body .hmc-programs-header-block .hmc-ph-title {
2099    margin-bottom: 2px !important;
2100  }
2101  html body .hmc-programs-header-block .hmc-ph-subtitle {
2102    margin-bottom: 0 !important;
2103    padding-bottom: 0 !important;
2104  }
2105  html body .hmc-programs-header-block + .hmc-program-section,
2106  html body .lp-flow .hmc-program-section:first-of-type {
2107    margin-top: 0 !important;
2108    padding-top: 8px !important;
2109  }
2110
2111  /* 5. Footer links & content: center align on mobile */
2112  html body footer .col-md-3,
2113  html body footer .col-md-4,
2114  html body footer .col-md-2,
2115  html body footer .col-md-12,
2116  html body footer .col-md-6,
2117  html body footer .copy_right {
2118    text-align: center !important;
2119  }
2120  html body footer ul,
2121  html body footer .menu-wrapper,
2122  html body footer .menu-footer,
2123  html body footer .social_links,
2124  html body footer .fixed_social_links {
2125    text-align: center !important;
2126    justify-content: center !important;
2127    padding-left: 0 !important;
2128    list-style: none !important;
2129    display: block !important;
2130  }
2131  html body footer ul li {
2132    display: block !important;
2133    text-align: center !important;
2134    margin: 0 auto !important;
2135    float: none !important;
2136  }
2137  html body footer .social_links li,
2138  html body footer .fixed_social_links li {
2139    display: inline-block !important;
2140  }
2141}  /* 3b. Schedule: center the event names too for true symmetry */
2142  html body .section-schedule-events .ed-schedule-row .ed-name,
2143  html body .section-schedule-events .ed-schedule-row .ed-deva {
2144    text-align: center !important;
2145    width: 100% !important;
2146    display: block !important;
2147  }
2148
2149  /* 4a. Override the 110px top offset on program cards that creates large empty space on mobile */
2150  html body.home .hmc-program-section .hmc-program,
2151  html body.home .hmc-program-section .hmc-program.flip {
2152    top: 0 !important;
2153  }
2154  /* Also collapse the extra empty space at the bottom of the section that the 110px offset previously balanced */
2155  html body .hmc-program-section {
2156    padding-bottom: 32px !important;
2157  }
2158  /* 4b. Programs section: remove min-height creating empty space, tighten container padding */
2159  html body .hmc-program-section,
2160  html body .hmc-program-section.hmc-program-section--alt {
2161    min-height: 0 !important;
2162    padding: 0 16px 32px !important;
2163  }
2164  html body .hmc-program-section .hmc-program-wrap {
2165    padding: 0 !important;
2166  }
2167  html body .hmc-programs-header-block {
2168    padding-top: 12px !important;
2169    padding-bottom: 4px !important;
2170    margin-bottom: 0 !important;
2171  }
2172  html body .hmc-programs-header-block + .hmc-program-section,
2173  html body .lp-flow .hmc-program-section:first-of-type {
2174    margin-top: 0 !important;
2175    padding-top: 4px !important;
2176  }
2177}
2178
2179
2180/* ============================================================ */
2181/* MOBILE VIEW ADJUSTMENTS V3 (added by Claude)                  */
2182/* ============================================================ */
2183
2184/* --- 1. Hide hero image/video on phone, show Temple Schedule directly --- */
2185@media (max-width: 991px) {
2186  .page_top_banner .container_max_banner,
2187  .page_top_banner #hero-bg-video,
2188  .page_top_banner .content-area-banner {
2189    display: none !important;
2190    height: 0 !important;
2191    min-height: 0 !important;
2192  }
2193  .page_top_banner {
2194    min-height: 0 !important;
2195    height: auto !important;
2196    padding-top: 0 !important;
2197    padding-bottom: 0 !important;
2198  }
2199  .page_top_banner .container.container_max {
2200    margin-top: 0 !important;
2201    padding-top: 12px !important;
2202  }
2203  /* Disable any entry animation that delays temple schedule */
2204  .section-schedule-events,
2205  .section-schedule-events * {
2206    animation: none !important;
2207    opacity: 1 !important;
2208    transform: none !important;
2209    transition: none !important;
2210  }
2211  .section-schedule-events {
2212    visibility: visible !important;
2213  }
2214}
2215
2216/* --- 2. Upcoming Events cards: fix being chopped on phone --- */
2217@media (max-width: 991px) {
2218  .lp-flow,
2219  .lp-card-wrap,
2220  .lp-cards-grid,
2221  [class*="lp-card"] {
2222    box-sizing: border-box !important;
2223  }
2224  .lp-card-wrap {
2225    padding-left: 12px !important;
2226    padding-right: 12px !important;
2227  }
2228  .lp-card {
2229    max-width: calc(100vw - 32px) !important;
2230    width: calc(100vw - 32px) !important;
2231    margin-left: auto !important;
2232    margin-right: auto !important;
2233    box-sizing: border-box !important;
2234  }
2235  .lp-card img,
2236  .lp-card__image,
2237  .lp-card__image img {
2238    max-width: 100% !important;
2239    width: 100% !important;
2240    height: auto !important;
2241  }
2242}
2243
2244/* --- 3. Sunday School / Our Programs card: widen on phone --- */
2245@media (max-width: 991px) {
2246  .hmc-program-section,
2247  .hmc-program-wrap,
2248  .hmc-program {
2249    padding-left: 8px !important;
2250    padding-right: 8px !important;
2251    box-sizing: border-box !important;
2252  }
2253  .hmc-program {
2254    max-width: calc(100vw - 16px) !important;
2255    width: calc(100vw - 16px) !important;
2256    margin-left: auto !important;
2257    margin-right: auto !important;
2258  }
2259  .hmc-program-content {
2260    width: 100% !important;
2261    max-width: 100% !important;
2262    padding-left: 16px !important;
2263    padding-right: 16px !important;
2264    box-sizing: border-box !important;
2265  }
2266  .hmc-program-title,
2267  .hmc-program-quote,
2268  .hmc-program-body,
2269  .hmc-program-cta {
2270    max-width: 100% !important;
2271  }
2272  .hmc-program-img {
2273    width: 100% !important;
2274    max-width: 100% !important;
2275  }
2276}
2277
2278/* --- 4. Our Story section text: spread width, fit title in 2 lines --- */
2279@media (max-width: 991px) {
2280  .section-temple-location .container.container_max,
2281  .section-temple-location .row {
2282    padding-left: 8px !important;
2283    padding-right: 8px !important;
2284  }
2285  .section-temple-location .col-md-8,
2286  .section-temple-location .col-md-8.text-center {
2287    width: 100% !important;
2288    max-width: 100% !important;
2289    flex: 0 0 100% !important;
2290    padding-left: 8px !important;
2291    padding-right: 8px !important;
2292  }
2293  .section-temple-location .col-md-8 p,
2294  .section-temple-location .col-md-8 h2,
2295  .section-temple-location .col-md-8 .lp-about__subtitle,
2296  .section-temple-location .col-md-8 .lp-about__eyebrow {
2297    max-width: 100% !important;
2298    width: 100% !important;
2299    padding-left: 4px !important;
2300    padding-right: 4px !important;
2301    word-wrap: break-word !important;
2302    overflow-wrap: break-word !important;
2303  }
2304  /* Force "HANUMAN MANDIR OF GREATER CHICAGO" into 2 lines */
2305  .section-temple-location .col-md-8 h2,
2306  .section-temple-location h2:not(.line_heading) {
2307    font-size: 22px !important;
2308    line-height: 1.25 !important;
2309    letter-spacing: 0.5px !important;
2310    word-spacing: 2px !important;
2311    white-space: normal !important;
2312    hyphens: none !important;
2313  }
2314}
2315
2316/* --- 5. Pooja Services PAGE: match home carousel card design (ALL views) --- */
2317.section-pooja_services.pooja_services_list_inside .pooja_services_outrer {
2318  background: #FFFCF3 !important;
2319  border: 1px solid rgba(212, 175, 55, 0.55) !important;
2320  border-radius: 20px !important;
2321  box-shadow: 0 14px 32px -16px rgba(122, 28, 28, 0.4) !important;
2322  padding: 0 !important;
2323  overflow: visible !important;
2324  position: relative !important;
2325  transition: transform .3s ease, box-shadow .3s ease !important;
2326}
2327.section-pooja_services.pooja_services_list_inside .pooja_services_outrer:hover {
2328  transform: translateY(-4px) !important;
2329  box-shadow: 0 22px 50px -20px rgba(122, 28, 28, 0.5) !important;
2330}
2331.section-pooja_services.pooja_services_list_inside .pooja_services_outrer .img_shadow {
2332  border-radius: 16px !important;
2333  overflow: hidden !important;
2334  margin: 14px 14px 0 !important;
2335  background: transparent !important;
2336  box-shadow: none !important;
2337}
2338.section-pooja_services.pooja_services_list_inside .pooja_services_outrer .img_shadow img {
2339  border-radius: 16px !important;
2340  width: 100% !important;
2341  height: 322px !important;
2342  display: block !important;
2343  object-fit: cover !important;
2344}
2345.section-pooja_services.pooja_services_list_inside .pooja_services_outrer .product_txt {
2346  padding: 20px 20px 28px !important;
2347  text-align: center !important;
2348  background: transparent !important;
2349}
2350.section-pooja_services.pooja_services_list_inside .pooja_services_outrer .product_txt::before {
2351  content: "SACRED OFFERING" !important;
2352  display: block !important;
2353  color: #E85D1A !important;
2354  font-family: Lora, Georgia, serif !important;
2355  font-size: 10px !important;
2356  font-weight: 700 !important;
2357  letter-spacing: 2.2px !important;
2358  text-transform: uppercase !important;
2359  margin: 0 0 8px !important;
2360  text-align: center !important;
2361}
2362.section-pooja_services.pooja_services_list_inside .pooja_services_outrer .product_txt h4 {
2363  color: #142728 !important;
2364  font-family: "Cormorant Garamond", Georgia, serif !important;
2365  font-size: 21px !important;
2366  font-weight: 600 !important;
2367  line-height: 1.3 !important;
2368  margin: 0 0 10px !important;
2369  text-align: center !important;
2370  position: relative !important;
2371}
2372.section-pooja_services.pooja_services_list_inside .pooja_services_outrer .product_txt h4 br {
2373  display: none !important;
2374}
2375.section-pooja_services.pooja_services_list_inside .pooja_services_outrer .product_txt h4 >
2375 span:not(.price) {
2376  display: block !important;
2377  width: 36px !important;
2378  height: 1px !important;
2379  background: #D4AF37 !important;
2380  margin: 12px auto !important;
2381  font-size: 0 !important;
2382  line-height: 0 !important;
2383}
2384.section-pooja_services.pooja_services_list_inside .pooja_services_outrer .product_txt h4 .price {
2385  display: block !important;
2386  color: #E85D1A !important;
2387  font-family: Lora, Georgia, serif !important;
2388  font-size: 32px !important;
2389  font-weight: 600 !important;
2390  letter-spacing: normal !important;
2391  text-transform: none !important;
2392  margin: 6px 0 18px !important;
2393  text-align: center !important;
2394}
2395.section-pooja_services.pooja_services_list_inside .pooja_services_outrer .btn_main_red,
2396.section-pooja_services.pooja_services_list_inside .pooja_services_outrer a.btn_main_red.pooja_booking {
2397  display: inline-block !important;
2398  background: linear-gradient(135deg, #F4A300, #E85D1A) !important;
2399  color: #FFFFFF !important;
2400  padding: 12px 26px !important;
2401  border: 0 !important;
2402  border-radius: 999px !important;
2403  font-size: 11px !important;
2404  font-weight: 700 !important;
2405  letter-spacing: 2.42px !important;
2406  text-transform: uppercase !important;
2407  box-shadow: 0 8px 20px -8px rgba(232, 93, 26, 0.55) !important;
2408  text-decoration: none !important;
2409  font-family: Lora, Georgia, serif !important;
2410  transition: transform .25s ease, box-shadow .25s ease !important;
2411}
2412.section-pooja_services.pooja_services_list_inside .pooja_services_outrer .btn_main_red:hover {
2413  transform: translateY(-2px) !important;
2414  box-shadow: 0 12px 26px -8px rgba(232, 93, 26, 0.7) !important;
2415  color: #FFFFFF !important;
2416}
2417.section-pooja_services.pooja_services_list_inside .pooja_services_outrer .btn_main_red::after {
2418  content: " \2192" !important;
2419  margin-left: 6px !important;
2420  display: inline !important;
2421}
2422
2423/* --- 1. Move logo ~10% left on phone (override prior translateX values) --- */
2424  header .col-md-3 .logo,
2425  .header-area .logo,
2426  .logo {
2427    transform: translateX(-10%) !important;
2428    -webkit-transform: translateX(-10%) !important;
2429  }
2430
2431  /* --- 2. Hide Temple Schedule background image + disable scroll-up animation --- */
2432  .section-schedule-events {
2433    background-image: none !important;
2434  }
2435  /*.section-schedule-events .ed-sched-bg,
2436  .section-schedule-events .ed-sched-light,
2437  .section-schedule-events [class*="ed-sched-bg"] {
2438    display: none !important;
2439    background-image: none !important;
2440    opacity: 0 !important;
2441  }*/
2442
2443  /* Kill any reveal/scroll-up animation on temple schedule on phone 
2444  .section-schedule-events,
2445  .section-schedule-events *,
2446  .section-schedule-events .wow,
2447  .section-schedule-events .animated,
2448  .section-schedule-events [class*="fadeIn"],
2449  .section-schedule-events [class*="slideUp"],
2450  .section-schedule-events [data-aos],
2451  .section-schedule-events [class*="ed-sched-"] {
2452    animation: none !important;
2453    -webkit-animation: none !important;
2454    transition: none !important;
2455    transform: none !important;
2456    opacity: 1 !important;
2457    visibility: visible !impo
2458rtant;
2459  }*/
2460  /* Re-allow ed-sched-bg/light to remain hidden via display none above 
2461  .section-schedule-events .ed-sched-bg,
2462  .section-schedule-events .ed-sched-light {
2463    opacity: 0 !important;
2464  }*/
2465
2466  /* --- 3. Upcoming Events cards: center align --- */
2467  .lp-flow {
2468    text-align: center !important;
2469  }
2470  .lp-card-wrap {
2471    display: flex !important;
2472    flex-direction: column !important;
2473    align-items: center !important;
2474    justify-content: center !important;
2475    padding-left: 12px !important;
2476    padding-right: 12px !important;
2477    box-sizing: border-box !important;
2478  }
2479  .lp-card {
2480    margin-left: auto !important;
2481    margin-right: auto !important;
2482    float: none !important;
2483  }
2484
2485  /* --- 4. Sunday School (.hmc-program) must FIT screen, not be cropped --- */
2486  html, body {
2487    overflow-x: hidden !important;
2488    max-width: 100vw !important;
2489  }
2490  .hmc-program-section,
2491  .hmc-program-section .hmc-program-wrap {
2492    width: 100% !important;
2493    max-width: 100vw !important;
2494    margin-left: 0 !important;
2495    margin-right: 0 !important;
2496    padding-left: 12px !important;
2497    padding-right: 12px !important;
2498    box-sizing: border-box !important;
2499    overflow: hidden !important;
2500  }
2501  .hmc-program {
2502    width: auto !important;
2503    max-width: calc(100vw - 24px) !important;
2504    margin-left: auto !important;
2505    margin-right: auto !important;
2506    box-sizing: border-box !important;
2507    left: auto !important;
2508    right: auto !important;
2509    transform: none !important;
2510    position: relative !important;
2511    top: 0 !important;
2512  }
2513  .hmc-program > *,
2514  .hmc-program-img,
2515  .hmc-program-content,
2516  .hmc-program img {
2517    max-width: 100% !important;
2518    box-sizing: border-box !important;
2519  }
2520  .hmc-program-img img {
2521    width: 100% !important;
2522    height: auto !important;
2523  }
2524}
2525
2526/* ============== END V4 ============== */
2527
2528
2529/* ============================================================ */
2530/* MOBILE VIEW ADJUSTMENTS V5 - higher-specificity patches       */
2531/* ============================================================ */
2532@media (max-width: 991px) {
2533  html body.home .section-schedule-events,
2534  html body.home .section-schedule-events.ed-sched-mounted,
2535  html body.home .section-schedule-events.section,
2536  html body.home section.section-schedule-events {
2537    background-image: none !important;
2538    background: linear-gradient(#FFF4DD 0%, #FBEFD4 100%) !important;
2539  }
2540  html body.home .section-schedule-events .ed-sched-bg,
2541  html body.home .section-schedule-events div.ed-sched-bg,
2542  html body.home .section-schedule-events .ed-sched-bg.blurred,
2543  html body.home .section-schedule-events .ed-sched-light,
2544  html body.home .section-schedule-events .ed-sched-bg::before,
2545  html body.home .section-schedule-events .ed-sched-bg::after {
2546    display: none !important;
2547    background-image: none !important;
2548    background: transparent !important;
2549    opacity: 0 !important;
2550    visibility: hidden !important;
2551  }
2552  html body.home .section-schedule-events,
2553  html body.home .section-schedule-events * {
2554    animation: none !important;
2555    -webkit-animation: none !important;
2556    animation-duration: 0s !important;
2557    transition: none !important;
2558    opacity: 1 !important;
2559    transform: none !important;
2560  }
2561  html body.home .section-schedule-events .ed-sched-bg,
2562  html body.home .section-schedule-events .ed-sched-light {
2563    opacity: 0 !important;
2564  }
2565}
2566/* ============== END V5 ============== */
2567
2568
2569/* ===== claude-mobile-fixes ===== */
2570/* Mobile UI fixes: logo centering, event card, about title, sunday school card, pooja services image, hamburger menu */
2571@media (max-width: 767px) {
2572  /* 1. Shift logo left so it appears visually centered (away from hamburger menu) */
2573  html body.home header .header-area-inner-n .col-md-3 {
2574    left: 44% !important;
2575  }
2576  /* 2. Center the upcoming event card */
2577  .lp-events .lp-grid {
2578    justify-content: center !important;
2579  }
2580  .lp-events .lp-card-wrap {
2581    width: 100% !important;
2582    max-width: 100% !important;
2583    padding: 0 !important;
2584    box-sizing: border-box !important;
2585  }
2586  .lp-events .lp-card {
2587    margin-left: auto !important;
2588    margin-right: auto !important;
2589  }
2590  /* 3. "Hanuman Mandir of Greater Chicago" title - smaller font, fit 2 lines, remove extra padding */
2591  html body section.hmc-about .hmc-about-content h2.hmc-about-title,
2592  html body section.hmc-about h2.hmc-about-title,
2593  html body .lp-flow .hmc-about h2.hmc-about-title {
2594    font-size: 26px !important;
2595    line-height: 1.15 !important;
2596    padding-top: 0 !important;
2597    padding-bottom: 0 !important;
2598    margin-top: 0 !important;
2599    margin-bottom: 8px !important;
2600  }
2601  /* 4. Increase Sunday School / program card width so it doesn't get cropped */
2602  html body .lp-flow > .hmc-program-section.programs-header-shown,
2603  html body .hmc-program-section,
2604  html body.home .hmc-program-section.hmc-program-section {
2605    padding-left: 12px !important;
2606    padding-right: 12px !important;
2607  }
2608  /* 5. Increase pooja services image container height so full image is visible */
2609  body .pooja_services_outrer .img_shadow,
2610  .section-pooja_services .pooja_services_outrer .img_shadow {
2611    aspect-ratio: 1 / 1 !important;
2612    height: auto !important;
2613    min-height: 300px !important;
2614  }
2615  body .pooja_services_outrer .img_shadow img,
2616  .section-pooja_services .pooja_services_outrer .img_shadow img {
2617    width: 100% !important;
2618    height: 100% !important;
2619    object-fit: cover !important;
2620  }
2621}
2622/* 6. Hamburger menu: center align items, remove black text shadow */
2623@media (max-width: 991px) {
2624  html body header .header-center-menu.open,
2625  html body.home header .header-center-menu.open {
2626    align-items: center !important;
2627    text-align: center !important;
2628  }
2629  html body header .header-center-menu.open li,
2630  html body.home header .header-center-menu.open li {
2631    text-align: center !important;
2632    width: 100% !important;
2633  }
2634  html body header .header-center-menu.open li a,
2635  html body.home header .header-center-menu.open li a,
2636  html body .header-area ul.header-center-menu li a {
2637    text-align: center !important;
2638    text-shadow: none !important;
2639    display: block !important;
2640    margin-left: 0 !important;
2641    width: 100% !important;
2642  }
2643}
2644/* ===== end claude-mobile-fixes ===== */
2645
2646
2647/* CLAUDE-RESTORE-SCHEDULE-ANIM START */
2648/* Purpose: pin the temple image fullscreen, dim+blur it, and overlay the
2649   schedule on top. Pin holds for one viewport then releases directly into
2650   the next section. No empty space.
2651   Notes (for future maintainers):
2652   - The theme sets body{overflow-x:hidden} which, per the CSS spec, forces
2653     body's overflow-y to "auto" (the two axes can't be independent like
2654     hidden+visible). That made body a scroll-container and broke
2655     position:sticky on the pin. The fix is overflow-x:clip + overflow-y:
2656     visible, which keeps the horizontal scrollbar suppressed without
2657     turning body into a scroll-container.
2658   - The schedule's row container (.ed-sched-list) is held opacity:0 by the
2659     theme's own scroll-driven JS. We force it visible so it always shows.
2660   To REVERT: delete everything between START and END markers (inclusive). */
2661
2662/* 0. Make html the only scroll container so position:sticky works. */
2663html body.home {
2664  overflow-x: clip !important;
2665  overflow-y: visible !important;
2666}
2667
2668/* 1. Stage runway: 200vh so the pin holds for one full viewport then
2669      releases directly into the next section. */
2670html body.home .section-schedule-events .ed-sched-stage.ed-sched-stage,
2671html body.home .section-schedule-events.ed-sched-mounted .ed-sched-stage.ed-sched-stage {
2672  height: 200vh !important;
2673  min-height: 200vh !important;
2674  max-height: 200vh !important;
2675  aspect-ratio: auto !important;
2676  padding-top: 0 !important;
2677  padding-bottom: 0 !important;
2678  margin-bottom: 0 !important;
2679  position: relative !important;
2680  overflow: visible !important;
2681}
2682
2683/* 2. Pin = sticky 100vh. */
2684html body.home .section-schedule-events .ed-sched-pin.ed-sched-pin,
2685html body.home .section-schedule-events.ed-sched-mounted .ed-sched-pin.ed-sched-pin {
2686  position: sticky !important;
2687  top: 0 !important;
2688  height: 100vh !important;
2689  min-height: 100vh !important;
2690  max-height: 100vh !important;
2691  aspect-ratio: auto !important;
2692  overflow: hidden !important;
2693}
2694
2695/* 3. Background image fills the pin, dimmed and blurred for legibility. */
2696html body.home .section-schedule-events .ed-sched-pin .ed-sched-bg.ed-sched-bg {
2697  position: absolute !important;
2698  inset: 0 !important;
2699  width: 100% !important;
2700  height: 100% !important;
2701  z-index: 1 !important;
2702  filter: blur(6px) brightness(0.3) !important;
2703}
2704
2705/* 4. Schedule stack overlays the pin. */
2706html body.home .section-schedule-events .ed-sched-pin .ed-sched-stack.ed-sched-stack {
2707  position: absolute !important;
2708  left: 0 !important;
2709  right: 0 !important;
2710  top: 0 !important;
2711  width: 100% !important;
2712  height: 100% !important;
2713  z-index: 3 !important;
2714  display: flex !important;
2715  flex-direction: column !important;
2716  justify-content: center !important;
2717  align-items: center !important;
2718  transform: none !important;
2719  opacity: 1 !important;
2720}
2721
2722/* 5. The theme's scroll-driven JS hides .ed-sched-list until its own
2723      animation triggers; in this layout we need it always visible. */
2724html body.home .section-schedule-events .ed-sched-stack .ed-sched-list {
2725  opacity: 1 !important;
2726  transform: none !important;
2727}
2728
2729/* 6. Make every schedule row fully visible (override any opacity/transform
2730      held by competing scripts). */
2731html body.home .section-schedule-events .ed-sched-stack .ed-schedule-row {
2732  opacity: 1 !important;
2733  transform: none !important;
2734}
2735
2736/* 7. Light + watermark layer above bg, below stack. */
2737html body.home .section-schedule-events .ed-sched-pin .ed-sched-light { z-index: 2 !important; }
2738html body.home .section-schedule-events .ed-sched-pin .ed-sched-watermark { z-index: 2 !important; }
2739
2740/* 8. Remove bottom margin/padding so the next section butts in. */
2741html body.home section.section-schedule-events,
2742html body.home section.section-schedule-events.ed-sched-mounted {
2743  margin-bottom: 0 !important;
2744  padding-bottom: 0 !important;
2745}
2746
2747/* 9. Disable competing legacy fade. */
2748@media (max-width: 991px) {
2749  html body.home .section-schedule-events.ed-sched-mounted .ed-sched-stage {
2750    animation: none !important;
2751  }
2752}
2753
2754/* 10. Mobile: shorter stage. */
2755@media (max-width: 900px) {
2756  html body.home .section-schedule-events .ed-sched-stage.ed-sched-stage,
2757  html body.home .section-schedule-events.ed-sched-mounted .ed-sched-stage.ed-sched-stage {
2758    height: 180vh !important;
2759    min-height: 180vh !important;
2760    max-height: 180vh !important;
2761  }
2762}
2763
2764/* 11. Hide the "Shree" devanagari watermark in the schedule pin (per user request). */
2765html body.home .section-schedule-events .ed-sched-pin .ed-sched-watermark {
2766  display: none !important;
2767}
2768/* CLAUDE-RESTORE-SCHEDULE-ANIM END */
2769
2770/* CLAUDE-POOJA-MOBILE-PERF START — added 2026-06-15 (DJ). Mobile-only GPU compositing hints for the Pooja Services animations (auto-scroll carousel + diya glows). No visual, layout, or behaviour change — only tells the phone to render these existing animations on the GPU layer so scrolling no longer sticks. Remove this entire block (START to END) to fully revert. */
2771@media (max-width: 700px){
2772  .lp-poojas .lp-diya-glow{
2773    will-change: transform, opacity;
2774    -webkit-backface-visibility: hidden;
2775    backface-visibility: hidden;
2776  }
2777  .lp-poojas .lp-carousel-track{
2778    will-change: transform;
2779    -webkit-backface-visibility: hidden;
2780    backface-visibility: hidden;
2781  }
2782}
2783/* CLAUDE-POOJA-MOBILE-PERF END */
2784
2785/* CLAUDE-TEMPLE-SCHEDULE-CENTER START — added 2026-06-22 (DJ). Centers the Temple Schedule card on laptop/desktop (viewport >
2785=1241px) only. The card is position:absolute; left:0 with max-width:1240px, so auto side-margins center it. Gated by min-width so tablet/phone (<=1240px) are NOT affected. Remove this entire block to revert. */
2786@media (min-width: 1241px){
2787  html body.home .section-schedule-events .ed-sched-stack{
2788    margin-left: auto !important;
2789    margin-right: auto !important;
2790  }
2791}
2792/* CLAUDE-TEMPLE-SCHEDULE-CENTER END */
2793
2794/* CLAUDE-EVENTS-CAROUSEL-CSS START — added 2026-06-22 (DJ). Carousel styling for the Upcoming Events (.lp-events) section, cloned from Pooja Services so it matches at all sizes. Pairs with the footer.php script block (CLAUDE-EVENTS-CAROUSEL). Remove this whole block to revert. */
2795/* events carousel cloned from pooja */
2796@media (max-width: 700px) { html body.home .lp-flow .lp-events .lp-grid.lp-carousel-on { padding-left: 0px !important; padding-right: 0px !important; mask-image: none !important; overflow: hidden !important; } }
2797@media (max-width: 700px) { html body.home .lp-flow .lp-events .lp-carousel-wrap { position: relative !important; padding: 0px !important; } }
2798@media (max-width: 700px) { html body.home .lp-flow .lp-events .lp-carousel-track { gap: 16px !important; padding-left: 16px !important; padding-right: 16px !important; box-sizing: content-box !important; } }
2799@media (max-width: 700px) { html body.home .lp-flow .lp-events .lp-carousel-track > .lp-card-wrap { flex: 0 0 272px !important; width: 272px !important; max-width: 272px !important; min-width: 272px !important; } }
2800@media (max-width: 700px) { html body.home .lp-flow .lp-events .lp-carousel-btn { width: 36px !important; height: 36px !important; font-size: 16px !important; background: rgba(255, 255, 255, 0.95) !important; box-shadow: rgba(120, 20, 20, 0.25) 0px 4px 14px !important; } }
2801@media (max-width: 700px) { html body.home .lp-flow .lp-events .lp-carousel-btn.prev { left: 8px !important; } }
2802@media (max-width: 700px) { html body.home .lp-flow .lp-events .lp-carousel-btn.next { right: 8px !important; } }
2803@media (max-width: 700px) { .lp-events .lp-carousel-track { will-change: transform; backface-visibility: hidden; } }
2804@media (max-width: 700px) { html body .lp-events .lp-carousel-track > .lp-card-wrap { flex: 0 0 calc(-56px + 100vw) !important; width: calc(-56px + 100vw) !important; max-width: calc(-56px + 100vw) !important; } }
2805@media (max-width: 700px) { html body .lp-events .lp-grid.lp-carousel-on { mask-image: linear-gradient(90deg, transparent 0px, rgb(0, 0, 0) 16px, rgb(0, 0, 0) calc(100% - 16px), transparent 100%) !important; } }
2806@media (max-width: 700px) { html body.home .lp-events .lp-carousel-track > .lp-card-wrap { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; } }
2807@media (max-width: 700px) { html body.home .lp-events .lp-grid.lp-carousel-on { padding-left: 0px !important; padding-right: 0px !important; mask-image: none !important; } }
2808@media (max-width: 700px) { html body.home .lp-flow .lp-events .lp-grid.lp-carousel-on { padding-left: 0px !important; padding-right: 0px !important; mask-image: none !important; overflow: hidden !important; } }
2809@media (max-width: 700px) { html body.home .lp-flow .lp-events .lp-carousel-wrap { position: relative !important; padding: 0px !important; } }
2810@media (max-width: 700px) { html body.home .lp-flow .lp-events .lp-carousel-track { gap: 16px !important; padding-left: 16px !important; padding-right: 16px !important; box-sizing: content-box !important; } }
2811@media (max-width: 700px) { html body.home .lp-flow .lp-events .lp-carousel-track > .lp-card-wrap { flex: 0 0 272px !important; width: 272px !important; max-width: 272px !important; min-width: 272px !important; } }
2812@media (max-width: 700px) { html body.home .lp-flow .lp-events .lp-carousel-btn { width: 36px !important; height: 36px !important; font-size: 16px !important; background: rgba(255, 255, 255, 0.95) !important; box-shadow: rgba(120, 20, 20, 0.25) 0px 4px 14px !important; } }
2813@media (max-width: 700px) { html body.home .lp-flow .lp-events .lp-carousel-btn.prev { left: 8px !important; } }
2814@media (max-width: 700px) { html body.home .lp-flow .lp-events .lp-carousel-btn.next { right: 8px !important; } }
2815.lp-events .lp-grid.lp-carousel-on { position: relative; overflow: hidden; padding: 8px 4px 16px; mask-image: linear-gradient(90deg, transparent 0px, rgb(0, 0, 0) 48px, rgb(0, 0, 0) calc(100% - 48px), transparent 100%); display: block !important; grid-template-columns: none !important; gap: 0px !important; }
2816/* CLAUDE-EVENTS-CAROUSEL-CSS END */
2817
2818/* CLAUDE-EVENTS-CARD-UNIFORM START — added 2026-06-22 (DJ). Makes every Upcoming Events carousel card the same height (phone, tablet, desktop) by stretching each card to fill its track slot. Card width is unchanged. Remove this whole block to revert. */
2819html body.home .lp-flow .lp-events .lp-carousel-track > .lp-card-wrap{
2820  display: flex !important;
2821  flex-direction: column !important;
2822}
2823html body.home .lp-flow .lp-events .lp-carousel-track > .lp-card-wrap > .lp-card{
2824  flex: 1 1 auto !important;
2825}
2826/* CLAUDE-EVENTS-CARD-UNIFORM END */
2827
2828</style>
2829<style id="lp-flow-v6">
2830/* 1) KILL the rotating circular decoration behind About */
2831.section-temple-location .hmc-about-florals { display: none !important; }
2832.section-temple-location svg[class*="hmc-about"],
2833.section-temple-location .hmc-about-spin { display: none !important; animation: none !important; }
2834
2835/* 2) HIDE the Gaushala card (Shri Hanumat Gau Seva Dham) */
2836html body .hmc-program-section.hmc-program-section--alt { display: none !important; }
2837
2838/* 3) About redesign — restyle existing .section-temple-location to lp-about look */
2839html body .lp-flow > .section-temple-location {
2840  background: transparent !important;
2841  padding: 120px 60px 130px !important;
2842  text-align: center !important;
2843  color: #0E2B4A !important;
2844  position: relative;
2845  overflow: visible !important;
2846}
2847html body .lp-flow > .section-temple-location .container,
2848html body .lp-flow > .section-temple-location .container_max {
2849  background: transparent !important;
2850  max-width: 980px !important;
2851  margin: 0 auto !important;
2852  padding: 0 !important;
2853}
2854html body .lp-flow > .section-temple-location .hmc-about {
2855  background: transparent !important;
2856  padding: 0 !important;
2857}
2858html body .lp-flow > .section-temple-location .hmc-about-eyebrow,
2859html body .lp-flow > .section-temple-location [class*="eyebrow"] {
2860  font: 700 12px/1 'Inter', sans-serif !important;
2861  letter-spacing: .34em !important;
2862  text-transform: uppercase !important;
2863  color: #F4A300 !important;
2864  margin: 0 0 36px !important;
2865}
2866html body .lp-flow > .section-temple-location .hmc-about-title,
2867html body .lp-flow > .section-temple-location [class*="about-title"],
2868html body .lp-flow > .section-temple-location h2 {
2869  font-family: 'Cormorant Garamond', serif !important;
2870  font-weight: 500 !important;
2871  font-size: clamp(48px, 6vw, 80px) !important;
2872  line-height: 1.04 !important;
2873  color: #0A1F3D !important;
2874  text-transform: uppercase !important;
2875  letter-spacing: .005em !important;
2876  margin: 0 !important;
2877  text-wrap: balance;
2878}
2879html body .lp-flow > .section-temple-location .hmc-about-subtitle,
2880html body .lp-flow > .section-temple-location [class*="subtitle"] {
2881  font-family: 'Cormorant Garamond', serif !important;
2882  font-style: italic !important;
2883  font-weight: 500 !important;
2884  font-size: clamp(22px, 2.5vw, 30px) !important;
2885  line-height: 1.4 !important;
2886  color: #A86700 !important;
2887  max-width: 760px !important;
2888  margin: 56px auto !important;
2889}
2890html body .lp-flow > .section-temple-location .hmc-about-quote,
2891html body .lp-flow > .section-temple-location blockquote,
2892html body .lp-flow > .section-temple-location [class*="quote"] {
2893  font-family: 'Cormorant Garamond', serif !important;
2894  font-style: italic !important;
2895  font-weight: 500 !important;
2896  font-size: clamp(22px, 2.5vw, 30px) !important;
2897  line-height: 1.4 !important;
2898  color: #A86700 !important;
2899  max-width: 760px !important;
2900  margin: 56px auto !important;
2901}
2902html body .lp-flow > .section-temple-location p,
2903html body .lp-flow > .section-temple-location .hmc-about-body,
2904html body .lp-flow > .section-temple-location [class*="about-text"] {
2905  font-family: 'Lora', serif !important;
2906  font-weight: 400 !important;
2907  font-size: 18px !important;
2908  line-height: 1.75 !important;
2909  color: #0E2B4A !important;
2910  max-width: 780px !important;
2911  margin: 0 auto 28px !important;
2912}
2913html body .lp-flow > .section-temple-location strong,
2914html body .lp-flow > .section-temple-location b {
2915  color: #A86700 !important;
2916  font-weight: 700 !important;
2917}
2918html body .lp-flow > .section-temple-location em,
2919html body .lp-flow > .section-temple-location i {
2920  color: #A86700 !important;
2921  font-weight: 600 !important;
2922  font-style: italic !important;
2923}
2924html body .lp-flow > .section-temple-location .hmc-about-stars,
2925html body .lp-flow > .section-temple-location [class*="diamonds"],
2926html body .lp-flow > .section-temple-location [class*="stars"] {
2927  color: #F4A300 !important;
2928  font-size: 14px !important;
2929  letter-spacing: .9em !important;
2930  margin: 52px auto !important;
2931  filter: drop-shadow(0 0 6px rgba(244,163,0,.6)) !important;
2932  display: block !important;
2933  text-align: center !important;
2934}
2935html body .lp-flow > .section-temple-location a.btn,
2936html body .lp-flow > .section-temple-location a.button,
2937html body .lp-flow > .section-temple-location .hmc-about-cta,
2938html body .lp-flow > .section-temple-location [class*="more"] a,
2939html body .lp-flow > .section-temple-location a[href*="about"] {
2940  display: inline-flex !important;
2941  align-items: center !important;
2942  gap: 12px !important;
2943  padding: 16px 38px !important;
2944  border-radius: 999px !important;
2945  background: linear-gradient(135deg, #F4A300, #E85D1A) !important;
2946  color: #fff !important;
2947  text-decoration: none !important;
2948  font-family: 'Inter', sans-serif !important;
2949  font-weight: 700 !important;
2950  font-size: 12px !important;
2951  line-height: 1 !important;
2952  letter-spacing: .24em !important;
2953  text-transform: uppercase !important;
2954  box-shadow: 0 14px 36px -10px rgba(232,93,26,.7), 0 0 40px rgba(244,163,0,.25) !important;
2955  border: none !important;
2956}
2957
2958/* 4) Programs header restyle — cream + gold on dark teal */
2959html body .lp-flow > .hmc-programs-header-block {
2960  background: transparent !important;
2961  padding: 120px 60px 60px !important;
2962  text-align: center !important;
2963  color: #FFFCF3 !important;
2964  margin-bottom: 20px !important;
2965}
2966html body .lp-flow > .hmc-programs-header-block .hmc-ph-title {
2967  font-family: 'Cormorant Garamond', serif !important;
2968  font-weight: 500 !important;
2969  font-size: clamp(48px, 6vw, 88px) !important;
2970  line-height: 1.04 !important;
2971  color: #FFFCF3 !important;
2972  text-transform: uppercase !important;
2973  letter-spacing: .005em !important;
2974  margin: 0 !important;
2975}
2976html body .lp-flow > .hmc-programs-header-block .hmc-ph-subtitle {
2977  font-family: 'Cormorant Garamond', serif !important;
2978  font-style: italic !important;
2979  font-weight: 500 !important;
2980  font-size: clamp(18px, 1.6vw, 22px) !important;
2981  line-height: 1.4 !important;
2982  color: #FFD96B !important;
2983  margin: 20px 0 0 !important;
2984}
2985html body .lp-flow > .hmc-programs-header-block .hmc-ph-diamonds {
2986  color: #FFD96B !important;
2987  font-size: 14px !important;
2988  letter-spacing: .9em !important;
2989  margin: 0 auto 28px !important;
2990  filter: drop-shadow(0 0 6px rgba(255,217,107,.6)) !important;
2991  display: block !important;
2992}
2993
2994/* 5) Programs wrapper (the Sunday School card section) — transparent bg */
2995html body .lp-flow > .hmc-program-section.programs-header-shown {
2996  background: transparent !important;
2997  padding: 0 60px 140px !important;
2998  text-align: center !important;
2999}
3000html body.home .hmc-program-section.hmc-program-section.programs-header-shown {
3001  background: transparent !important;
3002}
3003
3004/* 6) Reveal animation */
3005[data-reveal] > * {
3006  opacity: 0;
3007  transform: translateY(30px);
3008  transition: opacity .9s cubic-bezier(.22,1,.36,1), transform .9s cubic-bezier(.22,1,.36,1);
3009}
3010[data-reveal].is-visible > * { opacity: 1; transform: translateY(0); }
3011[data-reveal].is-visible > *:nth-child(1) { transition-delay:   0ms; }
3012[data-reveal].is-visible > *:nth-child(2) { transition-delay: 140ms; }
3013[data-reveal].is-visible > *:nth-child(3) { transition-delay: 280ms; }
3014[data-reveal].is-visible > *:nth-child(4) { transition-delay: 420ms; }
3015[data-reveal].is-visible > *:nth-child(5) { transition-delay: 560ms; }
3016[data-reveal].is-visible > *:nth-child(6) { transition-delay: 700ms; }
3017[data-reveal].is-visible > *:nth-child(7) { transition-delay: 820ms; }
3018[data-reveal].is-visible > *:nth-child(8) { transition-delay: 960ms; }
3019</style>
3020<style id="lp-flow-v6-boost">
3021/* Boost specificity to beat the existing body.home rules */
3022html body.home .lp-flow > .hmc-programs-header-block.hmc-programs-header-block,
3023html body.home .lp-flow > .hmc-program-section.hmc-program-section,
3024html body.home .lp-flow > .hmc-program-section.hmc-program-section.programs-header-shown,
3025html body.home section.lp-flow > .hmc-programs-header-block.hmc-programs-header-block,
3026html body.home .lp-flow > section.hmc-program-section.hmc-program-section {
3027  background: transparent !important;
3028  background-color: transparent !important;
3029}
3030/* Belt-and-suspenders: kill the rotating ring fully */
3031html body .section-temple-location .hmc-about-florals,
3032html body .section-temple-location .hmc-about-florals * {
3033  display: none !important;
3034  visibility: hidden !important;
3035  animation: none !important;
3036  opacity: 0 !important;
3037}
3038/* Hide Gaushala stronger */
3039html body.home .lp-flow > .hmc-program-section.hmc-program-section--alt {
3040  display: none !important;
3041}
3042</style>
3043<link rel="preconnect" href="https://fonts.googleapis.com">
3044<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
3045<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Lora:wght@400;500;600&family=Inter:wght@500;600;700&display=swap" rel="stylesheet">
3046<style id="lp-about-typo-v7">
3047/* Scope: ONLY the About column inside .section-temple-location. The .col-md-12 'Other Locations' block is intentionally excluded. */
3048
3049/* H2 title — Hanuman Mandir of Greater Chicago */
3050html body .lp-flow > .section-temple-location .col-md-8 h2,
3051html body .lp-flow > .section-temple-location .col-md-8 .lp-about__title {
3052  font-family: 'Cormorant Garamond', 'Iowan Old Style', Georgia, serif !important;
3053  font-weight: 500 !important;
3054  font-size: clamp(48px, 6vw, 80px) !important;
3055  line-height: 1.04 !important;
3056  letter-spacing: 0.005em !important;
3057  text-transform: uppercase !important;
3058  color: #0A1F3D !important;
3059  text-wrap: balance;
3060}
3061
3062/* Italic pull quote */
3063html body .lp-flow > .section-temple-location .col-md-8 blockquote,
3064html body .lp-flow > .section-temple-location .col-md-8 .lp-about__quote {
3065  font-family: 'Cormorant Garamond', Georgia, serif !important;
3066  font-style: italic !important;
3067  font-weight: 500 !important;
3068  font-size: clamp(22px, 2.5vw, 30px) !important;
3069  line-height: 1.4 !important;
3070  color: #A86700 !important;
3071}
3072
3073/* Body paragraphs */
3074html body .lp-flow > .section-temple-location .col-md-8 p,
3075html body .lp-flow > .section-temple-location .col-md-8 .lp-about__body {
3076  font-family: 'Lora', Georgia, 'Times New Roman', serif !important;
3077  font-weight: 400 !important;
3078  font-size: 18px !important;
3079  line-height: 1.75 !important;
3080  color: #0E2B4A !important;
3081}
3082
3083/* Accent phrases (dates, names) */
3084html body .lp-flow > .section-temple-location .col-md-8 .accent,
3085html body .lp-flow > .section-temple-location .col-md-8 p strong,
3086html body .lp-flow > .section-temple-location .col-md-8 strong {
3087  color: #A86700 !important;
3088  font-weight: 700 !important;
3089  font-family: inherit !important;
3090}
3091
3092/* Italic emphasis (Sanskrit terms) */
3093html body .lp-flow > .section-temple-location .col-md-8 .gold,
3094html body .lp-flow > .section-temple-location .col-md-8 p em,
3095html body .lp-flow > .section-temple-location .col-md-8 em {
3096  color: #A86700 !important;
3097  font-style: italic !important;
3098  font-weight: 600 !important;
3099  font-family: inherit !important;
3100}
3101
3102/* CTA button */
3103html body .lp-flow > .section-temple-location .col-md-8 a.btn_main,
3104html body .lp-flow > .section-temple-location .col-md-8 a.lp-about__cta,
3105html body .lp-flow > .section-temple-location .col-md-8 .lp-about__cta {
3106  font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif !important;
3107  font-weight: 700 !important;
3108  font-size: 12px !important;
3109  letter-spacing: 0.24em !important;
3110  text-transform: uppercase !important;
3111  color: #ffffff !important;
3112}
3113
3114/* Eyebrow (if present) */
3115html body .lp-flow > .section-temple-location .col-md-8 .lp-about__eyebrow,
3116html body .lp-flow > .section-temple-location .col-md-8 [data-eyebrow] {
3117  font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif !important;
3118  font-size: 12px !important;
3119  font-weight: 700 !important;
3120  letter-spacing: 0.34em !important;
3121  text-transform: uppercase !important;
3122  color: #F4A300 !important;
3123}
3124</style>
3125<style id="lp-about-visual-v8">
3126/* Eyebrow */
3127html body .lp-flow > .section-temple-location .col-md-8 .lp-about__eyebrow {
3128  font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif !important;
3129  font-size: 12px !important;
3130  font-weight: 700 !important;
3131  letter-spacing: 0.34em !important;
3132  text-transform: uppercase !important;
3133  color: #F4A300 !important;
3134  margin: 0 0 36px !important;
3135  text-align: center !important;
3136  display: block !important;
3137}
3138
3139/* Subtitle: 'A sacred vision, laid stone by stone.' */
3140html body .lp-flow > .section-temple-location .col-md-8 .lp-about__subtitle {
3141  font-family: 'Cormorant Garamond', Georgia, serif !important;
3142  font-style: italic !important;
3143  font-weight: 500 !important;
3144  font-size: clamp(18px, 1.8vw, 22px) !important;
3145  line-height: 1.4 !important;
3146  color: #A86700 !important;
3147  margin: 18px 0 0 !important;
3148  text-align: center !important;
3149  display: block !important;
3150}
3151
3152/* Italic pull quote (first <p>) */
3153html body .lp-flow > .section-temple-location .col-md-8 p.lp-about__quote {
3154  font-family: 'Cormorant Garamond', Georgia, serif !important;
3155  font-style: italic !important;
3156  font-weight: 500 !important;
3157  font-size: clamp(22px, 2.5vw, 30px) !important;
3158  line-height: 1.4 !important;
3159  color: #A86700 !important;
3160  max-width: 760px !important;
3161  margin: 56px auto !important;
3162  text-align: center !important;
3163  filter: drop-shadow(0 0 12px rgba(168,103,0,0.08));
3164}
3165
3166/* Decorative ✦ ✦ ✦ star rows */
3167html body .lp-flow > .section-temple-location .col-md-8 .lp-stars {
3168  color: #F4A300 !important;
3169  font-size: 14px !important;
3170  letter-spacing: 0.9em !important;
3171  margin: 52px auto !important;
3172  filter: drop-shadow(0 0 6px rgba(244,163,0,0.6));
3173  display: block !important;
3174  text-align: center !important;
3175}
3176
3177/* CTA pill */
3178html body .lp-flow > .section-temple-location .col-md-8 a.btn_main,
3179html body .lp-flow > .section-temple-location .col-md-8 a.lp-about__cta {
3180  display: inline-flex !important;
3181  align-items: center !important;
3182  gap: 12px !important;
3183  padding: 16px 38px !important;
3184  border-radius: 999px !important;
3185  background: linear-gradient(135deg, #F4A300 0%, #E85D1A 100%) !important;
3186  color: #ffffff !important;
3187  text-decoration: none !important;
3188  font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif !important;
3189  font-weight: 700 !important;
3190  font-size: 12px !important;
3191  letter-spacing: 0.24em !important;
3192  text-transform: uppercase !important;
3193  box-shadow: 0 14px 36px -10px rgba(232,93,26,0.7), 0 0 40px rgba(244,163,0,0.25) !important;
3194  border: none !important;
3195}
3196</style>
3197<style id="lp-about-v9">
3198/* Stars (.hmc-about-ornament) - make saffron with tracked spacing */
3199html body .hmc-about .hmc-about-content .hmc-about-ornament {
3200  color: #F4A300 !important;
3201  font-size: 14px !important;
3202  letter-spacing: 0.9em !important;
3203  margin: 52px auto !important;
3204  font-family: 'Cormorant Garamond', serif !important;
3205  font-weight: 500 !important;
3206  filter: drop-shadow(0 0 6px rgba(244,163,0,0.6));
3207  text-align: center !important;
3208}
3209
3210/* New subtitle injected after H2 title */
3211html body .hmc-about .hmc-about-content .hmc-about-subtitle-new {
3212  font-family: 'Cormorant Garamond', Georgia, serif !important;
3213  font-style: italic !important;
3214  font-weight: 500 !important;
3215  font-size: clamp(18px, 1.8vw, 22px) !important;
3216  line-height: 1.4 !important;
3217  color: #A86700 !important;
3218  margin: 18px auto 0 !important;
3219  text-align: center !important;
3220  display: block !important;
3221}
3222
3223/* === Pooja Services: uniform card size === */
3224html body .lp-poojas .lp-card,
3225html body .lp-poojas article.lp-card {
3226  width: 272px !important;
3227  min-height: 560px !important;
3228  height: 560px !important;
3229  display: flex !important;
3230  flex-direction: column !important;
3231  box-sizing: border-box !important;
3232}
3233html body .lp-poojas .lp-card .lp-card__image,
3234html body .lp-poojas .lp-card__image {
3235  height: 321px !important;
3236  min-height: 321px !important;
3237  max-height: 321px !important;
3238  overflow: hidden !important;
3239  flex-shrink: 0 !important;
3240}
3241html body .lp-poojas .lp-card .lp-card__image img,
3242html body .lp-poojas .lp-card__image img {
3243  width: 100% !important;
3244  height: 100% !important;
3245  object-fit: cover !important;
3246}
3247html body .lp-poojas .lp-card .lp-card__content,
3248html body .lp-poojas .lp-card__content {
3249  flex: 1 1 auto !important;
3250  display: flex !important;
3251  flex-direction: column !important;
3252  justify-content: flex-start !important;
3253}
3254</style>
3255<style id="lp-about-v10">
3256/* The theme applies -webkit-text-fill-color: white + a navy text-stroke to .hmc-about-title,
3257   producing a hollow/outlined glyph. Force solid navy fill and zero stroke. */
3258html body section.hmc-about h2.hmc-about-title,
3259html body .section-temple-location .hmc-about h2.hmc-about-title,
3260html body .lp-flow .hmc-about h2.hmc-about-title {
3261  color: #0A1F3D !important;
3262  -webkit-text-fill-color: #0A1F3D !important;
3263  -webkit-text-stroke-width: 0 !important;
3264  -webkit-text-stroke-color: transparent !important;
3265  background: none !important;
3266  background-clip: border-box !important;
3267  -webkit-background-clip: border-box !important;
3268  text-shadow: none !important;
3269}
3270
3271/* Belt-and-suspenders: make sure the other About elements aren't accidentally hollowed at any breakpoint */
3272html body section.hmc-about .hmc-about-eyebrow {
3273  -webkit-text-fill-color: #F4A300 !important;
3274  -webkit-text-stroke-width: 0 !important;
3275}
3276html body section.hmc-about .hmc-about-subtitle-new {
3277  -webkit-text-fill-color: #A86700 !important;
3278  -webkit-text-stroke-width: 0 !important;
3279}
3280html body section.hmc-about .hmc-about-quote {
3281  -webkit-text-fill-color: #A86700 !important;
3282  -webkit-text-stroke-width: 0 !important;
3283}
3284html body section.hmc-about .hmc-about-body {
3285  -webkit-text-fill-color: #0E2B4A !important;
3286  -webkit-text-stroke-width: 0 !important;
3287}
3288html body section.hmc-about .hmc-about-ornament {
3289  -webkit-text-fill-color: #F4A300 !important;
3290  -webkit-text-stroke-width: 0 !important;
3291}
3292html body section.hmc-about .hmc-about-cta {
3293  -webkit-text-fill-color: #ffffff !important;
3294  -webkit-text-stroke-width: 0 !important;
3295}
3296</style>
3297<style id="lp-about-v11">
3298/* Eyebrow */
3299html body section.hmc-about .hmc-about-eyebrow {
3300  font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif !important;
3301  font-size: 12px !important;
3302  font-weight: 700 !important;
3303  letter-spacing: 0.34em !important;
3304  text-transform: uppercase !important;
3305  color: #F4A300 !important;
3306  -webkit-text-fill-color: #F4A300 !important;
3307}
3308
3309/* H2 Title - solid fill, Cormorant Garamond */
3310html body section.hmc-about h2.hmc-about-title {
3311  font-family: 'Cormorant Garamond', 'Iowan Old Style', Georgia, serif !important;
3312  font-weight: 500 !important;
3313  font-size: clamp(48px, 6vw, 80px) !important;
3314  line-height: 1.04 !important;
3315  letter-spacing: 0.005em !important;
3316  text-transform: uppercase !important;
3317  color: #0A1F3D !important;
3318  -webkit-text-fill-color: #0A1F3D !important;
3319  -webkit-text-stroke-width: 0 !important;
3320  font-variation-settings: normal !important;
3321  background: none !important;
3322  -webkit-background-clip: border-box !important;
3323  background-clip: border-box !important;
3324  text-shadow: none !important;
3325}
3326
3327/* Subtitle */
3328html body section.hmc-about .hmc-about-subtitle-new {
3329  font-family: 'Cormorant Garamond', Georgia, serif !important;
3330  font-style: italic !important;
3331  font-weight: 500 !important;
3332  font-size: clamp(18px, 1.8vw, 22px) !important;
3333  line-height: 1.4 !important;
3334  color: #A86700 !important;
3335  -webkit-text-fill-color: #A86700 !important;
3336}
3337
3338/* Quote - italic gold */
3339html body section.hmc-about .hmc-about-quote {
3340  font-family: 'Cormorant Garamond', Georgia, serif !important;
3341  font-style: italic !important;
3342  font-weight: 500 !important;
3343  font-size: clamp(22px, 2.5vw, 30px) !important;
3344  line-height: 1.4 !important;
3345  color: #A86700 !important;
3346  -webkit-text-fill-color: #A86700 !important;
3347  font-variation-settings: normal !important;
3348}
3349
3350/* Body - Lora 18px navy */
3351html body section.hmc-about .hmc-about-body {
3352  font-family: 'Lora', Georgia, 'Times New Roman', serif !important;
3353  font-weight: 400 !important;
3354  font-size: 18px !important;
3355  line-height: 1.75 !important;
3356  color: #0E2B4A !important;
3357  -webkit-text-fill-color: #0E2B4A !important;
3358}
3359html body section.hmc-about .hmc-about-body strong {
3360  color: #A86700 !important;
3361  -webkit-text-fill-color: #A86700 !important;
3362  font-weight: 700 !important;
3363  font-family: inherit !important;
3364}
3365html body section.hmc-about .hmc-about-body em {
3366  color: #A86700 !important;
3367  -webkit-text-fill-color: #A86700 !important;
3368  font-style: italic !important;
3369  font-weight: 600 !important;
3370  font-family: inherit !important;
3371}
3372html body section.hmc-about .hmc-about-quote strong {
3373  color: #A86700 !important;
3374  -webkit-text-fill-color: #A86700 !important;
3375  font-weight: 700 !important;
3376}
3377
3378/* Stars / ornament */
3379html body section.hmc-about .hmc-about-ornament {
3380  font-family: 'Cormorant Garamond', serif !important;
3381  font-size: 14px !important;
3382  font-weight: 500 !important;
3383  letter-spacing: 0.9em !important;
3384  color: #F4A300 !important;
3385  -webkit-text-fill-color: #F4A300 !important;
3386  margin: 52px auto !important;
3387  filter: drop-shadow(0 0 6px rgba(244,163,0,0.6));
3388}
3389
3390/* CTA pill */
3391html body section.hmc-about a.hmc-about-cta {
3392  font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif !important;
3393  font-weight: 700 !important;
3394  font-size: 12px !important;
3395  letter-spacing: 0.24em !important;
3396  text-transform: uppercase !important;
3397  color: #ffffff !important;
3398  -webkit-text-fill-color: #ffffff !important;
3399}
3400</style>
3401<style id="lp-programs-gap-v12">
3402/* Reduce About bottom padding (was 130px) */
3403html body .lp-flow > .section-temple-location,
3404html body .lp-flow > .section-temple-location section.hmc-about {
3405  padding-bottom: 60px !important;
3406}
3407/* Reduce Our Programs header top padding (was 120px) */
3408html body .lp-flow > .hmc-programs-header-block {
3409  padding-top: 40px !important;
3410  margin-bottom: 0px !important;
3411}
3412</style>
3413<style id="lp-petals-fall-v13">
3414/* Override the petal fall keyframes so each petal travels the entire .lp-flow height.
3415   Previous end frame was translate(var(--drift), 130vh) which only covered ~1.3 viewport
3416   heights — but .lp-flow is ~4.5 viewports tall after wrapping all 4 sections.
3417   Use a tall enough distance (500vh) to guarantee petals reach the bottom on any viewport. */
3418@keyframes lp-petal-fall {
3419  0%   { transform: translate(0, -10vh) rotate(var(--rot)); opacity: 0; }
3420  4%   { opacity: 0.9; }
3421  100% { transform: translate(var(--drift), 500vh) rotate(calc(var(--rot) + 540deg)); opacity: 0; }
3422}
3423
3424/* Ensure .lp-petals fully spans .lp-flow on every viewport */
3425html body .lp-flow > .lp-petals {
3426  position: absolute !important;
3427  inset: 0 !important;
3428  width: 100% !important;
3429  height: 100% !important;
3430  pointer-events: none !important;
3431  overflow: hidden !important;
3432  z-index: 40 !important;
3433}
3434
3435/* Make sure no child section clips petals vertically */
3436html body .lp-flow > section,
3437html body .lp-flow > .hmc-programs-header-block,
3438html body .lp-flow > .hmc-program-section {
3439  overflow-x: hidden;
3440  overflow-y: visible;
3441  position: relative;
3442  z-index: 2;
3443}
3444</style>
3445<style id="lp-mobile-v17">
3446@media (max-width: 700px) {
3447
3448  /* FIX 1 — Event card image / flyer must fit viewport */
3449  html body .lp-flow .lp-events .lp-card-wrap,
3450  html body .lp-flow .lp-events .lp-card,
3451  html body .lp-flow .lp-events .lp-card__image {
3452    width: 100% !important;
3453    max-width: 100% !important;
3454    box-sizing: border-box !important;
3455  }
3456  html body .lp-flow .lp-events .lp-card__image img {
3457    width: 100% !important;
3458    height: auto !important;
3459    max-width: 100% !important;
3460    object-fit: contain !important;
3461  }
3462  /* Loosen aspect-ratio on mobile so tall flyers display fully */
3463  html body .lp-flow .lp-events .lp-card__image {
3464    aspect-ratio: auto !important;
3465    min-height: auto !important;
3466  }
3467
3468  /* FIX 2 — Pooja carousel cards: shrink from 272px to fit one-per-screen */
3469  html body .lp-poojas .lp-carousel-track > .lp-card-wrap {
3470    flex: 0 0 calc(100vw - 56px) !important;
3471    width: calc(100vw - 56px) !important;
3472    max-width: calc(100vw - 56px) !important;
3473  }
3474  html body .lp-poojas .lp-card,
3475  html body .lp-poojas article.lp-card {
3476    width: 100% !important;
3477    max-width: 100% !important;
3478  }
3479  /* Reduce mask fade so card edges aren't cut */
3480  html body .lp-poojas .lp-grid.lp-carousel-on {
3481    mask-image: linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%) !important;
3482    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%) !important;
3483  }
3484
3485  /* FIX 3 — Programs section: relax desktop's 60px side padding */
3486  html body .lp-flow > .hmc-program-section.programs-header-shown {
3487    padding-left: 16px !important;
3488    padding-right: 16px !important;
3489    padding-bottom: 60px !important;
3490  }
3491  html body .lp-flow > .hmc-programs-header-block {
3492    padding-left: 16px !important;
3493    padding-right: 16px !important;
3494  }
3495  /* Force program card to use full width on mobile */
3496  html body .lp-flow > .hmc-program-section .hmc-program-card,
3497  html body .lp-flow > .hmc-program-section [class*="program-card"],
3498  html body .lp-flow > .hmc-program-section .container,
3499  html body .lp-flow > .hmc-program-section .container_max {
3500    max-width: 100% !important;
3501    width: 100% !important;
3502    margin-left: 0 !important;
3503    margin-right: 0 !important;
3504    box-sizing: border-box !important;
3505  }
3506  /* About section padding similarly */
3507  html body .lp-flow > .section-temple-location {
3508    padding-left: 16px !important;
3509    padding-right: 16px !important;
3510  }
3511}
3512</style>
3513<style id="lp-mobile-v18">
3514@media (max-width: 700px) {
3515
3516  /* Card wrap: prevent horizontal overflow */
3517  html body.home .lp-flow > .lp-events .lp-grid .lp-card-wrap {
3518    width: 100% !important;
3519    max-width: 100% !important;
3520    margin-left: 0 !important;
3521    margin-right: 0 !important;
3522    box-sizing: border-box !important;
3523    overflow: hidden !important;
3524  }
3525
3526  /* Card: tight margin, proper containment */
3527  html body.home .lp-flow > .lp-events .lp-grid .lp-card-wrap .lp-card {
3528    width: 100% !important;
3529    max-width: 100% !important;
3530    margin: 0 !important;
3531    overflow: hidden !important;
3532    box-sizing: border-box !important;
3533  }
3534
3535  /* Image container: NO aspect-ratio, let image dictate height */
3536  html body.home .lp-flow > .lp-events .lp-grid .lp-card-wrap .lp-card .lp-card__image {
3537    aspect-ratio: auto !important;
3538    height: auto !important;
3539    min-height: 0 !important;
3540    max-height: none !important;
3541    width: auto !important;
3542    max-width: calc(100% - 28px) !important;
3543    margin: 14px auto 0 !important;
3544    overflow: hidden !important;
3545    box-sizing: border-box !important;
3546  }
3547
3548  /* The actual img: contain, not cover; fit width */
3549  html body.home .lp-flow > .lp-events .lp-grid .lp-card-wrap .lp-card .lp-card__image img {
3550    width: 100% !important;
3551    height: auto !important;
3552    max-width: 100% !important;
3553    object-fit: contain !important;
3554    display: block !important;
3555  }
3556
3557  /* Section padding: tighten so card has room */
3558  html body.home .lp-flow > .lp-events {
3559    padding-left: 12px !important;
3560    padding-right: 12px !important;
3561    overflow-x: hidden !important;
3562  }
3563}
3564</style>
3565<style id="lp-mobile-v19">
3566@media (max-width: 700px) {
3567  html body.home .lp-poojas .lp-carousel-track > .lp-card-wrap {
3568    flex: 0 0 100% !important;
3569    width: 100% !important;
3570    max-width: 100% !important;
3571  }
3572  html body.home .lp-poojas .lp-grid.lp-carousel-on {
3573    padding-left: 0 !important;
3574    padding-right: 0 !important;
3575    mask-image: none !important;
3576    -webkit-mask-image: none !important;
3577  }
3578}
3579</style>
3580<style id="lp-mobile-v20">
3581@media (max-width: 700px) {
3582
3583  /* Section: small breathing padding only on top/bottom, no side padding */
3584  html body.home .lp-flow > .lp-poojas {
3585    padding-left: 0 !important;
3586    padding-right: 0 !important;
3587    overflow-x: hidden !important;
3588  }
3589
3590  /* Section header + CTA keep their breathing room */
3591  html body.home .lp-flow > .lp-poojas .lp-section-head,
3592  html body.home .lp-flow > .lp-poojas .lp-view-all-wrap {
3593    padding-left: 16px !important;
3594    padding-right: 16px !important;
3595  }
3596
3597  /* Carousel container: full viewport, NO mask (it was clipping cards) */
3598  html body.home .lp-flow .lp-poojas .lp-grid.lp-carousel-on {
3599    padding-left: 0 !important;
3600    padding-right: 0 !important;
3601    mask-image: none !important;
3602    -webkit-mask-image: none !important;
3603    overflow: hidden !important;
3604  }
3605
3606  /* Carousel wrap is positioning context for arrows */
3607  html body.home .lp-flow .lp-poojas .lp-carousel-wrap {
3608    position: relative !important;
3609    padding: 0 !important;
3610  }
3611
3612  /* Track: comfortable gap; left padding so the first card sits 16px from edge */
3613  html body.home .lp-flow .lp-poojas .lp-carousel-track {
3614    gap: 16px !important;
3615    padding-left: 16px !important;
3616    padding-right: 16px !important;
3617    box-sizing: content-box !important;
3618  }
3619
3620  /* Each card wrapper stays at native 272px — multiple peek in */
3621  html body.home .lp-flow .lp-poojas .lp-carousel-track > .lp-card-wrap {
3622    flex: 0 0 272px !important;
3623    width: 272px !important;
3624    max-width: 272px !important;
3625    min-width: 272px !important;
3626  }
3627
3628  /* Arrow buttons: bring them on-screen so they're tappable */
3629  html body.home .lp-flow .lp-poojas .lp-carousel-btn {
3630    width: 36px !important;
3631    height: 36px !important;
3632    font-size: 16px !important;
3633    background: rgba(255, 255, 255, 0.95) !important;
3634    box-shadow: 0 4px 14px rgba(120, 20, 20, 0.25) !important;
3635  }
3636  html body.home .lp-flow .lp-poojas .lp-carousel-btn.prev {
3637    left: 8px !important;
3638  }
3639  html body.home .lp-flow .lp-poojas .lp-carousel-btn.next {
3640    right: 8px !important;
3641  }
3642}
3643</style>
3644<style id="lp-mobile-v21">
3645@media (max-width: 700px) {
3646
3647  /* Image container: respect the 14px side margin v9 set; never exceed card width */
3648  html body.home .lp-flow .lp-poojas .lp-card .lp-card__image,
3649  html body.home .lp-flow .lp-poojas article.lp-card .lp-card__image {
3650    width: auto !important;
3651    max-width: calc(100% - 28px) !important;
3652    margin-left: 14px !important;
3653    margin-right: 14px !important;
3654    margin-top: 14px !important;
3655    box-sizing: border-box !important;
3656    overflow: hidden !important;
3657    border-radius: 16px !important;
3658  }
3659
3660  /* Image itself: fill the container, never overflow */
3661  html body.home .lp-flow .lp-poojas .lp-card .lp-card__image img,
3662  html body.home .lp-flow .lp-poojas article.lp-card .lp-card__image img {
3663    width: 100% !important;
3664    height: 100% !important;
3665    max-width: 100% !important;
3666    object-fit: cover !important;
3667    display: block !important;
3668  }
3669
3670  /* Card body text section: stay inside card padding */
3671  html body.home .lp-flow .lp-poojas .lp-card .lp-card__body,
3672  html body.home .lp-flow .lp-poojas article.lp-card .lp-card__body {
3673    box-sizing: border-box !important;
3674    max-width: 100% !important;
3675    padding-left: 20px !important;
3676    padding-right: 20px !important;
3677  }
3678
3679  /* CTA button stays inside card */
3680  html body.home .lp-flow .lp-poojas .lp-card .lp-card__cta {
3681    max-width: 100% !important;
3682    box-sizing: border-box !important;
3683  }
3684}
3685</style>
3686<style id="hmc-mandala-desktop-fix-v2">
3687@media (min-width: 1025px) {
3688	html body .lp-flow .lp-mandala-fixed {
3689		position: fixed !important;
3690		top: 0 !important;
3691		left: 0 !important;
3692		right: 0 !important;
3693		width: 100vw !important;
3694		height: 100vh !important;
3695		height: 100dvh !important;
3696		margin: 0 !important;
3697		pointer-events: none !important;
3698		z-index: 0 !important;
3699		display: flex !important;
3700		align-items: center !important;
3701		justify-content: center !important;
3702	}
3703	html body .lp-flow .lp-mandala-fixed img {
3704		width: min(820px, 60vw) !important;
3705		height: min(820px, 60vw) !important;
3706		max-width: 820px !important;
3707		max-height: 820px !important;
3708		opacity: 0.48 !important;
3709		object-fit: contain !important;
3710		mix-blend-mode: multiply !important;
3711	}
3712}
3713</style>
3714	<style>    /* Font normalization (footer) */
3715    html:not(#x):not(#y) body footer p,
3716    html:not(#x):not(#y) body footer p *,
3717    html:not(#x):not(#y) body footer h1,
3718    html:not(#x):not(#y) body footer h2,
3719    html:not(#x):not(#y) body footer h3,
3720    html:not(#x):not(#y) body footer h4,
3721    html:not(#x):not(#y) body footer h5,
3722    html:not(#x):not(#y) body footer h6,
3723    html:not(#x):not(#y) body footer a,
3724    html:not(#x):not(#y) body footer li,
3725    html:not(#x):not(#y) body footer span,
3726    html:not(#x):not(#y) body footer div,
3727    html:not(#x):not(#y) body footer strong,
3728    html:not(#x):not(#y) body footer b,
3729    html:not(#x):not(#y) body footer em,
3730    html:not(#x):not(#y) body footer label,
3731    html:not(#x):not(#y) body footer small {
3732      font-family: Manrope, sans-serif !important;
3733      font-style: normal !important;
3734    }
3735    /* Stack nonprofit + copyright full-width centered */
3736    html:not(#x):not(#y) body footer .col-md-6.copy_right,
3737    html:not(#x):not(#y) body footer .col-md-6.text-right.copy_right {
3738      flex: 0 0 100% !important;
3739      max-width: 100% !important;
3740      width: 100% !important;
3741      text-align: center !important;
3742    }
3743    html:not(#x):not(#y) body footer .col-md-6.copy_right p,
3744    html:not(#x):not(#y) body footer .col-md-6.text-right.copy_right p {
3745      text-align: center !important;
3746      margin-left: auto !important;
3747      margin-right: auto !important;
3748    }
3749    @media (min-width: 992px) {
3750      html:not(#x):not(#y) body footer .col-md-6.copy_right p {
3751        white-space: nowrap !important;
3752        font-size: clamp(11px, 0.95vw, 13px) !important;
3753      }
3754    }
3755    @media (max-width: 991.98px) {
3756      html:not(#x):not(#y) body footer .col-md-6.copy_right p {
3757        white-space: normal !important;
3758      }
3759    }
3760    /* TOP NAV MENU: white text, larger, bolder */
3761    html:not(#x):not(#y) body ul#primary-menu-list.header-center-menu > li > a,
3762    html:not(#x):not(#y) body ul#primary-menu-list.header-center-menu > li.menu-item > a {
3763      color: #ffffff !important;
3764      font-size: 17px !important;
3765      font-weight: 700 !important;
3766      letter-spacing: 0.02em !important;
3767    }
3768    /* Keep the same color when hovered, just slight emphasis */
3769    html:not(#x):not(#y) body ul#primary-menu-list.header-center-menu > li > a:hover,
3770    html:not(#x):not(#y) body ul#primary-menu-list.header-center-menu > li > a:focus {
3771      color: #FFD96B !important;
3772    }
3773</style>		<link rel="shortcut icon" href="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/images/favicon.ico" type="image/x-icon">
3774        <link rel="icon" href="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/images/favicon.ico" type="image/x-icon"> 
3775		<link rel="stylesheet" media="all" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
3776		<link rel="stylesheet" media="all" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" />
3777		<link rel="stylesheet" media="all" href="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/lightbox/css/lightbox.min.css">
3778		<link rel="stylesheet" media="all" type="text/css" href="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/fonts/stylesheet.css" />
3779		<link rel="stylesheet" media="all" type="text/css" href="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/css/bootstrap.min.css">
3780		<link rel="stylesheet" media="all" type="text/css" href="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/css/owl.carousel.min.css" />
3781        <link rel="stylesheet" media="all" type="text/css" href="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/css/style.css?ver=1" /> 
3782		<link rel="stylesheet" media="all" type="text/css" href="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/css/custom.css" />
3783	</head>
3784	<body class="home wp-singular page-template page-template-templates page-template-template-home page-template-templatestemplate-home-php page page-id-9 wp-embed-responsive wp-theme-hunuman-mandir singular enable-search-modal missing-post-thumbnail has-no-pagination not-showing-comments show-avatars template-home footer-top-visible">
3785	<div class="main-wapper">
3786		<a class="skip-link screen-reader-text" href="#site-content">Skip to the content</a>		<!--Header-->
3787		<header>
3788        <div class="header-area">
3789							<div class="temple_msg_header"><ul><li>Jai Shri Ram</li><li>Virtual Summer Camp Registration Open</li><li>Jai Shri Ram</li><li>Virtual Summer Camp Registration Open</li></ul><ul><li>Jai Shri Ram</li><li>Virtual Summer Camp Registration Open</li><li>Jai Shri Ram</li><li>Virtual Summer Camp Registration Open</li></ul></div>
3790				
3791            <div class="container container_max">
3792				<div class="header-area-inner-n">
3793				<div class="row align-items-center">			
3794
3795				<div class="col-md-3">
3796                <div class="logo">
3797				<a href="https://hanumanchicago.org" style="display:flex;align-items:center;gap:8px;">
3798					<img src="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/images/NEW LOGO + Image4.png" style="height:auto;width:auto;max-width:none;object-fit:contain;"/>
3799				</a>
3800                </div>
3801				</div> 
3802				<div class="col-md-9">
3803				<div class="primary-menu-container"><ul id="primary-menu-list" class="header-center-menu"><li id="menu-item-86" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-86"><a href="https://hanumanchicago.org/pooja-services/">Pooja Services</a></li>
3804<li id="menu-item-83" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-83"><a href="https://hanumanchicago.org/events/">Events</a></li>
3805<li id="menu-item-85" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-85"><a href="https://hanumanchicago.org/hanuman-sena/">Hanuman Sena</a></li>
3806<li id="menu-item-219" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-219"><a href="https://hanumanchicago.org/sunday-school/">Sunday School</a></li>
3807<li id="menu-item-254" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-254"><a href="https://hanumanchicago.org/shri-hanumat-gau-seva-dham/">Gau Seva</a></li>
3808<li id="menu-item-285" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-285"><a href="https://hanumanchicago.org/summer-camp/">Summer Camp</a></li>
3809<li id="menu-item-191" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-191"><a target="_blank" href="https://link.clover.com/urlshortener/dvyrdy">Donate</a></li>
3810</ul></div>                <button class="btn-menu"><span></span><span></span><span></span></button>
3811				</div>
3812				</div>
3813            </div></div>
3814        </div>
3815    </header>
3816<section class="page_top_banner hero-banner-area section-">   
3817<div class="container_max_banner">
3818    <div class="row">        
3819        <div class="col-md-12"><div class="content-area-banner">
3820            <video id="hero-bg-video" muted loop playsinline preload="none" webkit-playsinline="true" disableremoteplayback>
3821
3822                <source src="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/images/low-res-video.mp4" type="video/mp4">
3823            </video>
3824            <!-- Image removed - using video background only --> 
3825            <div class="content-area">   
3826                                <a target="_blank" class="hero_donate_btn" href="https://link.clover.com/urlshortener/dvyrdy">Donate</a>            </div>
3827        </div></div>
3828    </div>
3829</div>
3830<div class="container container_max">
3831    <div class="row"> 
3832        <div class="col-md-12">
3833            <div class="Panchang_area_home"><h4>Panchang for October 02, 2026<a href="https://hanumanchicago.org/panchang/" class="read_more">Read More</a></h4><ul><li><span>Sunrise</span><p>06:49 AM</p></li><li><span>Sunset</span><p>06:31 PM</p></li><li><span>Sun Sign</span><p>Kanya</p></li><li><span>Moon Sign</span><p>Vrishabha</p></li></ul><a href="https://hanumanchicago.org/panchang/" class="btn_main for_mobile">Read More</a></div>        </div>
3834    </div>
3835</div>
3836</section>
3837
3838<section class="section-schedule-events section">
3839<div class="hmc-schedule-events-row">
3840    <div class="hmc-schedule-col">
3841        <div class="temple_schedule_list_home">
3842        <h3>Temple Schedule</h3><ul class="temple_schedule_list"><li><span>Maha Aarti</span><p>All days — 9:30 AM, 12 PM, 5:30 PM, 8 PM</p><br />
3843</li><li><span>Sunderkand Path</span><p>Every Tuesday — 5:30 PM<br /><br />
3844Every Saturday — 10:30 AM<br /><br />
38451st, 3rd &amp; 5th Saturdays — 5:30 PM</p><br />
3846</li><li><span>Abhishek </span><p>Monday — Shri Shiv Ji Abhishek<br /><br />
3847Tuesday — Shri Hanuman Ji Maharaj Abhishek<br /><br />
3848Wednesday — Shri Ganesh Ji Abhishek</p><br />
3849<p>All Abhishek will take place at 6pm</p><br />
3850</li><li><span>Mata Ki Chowki</span><p>2nd &amp; 4th Saturdays — 5:30 PM</p><br />
3851</li><li><span>Langar Maha-Prasad</span><p>Every Tuesday — after 5:00 PM</p><br />
3852<p>Every Saturday &amp; Sunday — after 10:30 AM &#8211; 9:30PM</p><br />
3853</li></ul>        </div>
3854    </div>
3855    <div class="hmc-events-col">
3856        </div>
3857</div>
3858</section>
3859
3860<section class="section-pooja_services section">   
3861<div class="container container_max">
3862    <div class="row">
3863        <div class="col-md-12 text-center"><h2>Pooja Services</h2></div>
3864        <div class="col-md-12 text-center">
3865            <div class="owl-carousel product_category_list">
3866                            <div class="pooja_services_outrer"> 
3867                    <div class="img_shadow"><img src="https://hanumanchicago.org/wp-content/uploads/2026/02/WhatsApp-Image-2026-05-06-at-12.47.44-PM-e1778089745536.jpeg"></div>
3868                    <div class="product_txt">
3869                        <h4>Bhandara (Tue/Sat/Sun)<br><span>$501</span></h4>                    
3870                        <a href="javascript:void(0);" rev="252" rel="Bhandara (Tue/Sat/Sun)" class="btn_main_red pooja_booking">Book Now</a>
3871                    </div>
3872                </div>
3873                            <div class="pooja_services_outrer"> 
3874                    <div class="img_shadow"><img src="https://hanumanchicago.org/wp-content/uploads/2026/02/DJI_20260414164733_0033_D-scaled-e1776632500294.jpg"></div>
3875                    <div class="product_txt">
3876                        <h4>Shri Ramcharitmanas Paath 24 Hours<br><span>$1001</span></h4>                    
3877                        <a href="javascript:void(0);" rev="246" rel="Shri Ramcharitmanas Paath 24 Hours" class="btn_main_red pooja_booking">Book Now</a>
3878                    </div>
3879                </div>
3880                            <div class="pooja_services_outrer"> 
3881                    <div class="img_shadow"><img src="https://hanumanchicago.org/wp-content/uploads/2026/02/DJI_20260414164510_0023_D-e1776632135301.jpg"></div>
3882                    <div class="product_txt">
3883                        <h4>Mata ki Chowki<br><span>$201</span></h4>                    
3884                        <a href="javascript:void(0);" rev="237" rel="Mata ki Chowki" class="btn_main_red pooja_booking">Book Now</a>
3885                    </div>
3886                </div>
3887                            <div class="pooja_services_outrer"> 
3888                    <div class="img_shadow"><img src="https://hanumanchicago.org/wp-content/uploads/2026/02/DJI_20260414164339_0016_D-e1776703318747.jpg"></div>
3889                    <div class="product_txt">
3890                        <h4>Shiv Ji Abhishek<br><span>$101</span></h4>                    
3891                        <a href="javascript:void(0);" rev="232" rel="Shiv Ji Abhishek" class="btn_main_red pooja_booking">Book Now</a>
3892                    </div>
3893                </div>
3894                            <div class="pooja_services_outrer"> 
3895                    <div class="img_shadow"><img src="https://hanumanchicago.org/wp-content/uploads/2026/02/DJI_20260414164624_0025_D-scaled-e1776634139397.jpg"></div>
3896                    <div class="product_txt">
3897                        <h4>Ganesh Ji Abhishek<br><span>$51</span></h4>                    
3898                        <a href="javascript:void(0);" rev="222" rel="Ganesh Ji Abhishek" class="btn_main_red pooja_booking">Book Now</a>
3899                    </div>
3900                </div>
3901                            <div class="pooja_services_outrer"> 
3902                    <div class="img_shadow"><img src="https://hanumanchicago.org/wp-content/uploads/2026/02/openart-963e22c1-006d-4fda-a287-eda2c4048c27.png"></div>
3903                    <div class="product_txt">
3904                        <h4>Satyanarayana Katha<br><span>$51</span></h4>                    
3905                        <a href="javascript:void(0);" rev="228" rel="Satyanarayana Katha" class="btn_main_red pooja_booking">Book Now</a>
3906                    </div>
3907                </div>
3908                            <div class="pooja_services_outrer"> 
3909                    <div class="img_shadow"><img src="https://hanumanchicago.org/wp-content/uploads/2026/02/WhatsApp-Image-2026-05-06-at-12.47.44-PM-e1778089745536.jpeg"></div>
3910                    <div class="product_txt">
3911                        <h4>Anna Dhanam<br><span>$501</span></h4>                    
3912                        <a href="javascript:void(0);" rev="251" rel="Anna Dhanam" class="btn_main_red pooja_booking">Book Now</a>
3913                    </div>
3914                </div>
3915                            <div class="pooja_services_outrer"> 
3916                    <div class="img_shadow"><img src="https://hanumanchicago.org/wp-content/uploads/2026/02/WhatsApp-Image-2026-05-06-at-12.47.44-PM-e1778089745536.jpeg"></div>
3917                    <div class="product_txt">
3918                        <h4>Vastram Donations &#8211; One Deities<br><span>$351</span></h4>                    
3919                        <a href="javascript:void(0);" rev="250" rel="Vastram Donations - One Deities" class="btn_main_red pooja_booking">Book Now</a>
3920                    </div>
3921                </div>
3922                        </div>
3923        </div>
3924        <div class="col-md-12 text-center"><a href="/pooja-services/" class="hmc-pooja-cta" style="display:inline-flex;align-items:center;gap:12px;padding:16px 36px;background:linear-gradient(135deg,#FF9E0F 0%,#FF6D00 100%);color:#FFFFFF;border:0;border-radius:999px;font-family:Manrope,sans-serif;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:0.16em;text-decoration:none;box-shadow:0 10px 28px -10px rgba(255,109,0,0.65);cursor:pointer;">View All Pooja Services <span style="font-family:inherit;">→</span></a></div>
3925    </div>
3926</div>
3927</section>
3928 
3929
3930<section class="section-temple-location section">   
3931<div class="container container_max">
3932    <div class="row">
3933        <div class="col-md-2"></div>
3934        <div class="col-md-8 text-center">
3935            <h2>HANUMAN MANDIR OF GREATER CHICAGO</h2>
3936            <p>
3936“Where Hanuman Ji is not just worshipped, He is felt.”</p>
3937<p>Born from the unwavering devotion of Dr. Chandra Mohini Khurana and brought to life by the love of countless bhakts, Hanuman Mandir of Greater Chicago is home to the rare and miraculous Doo Mukhi swaroop of Hanuman Ji, found nowhere else in the world.</p>
3938<p>Here, devotees walk in with burdens and walk out with blessings, for this is no ordinary temple, it is a living abode where Bajrang Bali resides sakshat, listening to every prayer, answering every call, and showering His grace upon all who come with faith in their hearts.</p>
3939            <a href="https://hanumanchicago.org/about/" class="btn_main">More About Us</a>
3940        </div>
3941        <div class="col-md-12 text-center">
3942                
3943            <div class="owl-carousel temple_location_list">
3944                            <div class="temple_location_outrer"> 
3945                    <a href="https://hanumanchicago.org/temple-location/hanuman-mandir-nashville/"><img src="https://hanumanchicago.org/wp-content/uploads/2026/02/Hanuman-Mandir-Nashville-1-2.jpg"></a>
3946                    <div class="product_txt">
3947                        <a href="https://hanumanchicago.org/temple-location/hanuman-mandir-nashville/"><h4>Hanuman Mandir Nashville</h4></a>
3948                    </div>
3949                </div>
3950                            <div class="temple_location_outrer"> 
3951                    <a href="https://hanumanchicago.org/temple-location/hanuman-mandir-boston/"><img src="https://hanumanchicago.org/wp-content/uploads/2026/02/Hanuman-Mandir-Boston-1.jpg"></a>
3952                    <div class="product_txt">
3953                        <a href="https://hanumanchicago.org/temple-location/hanuman-mandir-boston/"><h4>Hanuman Mandir Boston</h4></a>
3954                    </div>
3955                </div>
3956                        </div>
3957        </div>
3958    </div>
3959</div>
3960</section>
3961 
3962
3963<style>
3964  .hmc-program-section { background: #F5E5CC !important; padding: 110px 36px; font-family: 'Manrope', sans-serif; }
3965  .hmc-program-section--alt { padding-top: 20px; padding-bottom: 110px; }
3966  .hmc-program-wrap { max-width: 1280px; margin: 0 auto; }
3967  .hmc-program { display: grid; grid-template-columns: 1.05fr 1fr; gap: 64px; align-items: center; padding: 40px 0; }
3968  .hmc-program.flip { grid-template-columns: 1fr 1.05fr; }
3969  .hmc-program.flip .hmc-program-img { order: 2; }
3970  .hmc-program-img { aspect-ratio: 4 / 5; overflow: hidden; border-radius: 6px; position: relative; background: linear-gradient(135deg, #E8A33D, #FF9E0F, #7D0000); box-shadow: 0 24px 60px -30px rgba(42,12,12,0.35); transition: transform 480ms cubic-bezier(0.22, 1, 0.36, 1); }
3971  .hmc-program:hover .hmc-program-img { transform: translateY(-6px); }
3972  .hmc-program-img img { width: 100%; height: 100%; object-fit: cover; display: block; position: relative; z-index: 1; }
3973  .hmc-deva-watermark { position: absolute; right: -20px; bottom: -50px; font-family: 'Tiro Devanagari Hindi', 'Noto Serif Devanagari', 'Hind', serif; font-size: 280px; line-height: 1; color: rgba(255,250,240,0.35); pointer-events: none; user-select: none; z-index: 2; mix-blend-mode: overlay; font-weight: 700; }
3974  .hmc-program.flip .hmc-deva-watermark { right: auto; left: -30px; font-size: 240px; }
3975  .hmc-img-tag { position: absolute; left: 22px; top: 22px; font-family: 'Manrope', sans-serif; font-size: 11px; letter-spacing: 0.32em; text-transform: uppercase; color: #FFFAF0; background: rgba(0,0,0,0.4); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); padding: 6px 12px; border-radius: 4px; z-index: 3; }
3976  .hmc-program.flip .hmc-img-tag { left: auto; right: 22px; }
3977  .hmc-program-content { padding: 0; }
3978  .hmc-program-tag { font-family: 'Manrope', sans-serif !important; font-size: 11px !important; font-weight: 600; letter-spacing: 0.32em !important; text-transform: uppercase; color: #E8A33D !important; margin-bottom: 18px; }
3979  .hmc-program-title { font-family: 'Cormorant Garamond', Georgia, serif !important; font-weight: 600 !important; font-size: clamp(36px, 4.5vw, 60px) !important; line-height: 1.05 !important; letter-spacing: -0.01em !important; color: #2A0C0C !important; margin: 0 0 24px !important; text-transform: none !important; }
3980  .hmc-program-title em { font-style: italic !important; color: #E8A33D !important; font-weight: 600 !important; text-transform: none !important; }
3981  .hmc-program-quote { font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: italic !important; font-weight: 400 !important; font-size: clamp(20px, 1.8vw, 26px) !important; line-height: 1.35 !important; color: #4A1818 !important; margin: 0 0 22px !important; border-left: 2px solid #E8A33D !important; padding-left: 18px !important; background: transparent !important; text-transform: none !important; }
3982  .hmc-program-body { font-family: 'Manrope', sans-serif !important; font-size: 15px !important; line-height: 1.7 !important; color: #4A1818 !important; margin: 0 0 28px !important; text-transform: none !important; }
3983  .hmc-program-ctas { display: flex !important; gap: 14px; flex-wrap: wrap; }
3984  .hmc-program-btn { font-family: 'Manrope', sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; padding: 14px 26px !important; border-radius: 999px !important; display: inline-flex !important; align-items: center; gap: 10px; text-decoration: none !important; cursor: pointer; transition: all 280ms cubic-bezier(0.22, 1, 0.36, 1) !important; line-height: 1 !important; }
3985  .hmc-program-btn--filled { background: linear-gradient(135deg, #E8A33D, #FF9E0F) !important; color: #fff !important; border: 1px solid transparent !important; }
3986  .hmc-program-btn--filled:hover { transform: translateY(-2px); box-shadow: 0 18px 36px -14px rgba(255,158,15,0.55); color: #fff !important; }
3987  .hmc-program-btn--outline { background: transparent !important; color: #2A0C0C !important; border: 1px solid #2A0C0C !important; }
3988  .hmc-program-btn--outline:hover { background: #2A0C0C !important; color: #FFFAF0 !important; }
3989  @media (max-width: 900px) {
3990    .hmc-program-section { padding: 60px 20px; }
3991    .hmc-program, .hmc-program.flip { grid-template-columns: 1fr !important; gap: 32px; padding: 30px 0; }
3992    .hmc-program.flip .hmc-program-img { order: 0; }
3993    .hmc-deva-watermark { font-size: 180px !important; }
3994  }
3995</style>
3996<section class="hmc-program-section">
3997  <div class="hmc-program-wrap">
3998    <article class="hmc-program">
3999      <div class="hmc-program-img">
4000                  <img src="https://hanumanchicago.org/wp-content/uploads/2026/04/openart-image_ZojOtm7o_1775901479579_raw-1-scaled.jpg" alt="openart-image_ZojOtm7o_1775901479579_raw (1)">
4001                <span class="hmc-img-tag">Chandra Vidyalaya &middot; Est. 2012</span>
4002        <span class="hmc-deva-watermark">&#2357;&#2367;&#2342;&#2381;&#2351;&#2366;</span>
4003      </div>
4004      <div class="hmc-program-content">
4005        <div class="hmc-program-tag">Program 01</div>
4006        <h2 class="hmc-program-title">Sunday School at <em>Chandra Vidyalaya.</em></h2>
4007        <p class="hmc-program-quote">Nurturing young minds in the light of Dharma, Culture &amp; Language.</p>
4008        <p class="hmc-program-body">A cornerstone of the Mandir's education initiative. Our curriculum weaves together three pillars of learning &mdash; Hindi language, Hindu religion, and cultural education &mdash; guiding each student toward a deeper understanding of their roots, identity, and spiritual heritage.</p>
4009        <div class="hmc-program-ctas">
4010          <a class="hmc-program-btn hmc-program-btn--filled" href="/sunday-school">Read more &rarr;</a>
4011          <a class="hmc-program-btn hmc-program-btn--outline" href="https://hanumanchicago.org/contact-us/">Volunteer &rarr;</a>
4012        </div>
4013      </div>
4014    </article>
4015  </div>
4016</section>
4017
4018<section class="hmc-program-section hmc-program-section--alt">
4019  <div class="hmc-program-wrap">
4020    <article class="hmc-program flip">
4021      <div class="hmc-program-img">
4022                  <img src="https://hanumanchicago.org/wp-content/uploads/2026/04/Flow_IMG_20260221_102107_01_318-scaled-e1776786844273.jpg" alt="Flow_IMG_20260221_102107_01_318">
4023                <span class="hmc-img-tag">Sanctuary &middot; Wisconsin</span>
4024        <span class="hmc-deva-watermark">&#2327;&#2380; &#2360;&#2375;&#2357;&#2366;</span>
4025      </div>
4026      <div class="hmc-program-content">
4027        <div class="hmc-program-tag">Program 02</div>
4028        <h2 class="hmc-program-title">Shri Hanumat <em>Gau Seva Dham.</em></h2>
4029        <p class="hmc-program-quote">Serving all of God's creation with compassion, devotion &amp; grace.</p>
4030        <p class="hmc-program-body">Rooted in the timeless principle of Ahimsa, we provide shelter, nourishment, and medical care for rescued and retired cows. Our mission extends to retreat facilities for seniors, vibrant community events, and programs that support children with special needs &mdash; ensuring every soul finds warmth, belonging, and purpose.</p>
4031        <div class="hmc-program-ctas">
4032          <a class="hmc-program-btn hmc-program-btn--filled" href="/shri-hanumat-gau-seva-dham">Know more &rarr;</a>
4033          <a class="hmc-program-btn hmc-program-btn--outline" href="https://hanumanchicago.org/shri-hanumat-gau-seva-dham/">Sponsor a cow &rarr;</a>
4034        </div>
4035      </div>
4036    </article>
4037  </div>
4038</section>
4039
4040<script>
4041(function(){
4042  function parseCache(){
4043    try{
4044      var raw = localStorage.getItem("pp_cache_v1");
4045      if(!raw) return null;
4046      var obj = JSON.parse(raw);
4047      if(!obj || !obj.html) return null;
4048      var tmp = document.createElement("div");
4049      tmp.innerHTML = obj.html;
4050      var rows = tmp.querySelectorAll(".pp-row");
4051      var map = {};
4052      rows.forEach(function(r){
4053        var k = r.querySelector(".pp-k");
4054        var v = r.querySelector(".pp-v");
4055        if(k && v){ map[k.textContent.trim()] = v.innerHTML; }
4056      });
4057      return map;
4058    }catch(e){ return null; }
4059  }
4060  function normalizeKey(s){
4061    return String(s||"").replace(/\s*\(.*?\)\s*/g, "").trim();
4062  }
4063  function wirePanchang(){
4064    var map = parseCache();
4065    if(!map) return false;
4066    var normMap = {};
4067    Object.keys(map).forEach(function(k){ normMap[normalizeKey(k).toLowerCase()] = map[k]; });
4068    var cells = document.querySelectorAll("[data-pp-field]");
4069    var filledAny = false;
4070    cells.forEach(function(cell){
4071      var field = cell.getAttribute("data-pp-field") || "";
4072      var key = normalizeKey(field).toLowerCase();
4073      var val = normMap[key];
4074      if(val == null) return;
4075      var target = cell.querySelector("p") || cell.querySelector(".pp-val");
4076      if(!target) return;
4077      var cur = (target.textContent || "").trim();
4078      if(cur === "" || cur === "\u2014"){
4079        target.innerHTML = val;
4080        filledAny = true;
4081      }
4082    });
4083    return filledAny;
4084  }
4085  function addViewPanchangBtn(){
4086    var sec = document.querySelector(".Panchang_area_home");
4087    if(!sec) return;
4088    if(sec.querySelector(".pp-view-panchang-btn")) return;
4089    var wrap = document.createElement("div");
4090    wrap.style.cssText = "text-align:center;width:100%;margin-top:28px;";
4091    var a = document.createElement("a");
4092    a.className = "pp-view-panchang-btn";
4093    a.href = "/panchang/";
4094    a.textContent = "View Panchang →";
4095    a.style.cssText = "display:inline-flex;align-items:center;gap:12px;padding:16px 36px;background:linear-gradient(135deg,#FF9E0F 0%,#FF6D00 100%);color:#FFFFFF;border:0;border-radius:999px;font-family:Manrope,sans-serif;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:0.16em;text-decoration:none;box-shadow:0 10px 28px -10px rgba(255,109,0,0.65);cursor:pointer;";
4096    wrap.appendChild(a);
4097    sec.appendChild(wrap);
4098  }
4099  function run(){ wirePanchang(); addViewPanchangBtn(); }
4100  if(document.readyState === "loading"){
4101    document.addEventListener("DOMContentLoaded", run);
4102  } else { run(); }
4103  setTimeout(run, 500);
4104  setTimeout(run, 1500);
4105  setTimeout(run, 3500);
4106  setTimeout(run, 7000);
4107})();
4108</script>
4108
4109
4110
4111<!-- HMC_FIX_LINEBREAKS_v2 -->
4112<script>
4113(function(){
4114  var fixes = {
4115    'abhishek': 'Monday — Shri Shiv Ji Abhishek<br>Tuesday — Shri Hanuman Ji Maharaj Abhishek<br>Wednesday — Shri Ganesh Ji Abhishek<br><br>All Abhishek will take place at 6pm',
4116    'sunderkand': 'Every Tuesday — 5:30 PM<br>Every Saturday — 10:30 AM<br>1st, 3rd &amp; 5th Saturdays — 5:30 PM',
4117    'langar': 'Every Tuesday — after 5:00 PM<br>Every Saturday &amp; Sunday — after 10:30 AM – 9:30PM'
4118  };
4119  function applyFix(){
4120    var rows = document.querySelectorAll('.ed-schedule-row, .ed-sched-row, .ed-row, .ed-sched-list li');
4121    rows.forEach(function(row){
4122      var allText = (row.textContent || '').toLowerCase();
4123      var tiny = row.querySelector('.ed-tiny, .ed-desc, p');
4124      if (!tiny) return;
4125      Object.keys(fixes).forEach(function(k){
4126        if (allText.indexOf(k) !== -1) {
4127          if (tiny.innerHTML.indexOf('<br') === -1) {
4128            tiny.innerHTML = fixes[k];
4129          }
4130        }
4131      });
4132    });
4133  }
4134  function run(){ applyFix(); }
4135  if (document.readyState === 'loading') {
4136    document.addEventListener('DOMContentLoaded', run);
4137  } else { run(); }
4138  setTimeout(run, 200);
4139  setTimeout(run, 600);
4140  setTimeout(run, 1500);
4141  setTimeout(run, 3500);
4142  setTimeout(run, 7000);
4143  if (window.MutationObserver) {
4144    setTimeout(function(){
4145      var s = document.querySelector('.section-schedule-events');
4146      if (s) {
4147        var mo = new MutationObserver(function(){ run(); });
4148        mo.observe(s, {childList: true, subtree: true, characterData: true});
4149      }
4150    }, 1500);
4151  }
4152  window.addEventListener('scroll', function(){ run(); }, {passive:true});
4153})();
4154</script>
4154
4155
4156<footer>        
4157    <div class="container container_max">
4158        <div class="footer-area">
4159            <div class="row">
4160                <div class="col-md-3">
4161                    <img class="footer_bg" src="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/images/NEW LOGO + Image4.png" style="height:270px;width:auto;max-width:none;object-fit:contain;display:block;margin-bottom:5px;">
4162                    <img class="footer_bg" src="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/images/footer.svg" style="display:block;margin-top:5px;height:100px;width:auto;">
4163                </div>
4164                <div class="col-md-4">
4165                    <h5>Temple Timing</h5>
4166                    <p>                    Monday - Sunday - 09:00 AM - 09:00 PM<br />
4167Temple Entry Door Closes at - 08:45 PM</p>
4168                    <div class="social_links fixed_social_links"><h5 class="mgtop">Follow us</h5>
4169                    <ul>
4170                        <li><a href="https://www.facebook.com/HanumanMandirChicago/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>                        <li><a href="https://www.instagram.com/hanuman_mandir_chicago/" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>                                                <li><a href="https://www.youtube.com/@hanumanjichicago" target="_blank"><i class="fa-brands fa-youtube"></i></a></li>                        <li><a href="javascript:void();" data-bs-toggle="modal" data-bs-target="#book_feedbackform"><i class="fa-regular fa-thumbs-up"></i></a></li>
4171                    </ul></div>
4172                </div>
4173                <div class="col-md-2">
4174                    <h5>Quick Links</h5>
4175                    <div class="primary-menu-container"><ul id="footer-menu-list" class="menu-wrapper menu-footer"><li id="menu-item-123" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-123"><a href="https://hanumanchicago.org/about/">About</a></li>
4176<li id="menu-item-125" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-125"><a href="https://hanumanchicago.org/events/">Events</a></li>
4177<li id="menu-item-126" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-126"><a href="https://hanumanchicago.org/hanuman-sena/">Hanuman Sena</a></li>
4178<li id="menu-item-263" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-263"><a href="https://hanumanchicago.org/sunday-school/">Sunday School</a></li>
4179<li id="menu-item-124" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-124"><a href="https://hanumanchicago.org/contact-us/">Contact Us</a></li>
4180</ul></div>                </div>
4181                <div class="col-md-3">
4182                    <h5>Contact</h5>
4183                    <p>3623 W Lake Avenue, Glenview, IL 60026                    <br><a href="tel:(847) 832 4444">(847) 832 4444</a>                    <br><a href="mailto:[email protected]">[email protected]</a>                    <br><iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d5921.936200683974!2d-87.846088!3d42.086733!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x880fc78febe39fed%3A0x86c466da83fe12d6!2s3623%20W%20Lake%20Ave%2C%20Glenview%2C%20IL%2060026%2C%20USA!5e0!3m2!1sen!2sin!4v1770721026922!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>                    </p>
4184                </div>
4185                <div class="col-md-12"><hr></div>
4186                <div class="col-md-6 copy_right"><p>Hanuman Mandir of Greater Chicago is a nonprofit, tax‑exempt charitable organization. Donations are tax‑deductible to the fullest extent allowed by law.</p></div>
4187                <div class="col-md-6 text-right copy_right"><p>Copyright 2026 Hanuman Mandir of Greater Chicago. All Rights Reserved.</p></div>
4188            </div>
4189        </div>
4190    </div>
4191</footer>
4192</div>
4193
4194<!-- Feedback Modal -->
4195<div class="modal fade" id="book_feedbackform" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
4196    <div class="modal-dialog modal-dialog-centered">
4197        <div class="modal-content">
4198            <div class="modal-body text-center">
4199                <h3 style="margin:0">Feedback</h3><p>Please share your feedback with us</p>
4200                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
4201                
4202<div class="wpcf7 no-js" id="wpcf7-f315-o1" lang="en-US" dir="ltr" data-wpcf7-id="315">
4203<div class="screen-reader-response">
4203<p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
4204<form action="/#wpcf7-f315-o1" method="post" class="wpcf7-form init" aria-label="Contact form" novalidate="novalidate" data-status="init">
4205<fieldset class="hidden-fields-container"><input type="hidden" name="_wpcf7" value="315" /><input type="hidden" name="_wpcf7_version" value="6.1.5" /><input type="hidden" name="_wpcf7_locale" value="en_US" /><input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f315-o1" /><input type="hidden" name="_wpcf7_container_post" value="0" /><input type="hidden" name="_wpcf7_posted_data_hash" value="" /><input type="hidden" name="_yeeaddons_cf7_repeater_fields" value="" /><input type="hidden" name="_wpcf7_recaptcha_response" value="" />
4206</fieldset>
4207<div class="row">
4208	<div class="col-md-6">
4209		<p><span class="wpcf7-form-control-wrap" data-name="text-name"><input size="40" maxlength="200" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" aria-required="true" aria-invalid="false" placeholder="Name *" value="" type="text" name="text-name" /></span>
4210		</p>
4211	</div>
4212	<div class="col-md-6">
4213		<p><span class="wpcf7-form-control-wrap" data-name="email-address"><input size="40" maxlength="200" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email form-control" aria-required="true" aria-invalid="false" placeholder="Email *" value="" type="email" name="email-address" /></span>
4214		</p>
4215	</div>
4216	<div class="col-6">
4217		<p><span class="wpcf7-form-control-wrap" data-name="tel-phone"><input size="40" maxlength="20" class="wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel form-control" aria-invalid="false" placeholder="Phone" value="" type="tel" name="tel-phone" /></span>
4218		</p>
4219	</div>
4220	<div class="col-6">
4221		<p><span class="wpcf7-form-control-wrap" data-name="text-subject"><input size="40" maxlength="200" class="wpcf7-form-control wpcf7-text form-control" aria-invalid="false" placeholder="Subject" value="" type="text" name="text-subject" /></span>
4222		</p>
4223	</div>
4224	<div class="col-12">
4225		<p><span class="wpcf7-form-control-wrap" data-name="textarea-msg"><textarea cols="40" rows="10" maxlength="800" class="wpcf7-form-control wpcf7-textarea form-control" aria-invalid="false" placeholder="Leave a message here" name="textarea-msg"></textarea></span>
4226		</p>
4227	</div>
4228	<div class="col-12">
4229		<p><label>Spam check: <span class="wpcf7-form-control-wrap" data-name="quiz-361"><label><span class="wpcf7-quiz-label">What is 10 - 4?</span> <input size="40" class="wpcf7-form-control wpcf7-quiz" autocomplete="off" aria-required="true" aria-invalid="false" type="text" name="quiz-361" /></label><input type="hidden" name="_wpcf7_quiz_answer_quiz-361" value="6701ca5aeaa94170ab1cc77a230905f7" /></span></label>
4230		</p>
4231	</div>
4232	<div class="col-12 text-center">
4233		<p><input class="wpcf7-form-control wpcf7-submit has-spinner btn_main" type="submit" value="Submit" />
4234		</p>
4235	</div>
4236</div><div class="wpcf7-response-output" aria-hidden="true"></div>
4237</form>
4238</div>
4239            </div>
4240        </div>
4241    </div>
4242</div>
4243
4244<!-- Book Service Modal -->
4245<div class="modal fade" id="book_servicepopup" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
4246    <div class="modal-dialog modal-dialog-centered">
4247        <div class="modal-content">
4248            <div class="modal-body text-center">
4249                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
4250                <form id="otpForm">
4251                    <input type="hidden" name="user_url" class="form-control" id="user_url" placeholder="Enter your email">
4252                    <div id="otprequestSection">
4253                        <h2>Book service</h2>
4254                        <input type="email" name="user_email" class="form-control" id="user_email" placeholder="Enter your email">
4255                        <button type="button" id="sendOtpBtn" class="btn_main">Submit</button>
4256                    </div>
4257                    <div id="otpSection" style="display:none;">
4258                        <h2>Otp</h2>
4259                        <p>Enter the OTP sent to your mail</p>
4260                        <input type="text" name="user_otp" class="form-control" id="user_otp" placeholder="Enter OTP">
4261                        <button type="button" id="verifyOtpBtn" class="btn_main">Verify OTP</button>
4262                        <div class="resnt_div"><a class="resnt_a" id="resendOtpBtn" href="javascript:void(0);">Resend OTP</a> | <a class="resnt_change" href="javascript:void(0);">Change email</a></div>
4263                    </div>
4264                </form>
4265                <div id="responseMsg"></div>
4266            </div>
4267        </div>
4268    </div>
4269</div>
4270
4271<!-- =============================================
4272     BACKGROUND AUDIO PLAYER (MP3, Cross-Browser)
4273     ============================================= -->
4274<div class="audio-container" style="position:fixed;bottom:18px;left:18px;z-index:9999;">
4275    <audio id="audioPlayer" loop preload="metadata">
4276        <source src="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/images/Ram-Chanting.mp3" type="audio/mpeg">
4277    </audio>
4278
4279    <button id="audioToggleBtn" aria-label="Mute background chanting" title="Mute / Unmute" style="
4280        background: rgba(153,0,0,0.88);
4281        color: #fff;
4282        border: none;
4283        border-radius: 50%;
4284        width: 46px;
4285        height: 46px;
4286        font-size: 20px;
4287        cursor: pointer;
4288        box-shadow: 0 4px 14px rgba(0,0,0,0.35);
4289        display: flex;
4290        align-items: center;
4291        justify-content: center;
4292        transition: background 0.2s ease;
4293    ">🔊</button>
4294</div>
4295
4296<style>
4297#audioToggleBtn:hover { background: rgba(120,0,0,0.95) !important; }
4298@media (max-width: 576px) {
4299    #audioToggleBtn { width: 42px; height: 42px; font-size: 18px; }
4300}
4301</style>
4302
4303<script>
4304(function () {
4305    var audio   = document.getElementById('audioPlayer');
4306    var btn     = document.getElementById('audioToggleBtn');
4307    var playing = false;
4308    var muted   = false;
4309
4310    function startPlay() {
4311        var p = audio.play();
4312        if (p !== undefined) {
4313            p.then(function () {
4314                playing = true;
4315                btn.textContent = '🔊';
4316            }).catch(function () {
4317                // Autoplay blocked silently — first interaction will trigger it
4318            });
4319        }
4320    }
4321
4322    window.addEventListener('load', function () {
4323        startPlay();
4324    });
4325
4326    // Fallback: first scroll, click, or touch triggers play silently
4327    function interactionHandler() {
4328        if (!playing) {
4329            audio.play().then(function () {
4330                playing = true;
4331                btn.textContent = '🔊';
4332            });
4333        }
4334        window.removeEventListener('scroll', interactionHandler);
4335        document.removeEventListener('click', interactionHandler);
4336        document.removeEventListener('touchstart', interactionHandler);
4337    }
4338
4339    window.addEventListener('scroll', interactionHandler, { passive: true });
4340    document.addEventListener('click', interactionHandler);
4341    document.addEventListener('touchstart', interactionHandler, { passive: true });
4342
4343    // Mute / Unmute toggle
4344    btn.addEventListener('click', function (e) {
4345        e.stopPropagation();
4346        if (!playing) {
4347            audio.play().then(function () {
4348                playing = true;
4349                btn.textContent = '🔊';
4350            });
4351        } else {
4352            muted = !muted;
4353            audio.muted = muted;
4354            btn.textContent = muted ? '🔇' : '🔊';
4355            btn.setAttribute('aria-label', muted ? 'Unmute background chanting' : 'Mute background chanting');
4356        }
4357    });
4358})();
4359</script>
4359
4360<!-- =============================================
4361     END BACKGROUND AUDIO PLAYER
4362     ============================================= -->
4363
4364<script src="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/js/jquery-3.1.1.js"></script>
vendor: 1 bytes, line 4364
4364
4365<script src="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/lightbox/js/lightbox.min.js"></script>
vendor: 1 bytes, line 4365
4365
4366<script src="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/js/popper.min.js"></script>
vendor: 1 bytes, line 4366
4366
4367<script src="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 4367
4367
4368<script src="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/js/owl.carousel.min.js"></script>
vendor: 1 bytes, line 4368
4368
4369<script src="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/js/wow.js"></script>
vendor: 1 bytes, line 4369
4369
4370<script src="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/js/custom.js"></script>
vendor: 1 bytes, line 4370
4370
4371<script>
4372    $(document).ready(function () {
4373        new WOW().init();
4374    });
4375</script>
4375
4376
4377<script>
4378$(document).ready(function () {
4379    $('.wpcf7-file').on('change', function () {
4380        let fileName = $(this).val().split('\\').pop();
4381        $('#cv-filename').text(fileName ? fileName : 'No File Choosen');
4382    });
4383
4384    $('.col_ind_outer').on('click', function () {
4385        $('.col_ind_outer').removeClass('col-md-5');
4386        $(this).addClass('col-md-5');
4387    });
4388
4389    var owl = jQuery('.product_category_list');
4390    owl.owlCarousel({
4391        autoplay: true, autoplayTimeout: 6000,
4392        items: 4, pagination: false,
4393        nav: true, loop: true,
4394        dots: true,
4395        margin: 15,
4396        responsiveClass: true,
4397        responsive: {
4398            0: { items: 1 },
4399            600: { items: 2 },
4400            800: { items: 3 },
4401            1200: { items: 4 }
4402        }
4403    });
4404
4405    var owl = jQuery('.temple_location_list');
4406    owl.owlCarousel({
4407        autoplay: true, autoplayTimeout: 6000,
4408        items: 3, pagination: false,
4409        nav: true, loop: false,
4410        dots: true,
4411        margin: 20,
4412        responsiveClass: true,
4413        responsive: {
4414            0: { items: 1 },
4415            600: { items: 2 },
4416            1000: { items: 3 }
4417        }
4418    });
4419
4420    var owl = jQuery('.similar-properties-area');
4421    owl.owlCarousel({
4422        autoplay: true, autoplayTimeout: 6000,
4423        items: 3, pagination: false,
4424        nav: true, loop: false,
4425        dots: true,
4426        margin: 20,
4427        responsiveClass: true,
4428        responsive: {
4429            0: { items: 1 },
4430            600: { items: 2 },
4431            1000: { items: 3 }
4432        }
4433    });
4434
4435    var $footer = $("footer");
4436    var offset = 0;
4437    if ($footer.length) {
4438        $(window).on("scroll", function () {
4439            var scrollTop = $(window).scrollTop();
4440            var windowHeight = $(window).height();
4441            var footerTop = $footer.offset().top;
4442            if (scrollTop + windowHeight >= footerTop - offset) {
4443                $(".social_links").removeClass("fixed_social_links");
4444            } else {
4445                $(".social_links").addClass("fixed_social_links");
4446            }
4447        });
4448    }
4449
4450    $('.search_form_events select').on('change', function () {
4451        $('.search_form_events').submit();
4452    });
4453
4454    $(document).on('wpcf7mailsent', function (event) {
4455        var payment_link = '';
4456    });
4457
4458    $('.timepicker_input').timepicker({
4459        timeFormat: 'h:mm p',
4460        interval: 30,
4461        minTime: '09',
4462        maxTime: '8:45pm',
4463        startTime: '09:00',
4464        dynamic: false,
4465        dropdown: true,
4466        scrollbar: true
4467    });
4468});
4469</script>
4469
4470
4471<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">
4472<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>
4472
4473
4474<script type="speculationrules">
4475{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hunuman-mandir/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
4476</script>
4476
4477    <style id="lp-mandala-sticky-css">
4478      .lp-flow { position: relative; overflow: clip; }
4479      .lp-flow > section { position: relative; z-index: 2; }
4480      .lp-petals { z-index: 40; }
4481      .lp-mandala-fixed{
4482        position: sticky;
4483        top: 0;
4484        height: 100vh;
4485        margin-bottom: -100vh;
4486        pointer-events: none;
4487        z-index: 1;
4488        display: flex;
4489        align-items: center;
4490        justify-content: center;
4491      }
4492      .lp-mandala-fixed img{
4493        width: min(820px, 78vw);
4494        height: min(820px, 78vw);
4495        opacity: 0.48;
4496        object-fit: contain;
4497        mix-blend-mode: multiply;
4498        filter: brightness(1.18) contrast(1.28) saturate(1.05);
4499        -webkit-mask-image: radial-gradient(closest-side, #000 62%, transparent 100%);
4500                mask-image: radial-gradient(closest-side, #000 62%, transparent 100%);
4501      }
4502      @media (max-width: 640px){
4503        .lp-mandala-fixed img{ opacity: 0.32; }
4504      }
4505    </style>
4506    
4506<script id="lp-mandala-sticky-js">
4507      (function(){
4508        function insertMandala(){
4509          var flow = document.querySelector('.lp-flow');
4510          if(!flow) return;
4511          if(flow.querySelector('.lp-mandala-fixed')) return;
4512          var wrap = document.createElement('div');
4513          wrap.className = 'lp-mandala-fixed';
4514          wrap.setAttribute('aria-hidden','true');
4515          var img = document.createElement('img');
4516          img.src = 'https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/images/mandala-lotus-v2.png';
4517          img.alt = '';
4518          wrap.appendChild(img);
4519          flow.insertBefore(wrap, flow.firstChild);
4520        }
4521        if(document.readyState === 'complete' || document.readyState === 'interactive'){
4522          insertMandala();
4523        } else {
4524          document.addEventListener('DOMContentLoaded', insertMandala);
4525        }
4526        window.addEventListener('load', insertMandala);
4527      })();
4528    </script>
4528
4529        <style id="lp-pooja-carousel-css">
4530      .lp-poojas .lp-grid.lp-carousel-on{
4531        display: block !important;
4532        grid-template-columns: none !important;
4533        gap: 0 !important;
4534        position: relative;
4535        overflow: hidden;
4536        padding: 8px 4px 16px;
4537        mask-image: linear-gradient(90deg, transparent 0, #000 48px, #000 calc(100% - 48px), transparent 100%);
4538        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 48px, #000 calc(100% - 48px), transparent 100%);
4539      }
4540      .lp-carousel-track{
4541        display: flex;
4542        flex-wrap: nowrap;
4543        gap: 24px;
4544        will-change: transform;
4545        align-items: stretch;
4546      }
4547      .lp-carousel-track > .lp-card-wrap{
4548        flex: 0 0 272px;
4549        width: 272px;
4550        max-width: 272px;
4551      }
4552      .lp-carousel-track.is-paused{ animation-play-state: paused !important; }
4553      .lp-carousel-wrap{ position: relative; }
4554      .lp-carousel-btn{
4555        position: absolute;
4556        top: 50%;
4557        transform: translateY(-50%);
4558        width: 36px;
4559        height: 36px;
4560        border-radius: 50%;
4561        background: rgba(255,255,255,0.92);
4562        border: 1px solid rgba(180,40,40,0.18);
4563        box-shadow: 0 4px 14px rgba(120,20,20,0.18);
4564        color: #8b1a1a;
4565        font-size: 18px;
4566        line-height: 1;
4567        font-weight: 700;
4568        display: flex;
4569        align-items: center;
4570        justify-content: center;
4571        cursor: pointer;
4572        z-index: 5;
4573        transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
4574        padding: 0;
4575        font-family: inherit;
4576      }
4577      .lp-carousel-btn:hover{
4578        background: #fff;
4579        transform: translateY(-50%) scale(1.08);
4580        box-shadow: 0 6px 18px rgba(120,20,20,0.28);
4581      }
4582      .lp-carousel-btn:focus-visible{ outline: 2px solid #c9302c; outline-offset: 2px; }
4583      .lp-carousel-btn.prev{ left: 6px; }
4584      .lp-carousel-btn.next{ right: 6px; }
4585      @media (max-width: 640px){
4586        .lp-carousel-track > .lp-card-wrap{ flex: 0 0 240px; width: 240px; max-width: 240px; }
4587        .lp-carousel-btn{ width: 32px; height: 32px; font-size: 16px; }
4588      }
4589    </style>
4590    
4590<script id="lp-pooja-carousel-js">
4591      (function(){
4592        var initialized = false;
4593        function initCarousel(){
4594          if(initialized) return;
4595          var grid = document.querySelector('.lp-poojas .lp-grid');
4596          if(!grid) return;
4597          var cards = Array.prototype.slice.call(grid.children).filter(function(c){ return c.classList && c.classList.contains('lp-card-wrap'); });
4598          if(cards.length < 2) return;
4599          initialized = true;
4600
4601          // Wrap grid in carousel-wrap so we can position arrows
4602          var wrap = document.createElement('div');
4603          wrap.className = 'lp-carousel-wrap';
4604          grid.parentNode.insertBefore(wrap, grid);
4605          wrap.appendChild(grid);
4606
4607          grid.classList.add('lp-carousel-on');
4608
4609          // Build track
4610          var track = document.createElement('div');
4611          track.className = 'lp-carousel-track';
4612          cards.forEach(function(c){ track.appendChild(c); });
4613
4614          // Duplicate cards for seamless loop
4615          cards.forEach(function(c){
4616            var clone = c.cloneNode(true);
4617            clone.setAttribute('aria-hidden','true');
4618            track.appendChild(clone);
4619          });
4620
4621          grid.appendChild(track);
4622
4623          // Auto-scroll loop using requestAnimationFrame
4624          var speed = 0.6; // px per frame at 60fps
4625          var offset = 0;
4626          var paused = false;
4627          var lastTs = 0;
4628          var loopWidth = 0;
4629          function measure(){
4630            // Width of one full set (original cards + their gaps)
4631            var halfCount = cards.length;
4632            var first = track.children[0];
4633            var rect0 = first.getBoundingClientRect();
4634            // Sum of card widths + gaps for halfCount items
4635            // Easier: total scrollWidth / 2 since we duplicated once
4636            loopWidth = track.scrollWidth / 2;
4637          }
4638          measure();
4639          window.addEventListener('resize', function(){ measure(); });
4640
4641          function step(ts){
4642            if(!paused){
4643              offset += speed;
4644              if(offset >= loopWidth){ offset -= loopWidth; }
4645              track.style.transform = 'translateX(' + (-offset) + 'px)';
4646            }
4647            requestAnimationFrame(step);
4648          }
4649          requestAnimationFrame(step);
4650
4651          // Pause on hover
4652          wrap.addEventListener('mouseenter', function(){ paused = true; });
4653          wrap.addEventListener('mouseleave', function(){ paused = false; });
4654          // Pause on touch
4655          wrap.addEventListener('touchstart', function(){ paused = true; }, {passive:true});
4656          wrap.addEventListener('touchend', function(){ setTimeout(function(){ paused = false; }, 1200); }, {passive:true});
4657
4658          // Add arrows
4659          var prevBtn = document.createElement('button');
4660          prevBtn.type = 'button';
4661          prevBtn.className = 'lp-carousel-btn prev';
4662          prevBtn.setAttribute('aria-label','Previous');
4663          prevBtn.innerHTML = '&#10094;';
4664          var nextBtn = document.createElement('button');
4665          nextBtn.type = 'button';
4666          nextBtn.className = 'lp-carousel-btn next';
4667          nextBtn.setAttribute('aria-label','Next');
4668          nextBtn.innerHTML = '&#10095;';
4669          wrap.appendChild(prevBtn);
4670          wrap.appendChild(nextBtn);
4671
4672          var nudge = 296; // card width + gap
4673          function nudgeBy(d){
4674            offset += d;
4675            // Normalize
4676            while(offset < 0) offset += loopWidth;
4677            while(offset >= loopWidth) offset -= loopWidth;
4678            track.style.transition = 'transform 0.42s cubic-bezier(.22,.61,.36,1)';
4679            track.style.transform = 'translateX(' + (-offset) + 'px)';
4680            setTimeout(function(){ track.style.transition = ''; }, 460);
4681          }
4682          prevBtn.addEventListener('click', function(){ paused = true; nudgeBy(-nudge); setTimeout(function(){ paused = false; }, 1400); });
4683          nextBtn.addEventListener('click', function(){ paused = true; nudgeBy(nudge); setTimeout(function(){ paused = false; }, 1400); });
4684
4685          // Reduced motion respect
4686          if(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches){
4687            paused = true;
4688          }
4689        }
4690        function tryInit(){
4691          initCarousel();
4692          if(!initialized) setTimeout(tryInit, 250);
4693        }
4694        if(document.readyState === 'complete' || document.readyState === 'interactive'){
4695          tryInit();
4696        } else {
4697          document.addEventListener('DOMContentLoaded', tryInit);
4698        }
4699        window.addEventListener('load', tryInit);
4700      })();
4701    </script>
4701
4702    	
4702<script>/(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1);</script>
vendor: 1 bytes, line 4702
4702
4703<script id="wp-hooks-js" src="https://hanumanchicago.org/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 4703
4703
4704<script id="wp-i18n-js" src="https://hanumanchicago.org/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 4704
4704
4705<script id="wp-i18n-js-after">
4706wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
4707//# sourceURL=wp-i18n-js-after
4708</script>
vendor: 1 bytes, line 4708
4708
4709<script id="swv-js" defer src="https://hanumanchicago.org/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.5"></script>
vendor: 1 bytes, line 4709
4709
4710<script id="contact-form-7-js-before">
4711var wpcf7 = {
4712    "api": {
4713        "root": "https:\/\/hanumanchicago.org\/wp-json\/",
4714        "namespace": "contact-form-7\/v1"
4715    },
4716    "cached": 1
4717};
4718//# sourceURL=contact-form-7-js-before
4719</script>
vendor: 1 bytes, line 4719
4719
4720<script id="contact-form-7-js" defer src="https://hanumanchicago.org/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.5"></script>
vendor: 1 bytes, line 4720
4720
4721<script id="walcf7-datepicker-js-js" defer src="https://hanumanchicago.org/wp-content/plugins/date-time-picker-for-contact-form-7/assets/js/jquery.datetimepicker.full.min.js?ver=7.1.2"></script>
vendor: 1 bytes, line 4721
4721
4722<script id="walcf7-datepicker-js" defer src="https://hanumanchicago.org/wp-content/plugins/date-time-picker-for-contact-form-7/assets/js/datetimepicker.js?ver=1.0.0"></script>
vendor: 1 bytes, line 4722
4722
4723<script id="DSCF7-front-js-js" defer src="https://hanumanchicago.org/wp-content/plugins/digital-signature-for-contact-form-7/assets/js/front.js?ver=7.1.2"></script>
vendor: 1 bytes, line 4723
4723
4724<script id="jquery-validate-js" defer src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"></script>
vendor: 1 bytes, line 4724
4724
4725<script id="custom-otp-js-extra">
4726var otp_ajax = {"ajax_url":"https://hanumanchicago.org/wp-admin/admin-ajax.php"};
4727//# sourceURL=custom-otp-js-extra
4728</script>
vendor: 1 bytes, line 4728
4728
4729<script id="custom-otp-js" defer src="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/js/custom-otp.js"></script>
vendor: 1 bytes, line 4729
4729
4730<script id="mobile-fixes-js" defer src="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/js/mobile-fixes.js?ver=1.0.3"></script>
vendor: 92 bytes, lines 4730-4731
4730
4731<script id="google-recaptcha-js" defer src="https://www.google.com/recaptcha/api.js?render=
47316Lfd8dIsAAAAAAWumhfwe4MgkFZJKrWv0svInHDc
vendor: 25 bytes, line 4731
4731&#038;ver=3.0"></script>
4732<script id="wp-polyfill-js" src="https://hanumanchicago.org/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0"></script>
vendor: 1 bytes, line 4732
4732
4733<script id="wpcf7-recaptcha-js-before">
4734var wpcf7_recaptcha = {
4735    "sitekey": "6Lfd8dIsAAAAAAWumhfwe4MgkFZJKrWv0svInHDc",
4736    "actions": {
4737        "homepage": "homepage",
4738        "contactform": "contactform"
4739    }
4740};
4741//# sourceURL=wpcf7-recaptcha-js-before
4742</script>
vendor: 1 bytes, line 4742
4742
4743<script id="wpcf7-recaptcha-js" defer src="https://hanumanchicago.org/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=6.1.5"></script>
vendor: 1 bytes, line 4743
4743
4744<script id="lp-perf-mandala-attrs-v24">
4745(function(){
4746	function applyAttrs(){
4747		var img = document.querySelector('.lp-mandala-fixed img');
4748		if (!img) return false;
4749		if (img.hasAttribute('data-lp-deferred')) return true;
4750		img.setAttribute('loading', 'lazy');
4751		img.setAttribute('decoding', 'async');
4752		img.setAttribute('fetchpriority', 'low');
4753		img.setAttribute('data-lp-deferred', '1');
4754		return true;
4755	}
4756	/* Try immediately, then a few times in case original script hasn't run yet */
4757	if (applyAttrs()) return;
4758	var tries = 0;
4759	var interval = setInterval(function(){
4760		tries++;
4761		if (applyAttrs() || tries > 20) {
4762			clearInterval(interval);
4763		}
4764	}, 250);
4765})();
4766</script>
4766
4767		
4767<script id="hmc-hero-video-defer">
4768(function(){
4769	function startHero(){
4770		var v = document.getElementById('hero-bg-video');
4771		if ( ! v ) return;
4772		v.setAttribute('preload', 'auto');
4773		var played = false;
4774		var tryPlay = function(){
4775			if ( played ) return;
4776			played = true;
4777			v.removeEventListener('canplaythrough', tryPlay);
4778			var p = v.play();
4779			if ( p && typeof p.catch === 'function' ) p.catch(function(){});
4780		};
4781		v.addEventListener('canplaythrough', tryPlay);
4782		try { v.load(); } catch(e){}
4783		// Failsafe: if browser never fires canplaythrough (slow connection), play anyway after 15s
4784		setTimeout(tryPlay, 15000);
4785	}
4786	if ( document.readyState === 'complete' ) {
4787		setTimeout( startHero, 800 );
4788	} else {
4789		window.addEventListener( 'load', function(){ setTimeout( startHero, 800 ); } );
4790	}
4791})();
4792</script>
4792
4793	
4793<script>
4794(function(){
4795  function init(){
4796    var about = document.querySelector('.lp-flow > .section-temple-location');
4797    var phb   = document.querySelector('.lp-flow > .hmc-programs-header-block');
4798    if (about) about.setAttribute('data-reveal','');
4799    if (phb)   phb.setAttribute('data-reveal','');
4800    // Also kill any rotation by removing the floral host node (defense-in-depth)
4801    document.querySelectorAll('.hmc-about-florals').forEach(function(el){ el.style.display='none'; });
4802    var io = new IntersectionObserver(function(entries){
4803      entries.forEach(function(e){ if (e.isIntersecting) e.target.classList.add('is-visible'); });
4804    }, { threshold: 0.18, rootMargin: '0px 0px -8% 0px' });
4805    document.querySelectorAll('[data-reveal]').forEach(function(s){ io.observe(s); });
4806  }
4807  if (document.readyState !== 'loading') init();
4808  else document.addEventListener('DOMContentLoaded', init);
4809  window.addEventListener('load', init);
4810})();
4811</script>
vendor: 1 bytes, line 4811
4811
4812<script>
4813(function(){
4814  function shim(){
4815    var col = document.querySelector('.section-temple-location .col-md-8');
4816    if (!col) return;
4817    // 1) Insert OUR STORY eyebrow above H2 if not present
4818    var h2 = col.querySelector('h2');
4819    if (h2 && !col.querySelector('.lp-about__eyebrow')) {
4820      var eyebrow = document.createElement('p');
4821      eyebrow.className = 'lp-about__eyebrow';
4822      eyebrow.textContent = 'OUR STORY';
4823      h2.parentNode.insertBefore(eyebrow, h2);
4824    }
4825    // 2) Insert subtitle directly after H2 if not present
4826    if (h2 && !col.querySelector('.lp-about__subtitle')) {
4827      var sub = document.createElement('p');
4828      sub.className = 'lp-about__subtitle';
4829      sub.textContent = 'A sacred vision, laid stone by stone.';
4830      h2.parentNode.insertBefore(sub, h2.nextSibling);
4831    }
4832    // 3) Tag the first paragraph as the quote (it contains "With the blessings")
4833    var ps = col.querySelectorAll('p');
4834    for (var i=0; i<ps.length; i++){
4835      var t = ps[i].textContent || '';
4836      if (/With the blessings of Hanumanji Maharaj/i.test(t) && !ps[i].classList.contains('lp-about__quote')) {
4837        ps[i].classList.add('lp-about__quote');
4838        break;
4839      }
4840    }
4841    // 4) Tag star rows
4842    var divs = col.querySelectorAll('div');
4843    for (var j=0; j<divs.length; j++){
4844      var dt = (divs[j].textContent || '').replace(/\s+/g,'');
4845      if (dt === '✦✦✦' || /^[✦✧✤✱✲✳]+$/.test(dt)) {
4846        divs[j].classList.add('lp-stars');
4847      }
4848    }
4849  }
4850  if (document.readyState !== 'loading') shim();
4851  else document.addEventListener('DOMContentLoaded', shim);
4852  window.addEventListener('load', shim);
4853})();
4854</script>
vendor: 1 bytes, line 4854
4854
4855<script>
4856(function(){
4857  function fixAbout(){
4858    var content = document.querySelector('.hmc-about .hmc-about-content');
4859    if (!content) return;
4860    var eb = content.querySelector('.hmc-about-eyebrow');
4861    var title = content.querySelector('.hmc-about-title');
4862    if (eb && title) {
4863      // The current template has it inverted: eyebrow text is the title text and title is subtitle text.
4864      // Desired: eyebrow="OUR STORY", title="HANUMAN MANDIR OF GREATER CHICAGO", subtitle="A sacred vision, laid stone by stone."
4865      var ebText = (eb.textContent || '').trim();
4866      var titleText = (title.textContent || '').trim();
4867      // Only swap if pattern matches (idempotent)
4868      if (/HANUMAN MANDIR OF GREATER CHICAGO/i.test(ebText) && /sacred vision/i.test(titleText)) {
4869        eb.textContent = 'OUR STORY';
4870        title.innerHTML = 'Hanuman Mandir<br>of Greater Chicago';
4871        // Insert subtitle after title if not present
4872        if (!content.querySelector('.hmc-about-subtitle-new')) {
4873          var sub = document.createElement('p');
4874          sub.className = 'hmc-about-subtitle-new';
4875          sub.textContent = 'A sacred vision, laid stone by stone.';
4876          title.parentNode.insertBefore(sub, title.nextSibling);
4877        }
4878      }
4879    }
4880  }
4881  if (document.readyState !== 'loading') fixAbout();
4882  else document.addEventListener('DOMContentLoaded', fixAbout);
4883  window.addEventListener('load', fixAbout);
4884})();
4885</script>
vendor: 1 bytes, line 4885
4885
4886<script id="lp-perf-v16-lazy">
4887(function(){
4888  function applyLazy(){
4889    var vh = window.innerHeight || 800;
4890    var imgs = document.querySelectorAll("img:not([loading])");
4891    imgs.forEach(function(img){
4892      var r = img.getBoundingClientRect();
4893      if (r.top > vh) {
4894        img.loading = "lazy";
4895        if (!img.decoding) img.decoding = "async";
4896      }
4897    });
4898  }
4899  if (document.readyState === "loading") {
4900    document.addEventListener("DOMContentLoaded", applyLazy);
4901  } else {
4902    applyLazy();
4903  }
4904})();
4905</script>
4905
4906  <style>    /* Font normalization (footer) */
4907    html:not(#x):not(#y) body footer p,
4908    html:not(#x):not(#y) body footer p *,
4909    html:not(#x):not(#y) body footer h1,
4910    html:not(#x):not(#y) body footer h2,
4911    html:not(#x):not(#y) body footer h3,
4912    html:not(#x):not(#y) body footer h4,
4913    html:not(#x):not(#y) body footer h5,
4914    html:not(#x):not(#y) body footer h6,
4915    html:not(#x):not(#y) body footer a,
4916    html:not(#x):not(#y) body footer li,
4917    html:not(#x):not(#y) body footer span,
4918    html:not(#x):not(#y) body footer div,
4919    html:not(#x):not(#y) body footer strong,
4920    html:not(#x):not(#y) body footer b,
4921    html:not(#x):not(#y) body footer em,
4922    html:not(#x):not(#y) body footer label,
4923    html:not(#x):not(#y) body footer small {
4924      font-family: Manrope, sans-serif !important;
4925      font-style: normal !important;
4926    }
4927    /* Stack nonprofit + copyright full-width centered */
4928    html:not(#x):not(#y) body footer .col-md-6.copy_right,
4929    html:not(#x):not(#y) body footer .col-md-6.text-right.copy_right {
4930      flex: 0 0 100% !important;
4931      max-width: 100% !important;
4932      width: 100% !important;
4933      text-align: center !important;
4934    }
4935    html:not(#x):not(#y) body footer .col-md-6.copy_right p,
4936    html:not(#x):not(#y) body footer .col-md-6.text-right.copy_right p {
4937      text-align: center !important;
4938      margin-left: auto !important;
4939      margin-right: auto !important;
4940    }
4941    @media (min-width: 992px) {
4942      html:not(#x):not(#y) body footer .col-md-6.copy_right p {
4943        white-space: nowrap !important;
4944        font-size: clamp(11px, 0.95vw, 13px) !important;
4945      }
4946    }
4947    @media (max-width: 991.98px) {
4948      html:not(#x):not(#y) body footer .col-md-6.copy_right p {
4949        white-space: normal !important;
4950      }
4951    }
4952    /* TOP NAV MENU: white text, larger, bolder */
4953    html:not(#x):not(#y) body ul#primary-menu-list.header-center-menu > li > a,
4954    html:not(#x):not(#y) body ul#primary-menu-list.header-center-menu > li.menu-item > a {
4955      color: #ffffff !important;
4956      font-size: 17px !important;
4957      font-weight: 700 !important;
4958      letter-spacing: 0.02em !important;
4959    }
4960    /* Keep the same color when hovered, just slight emphasis */
4961    html:not(#x):not(#y) body ul#primary-menu-list.header-center-menu > li > a:hover,
4962    html:not(#x):not(#y) body ul#primary-menu-list.header-center-menu > li > a:focus {
4963      color: #FFD96B !important;
4964    }
4965</style>
4965<script>    /* Override the JS-injected subtitle text after the theme finishes */
4966    (function(){
4967      function applySubtitle(){
4968        var nodes=document.querySelectorAll('.hmc-about-subtitle-new, .lp-about__subtitle');
4969        nodes.forEach(function(n){ if(n && n.textContent.indexOf('Divine Vision')===-1){ n.textContent='A Divine Vision, Carried by Faith'; } });
4970      }
4971      if(document.readyState!=='loading') applySubtitle();
4972      else document.addEventListener('DOMContentLoaded', applySubtitle);
4973      window.addEventListener('load', applySubtitle);
4974      // Also keep observing for a short period in case theme JS re-renders
4975      var attempts=0; var iv=setInterval(function(){ applySubtitle(); if(++attempts>40) clearInterval(iv); },250);
4976    })();
4977</script>
4977
4978
4979<!-- CLAUDE-EVENTS-CAROUSEL START | added 2026-06-22 (DJ) | Makes the Upcoming Events (.lp-events) section an auto-scrolling carousel identical to Pooja Services, at all screen sizes. Pure JS, no PHP. To revert: delete everything from this comment through CLAUDE-EVENTS-CAROUSEL END. -->
4980<script>
4981
4982      (function(){
4983        var initialized = false;
4984        function initCarousel(){
4985          if(initialized) return;
4986          var grid = document.querySelector('.lp-events .lp-grid');
4987          if(!grid) return;
4988          var cards = Array.prototype.slice.call(grid.children).filter(function(c){ return c.classList && c.classList.contains('lp-card-wrap'); });
4989          if(cards.length < 2) return;
4990          initialized = true;
4991
4992          // Wrap grid in carousel-wrap so we can position arrows
4993          var wrap = document.createElement('div');
4994          wrap.className = 'lp-carousel-wrap';
4995          grid.parentNode.insertBefore(wrap, grid);
4996          wrap.appendChild(grid);
4997
4998          grid.classList.add('lp-carousel-on');
4999
5000          // Build track
5001          var track = document.createElement('div');
5002          track.className = 'lp-carousel-track';
5003          cards.forEach(function(c){ track.appendChild(c); });
5004
5005          // Duplicate cards for seamless loop
5006          cards.forEach(function(c){
5007            var clone = c.cloneNode(true);
5008            clone.setAttribute('aria-hidden','true');
5009            track.appendChild(clone);
5010          });
5011
5012          grid.appendChild(track);
5013
5014          // Auto-scroll loop using requestAnimationFrame
5015          var speed = 0.6; // px per frame at 60fps
5016          var offset = 0;
5017          var paused = false;
5018          var lastTs = 0;
5019          var loopWidth = 0;
5020          function measure(){
5021            // Width of one full set (original cards + their gaps)
5022            var halfCount = cards.length;
5023            var first = track.children[0];
5024            var rect0 = first.getBoundingClientRect();
5025            // Sum of card widths + gaps for halfCount items
5026            // Easier: total scrollWidth / 2 since we duplicated once
5027            loopWidth = track.scrollWidth / 2;
5028          }
5029          measure();
5030          window.addEventListener('resize', function(){ measure(); });
5031
5032          function step(ts){
5033            if(!paused){
5034              offset += speed;
5035              if(offset >= loopWidth){ offset -= loopWidth; }
5036              track.style.transform = 'translateX(' + (-offset) + 'px)';
5037            }
5038            requestAnimationFrame(step);
5039          }
5040          requestAnimationFrame(step);
5041
5042          // Pause on hover
5043          wrap.addEventListener('mouseenter', function(){ paused = true; });
5044          wrap.addEventListener('mouseleave', function(){ paused = false; });
5045          // Pause on touch
5046          wrap.addEventListener('touchstart', function(){ paused = true; }, {passive:true});
5047          wrap.addEventListener('touchend', function(){ setTimeout(function(){ paused = false; }, 1200); }, {passive:true});
5048
5049          // Add arrows
5050          var prevBtn = document.createElement('button');
5051          prevBtn.type = 'button';
5052          prevBtn.className = 'lp-carousel-btn prev';
5053          prevBtn.setAttribute('aria-label','Previous');
5054          prevBtn.innerHTML = '&#10094;';
5055          var nextBtn = document.createElement('button');
5056          nextBtn.type = 'button';
5057          nextBtn.className = 'lp-carousel-btn next';
5058          nextBtn.setAttribute('aria-label','Next');
5059          nextBtn.innerHTML = '&#10095;';
5060          wrap.appendChild(prevBtn);
5061          wrap.appendChild(nextBtn);
5062
5063          var nudge = 296; // card width + gap
5064          function nudgeBy(d){
5065            offset += d;
5066            // Normalize
5067            while(offset < 0) offset += loopWidth;
5068            while(offset >= loopWidth) offset -= loopWidth;
5069            track.style.transition = 'transform 0.42s cubic-bezier(.22,.61,.36,1)';
5070            track.style.transform = 'translateX(' + (-offset) + 'px)';
5071            setTimeout(function(){ track.style.transition = ''; }, 460);
5072          }
5073          prevBtn.addEventListener('click', function(){ paused = true; nudgeBy(-nudge); setTimeout(function(){ paused = false; }, 1400); });
5074          nextBtn.addEventListener('click', function(){ paused = true; nudgeBy(nudge); setTimeout(function(){ paused = false; }, 1400); });
5075
5076          // Reduced motion respect
5077          if(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches){
5078            paused = true;
5079          }
5080        }
5081        function tryInit(){
5082          initCarousel();
5083          if(!initialized && (window.__lpEvTries=(window.__lpEvTries||0)+1) < 80) setTimeout(tryInit, 250);
5084        }
5085        if(document.readyState === 'complete' || document.readyState === 'interactive'){
5086          tryInit();
5087        } else {
5088          document.addEventListener('DOMContentLoaded', tryInit);
5089        }
5090        window.addEventListener('load', tryInit);
5091      })();
5092    
5093</script>
5093
5094<!-- CLAUDE-EVENTS-CAROUSEL END -->
5095</body>
5096</html>
5097<!-- Cached by WP-Optimize (gzip) - https://teamupdraft.com/wp-optimize/ - Last modified: October 2, 2026 11:11 pm (UTC:-5) -->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.