PageSourceSearch

https://hanumanchicago.org/about/

html hanumanchicago.org collected 2026-10-03 17:48:45 UTC 182,534 bytes, 3,750 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>About Us - Hanuman Mandir of Greater Chicago</title>
17
18		<!-- All in One SEO 4.9.6.2 - aioseo.com -->
19	<meta name="description" content="Hanuman Mandir of Greater Chicago Though the world marks 2016 as the year our temple was inaugurated, those who step inside know the deeper truth, that this divine ground hums with an energy far older, as if Bajrang Bali Himself chose this spot thousands of years ago and simply waited, patiently, for the right hands" />
20	<meta name="robots" content="max-image-preview:large" />
21	<link rel="canonical" href="https://hanumanchicago.org/about/" />
22	<meta name="generator" content="All in One SEO (AIOSEO) 4.9.6.2" />
23		<meta property="og:locale" content="en_US" />
24		<meta property="og:site_name" content="Hanuman Mandir of Greater Chicago -" />
25		<meta property="og:type" content="article" />
26		<meta property="og:title" content="About Us - Hanuman Mandir of Greater Chicago" />
27		<meta property="og:description" content="Hanuman Mandir of Greater Chicago Though the world marks 2016 as the year our temple was inaugurated, those who step inside know the deeper truth, that this divine ground hums with an energy far older, as if Bajrang Bali Himself chose this spot thousands of years ago and simply waited, patiently, for the right hands" />
28		<meta property="og:url" content="https://hanumanchicago.org/about/" />
29		<meta property="article:published_time" content="2026-01-27T11:26:26+00:00" />
30		<meta property="article:modified_time" content="2026-05-21T17:52:23+00:00" />
31		<meta name="twitter:card" content="summary_large_image" />
32		<meta name="twitter:title" content="About Us - Hanuman Mandir of Greater Chicago" />
33		<meta name="twitter:description" content="Hanuman Mandir of Greater Chicago Though the world marks 2016 as the year our temple was inaugurated, those who step inside know the deeper truth, that this divine ground hums with an energy far older, as if Bajrang Bali Himself chose this spot thousands of years ago and simply waited, patiently, for the right hands" />
34		
34<script type="application/ld+json" class="aioseo-schema">
35			{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/hanumanchicago.org\/about\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/hanumanchicago.org#listItem","position":1,"name":"Home","item":"https:\/\/hanumanchicago.org","nextItem":{"@type":"ListItem","@id":"https:\/\/hanumanchicago.org\/about\/#listItem","name":"About Us"}},{"@type":"ListItem","@id":"https:\/\/hanumanchicago.org\/about\/#listItem","position":2,"name":"About Us","previousItem":{"@type":"ListItem","@id":"https:\/\/hanumanchicago.org#listItem","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\/about\/#webpage","url":"https:\/\/hanumanchicago.org\/about\/","name":"About Us - Hanuman Mandir of Greater Chicago","description":"Hanuman Mandir of Greater Chicago Though the world marks 2016 as the year our temple was inaugurated, those who step inside know the deeper truth, that this divine ground hums with an energy far older, as if Bajrang Bali Himself chose this spot thousands of years ago and simply waited, patiently, for the right hands","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/hanumanchicago.org\/#website"},"breadcrumb":{"@id":"https:\/\/hanumanchicago.org\/about\/#breadcrumblist"},"datePublished":"2026-01-27T11:26:26-05:00","dateModified":"2026-05-21T12:52:23-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"}}]}
36		</script>
36
37		<!-- All in One SEO -->
38
39<style id="lp-flow-v15-hide-legacy-events">
40/* The legacy .hmc-events-col (Upcoming Events + Free Virtual Summer Camp flyer) flashes
41   above the temple schedule on slow loads. .lp-flow .lp-events supersedes it. */
42/* Keep .section-schedule-events + .ed-sched-stage visible (Temple Schedule). */
43html body.home section.section-schedule-events .hmc-schedule-events-row,
44html body.home section.section-schedule-events .hmc-events-col,
45html body.home section.section-schedule-events .hmc-schedule-col,
46html body.home section.section-schedule-events .events-section-heading,
47html body.home section.section-schedule-events h3.events-section-heading {
48  display: none !important;
49  visibility: hidden !important;
50  height: 0 !important;
51  max-height: 0 !important;
52  min-height: 0 !important;
53  margin: 0 !important;
54  padding: 0 !important;
55  overflow: hidden !important;
56  opacity: 0 !important;
57}
58</style>
59<link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
60<link rel="preconnect" href="https://www.gstatic.com" crossorigin>
61<link rel="preconnect" href="https://www.google.com" crossorigin>
62<link rel="preconnect" href="https://static.addtoany.com" crossorigin>
63<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
64<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
65<link rel="dns-prefetch" href="//cdnjs.cloudflare.com">
66<link rel="dns-prefetch" href="//www.gstatic.com">
67  <link rel='dns-prefetch' href='//static.addtoany.com' />
68<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
69<link rel="alternate" type="application/rss+xml" title="Hanuman Mandir of Greater Chicago &raquo; Feed" href="https://hanumanchicago.org/feed/" />
70<link rel="alternate" type="application/rss+xml" title="Hanuman Mandir of Greater Chicago &raquo; Comments Feed" href="https://hanumanchicago.org/comments/feed/" />
71<style id="wp-img-auto-sizes-contain-inline-css">
72img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
73/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
74</style>
75<style id="wp-block-library-inline-css">
76: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;
76--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}}
77
78/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
79</style>
80<style id="wp-block-heading-inline-css">
81h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}
82/*# sourceURL=https://hanumanchicago.org/wp-includes/blocks/heading/style.min.css */
83</style>
84<style id="wp-block-paragraph-inline-css">
85.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
86/*# sourceURL=https://hanumanchicago.org/wp-includes/blocks/paragraph/style.min.css */
87</style>
88
89<style id="classic-theme-styles-inline-css">
90/*! This file is auto-generated */
91.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;
91padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
92/*# sourceURL=/wp-includes/css/classic-themes.min.css */
93</style>
94
95<style id="global-styles-inline-css">
96: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,0) 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%);
96--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;}
96.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;}
97/*# sourceURL=global-styles-inline-css */
98</style>
99
100<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' />
101<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' />
102<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' />
103<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' />
104<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' />
105<link rel='stylesheet' id='addtoany-css' href='https://hanumanchicago.org/wp-content/plugins/add-to-any/addtoany.min.css?ver=1.16' media='all' />
106<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' />
107<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' />
108<script id="addtoany-core-js-before">
109window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};
110
111//# sourceURL=addtoany-core-js-before
112</script>
vendor: 1 bytes, line 112
112
113<script id="addtoany-core-js" defer defer src="https://static.addtoany.com/menu/page.js"></script>
vendor: 1 bytes, line 113
113
114<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 114
114
115<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 115
115
116<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 116
116
117<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 117
117
118<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 118
118
119<script id="cf7_repeater-js-extra">
120var cf7_repeater = {"ajaxUrl":"https://hanumanchicago.org/wp-admin/admin-ajax.php","pro":""};
121//# sourceURL=cf7_repeater-js-extra
122</script>
vendor: 1 bytes, line 122
122
123<script id="cf7_repeater-js" defer src="https://hanumanchicago.org/wp-content/plugins/repeater-for-contact-form-7/libs/cf7_repeater.js?ver=1791008450"></script>
123
124<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/11" />	
124<script>document.documentElement.className = document.documentElement.className.replace( 'no-js', 'js' );</script>
124
125	<style id="wp-custom-css">
126@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap');
127/* ============================================================
128 *    HANUMAN MANDIR  Footer 2026 Editorial Deep-Wine Redesign
129 *    Drop-in override. Keeps logo, social icons, menus, all links.
130 *    ============================================================ */
131@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');
132
133html 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; }
134html 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; }
135html body footer .footer-area { background: transparent !important; padding: 0 !important; }
136html body footer .container, html body footer .container_max { max-width: 1440px !important; margin: 0 auto !important; padding: 0 16px !important; }
137html body footer .row { display: flex !important; flex-wrap: wrap !important; gap: 0 !important; align-items: flex-start !important; }
138html body footer .row > [class*='col-md-'] { padding: 0 24px !important; }
139
140/* Brand logo column */
141html 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; }
142
143/* Headings */
144html 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; }
145html body footer h5.mgtop { margin-top: 28px !important; }
146
147/* Paragraphs */
148html 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; }
149
150/* Generic links */
151html body footer a { color: rgba(248,232,210,0.88) !important; text-decoration: none !important; transition: color 240ms ease, padding-left 240ms ease !important; }
152html body footer a:hover { color: #FFCC99 !important; }
153
154/* Quick Links menu */
155html 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; }
156html 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; }
157html 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; }
158html body footer ul.menu-wrapper li a:hover { padding-left: 6px !important; color: #FFCC99 !important; }
159
160/* Social icons  keep functional, restyle */
161html 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; }
162html body footer .social_links li, html body footer .fixed_social_links li { margin: 0 !important; padding: 0 !important; background: none !important; }
163html 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; }
164html 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; }
165html body footer .social_links a i, html body footer .fixed_social_links a i { font-size: 14px !important; color: inherit !important; }
166
167/* Contact links */
168html body footer .col-md-3 p a { color: rgba(248,232,210,0.92) !important; }
169html body footer .col-md-3 p a:hover { color: #FFCC99 !important; }
170
171/* Divider + bottom strip */
172html body footer hr { border: 0 !important; border-top: 1px solid rgba(248,232,210,0.18) !important; margin: 56px 0 22px !important; }
173html 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; }
174html body footer .col-md-6.copy_right { padding: 0 24px !important; }
175html body footer .col-md-6.text-right.copy_right { text-align: right !important; }
176html 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; }
177
178/* Iframe (map/embed) styling */
179html body footer iframe { border: 1px solid rgba(232,163,61,0.25) !important; border-radius: 4px !important; max-width: 100% !important; }
180
181/* Responsive */
182@media (max-width: 991px) {
183	html body footer { padding: 60px 20px 24px !important; }
184	html body footer .row > [class*='col-md-'] { flex: 1 1 50% !important; max-width: 50% !important; margin-bottom: 32px !important; }
185}
186@media (max-width: 600px) {
187	html body footer .row > [class*='col-md-'] { flex: 1 1 100% !important; max-width: 100% !important; }
188	html body footer .col-md-6.text-right.copy_right { text-align: center !important; }
189	html body footer .col-md-6.copy_right { text-align: center !important; }
190}
191
192}
193}
194
195/* === SIZE + ALIGNMENT BUMP === */
196html body footer .footer_bg { max-width: 180px !important; width: 180px !important; height: auto !important; margin: 0 0 22px !important; display: block !important; }
197html 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; }
198
199html 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; }
200html 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; }
201html body footer h5.mgtop { margin-top: 32px !important; }
202
203html body footer p { font-size: 17px !important; line-height: 1.75 !important; }
204html body footer ul.menu-wrapper li a, html body footer #footer-menu-list li a { font-size: 16px !important; line-height: 1.6 !important; }
205html body footer ul.menu-wrapper li, html body footer #footer-menu-list li { margin-bottom: 14px !important; }
206html body footer .col-md-3 p, html body footer .col-md-3 p a { font-size: 16px !important; line-height: 1.85 !important; }
207html body footer .copy_right p { font-size: 13px !important; letter-spacing: 0.2em !important; }
208html body footer .col-md-6.text-right.copy_right p { font-size: 18px !important; }
209
210html body footer .social_links a, html body footer .fixed_social_links a { width: 44px !important; height: 44px !important; }
211html body footer .social_links a i, html body footer .fixed_social_links a i { font-size: 17px !important; }
212
213/* Alignment: keep every column flush left, top-aligned */
214html body footer .row { align-items: flex-start !important; }
215html body footer [class*="col-md-"] { text-align: left !important; }
216html body footer .col-md-6.text-right.copy_right { text-align: right !important; }
217
218
219/* ============================================================
220 *    HMC 2026 Round-2 visual tweaks (admin batch, May 18 2026)
221 *    Header logo+font, title weight, About section, Pooja CTA,
222 *    program tag/sticker hiding, About section height & watermark size.
223 *    Safe / reversible. Append-only.
224 * ============================================================ */
225
226/* ---- HEADER: bigger logo + bigger nav ------------------------- */
227header .header-area .logo,
228header .header-area .logo a {
229  display: inline-flex !important;
230  align-items: center;
231  width: auto !important;
232  max-width: 100% !important;
233}
234html body header.fixed .header-area .logo img,
235html body header .header-area .logo img,
236html body header .header-area .logo a img,
237body .header-area .logo img,
238body.home .header-area .logo img,
239header .header-area .logo > a > img,
240.header-area .logo img {
241  max-height: 110px !important;
242  height: 110px !important;
243  min-height: 110px !important;
244  width: auto !important;
245  max-width: none !important;
246  min-width: 110px !important;
247  display: inline-block !important;
248  object-fit: contain !important;
249}
250@media (max-width: 1200px) {
251  html body header.fixed .header-area .logo img,
252  html body header .header-area .logo img,
253  .header-area .logo img {
254    max-height: 84px !important;
255    height: 84px !important;
256    min-height: 84px !important;
257    min-width: 84px !important;
258  }
259}
260@media (max-width: 768px) {
261  html body header.fixed .header-area .logo img,
262  html body header .header-area .logo img,
263  .header-area .logo img {
264    max-height: 64px !important;
265    height: 64px !important;
266    min-height: 64px !important;
267    min-width: 64px !important;
268  }
269}
270
271/* Nav menu — bigger, bolder, consistent */
272.header-area ul.header-center-menu li a,
273.header-area ul#primary-menu-list li a,
274html body .header-area ul.header-center-menu li a {
275  font-size: 17px !important;
276  line-height: 22px !important;
277  font-weight: 600 !important;
278  letter-spacing: 0.04em !important;
279  margin-left: 24px !important;
280}
281@media (max-width: 1600px) {
282  .header-area ul.header-center-menu li a,
283  html body .header-area ul.header-center-menu li a {
284    font-size: 15px !important;
285    margin-left: 18px !important;
286  }
287}
288@media (max-width: 1200px) {
289  .header-area ul.header-center-menu li a,
290  html body .header-area ul.header-center-menu li a {
291    font-size: 14px !important;
292    margin-left: 14px !important;
293  }
294}
295
296/* ---- SITE-WIDE: bolder + more consistent title strokes -------- */
297h1, h2, h3,
298.entry-title,
299.hmc-program-title,
300.hmc-about-title,
301.hmc-section-title,
302.section-pooja_services h2,
303.section-temple-location h2,
304.section-schedule-events h2 {
305  font-weight: 700 !important;
306  -webkit-text-stroke: 0.4px currentColor;
307  text-stroke: 0.4px currentColor;
308  letter-spacing: -0.005em;
309}
310
311/* Extra-strong stroke for the two program titles specifically */
312.hmc-program-title,
313.hmc-program-title em {
314  font-weight: 800 !important;
315  -webkit-text-stroke: 0.7px currentColor;
316  text-stroke: 0.7px currentColor;
317}
318
319/* ---- POOJA SERVICES: rename + restyle View All button ----
320   The theme renders a pseudo VIEW ALL POOJA SERVICES via the section ::after,
321   so we hide the visible parts of the anchor element but keep its click area
322   on top of the pseudo so the link still works and routes to /pooja-services/. */
323html body .section-pooja_services a.btn_main[href$="/pooja-services/"],
324html body section.section-pooja_services a.btn_main {
325  font-size: 0 !important;
326  line-height: 0 !important;
327  padding: 0 !important;
328  background: transparent !important;
329  background-image: none !important;
330  border: 0 !important;
331  box-shadow: none !important;
332  position: relative !important;
333  z-index: 5 !important;
334  display: inline-block !important;
335  min-width: 280px !important;
336  min-height: 56px !important;
337  color: transparent !important;
338  text-indent: -9999px !important;
339}
340html body .section-pooja_services a.btn_main[href$="/pooja-services/"]::before,
341html body .section-pooja_services a.btn_main[href$="/pooja-services/"]::after,
342html body section.section-pooja_services a.btn_main::before,
343html body section.section-pooja_services a.btn_main::after {
344  content: none !important;
345  display: none !important;
346}
347
348/* ---- Hide image-overlay stickers (Sanctuary / Chandra Vidyalaya Est.) */
349.hmc-img-tag { display: none !important; }
350
351/* ---- Hide the "PROGRAM 01" / "PROGRAM 02" small eyebrow ------ */
352.hmc-program-tag { display: none !important; }
353
354/* ---- About section: taller, smaller centered Jai Siya Ram ----- */
355.hmc-about {
356  min-height: 760px !important;
357  padding: 160px 32px !important;
358}
359@media (max-width: 768px) {
360  .hmc-about { min-height: 620px !important; padding: 110px 20px !important; }
361}
362
363/* Watermark text "जय सिया राम" — keep it as a subtle whisper */
364.hmc-about-watermark,
365.hmc-about .hmc-watermark,
366.hmc-about [class*="watermark"]:not(.hmc-deva-watermark) {
367  font-size: clamp(56px, 9vw, 140px) !important;
368  font-weight: 400 !important;
369  color: rgba(255,239,221, 0.07) !important;
370  text-shadow: 0 0 60px rgba(255,158,15, 0.18) !important;
371  letter-spacing: -0.02em !important;
372  line-height: 0.9 !important;
373  white-space: nowrap !important;
374}
375
376/* The 28-petal rotating wreath is already in the markup; just ensure
377   it sits behind the content and the watermark sits between the two. */
378.hmc-about-florals { z-index: 1 !important; pointer-events: none !important; }
379.hmc-about-watermark-wrap, .hmc-about .watermark-wrap { z-index: 2 !important; }
380.hmc-about-content, .hmc-about .container { position: relative; z-index: 3 !important; }
381
382/* ---- Older "HANUMAN MANDIR OF GREATER CHICAGO" duplicate section
383   ---- (.section-temple-location.hmc-about-active) gets a height bump
384   ---- and matching jai-siya-ram watermark sizing if present ----- */
385.section-temple-location.hmc-about-active {
386  min-height: 640px !important;
387  padding-block: 120px !important;
388}
389
390/* === End HMC 2026 Round-2 batch === */
391
392
393/* ---- POOJA SERVICES section: pseudo-element content overrides --- */
394/* The theme/older CSS renders these strings as ::before / ::after content:
395     • Small eyebrow:    .section-pooja_services::before  → "POOJA SERVICES"
396     • Headline:         .section-pooja_services .container::before → "Eight sacred offerings, performed by our priests with prescribed Vedic rite."
397     • Sub-tag:          .section-pooja_services .container::after  → "PRIVATELY SPONSORED · PERFORMED IN TEMPLE"
398   We remove the small eyebrow + sub-tag, and change "Eight" → "Sacred" in the headline. */
399html body .section-pooja_services.section::before,
400html body section.section-pooja_services::before {
401  content: none !important;
402  display: none !important;
403  margin: 0 !important;
404  padding: 0 !important;
405  height: 0 !important;
406}
407html body .section-pooja_services .container.container_max::after,
408html body section.section-pooja_services .container_max::after {
409  content: none !important;
410  display: none !important;
411}
412html body .section-pooja_services .container.container_max::before,
413html body section.section-pooja_services .container_max::before {
414  content: "Sacred offerings, performed by our priests with prescribed Vedic rite." !important;
415}
416
417/* === Temple Schedule (.ed-schedule-row) balanced two-column layout === */
418html body .ed-schedule-row {
419  display: grid !important;
420  grid-template-columns: 260px 1fr auto !important;
421  align-items: center !important;
422  text-align: left !important;
423  gap: 32px !important;
424  padding: 22px 24px !important;
425}
426html body .ed-schedule-row > * { text-align: left !important; }
427html body .ed-schedule-row .ed-name { text-align: left !important; }
428html body .ed-schedule-row .ed-deva { text-align: left !important; margin-top: 2px !important; }
429html body .ed-schedule-row .ed-tiny {
430  text-align: left !important;
431  white-space: normal !important;
432  line-height: 1.6 !important;
433}
434html body .ed-sched-list,
435html body .ed-sched-stack { text-align: left !important; }
436html body .ed-sched-stack { grid-template-columns: 1fr !important; }
437
438@media (max-width: 700px) {
439  html body .ed-schedule-row {
440    grid-template-columns: 1fr !important;
441    gap: 8px !important;
442    padding: 18px 16px !important;
443  }
444}
445
446/* Force .ed-tiny into column 2 */
447html body .ed-schedule-row > .ed-tiny { grid-column: 2 / 3 !important; grid-row: 1 !important; }
448html body .ed-schedule-row > .ed-arrow-cell { grid-column: 3 / 4 !important; grid-row: 1 !important; }
449
450
451/* === HMC HOME PAGE FIXES 2026-05 === */
452
453/* 1. Hide failing video element and shrink the top banner so panchang section is compact */
454body.home .page_top_banner .container_max_banner,
455body.home .page_top_banner .content-area-banner { min-height: 0 !important; height: auto !important; }
456body.home .page_top_banner { min-height: 0 !important; padding: 0 !important; }
457body.home .Panchang_area_home {
458  padding-top: 40px !important;
459  padding-bottom: 40px !important;
460}
461
462/* 2. Center the View Panchang button + location below it in panchang section */
463body.home .Panchang_area_home {
464  display: block !important;
465  text-align: center !important;
466}
467body.home .Panchang_area_home > h4,
468body.home .Panchang_area_home > ul {
469  text-align: center;
470  margin-left: auto;
471  margin-right: auto;
472}
473body.home .Panchang_area_home .pp-view-panchang-btn {
474  display: inline-flex !important;
475  margin: 20px auto 10px !important;
476  float: none !important;
477}
478body.home .Panchang_area_home > div:has(.pp-view-panchang-btn) {
479  text-align: center !important;
480  width: 100% !important;
481  display: block !important;
482  margin: 20px auto 10px !important;
483}
484body.home .Panchang_area_home .hmc-panchang-location {
485  display: block !important;
486  text-align: center !important;
487  margin: 8px auto 0 !important;
488  width: 100% !important;
489}
490
491/* 3. Remove extra grey/cream band above and below the Temple Schedule image */
492body.home .section-schedule-events {
493  padding-top: 0 !important;
494  padding-bottom: 0 !important;
495  margin-top: 0 !important;
496  margin-bottom: 0 !important;
497  background-color: transparent !important;
498}
499body.home .ed-sched-bg {
500  background-color: transparent !important;
501  background-size: cover !important;
502  background-position: center center !important;
503}
504body.home .ed-sched-stage { background-color: transparent !important; }
505
506/* 4. Force Abhishek schedule line breaks (CSS attempt; real fix is nl2br in template) */
507body.home .section-schedule-events .ed-tiny,
508body.home .ed-sched-list .ed-tiny,
509body.home .ed-sched-list * {
510  white-space: pre-line !important;
511}
512
513/* 5. Make Our Programs + Sunday School + Hanumat Gau Seva Dham seamless */
514body.home .hmc-programs-header-block,
515body.home .hmc-program-section,
516body.home .hmc-program-section.hmc-program-section--alt {
517  background-color: #005F60 !important;
518  background-image: none !important;
519}
520body.home .hmc-programs-header-block { padding-bottom: 0 !important; margin-bottom: 0 !important; }
521body.home .hmc-program-section { padding-top: 60px !important; margin-top: 0 !important; }
522body.home .hmc-program-section + .hmc-program-section { margin-top: 0 !important; }
523
524/* 6. Lighten Reviews section to match the footer color (deep-wine gradient) */
525body.home .google-reviews {
526  background: linear-gradient(180deg, #73323F 0%, #5E2934 100%) !important;
527  color: #f8ecd0 !important;
528}
529body.home .google-reviews h2,
530body.home .google-reviews h3,
531body.home .google-reviews h4,
532body.home .google-reviews p,
533body.home .google-reviews span,
534body.home .google-reviews div,
535body.home .google-reviews a {
536  color: #f8ecd0 !important;
537}
538body.home .google-reviews .star,
539body.home .google-reviews [class*="star"] {
540  color: #FFC857 !important;
541}
542
543/* === END HMC HOME PAGE FIXES === */
544
545/* Collapse the grey/cream strip above and below the temple schedule (high specificity to beat theme rule) */
546body.home .section-schedule-events.ed-sched-mounted,
547body.home .section-schedule-events { padding-top: 0 !important; padding-bottom: 0 !important; }
548body.home .section-schedule-events.ed-sched-mounted .ed-sched-stage { padding-top: 0 !important; padding-bottom: 0 !important; }
549html body.home .Panchang_area_home.Panchang_area_home, html body.home section.Panchang_area_home.Panchang_area_home { padding-bottom: 16px !important; }
550
551
552/* === HMC: temple schedule bg + programs unified bg (added by Claude) === */
553/* Swap the temple schedule blurred background image to the new uploaded file */
554body.home .section-schedule-events .ed-sched-bg.blurred,
555body.home .section-schedule-events .ed-sched-bg {
556  background-image: url("/wp-content/themes/hunuman-mandir/assets/images/temple%20schedule%20image1.png") !important;
557}
558
559/* Unify Programs header + Sunday School + Gau Seva into one seamless deep-teal background */
560body.home .hmc-programs-header-block,
561body.home .hmc-program-section,
562body.home .hmc-program-section.programs-header-shown,
563body.home .hmc-program-section.hmc-program-section--alt {
564  background: #005f60 !important;
565  background-image: none !important;
566  background-color: #005f60 !important;
567}
568
569
570/* === HMC: temple schedule bg v2 (target section element) === */
571/* Override the temple schedule background image on the SECTION element (theme custom.css sets it here) */
572html body.home .section-schedule-events,
573html body.home .section-schedule-events.ed-sched-mounted,
574html body.home .section-schedule-events.section,
575html body.home section.section-schedule-events {
576  background-image: url("/wp-content/themes/hunuman-mandir/assets/images/temple%20schedule%20image1.png") !important;
577  background-size: cover !important;
578  background-position: center center !important;
579  background-repeat: no-repeat !important;
580}
581
582/* Also override the inner .ed-sched-bg layer with higher specificity */
583html body.home .section-schedule-events .ed-sched-bg,
584html body.home .section-schedule-events div.ed-sched-bg {
585  background-image: url("/wp-content/themes/hunuman-mandir/assets/images/temple%20schedule%20image1.png") !important;
586}
587
588
589/* === HMC: programs unified bg v3 (specificity bump) === */
590/* Beat theme custom.css rule html body.home .hmc-program-section (0,0,2,2) and the --alt variant (0,0,3,2) */
591/* by chaining classes to reach (0,0,4,2)+ specificity */
592html body.home .hmc-programs-header-block.hmc-programs-header-block,
593html body.home .hmc-program-section.hmc-program-section,
594html body.home .hmc-program-section.hmc-program-section.programs-header-shown,
595html body.home .hmc-program-section.hmc-program-section.hmc-program-section--alt,
596html body.home section.hmc-program-section.hmc-program-section,
597html body.home section.hmc-program-section.hmc-program-section.hmc-program-section--alt {
598  background: #005f60 !important;
599  background-image: none !important;
600  background-color: #005f60 !important;
601}
602
603
604/* === HMC: Pooja Services title typography match OUR PROGRAMS === */
605/* Match the OUR PROGRAMS heading typography (font-family, size, weight, line-height, letter-spacing) */
606/* Keep the existing warm yellowish-gold color tone */
607html body.home .section-pooja_services h2,
608html body.home section.section-pooja_services h2,
609html body.home .section-pooja_services .col-md-12.text-center h2 {
610  font-family: "Cormorant Garamond", "EB Garamond", Georgia, serif !important;
611  font-size: 96px !important;
612  font-weight: 500 !important;
613  line-height: 100.8px !important;
614  letter-spacing: 1.44px !important;
615  text-transform: uppercase !important;
616  font-style: normal !important;
617  color: #e8a33d !important;
618}
619
620/* Responsive scale-down for smaller screens */
621@media (max-width: 991px){
622  html body.home .section-pooja_services h2,
623  html body.home section.section-pooja_services h2 {
624    font-size: 64px !important;
625    line-height: 1.05 !important;
626    letter-spacing: 0.96px !important;
627  }
628}
629@media (max-width: 575px){
630  html body.home .section-pooja_services h2,
631  html body.home section.section-pooja_services h2 {
632    font-size: 44px !important;
633    letter-spacing: 0.66px !important;
634  }
635}
636
637/* === HMC MOBILE TABLET RESPONSIVE PASS v2 === */
638/* Mobile (max 575px) and Tablet (max 991px) responsive layout. Desktop 992px and up is untouched. */
639
640/* HEADER on phone/tablet: hide hero donate button, hide desktop menu, center the logo cluster, show hamburger on right */
641@media (max-width: 991px){
642  body.home .hero_donate_btn { display: none !important; }
643  header .primary-menu-container,
644  header .header-area-inner-n .primary-menu-container { display: none !important; }
645
646  header .header-area-inner-n .row.align-items-center {
647    position: relative !important;
648    justify-content: center !important;
649    align-items: center !important;
650    flex-wrap: nowrap !important;
651    padding: 8px 12px !important;
652  }
653  header .header-area-inner-n .col-md-3 {
654    flex: 0 0 auto !important;
655    max-width: 100% !important;
656    width: auto !important;
657    margin: 0 auto !important;
658    text-align: center !important;
659    padding: 0 !important;
660  }
661  header .header-area-inner-n .col-md-9 {
662    flex: 0 0 auto !important;
663    width: auto !important;
664    padding: 0 !important;
665    position: static !important;
666  }
667  header .header-area-inner-n .col-md-3 .logo {
668    display: flex !important;
669    align-items: center !important;
670    justify-content: center !important;
671    gap: 8px !important;
672    margin: 0 auto !important;
673  }
674  header .header-area-inner-n .col-md-3 .logo img {
675    width: 64px !important;
676    height: 64px !important;
677    max-height: 64px !important;
678    object-fit: contain !important;
679  }
680
681  /* hamburger button - 3 bars that morph to X when active */
682  header .btn-menu {
683    display: inline-flex !important;
684    flex-direction: column !important;
685    justify-content: space-between !important;
686    align-items: center !important;
687    position: absolute !important;
688    right: 14px !important;
689    top: 50% !important;
690    transform: translateY(-50%) !important;
691    width: 36px !important;
692    height: 28px !important;
693    padding: 4px !important;
694    background: transparent !important;
695    border: 0 !important;
696    cursor: pointer !important;
697    z-index: 1001 !important;
698  }
699  header .btn-menu span {
700    display: block !important;
701    width: 100% !important;
702    height: 3px !important;
703    background: #142728 !important;
704    border-radius: 2px !important;
705    transition: transform 0.3s ease, opacity 0.2s ease !important;
706  }
707  header .btn-menu.active span:nth-child(1) { transform: translateY(8px) rotate(45deg) !important; }
708  header .btn-menu.active span:nth-child(2) { opacity: 0 !important; }
709  header .btn-menu.active span:nth-child(3) { transform: translateY(-8px) rotate(-45deg) !important; }
710
711  body.menu-open header .primary-menu-container,
712  body.nav-open header .primary-menu-container,
713  header.is-menu-open .primary-menu-container,
714  header .header-area-inner-n.is-active .primary-menu-container {
715    display: block !important;
716    position: absolute !important;
717    top: 100% !important;
718    left: 0 !important;
719    right: 0 !important;
720    background: #fff !important;
721    box-shadow: 0 8px 24px rgba(0,0,0,0.15) !important;
722    padding: 16px 24px !important;
723    z-index: 1000 !important;
724  }
725  body.menu-open header .primary-menu-container ul,
726  body.nav-open header .primary-menu-container ul {
727    flex-direction: column !important;
728    align-items: flex-start !important;
729    gap: 12px !important;
730  }
731}
732
733/* PANCHANG: hide the orange Read More button on mobile/tablet, keep VIEW PANCHANG visible */
734@media (max-width: 991px){
735  body.home .Panchang_area_home .btn_main.for_mobile,
736  body.home .Panchang_area_home a.btn_main.for_mobile,
737  body.home .page_top_banner .Panchang_area_home .btn_main.for_mobile {
738    display: none !important;
739  }
740}
741
742/* TEMPLE SCHEDULE background image: mobile/tablet uses image.png, desktop keeps image1.png */
743@media (max-width: 991px){
744  html body.home .section-schedule-events,
745  html body.home .section-schedule-events.ed-sched-mounted,
746  html body.home .section-schedule-events.section,
747  html body.home section.section-schedule-events {
748    background-image: url("/wp-content/themes/hunuman-mandir/assets/images/temple%20schedule%20image.png") !important;
749  }
750  html body.home .section-schedule-events .ed-sched-bg,
751  html body.home .section-schedule-events div.ed-sched-bg {
752    background-image: url("/wp-content/themes/hunuman-mandir/assets/images/temple%20schedule%20image.png") !important;
753  }
754}
755
756/* RESPONSIVE TYPOGRAPHY for all major headings on tablet (max 991px) and phone (max 575px) */
757@media (max-width: 991px){
758  body.home h1 { font-size: 40px !important; line-height: 1.15 !important; }
759  body.home h2 { font-size: 36px !important; line-height: 1.15 !important; }
760  body.home h3 { font-size: 24px !important; line-height: 1.25 !important; }
761
762  body.home .Panchang_area_home h2,
763  body.home .Panchang_area_home .heading_main_title { font-size: 36px !important; line-height: 1.15 !important; }
764
765  body.home .section-schedule-events h2,
766  body.home .section-schedule-events .ed-h2 { font-size: 42px !important; line-height: 1.1 !important; letter-spacing: 0.5px !important; }
767
768  html body.home .section-pooja_services h2 { font-size: 56px !important; line-height: 1.05 !important; letter-spacing: 0.84px !important; }
769
770  body.home .hmc-ph-title { font-size: 56px !important; line-height: 1.05 !important; }
771  body.home .hmc-program h2,
772  body.home .hmc-program-content h2,
773  body.home .hmc-program-content h3 { font-size: 28px !important; line-height: 1.2 !important; }
774  body.home .hmc-program-content p,
775  body.home .hmc-program-content { font-size: 15px !important; line-height: 1.55 !important; }
776
777  body.home .google-reviews h2,
778  body.home #visit h2,
779  body.home .hmc-padharo h2 { font-size: 36px !important; line-height: 1.15 !important; }
780
781  body.home p { font-size: 16px !important; line-height: 1.6 !important; }
782}
783@media (max-width: 575px){
784  body.home h1 { font-size: 30px !important; }
785  body.home h2 { font-size: 28px !important; }
786  body.home h3 { font-size: 20px !important; }
787  body.home .Panchang_area_home h2,
788  body.home .Panchang_area_home .heading_main_title { font-size: 28px !important; }
789  body.home .section-schedule-events h2,
790  body.home .section-schedule-events .ed-h2 { font-size: 30px !important; }
791  html body.home .section-pooja_services h2 { font-size: 38px !important; letter-spacing: 0.5px !important; }
792  body.home .hmc-ph-title { font-size: 38px !important; }
793  body.home .hmc-program h2,
794  body.home .hmc-program-content h2,
795  body.home .hmc-program-content h3 { font-size: 24px !important; }
796  body.home .hmc-program-content p,
797  body.home .hmc-program-content { font-size: 14px !important; }
798  body.home .google-reviews h2,
799  body.home #visit h2,
800  body.home .hmc-padharo h2 { font-size: 28px !important; }
801  body.home p { font-size: 15px !important; }
802}
803
804/* SUNDAY SCHOOL + GAU SEVA cards: stack image-on-top, text-below on mobile/tablet */
805@media (max-width: 991px){
806  body.home .hmc-program-section .hmc-program,
807  body.home .hmc-program-section .hmc-program.flip {
808    grid-template-columns: 1fr !important;
809    grid-template-rows: auto auto !important;
810    gap: 16px !important;
811  }
812  body.home .hmc-program-section .hmc-program .hmc-program-img,
813  body.home .hmc-program-section .hmc-program.flip .hmc-program-img {
814    order: 1 !important;
815    grid-column: 1 !important;
816    grid-row: 1 !important;
817    width: 100% !important;
818    max-width: 100% !important;
819  }
820  body.home .hmc-program-section .hmc-program .hmc-program-img img {
821    width: 100% !important;
822    height: auto !important;
823    max-height: 320px !important;
824    object-fit: cover !important;
825    display: block !important;
826  }
827  body.home .hmc-program-section .hmc-program .hmc-program-content,
828  body.home .hmc-program-section .hmc-program.flip .hmc-program-content {
829    order: 2 !important;
830    grid-column: 1 !important;
831    grid-row: 2 !important;
832    padding: 16px 20px 24px !important;
833    width: 100% !important;
834  }
835  body.home .hmc-program-section .hmc-program-wrap {
836    padding: 0 12px !important;
837  }
838  html body.home .hmc-program-section.hmc-program-section,
839  html body.home .hmc-program-section.hmc-program-section.hmc-program-section--alt {
840    padding: 32px 12px !important;
841  }
842  html body.home .hmc-programs-header-block.hmc-programs-header-block {
843    padding: 48px 16px 16px !important;
844  }
845}
846
847/* Overflow / fluid safety net for mobile */
848@media (max-width: 991px){
849  html, body { overflow-x: hidden !important; }
850  body.home .container, body.home .container_max { max-width: 100% !important; padding-left: 16px !important; padding-right: 16px !important; }
851  body.home img { max-width: 100% !important; height: auto !important; }
852}
853
854
855/* === HMC MOBILE TABLET RESPONSIVE PASS v3 (specificity bump) === */
856/* Higher-specificity overrides for rules that lost to theme custom.css */
857
858@media (max-width: 991px){
859  /* Hide desktop primary menu (beat body .header-area-inner-n .primary-menu-container display:flex !important) */
860  html body.home header .header-area-inner-n .primary-menu-container,
861  html body.home .header-area-inner-n .primary-menu-container,
862  html body header .header-area .primary-menu-container { display: none !important; }
863
864  /* Shrink logo images on mobile (beat any theme rule) */
865  html body.home header .header-area .logo img,
866  html body.home header .header-area-inner-n .col-md-3 .logo img,
867  html body.home .header-area-inner-n .logo img {
868    width: 60px !important;
869    height: 60px !important;
870    max-width: 60px !important;
871    max-height: 60px !important;
872    object-fit: contain !important;
873  }
874
875  /* Pooja Services title (beat the html body.home ... 96px desktop rule) */
876  html body.home section.section-pooja_services h2,
877  html body.home .section-pooja_services .col-md-12.text-center h2,
878  html body.home section.section-pooja_services .col-md-12.text-center h2 {
879    font-size: 48px !important;
880    line-height: 1.05 !important;
881    letter-spacing: 0.6px !important;
882  }
883}
884@media (max-width: 575px){
885  html body.home header .header-area .logo img,
886  html body.home header .header-area-inner-n .col-md-3 .logo img,
887  html body.home .header-area-inner-n .logo img {
888    width: 52px !important;
889    height: 52px !important;
890    max-width: 52px !important;
891    max-height: 52px !important;
892  }
893  html body.home section.section-pooja_services h2,
894  html body.home .section-pooja_services .col-md-12.text-center h2,
895  html body.home section.section-pooja_services .col-md-12.text-center h2 {
896    font-size: 34px !important;
897    letter-spacing: 0.4px !important;
898  }
899}
900
901
902/* === HMC MOBILE TABLET RESPONSIVE PASS v4 (center logo, hamburger toggle, schedule fit) === */
903/* Targets actual theme hamburger behaviour. On click theme JS toggles btn-menu.active and header-center-menu.open. */
904
905@media (max-width: 991px){
906  /* Absolute-center logo, hamburger absolute right */
907  html body.home header .header-area-inner-n .row.align-items-center {
908    position: relative !important;
909    min-height: 64px !important;
910    justify-content: center !important;
911    align-items: center !important;
912    padding: 8px 56px !important;
913  }
914  html body.home header .header-area-inner-n .col-md-3 {
915    position: absolute !important;
916    left: 50% !important;
917    top: 50% !important;
918    transform: translate(-50%, -50%) !important;
919    margin: 0 !important;
920    padding: 0 !important;
921    width: auto !important;
922    max-width: none !important;
923    flex: 0 0 auto !important;
924    text-align: center !important;
925    z-index: 2 !important;
926  }
927  html body.home header .header-area-inner-n .col-md-3 .logo {
928    display: inline-flex !important;
929    align-items: center !important;
930    justify-content: center !important;
931    gap: 6px !important;
932    margin: 0 !important;
933    padding: 0 !important;
934  }
935  html body.home header .header-area-inner-n .col-md-9 {
936    position: static !important;
937    width: 0 !important;
938    padding: 0 !important;
939    margin: 0 !important;
940    flex: 0 0 auto !important;
941  }
942
943  /* Keep .primary-menu-container visible (so theme JS can still find .header-center-menu inside it) */
944  html body.home header .primary-menu-container,
945  html body.home header .header-area-inner-n .primary-menu-container {
946    display: block !important;
947    background: transparent !important;
948    position: static !important;
949    width: auto !important;
950    padding: 0 !important;
951  }
952  /* Hide the menu UL by default on mobile; show as dropdown when theme JS adds .open */
953  html body.home header .header-center-menu {
954    display: none !important;
955    position: absolute !important;
956    top: 100% !important;
957    left: 0 !important;
958    right: 0 !important;
959    width: 100% !important;
960    background: #ffffff !important;
961    flex-direction: column !important;
962    align-items: flex-start !important;
963    padding: 12px 20px !important;
964    margin: 0 !important;
965    box-shadow: 0 8px 24px rgba(0,0,0,0.18) !important;
966    z-index: 1000 !important;
967    list-style: none !important;
968    gap: 4px !important;
969  }
970  html body.home header .header-center-menu.open {
971    display: flex !important;
972  }
973  html body.home header .header-center-menu.open li {
974    width: 100% !important;
975    list-style: none !important;
976    padding: 8px 0 !important;
977    border-bottom: 1px solid rgba(20,39,40,0.08) !important;
978  }
979  html body.home header .header-center-menu.open li:last-child { border-bottom: 0 !important; }
980  html body.home header .header-center-menu.open li a {
981    color: #142728 !important;
982    font-family: "Lora", Georgia, serif !important;
983    font-size: 16px !important;
984    text-decoration: none !important;
985    display: block !important;
986  }
987
988  /* Hamburger position absolute right */
989  html body.home header .btn-menu {
990    display: inline-flex !important;
991    flex-direction: column !important;
992    justify-content: space-between !important;
993    align-items: stretch !important;
994    position: absolute !important;
995    right: 14px !important;
996    top: 50% !important;
997    transform: translateY(-50%) !important;
998    width: 32px !important;
999    height: 24px !important;
1000    padding: 0 !important;
1001    background: transparent !important;
1002    border: 0 !important;
1003    cursor: pointer !important;
1004    z-index: 1001 !important;
1005  }
1006  html body.home header .btn-menu span {
1007    display: block !important;
1008    width: 100% !important;
1009    height: 3px !important;
1010    background: #142728 !important;
1011    border-radius: 2px !important;
1012    transition: transform 0.3s ease, opacity 0.2s ease !important;
1013  }
1014  html body.home header .btn-menu.active span:nth-child(1) { transform: translateY(10px) rotate(45deg) !important; }
1015  html body.home header .btn-menu.active span:nth-child(2) { opacity: 0 !important; }
1016  html body.home header .btn-menu.active span:nth-child(3) { transform: translateY(-10px) rotate(-45deg) !important; }
1017
1018  /* Logo sizing */
1019  html body.home header .header-area .logo img,
1020  html body.home header .header-area-inner-n .col-md-3 .logo img,
1021  html body.home .header-area-inner-n .logo img {
1022    width: 56px !important;
1023    height: 56px !important;
1024    max-width: 56px !important;
1025    max-height: 56px !important;
1026    object-fit: contain !important;
1027  }
1028}
1029@media (max-width: 575px){
1030  html body.home header .header-area .logo img,
1031  html body.home header .header-area-inner-n .col-md-3 .logo img,
1032  html body.home .header-area-inner-n .logo img {
1033    width: 48px !important;
1034    height: 48px !important;
1035    max-width: 48px !important;
1036    max-height: 48px !important;
1037  }
1038}
1039
1040/* TEMPLE SCHEDULE on mobile/tablet: show the full image without cropping */
1041@media (max-width: 991px){
1042  html body.home .section-schedule-events,
1043  html body.home section.section-schedule-events,
1044  html body.home .section-schedule-events.ed-sched-mounted {
1045    background-size: 100% auto !important;
1046    background-repeat: no-repeat !important;
1047    background-position: center top !important;
1048    background-color: #5e2638 !important;
1049    min-height: auto !important;
1050  }
1051  html body.home .section-schedule-events .ed-sched-bg,
1052  html body.home .section-schedule-events div.ed-sched-bg {
1053    background-size: cover !important;
1054    background-position: center top !important;
1055    background-repeat: no-repeat !important;
1056    transform: none !important;
1057    inset: 0 !important;
1058    opacity: 0.95 !important;
1059  }
1060  html body.home .section-schedule-events .ed-sched-stage {
1061    opacity: 1 !important;
1062    transform: none !important;
1063  }
1064  html body.home .section-schedule-events {
1065    padding-top: 24px !important;
1066    padding-bottom: 24px !important;
1067  }
1068}
1069
1070/* Pop-in animation when schedule section enters viewport on mobile */
1071@media (max-width: 991px){
1072  @keyframes hmc-schedule-fadein {
1073    from { opacity: 0; transform: translateY(20px); }
1074    to   { opacity: 1; transform: translateY(0); }
1075  }
1076  html body.home .section-schedule-events.ed-sched-mounted .ed-sched-stage {
1077    animation: hmc-schedule-fadein 700ms ease-out 0ms 1 both !important;
1078  }
1079}
1080
1081
1082/* === HMC MOBILE TABLET v4.1 (refine logo centering) === */
1083@media (max-width: 991px){
1084  /* Remove asymmetric padding so the logo sits at the true viewport center */
1085  html body.home header .header-area-inner-n .row.align-items-center {
1086    padding: 8px 0 !important;
1087  }
1088  /* Center logo relative to the full row width */
1089  html body.home header .header-area-inner-n .col-md-3 {
1090    left: 50% !important;
1091    right: auto !important;
1092  }
1093}
1094
1095
1096/* === HMC MOBILE TABLET v4.2 (true viewport center for logo) === */
1097@media (max-width: 991px){
1098  /* Make the header-area-inner the positioning context so logo can be true center of viewport */
1099  html body.home header .header-area-inner-n {
1100    position: relative !important;
1101  }
1102  html body.home header .container.container_max,
1103  html body.home header .header-area-inner-n .container.container_max {
1104    max-width: 100% !important;
1105    width: 100% !important;
1106    margin: 0 !important;
1107    padding: 0 !important;
1108  }
1109  html body.home header .header-area-inner-n .row.align-items-center {
1110    margin: 0 !important;
1111    padding: 8px 0 !important;
1112    width: 100% !important;
1113  }
1114}
1115
1116/* === LP MANDALA STICKY MOBILE FIX === */
1117/* Force the .lp-mandala-fixed background mandala to stay visually fixed
1118   on tablet & mobile, matching desktop behavior. The body has
1119   overflow-y:auto which makes position:sticky stick to the body scroll
1120   container and behave inconsistently on iOS Safari / Android during
1121   momentum scrolling. Using position:fixed locks it to the viewport. */
1122@media (max-width: 1024px){
1123  .lp-mandala-fixed{
1124    position: fixed !important;
1125    top: 0 !important;
1126    left: 0 !important;
1127    right: 0 !important;
1128    width: 100vw !important;
1129    height: 100vh !important;
1130    height: 100dvh !important;
1131    margin: 0 !important;
1132    pointer-events: none !important;
1133    z-index: 0 !important;
1134    display: flex !important;
1135    align-items: center !important;
1136    justify-content: center !important;
1137  }
1138  .lp-mandala-fixed img{
1139    width: min(820px, 82vw) !important;
1140    height: min(820px, 82vw) !important;
1141    opacity: 0.32 !important;
1142  }
1143  /* Ensure the flow container does not clip the fixed child */
1144  .lp-flow{ overflow: visible !important; }
1145  /* Keep all real sections above the mandala layer */
1146  .lp-flow > section{ position: relative; z-index: 2; }
1147}
1148/* === END LP MANDALA STICKY MOBILE FIX === */
1149
1150/* === LP POOJA CARD ALIGNMENT === */
1151/* Align all Book Now buttons at the same level slightly above the
1152   card bottom, centered horizontally, with the price a bit above. */
1153.lp-card{ display: flex !important; flex-direction: column !important; }
1154.lp-card__body{
1155  display: flex !important;
1156  flex-direction: column !important;
1157  flex: 1 1 auto !important;
1158  padding-bottom: 28px !important;
1159  text-align: center;
1160}
1161/* Push the price to the bottom of the body so the price + CTA group
1162   pins to the same vertical level across all cards. */
1163.lp-card__body .lp-card__price{
1164  margin-top: auto !important;
1165  margin-bottom: 14px !important;
1166  text-align: center;
1167}
1168/* CTA: centered horizontally, pinned to bottom when no price exists. */
1169.lp-card__body .lp-card__cta{
1170  margin-top: auto !important;
1171  margin-bottom: 0 !important;
1172  margin-left: auto !important;
1173  margin-right: auto !important;
1174  align-self: center !important;
1175  text-align: center;
1176}
1177/* When a price precedes the CTA, do not push CTA away from price. */
1178.lp-card__body .lp-card__price + .lp-card__cta{
1179  margin-top: 0 !important;
1180}
1181/* === END LP POOJA CARD ALIGNMENT === */
1182
1183
1184
1185
1186
1187
1188/* === LP TOP NAV LINK RESTYLE === */
1189/* Top nav link restyle. Higher-specificity selector includes
1190   #primary-menu-list ID to override theme rules that use that ID. */
1191html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a{
1192  position: relative !important;
1193  display: inline-block !important;
1194  font-family: 'Inter', sans-serif !important;
1195  font-size: 13px !important;
1196  font-weight: 600 !important;
1197  letter-spacing: 0.18em !important;
1198  text-transform: uppercase !important;
1199  color: #2A2620 !important;
1200  padding: 8px 4px !important;
1201  transform-origin: center center !important;
1202  transition: color 280ms cubic-bezier(0.22, 1, 0.36, 1), transform 280ms cubic-bezier(0.22, 1, 0.36, 1) !important;
1203  text-decoration: none !important;
1204  will-change: transform;
1205}
1206html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a::before,
1207html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a::after{
1208  content: '\2726' !important;
1209  position: absolute !important;
1210  top: 50% !important;
1211  color: #F4A300 !important;
1212  font-size: 14px !important;
1213  line-height: 1 !important;
1214  opacity: 0 !important;
1215  pointer-events: none !important;
1216  transition: opacity 360ms cubic-bezier(0.34, 1.56, 0.64, 1), transform 360ms cubic-bezier(0.34, 1.56, 0.64, 1) !important;
1217}
1218html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a::before{
1219  left: -14px !important;
1220  transform: translateY(-50%) translateX(0) scale(0.4) !important;
1221}
1222html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a::after{
1223  right: -14px !important;
1224  transform: translateY(-50%) translateX(0) scale(0.4) !important;
1225}
1226html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a:hover,
1227html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a:focus-visible{
1228  color: #B0321F !important;
1229  transform: scale(1.14) !important;
1230}
1231html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a:hover::before,
1232html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a:focus-visible::before{
1233  opacity: 1 !important;
1234  transform: translateY(-50%) translateX(-6px) scale(1) !important;
1235}
1236html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a:hover::after,
1237html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a:focus-visible::after{
1238  opacity: 1 !important;
1239  transform: translateY(-50%) translateX(6px) scale(1) !important;
1240}
1241/* === END LP TOP NAV LINK RESTYLE === */
1242
1243
1244/* === FIX UNDERLINE OVERLAP === */
1245/* The existing decorative ✦ ::after is positioned at top: 50% (vertical center) which causes
1246   it to overlap the menu text. Reposition it to sit just below the text (link bottom). */
1247html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a {
1248  padding-top: 8px !important;
1249  padding-bottom: 16px !important;
1250  position: relative !important;
1251}
1252html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a::after,
1253html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a:hover::after,
1254html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a:focus-visible::after {
1255  top: auto !important;
1256  bottom: 0 !important;
1257  height: 2px !important;
1258  transform: translateY(0) translateX(6px) scale(1) !important;
1259}
1260html body .header-area ul.header-center-menu#primary-menu-list > li:not(.menu-item-191) > a::after {
1261  transform: translateY(0) translateX(0) scale(0.4) !important;
1262}
1263
1264
1265/* ============================================
1266   MOBILE VIEW ADJUSTMENTS (added by Claude) - v2
1267   ============================================ */
1268@media (max-width: 991px) {
1269
1270  /* 1. Top logo: shift ~10% left from current centered position */
1271  html body header .col-md-3 .logo,
1272  html body header .logo {
1273    transform: translateX(-15%) !important;
1274  }
1275
1276  /* 2. Hamburger menu items: change link color from white to Kesari Orange.
1277     Match the high-specificity selector used by the theme. */
1278  html:not(#x):not(#y):not(#z):not(#w) body.home ul#primary-menu-list.header-center-menu > li > a,
1279  html:not(#x):not(#y):not(#z):not(#w) body.home ul#primary-menu-list.header-center-menu > li.menu-item > a,
1280  html:not(#x):not(#y):not(#z):not(#w) body.home ul#primary-menu-list.header-center-menu.open > li > a,
1281  html:not(#x):not(#y):not(#z):not(#w) body.home ul#primary-menu-list.header-center-menu.open > li.menu-item > a,
1282  html:not(#x):not(#y):not(#z):not(#w) body.home header .header-area ul.header-center-menu li a {
1283    color: #FF9933 !important;
1284  }
1285  html:not(#x):not(#y):not(#z):not(#w) body.home ul#primary-menu-list.header-center-menu > li > a:hover,
1286  html:not(#x):not(#y):not(#z):not(#w) body.home ul#primary-menu-list.header-center-menu > li > a:focus {
1287    color: #B0321F !important;
1288  }
1289
1290  /* 3. Temple Schedule: stack each row's name above its timings (symmetrical centered layout) */
1291  html body .section-schedule-events .ed-schedule-row {
1292    display: block !important;
1293    grid-template-columns: 1fr !important;
1294    text-align: center !important;
1295    padding: 10px 8px !important;
1296  }
1297  html body .section-schedule-events .ed-schedule-row > * {
1298    display: block !important;
1299    grid-column: 1 / -1 !important;
1300    text-align: center !important;
1301    width: 100% !important;
1302    margin: 2px 0 !important;
1303  }
1304  html body .section-schedule-events .ed-schedule-row .ed-arrow-cell {
1305    display: none !important;
1306  }
1307  /* Reduce schedule overall font so each timing line fits in one line */
1308  html body .section-schedule-events,
1309  html body .section-schedule-events .ed-schedule-row,
1310  html body .section-schedule-events .ed-tiny,
1311  html body .section-schedule-events .ed-name {
1312    font-size: 13px !important;
1313    line-height: 1.35 !important;
1314    white-space: normal !important;
1315  }
1316  html body .section-schedule-events .ed-name {
1317    font-size: 15px !important;
1318    font-weight: 600 !important;
1319  }
1320  html body .section-schedule-events .ed-deva {
1321    font-size: 12px !important;
1322  }
1323  html body .section-schedule-events .ed-h2 {
1324    font-size: 22px !important;
1325  }
1326
1327  /* 4. Our Programs / 'Service to community' title: reduce space below so it sits closer to the cards */
1328  html body .hmc-programs-header-block {
1329    padding-top: 8px !important;
1330    padding-bottom: 0 !important;
1331    margin-bottom: -16px !important;
1332  }
1333  html body .hmc-programs-header-block .hmc-ph-title {
1334    margin-bottom: 2px !important;
1335  }
1336  html body .hmc-programs-header-block .hmc-ph-subtitle {
1337    margin-bottom: 0 !important;
1338    padding-bottom: 0 !important;
1339  }
1340  html body .hmc-programs-header-block + .hmc-program-section,
1341  html body .lp-flow .hmc-program-section:first-of-type {
1342    margin-top: 0 !important;
1343    padding-top: 8px !important;
1344  }
1345
1346  /* 5. Footer links & content: center align on mobile */
1347  html body footer .col-md-3,
1348  html body footer .col-md-4,
1349  html body footer .col-md-2,
1350  html body footer .col-md-12,
1351  html body footer .col-md-6,
1352  html body footer .copy_right {
1353    text-align: center !important;
1354  }
1355  html body footer ul,
1356  html body footer .menu-wrapper,
1357  html body footer .menu-footer,
1358  html body footer .social_links,
1359  html body footer .fixed_social_links {
1360    text-align: center !important;
1361    justify-content: center !important;
1362    padding-left: 0 !important;
1363    list-style: none !important;
1364    display: block !important;
1365  }
1366  html body footer ul li {
1367    display: block !important;
1368    text-align: center !important;
1369    margin: 0 auto !important;
1370    float: none !important;
1371  }
1372  html body footer .social_links li,
1373  html body footer .fixed_social_links li {
1374    display: inline-block !important;
1375  }
1376}  /* 3b. Schedule: center the event names too for true symmetry */
1377  html body .section-schedule-events .ed-schedule-row .ed-name,
1378  html body .section-schedule-events .ed-schedule-row .ed-deva {
1379    text-align: center !important;
1380    width: 100% !important;
1381    display: block !important;
1382  }
1383
1384  /* 4a. Override the 110px top offset on program cards that creates large empty space on mobile */
1385  html body.home .hmc-program-section .hmc-program,
1386  html body.home .hmc-program-section .hmc-program.flip {
1387    top: 0 !important;
1388  }
1389  /* Also collapse the extra empty space at the bottom of the section that the 110px offset previously balanced */
1390  html body .hmc-program-section {
1391    padding-bottom: 32px !important;
1392  }
1393  /* 4b. Programs section: remove min-height creating empty space, tighten container padding */
1394  html body .hmc-program-section,
1395  html body .hmc-program-section.hmc-program-section--alt {
1396    min-height: 0 !important;
1397    padding: 0 16px 32px !important;
1398  }
1399  html body .hmc-program-section .hmc-program-wrap {
1400    padding: 0 !important;
1401  }
1402  html body .hmc-programs-header-block {
1403    padding-top: 12px !important;
1404    padding-bottom: 4px !important;
1405    margin-bottom: 0 !important;
1406  }
1407  html body .hmc-programs-header-block + .hmc-program-section,
1408  html body .lp-flow .hmc-program-section:first-of-type {
1409    margin-top: 0 !important;
1410    padding-top: 4px !important;
1411  }
1412}
1413
1414
1415/* ============================================================ */
1416/* MOBILE VIEW ADJUSTMENTS V3 (added by Claude)                  */
1417/* ============================================================ */
1418
1419/* --- 1. Hide hero image/video on phone, show Temple Schedule directly --- */
1420@media (max-width: 991px) {
1421  .page_top_banner .container_max_banner,
1422  .page_top_banner #hero-bg-video,
1423  .page_top_banner .content-area-banner {
1424    display: none !important;
1425    height: 0 !important;
1426    min-height: 0 !important;
1427  }
1428  .page_top_banner {
1429    min-height: 0 !important;
1430    height: auto !important;
1431    padding-top: 0 !important;
1432    padding-bottom: 0 !important;
1433  }
1434  .page_top_banner .container.container_max {
1435    margin-top: 0 !important;
1436    padding-top: 12px !important;
1437  }
1438  /* Disable any entry animation that delays temple schedule */
1439  .section-schedule-events,
1440  .section-schedule-events * {
1441    animation: none !important;
1442    opacity: 1 !important;
1443    transform: none !important;
1444    transition: none !important;
1445  }
1446  .section-schedule-events {
1447    visibility: visible !important;
1448  }
1449}
1450
1451/* --- 2. Upcoming Events cards: fix being chopped on phone --- */
1452@media (max-width: 991px) {
1453  .lp-flow,
1454  .lp-card-wrap,
1455  .lp-cards-grid,
1456  [class*="lp-card"] {
1457    box-sizing: border-box !important;
1458  }
1459  .lp-card-wrap {
1460    padding-left: 12px !important;
1461    padding-right: 12px !important;
1462  }
1463  .lp-card {
1464    max-width: calc(100vw - 32px) !important;
1465    width: calc(100vw - 32px) !important;
1466    margin-left: auto !important;
1467    margin-right: auto !important;
1468    box-sizing: border-box !important;
1469  }
1470  .lp-card img,
1471  .lp-card__image,
1472  .lp-card__image img {
1473    max-width: 100% !important;
1474    width: 100% !important;
1475    height: auto !important;
1476  }
1477}
1478
1479/* --- 3. Sunday School / Our Programs card: widen on phone --- */
1480@media (max-width: 991px) {
1481  .hmc-program-section,
1482  .hmc-program-wrap,
1483  .hmc-program {
1484    padding-left: 8px !important;
1485    padding-right: 8px !important;
1486    box-sizing: border-box !important;
1487  }
1488  .hmc-program {
1489    max-width: calc(100vw - 16px) !important;
1490    width: calc(100vw - 16px) !important;
1491    margin-left: auto !important;
1492    margin-right: auto !important;
1493  }
1494  .hmc-program-content {
1495    width: 100% !important;
1496    max-width: 100% !important;
1497    padding-left: 16px !important;
1498    padding-right: 16px !important;
1499    box-sizing: border-box !important;
1500  }
1501  .hmc-program-title,
1502  .hmc-program-quote,
1503  .hmc-program-body,
1504  .hmc-program-cta {
1505    max-width: 100% !important;
1506  }
1507  .hmc-program-img {
1508    width: 100% !important;
1509    max-width: 100% !important;
1510  }
1511}
1512
1513/* --- 4. Our Story section text: spread width, fit title in 2 lines --- */
1514@media (max-width: 991px) {
1515  .section-temple-location .container.container_max,
1516  .section-temple-location .row {
1517    padding-left: 8px !important;
1518    padding-right: 8px !important;
1519  }
1520  .section-temple-location .col-md-8,
1521  .section-temple-location .col-md-8.text-center {
1522    width: 100% !important;
1523    max-width: 100% !important;
1524    flex: 0 0 100% !important;
1525    padding-left: 8px !important;
1526    padding-right: 8px !important;
1527  }
1528  .section-temple-location .col-md-8 p,
1529  .section-temple-location .col-md-8 h2,
1530  .section-temple-location .col-md-8 .lp-about__subtitle,
1531  .section-temple-location .col-md-8 .lp-about__eyebrow {
1532    max-width: 100% !important;
1533    width: 100% !important;
1534    padding-left: 4px !important;
1535    padding-right: 4px !important;
1536    word-wrap: break-word !important;
1537    overflow-wrap: break-word !important;
1538  }
1539  /* Force "HANUMAN MANDIR OF GREATER CHICAGO" into 2 lines */
1540  .section-temple-location .col-md-8 h2,
1541  .section-temple-location h2:not(.line_heading) {
1542    font-size: 22px !important;
1543    line-height: 1.25 !important;
1544    letter-spacing: 0.5px !important;
1545    word-spacing: 2px !important;
1546    white-space: normal !important;
1547    hyphens: none !important;
1548  }
1549}
1550
1551/* --- 5. Pooja Services PAGE: match home carousel card design (ALL views) --- */
1552.section-pooja_services.pooja_services_list_inside .pooja_services_outrer {
1553  background: #FFFCF3 !important;
1554  border: 1px solid rgba(212, 175, 55, 0.55) !important;
1555  border-radius: 20px !important;
1556  box-shadow: 0 14px 32px -16px rgba(122, 28, 28, 0.4) !important;
1557  padding: 0 !important;
1558  overflow: visible !important;
1559  position: relative !important;
1560  transition: transform .3s ease, box-shadow .3s ease !important;
1561}
1562.section-pooja_services.pooja_services_list_inside .pooja_services_outrer:hover {
1563  transform: translateY(-4px) !important;
1564  box-shadow: 0 22px 50px -20px rgba(122, 28, 28, 0.5) !important;
1565}
1566.section-pooja_services.pooja_services_list_inside .pooja_services_outrer .img_shadow {
1567  border-radius: 16px !important;
1568  overflow: hidden !important;
1569  margin: 14px 14px 0 !important;
1570  background: transparent !important;
1571  box-shadow: none !important;
1572}
1573.section-pooja_services.pooja_services_list_inside .pooja_services_outrer .img_shadow img {
1574  border-radius: 16px !important;
1575  width: 100% !important;
1576  height: 322px !important;
1577  display: block !important;
1578  object-fit: cover !important;
1579}
1580.section-pooja_services.pooja_services_list_inside .pooja_services_outrer .product_txt {
1581  padding: 20px 20px 28px !important;
1582  text-align: center !important;
1583  background: transparent !important;
1584}
1585.section-pooja_services.pooja_services_list_inside .pooja_services_outrer .product_txt::before {
1586  content: "SACRED OFFERING" !important;
1587  display: block !important;
1588  color: #E85D1A !important;
1589  font-family: Lora, Georgia, serif !important;
1590  font-size: 10px !important;
1591  font-weight: 700 !important;
1592  letter-spacing: 2.2px !important;
1593  text-transform: uppercase !important;
1594  margin: 0 0 8px !important;
1595  text-align: center !important;
1596}
1597.section-pooja_services.pooja_services_list_inside .pooja_services_outrer .product_txt h4 {
1598  color: #142728 !important;
1599  font-family: "Cormorant Garamond", Georgia, serif !important;
1600  font-size: 21px !important;
1601  font-weight: 600 !important;
1602  line-height: 1.3 !important;
1603  margin: 0 0 10px !important;
1604  text-align: center !important;
1605  position: relative !important;
1606}
1607.section-pooja_services.pooja_services_list_inside .pooja_services_outrer .product_txt h4 br {
1608  display: none !important;
1609}
1610.section-pooja_services.pooja_services_list_inside .pooja_services_outrer .product_txt h4 >
1610 span:not(.price) {
1611  display: block !important;
1612  width: 36px !important;
1613  height: 1px !important;
1614  background: #D4AF37 !important;
1615  margin: 12px auto !important;
1616  font-size: 0 !important;
1617  line-height: 0 !important;
1618}
1619.section-pooja_services.pooja_services_list_inside .pooja_services_outrer .product_txt h4 .price {
1620  display: block !important;
1621  color: #E85D1A !important;
1622  font-family: Lora, Georgia, serif !important;
1623  font-size: 32px !important;
1624  font-weight: 600 !important;
1625  letter-spacing: normal !important;
1626  text-transform: none !important;
1627  margin: 6px 0 18px !important;
1628  text-align: center !important;
1629}
1630.section-pooja_services.pooja_services_list_inside .pooja_services_outrer .btn_main_red,
1631.section-pooja_services.pooja_services_list_inside .pooja_services_outrer a.btn_main_red.pooja_booking {
1632  display: inline-block !important;
1633  background: linear-gradient(135deg, #F4A300, #E85D1A) !important;
1634  color: #FFFFFF !important;
1635  padding: 12px 26px !important;
1636  border: 0 !important;
1637  border-radius: 999px !important;
1638  font-size: 11px !important;
1639  font-weight: 700 !important;
1640  letter-spacing: 2.42px !important;
1641  text-transform: uppercase !important;
1642  box-shadow: 0 8px 20px -8px rgba(232, 93, 26, 0.55) !important;
1643  text-decoration: none !important;
1644  font-family: Lora, Georgia, serif !important;
1645  transition: transform .25s ease, box-shadow .25s ease !important;
1646}
1647.section-pooja_services.pooja_services_list_inside .pooja_services_outrer .btn_main_red:hover {
1648  transform: translateY(-2px) !important;
1649  box-shadow: 0 12px 26px -8px rgba(232, 93, 26, 0.7) !important;
1650  color: #FFFFFF !important;
1651}
1652.section-pooja_services.pooja_services_list_inside .pooja_services_outrer .btn_main_red::after {
1653  content: " \2192" !important;
1654  margin-left: 6px !important;
1655  display: inline !important;
1656}
1657
1658/* --- 1. Move logo ~10% left on phone (override prior translateX values) --- */
1659  header .col-md-3 .logo,
1660  .header-area .logo,
1661  .logo {
1662    transform: translateX(-10%) !important;
1663    -webkit-transform: translateX(-10%) !important;
1664  }
1665
1666  /* --- 2. Hide Temple Schedule background image + disable scroll-up animation --- */
1667  .section-schedule-events {
1668    background-image: none !important;
1669  }
1670  /*.section-schedule-events .ed-sched-bg,
1671  .section-schedule-events .ed-sched-light,
1672  .section-schedule-events [class*="ed-sched-bg"] {
1673    display: none !important;
1674    background-image: none !important;
1675    opacity: 0 !important;
1676  }*/
1677
1678  /* Kill any reveal/scroll-up animation on temple schedule on phone 
1679  .section-schedule-events,
1680  .section-schedule-events *,
1681  .section-schedule-events .wow,
1682  .section-schedule-events .animated,
1683  .section-schedule-events [class*="fadeIn"],
1684  .section-schedule-events [class*="slideUp"],
1685  .section-schedule-events [data-aos],
1686  .section-schedule-events [class*="ed-sched-"] {
1687    animation: none !important;
1688    -webkit-animation: none !important;
1689    transition: none !important;
1690    transform: none !important;
1691    opacity: 1 !important;
1692    visibility: visible !impo
1693rtant;
1694  }*/
1695  /* Re-allow ed-sched-bg/light to remain hidden via display none above 
1696  .section-schedule-events .ed-sched-bg,
1697  .section-schedule-events .ed-sched-light {
1698    opacity: 0 !important;
1699  }*/
1700
1701  /* --- 3. Upcoming Events cards: center align --- */
1702  .lp-flow {
1703    text-align: center !important;
1704  }
1705  .lp-card-wrap {
1706    display: flex !important;
1707    flex-direction: column !important;
1708    align-items: center !important;
1709    justify-content: center !important;
1710    padding-left: 12px !important;
1711    padding-right: 12px !important;
1712    box-sizing: border-box !important;
1713  }
1714  .lp-card {
1715    margin-left: auto !important;
1716    margin-right: auto !important;
1717    float: none !important;
1718  }
1719
1720  /* --- 4. Sunday School (.hmc-program) must FIT screen, not be cropped --- */
1721  html, body {
1722    overflow-x: hidden !important;
1723    max-width: 100vw !important;
1724  }
1725  .hmc-program-section,
1726  .hmc-program-section .hmc-program-wrap {
1727    width: 100% !important;
1728    max-width: 100vw !important;
1729    margin-left: 0 !important;
1730    margin-right: 0 !important;
1731    padding-left: 12px !important;
1732    padding-right: 12px !important;
1733    box-sizing: border-box !important;
1734    overflow: hidden !important;
1735  }
1736  .hmc-program {
1737    width: auto !important;
1738    max-width: calc(100vw - 24px) !important;
1739    margin-left: auto !important;
1740    margin-right: auto !important;
1741    box-sizing: border-box !important;
1742    left: auto !important;
1743    right: auto !important;
1744    transform: none !important;
1745    position: relative !important;
1746    top: 0 !important;
1747  }
1748  .hmc-program > *,
1749  .hmc-program-img,
1750  .hmc-program-content,
1751  .hmc-program img {
1752    max-width: 100% !important;
1753    box-sizing: border-box !important;
1754  }
1755  .hmc-program-img img {
1756    width: 100% !important;
1757    height: auto !important;
1758  }
1759}
1760
1761/* ============== END V4 ============== */
1762
1763
1764/* ============================================================ */
1765/* MOBILE VIEW ADJUSTMENTS V5 - higher-specificity patches       */
1766/* ============================================================ */
1767@media (max-width: 991px) {
1768  html body.home .section-schedule-events,
1769  html body.home .section-schedule-events.ed-sched-mounted,
1770  html body.home .section-schedule-events.section,
1771  html body.home section.section-schedule-events {
1772    background-image: none !important;
1773    background: linear-gradient(#FFF4DD 0%, #FBEFD4 100%) !important;
1774  }
1775  html body.home .section-schedule-events .ed-sched-bg,
1776  html body.home .section-schedule-events div.ed-sched-bg,
1777  html body.home .section-schedule-events .ed-sched-bg.blurred,
1778  html body.home .section-schedule-events .ed-sched-light,
1779  html body.home .section-schedule-events .ed-sched-bg::before,
1780  html body.home .section-schedule-events .ed-sched-bg::after {
1781    display: none !important;
1782    background-image: none !important;
1783    background: transparent !important;
1784    opacity: 0 !important;
1785    visibility: hidden !important;
1786  }
1787  html body.home .section-schedule-events,
1788  html body.home .section-schedule-events * {
1789    animation: none !important;
1790    -webkit-animation: none !important;
1791    animation-duration: 0s !important;
1792    transition: none !important;
1793    opacity: 1 !important;
1794    transform: none !important;
1795  }
1796  html body.home .section-schedule-events .ed-sched-bg,
1797  html body.home .section-schedule-events .ed-sched-light {
1798    opacity: 0 !important;
1799  }
1800}
1801/* ============== END V5 ============== */
1802
1803
1804/* ===== claude-mobile-fixes ===== */
1805/* Mobile UI fixes: logo centering, event card, about title, sunday school card, pooja services image, hamburger menu */
1806@media (max-width: 767px) {
1807  /* 1. Shift logo left so it appears visually centered (away from hamburger menu) */
1808  html body.home header .header-area-inner-n .col-md-3 {
1809    left: 44% !important;
1810  }
1811  /* 2. Center the upcoming event card */
1812  .lp-events .lp-grid {
1813    justify-content: center !important;
1814  }
1815  .lp-events .lp-card-wrap {
1816    width: 100% !important;
1817    max-width: 100% !important;
1818    padding: 0 !important;
1819    box-sizing: border-box !important;
1820  }
1821  .lp-events .lp-card {
1822    margin-left: auto !important;
1823    margin-right: auto !important;
1824  }
1825  /* 3. "Hanuman Mandir of Greater Chicago" title - smaller font, fit 2 lines, remove extra padding */
1826  html body section.hmc-about .hmc-about-content h2.hmc-about-title,
1827  html body section.hmc-about h2.hmc-about-title,
1828  html body .lp-flow .hmc-about h2.hmc-about-title {
1829    font-size: 26px !important;
1830    line-height: 1.15 !important;
1831    padding-top: 0 !important;
1832    padding-bottom: 0 !important;
1833    margin-top: 0 !important;
1834    margin-bottom: 8px !important;
1835  }
1836  /* 4. Increase Sunday School / program card width so it doesn't get cropped */
1837  html body .lp-flow > .hmc-program-section.programs-header-shown,
1838  html body .hmc-program-section,
1839  html body.home .hmc-program-section.hmc-program-section {
1840    padding-left: 12px !important;
1841    padding-right: 12px !important;
1842  }
1843  /* 5. Increase pooja services image container height so full image is visible */
1844  body .pooja_services_outrer .img_shadow,
1845  .section-pooja_services .pooja_services_outrer .img_shadow {
1846    aspect-ratio: 1 / 1 !important;
1847    height: auto !important;
1848    min-height: 300px !important;
1849  }
1850  body .pooja_services_outrer .img_shadow img,
1851  .section-pooja_services .pooja_services_outrer .img_shadow img {
1852    width: 100% !important;
1853    height: 100% !important;
1854    object-fit: cover !important;
1855  }
1856}
1857/* 6. Hamburger menu: center align items, remove black text shadow */
1858@media (max-width: 991px) {
1859  html body header .header-center-menu.open,
1860  html body.home header .header-center-menu.open {
1861    align-items: center !important;
1862    text-align: center !important;
1863  }
1864  html body header .header-center-menu.open li,
1865  html body.home header .header-center-menu.open li {
1866    text-align: center !important;
1867    width: 100% !important;
1868  }
1869  html body header .header-center-menu.open li a,
1870  html body.home header .header-center-menu.open li a,
1871  html body .header-area ul.header-center-menu li a {
1872    text-align: center !important;
1873    text-shadow: none !important;
1874    display: block !important;
1875    margin-left: 0 !important;
1876    width: 100% !important;
1877  }
1878}
1879/* ===== end claude-mobile-fixes ===== */
1880
1881
1882/* CLAUDE-RESTORE-SCHEDULE-ANIM START */
1883/* Purpose: pin the temple image fullscreen, dim+blur it, and overlay the
1884   schedule on top. Pin holds for one viewport then releases directly into
1885   the next section. No empty space.
1886   Notes (for future maintainers):
1887   - The theme sets body{overflow-x:hidden} which, per the CSS spec, forces
1888     body's overflow-y to "auto" (the two axes can't be independent like
1889     hidden+visible). That made body a scroll-container and broke
1890     position:sticky on the pin. The fix is overflow-x:clip + overflow-y:
1891     visible, which keeps the horizontal scrollbar suppressed without
1892     turning body into a scroll-container.
1893   - The schedule's row container (.ed-sched-list) is held opacity:0 by the
1894     theme's own scroll-driven JS. We force it visible so it always shows.
1895   To REVERT: delete everything between START and END markers (inclusive). */
1896
1897/* 0. Make html the only scroll container so position:sticky works. */
1898html body.home {
1899  overflow-x: clip !important;
1900  overflow-y: visible !important;
1901}
1902
1903/* 1. Stage runway: 200vh so the pin holds for one full viewport then
1904      releases directly into the next section. */
1905html body.home .section-schedule-events .ed-sched-stage.ed-sched-stage,
1906html body.home .section-schedule-events.ed-sched-mounted .ed-sched-stage.ed-sched-stage {
1907  height: 200vh !important;
1908  min-height: 200vh !important;
1909  max-height: 200vh !important;
1910  aspect-ratio: auto !important;
1911  padding-top: 0 !important;
1912  padding-bottom: 0 !important;
1913  margin-bottom: 0 !important;
1914  position: relative !important;
1915  overflow: visible !important;
1916}
1917
1918/* 2. Pin = sticky 100vh. */
1919html body.home .section-schedule-events .ed-sched-pin.ed-sched-pin,
1920html body.home .section-schedule-events.ed-sched-mounted .ed-sched-pin.ed-sched-pin {
1921  position: sticky !important;
1922  top: 0 !important;
1923  height: 100vh !important;
1924  min-height: 100vh !important;
1925  max-height: 100vh !important;
1926  aspect-ratio: auto !important;
1927  overflow: hidden !important;
1928}
1929
1930/* 3. Background image fills the pin, dimmed and blurred for legibility. */
1931html body.home .section-schedule-events .ed-sched-pin .ed-sched-bg.ed-sched-bg {
1932  position: absolute !important;
1933  inset: 0 !important;
1934  width: 100% !important;
1935  height: 100% !important;
1936  z-index: 1 !important;
1937  filter: blur(6px) brightness(0.3) !important;
1938}
1939
1940/* 4. Schedule stack overlays the pin. */
1941html body.home .section-schedule-events .ed-sched-pin .ed-sched-stack.ed-sched-stack {
1942  position: absolute !important;
1943  left: 0 !important;
1944  right: 0 !important;
1945  top: 0 !important;
1946  width: 100% !important;
1947  height: 100% !important;
1948  z-index: 3 !important;
1949  display: flex !important;
1950  flex-direction: column !important;
1951  justify-content: center !important;
1952  align-items: center !important;
1953  transform: none !important;
1954  opacity: 1 !important;
1955}
1956
1957/* 5. The theme's scroll-driven JS hides .ed-sched-list until its own
1958      animation triggers; in this layout we need it always visible. */
1959html body.home .section-schedule-events .ed-sched-stack .ed-sched-list {
1960  opacity: 1 !important;
1961  transform: none !important;
1962}
1963
1964/* 6. Make every schedule row fully visible (override any opacity/transform
1965      held by competing scripts). */
1966html body.home .section-schedule-events .ed-sched-stack .ed-schedule-row {
1967  opacity: 1 !important;
1968  transform: none !important;
1969}
1970
1971/* 7. Light + watermark layer above bg, below stack. */
1972html body.home .section-schedule-events .ed-sched-pin .ed-sched-light { z-index: 2 !important; }
1973html body.home .section-schedule-events .ed-sched-pin .ed-sched-watermark { z-index: 2 !important; }
1974
1975/* 8. Remove bottom margin/padding so the next section butts in. */
1976html body.home section.section-schedule-events,
1977html body.home section.section-schedule-events.ed-sched-mounted {
1978  margin-bottom: 0 !important;
1979  padding-bottom: 0 !important;
1980}
1981
1982/* 9. Disable competing legacy fade. */
1983@media (max-width: 991px) {
1984  html body.home .section-schedule-events.ed-sched-mounted .ed-sched-stage {
1985    animation: none !important;
1986  }
1987}
1988
1989/* 10. Mobile: shorter stage. */
1990@media (max-width: 900px) {
1991  html body.home .section-schedule-events .ed-sched-stage.ed-sched-stage,
1992  html body.home .section-schedule-events.ed-sched-mounted .ed-sched-stage.ed-sched-stage {
1993    height: 180vh !important;
1994    min-height: 180vh !important;
1995    max-height: 180vh !important;
1996  }
1997}
1998
1999/* 11. Hide the "Shree" devanagari watermark in the schedule pin (per user request). */
2000html body.home .section-schedule-events .ed-sched-pin .ed-sched-watermark {
2001  display: none !important;
2002}
2003/* CLAUDE-RESTORE-SCHEDULE-ANIM END */
2004
2005/* 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. */
2006@media (max-width: 700px){
2007  .lp-poojas .lp-diya-glow{
2008    will-change: transform, opacity;
2009    -webkit-backface-visibility: hidden;
2010    backface-visibility: hidden;
2011  }
2012  .lp-poojas .lp-carousel-track{
2013    will-change: transform;
2014    -webkit-backface-visibility: hidden;
2015    backface-visibility: hidden;
2016  }
2017}
2018/* CLAUDE-POOJA-MOBILE-PERF END */
2019
2020/* CLAUDE-TEMPLE-SCHEDULE-CENTER START — added 2026-06-22 (DJ). Centers the Temple Schedule card on laptop/desktop (viewport >
2020=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. */
2021@media (min-width: 1241px){
2022  html body.home .section-schedule-events .ed-sched-stack{
2023    margin-left: auto !important;
2024    margin-right: auto !important;
2025  }
2026}
2027/* CLAUDE-TEMPLE-SCHEDULE-CENTER END */
2028
2029/* 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. */
2030/* events carousel cloned from pooja */
2031@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; } }
2032@media (max-width: 700px) { html body.home .lp-flow .lp-events .lp-carousel-wrap { position: relative !important; padding: 0px !important; } }
2033@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; } }
2034@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; } }
2035@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; } }
2036@media (max-width: 700px) { html body.home .lp-flow .lp-events .lp-carousel-btn.prev { left: 8px !important; } }
2037@media (max-width: 700px) { html body.home .lp-flow .lp-events .lp-carousel-btn.next { right: 8px !important; } }
2038@media (max-width: 700px) { .lp-events .lp-carousel-track { will-change: transform; backface-visibility: hidden; } }
2039@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; } }
2040@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; } }
2041@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; } }
2042@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; } }
2043@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; } }
2044@media (max-width: 700px) { html body.home .lp-flow .lp-events .lp-carousel-wrap { position: relative !important; padding: 0px !important; } }
2045@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; } }
2046@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; } }
2047@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; } }
2048@media (max-width: 700px) { html body.home .lp-flow .lp-events .lp-carousel-btn.prev { left: 8px !important; } }
2049@media (max-width: 700px) { html body.home .lp-flow .lp-events .lp-carousel-btn.next { right: 8px !important; } }
2050.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; }
2051/* CLAUDE-EVENTS-CAROUSEL-CSS END */
2052
2053/* 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. */
2054html body.home .lp-flow .lp-events .lp-carousel-track > .lp-card-wrap{
2055  display: flex !important;
2056  flex-direction: column !important;
2057}
2058html body.home .lp-flow .lp-events .lp-carousel-track > .lp-card-wrap > .lp-card{
2059  flex: 1 1 auto !important;
2060}
2061/* CLAUDE-EVENTS-CARD-UNIFORM END */
2062
2063</style>
2064<style id="lp-flow-v6">
2065/* 1) KILL the rotating circular decoration behind About */
2066.section-temple-location .hmc-about-florals { display: none !important; }
2067.section-temple-location svg[class*="hmc-about"],
2068.section-temple-location .hmc-about-spin { display: none !important; animation: none !important; }
2069
2070/* 2) HIDE the Gaushala card (Shri Hanumat Gau Seva Dham) */
2071html body .hmc-program-section.hmc-program-section--alt { display: none !important; }
2072
2073/* 3) About redesign — restyle existing .section-temple-location to lp-about look */
2074html body .lp-flow > .section-temple-location {
2075  background: transparent !important;
2076  padding: 120px 60px 130px !important;
2077  text-align: center !important;
2078  color: #0E2B4A !important;
2079  position: relative;
2080  overflow: visible !important;
2081}
2082html body .lp-flow > .section-temple-location .container,
2083html body .lp-flow > .section-temple-location .container_max {
2084  background: transparent !important;
2085  max-width: 980px !important;
2086  margin: 0 auto !important;
2087  padding: 0 !important;
2088}
2089html body .lp-flow > .section-temple-location .hmc-about {
2090  background: transparent !important;
2091  padding: 0 !important;
2092}
2093html body .lp-flow > .section-temple-location .hmc-about-eyebrow,
2094html body .lp-flow > .section-temple-location [class*="eyebrow"] {
2095  font: 700 12px/1 'Inter', sans-serif !important;
2096  letter-spacing: .34em !important;
2097  text-transform: uppercase !important;
2098  color: #F4A300 !important;
2099  margin: 0 0 36px !important;
2100}
2101html body .lp-flow > .section-temple-location .hmc-about-title,
2102html body .lp-flow > .section-temple-location [class*="about-title"],
2103html body .lp-flow > .section-temple-location h2 {
2104  font-family: 'Cormorant Garamond', serif !important;
2105  font-weight: 500 !important;
2106  font-size: clamp(48px, 6vw, 80px) !important;
2107  line-height: 1.04 !important;
2108  color: #0A1F3D !important;
2109  text-transform: uppercase !important;
2110  letter-spacing: .005em !important;
2111  margin: 0 !important;
2112  text-wrap: balance;
2113}
2114html body .lp-flow > .section-temple-location .hmc-about-subtitle,
2115html body .lp-flow > .section-temple-location [class*="subtitle"] {
2116  font-family: 'Cormorant Garamond', serif !important;
2117  font-style: italic !important;
2118  font-weight: 500 !important;
2119  font-size: clamp(22px, 2.5vw, 30px) !important;
2120  line-height: 1.4 !important;
2121  color: #A86700 !important;
2122  max-width: 760px !important;
2123  margin: 56px auto !important;
2124}
2125html body .lp-flow > .section-temple-location .hmc-about-quote,
2126html body .lp-flow > .section-temple-location blockquote,
2127html body .lp-flow > .section-temple-location [class*="quote"] {
2128  font-family: 'Cormorant Garamond', serif !important;
2129  font-style: italic !important;
2130  font-weight: 500 !important;
2131  font-size: clamp(22px, 2.5vw, 30px) !important;
2132  line-height: 1.4 !important;
2133  color: #A86700 !important;
2134  max-width: 760px !important;
2135  margin: 56px auto !important;
2136}
2137html body .lp-flow > .section-temple-location p,
2138html body .lp-flow > .section-temple-location .hmc-about-body,
2139html body .lp-flow > .section-temple-location [class*="about-text"] {
2140  font-family: 'Lora', serif !important;
2141  font-weight: 400 !important;
2142  font-size: 18px !important;
2143  line-height: 1.75 !important;
2144  color: #0E2B4A !important;
2145  max-width: 780px !important;
2146  margin: 0 auto 28px !important;
2147}
2148html body .lp-flow > .section-temple-location strong,
2149html body .lp-flow > .section-temple-location b {
2150  color: #A86700 !important;
2151  font-weight: 700 !important;
2152}
2153html body .lp-flow > .section-temple-location em,
2154html body .lp-flow > .section-temple-location i {
2155  color: #A86700 !important;
2156  font-weight: 600 !important;
2157  font-style: italic !important;
2158}
2159html body .lp-flow > .section-temple-location .hmc-about-stars,
2160html body .lp-flow > .section-temple-location [class*="diamonds"],
2161html body .lp-flow > .section-temple-location [class*="stars"] {
2162  color: #F4A300 !important;
2163  font-size: 14px !important;
2164  letter-spacing: .9em !important;
2165  margin: 52px auto !important;
2166  filter: drop-shadow(0 0 6px rgba(244,163,0,.6)) !important;
2167  display: block !important;
2168  text-align: center !important;
2169}
2170html body .lp-flow > .section-temple-location a.btn,
2171html body .lp-flow > .section-temple-location a.button,
2172html body .lp-flow > .section-temple-location .hmc-about-cta,
2173html body .lp-flow > .section-temple-location [class*="more"] a,
2174html body .lp-flow > .section-temple-location a[href*="about"] {
2175  display: inline-flex !important;
2176  align-items: center !important;
2177  gap: 12px !important;
2178  padding: 16px 38px !important;
2179  border-radius: 999px !important;
2180  background: linear-gradient(135deg, #F4A300, #E85D1A) !important;
2181  color: #fff !important;
2182  text-decoration: none !important;
2183  font-family: 'Inter', sans-serif !important;
2184  font-weight: 700 !important;
2185  font-size: 12px !important;
2186  line-height: 1 !important;
2187  letter-spacing: .24em !important;
2188  text-transform: uppercase !important;
2189  box-shadow: 0 14px 36px -10px rgba(232,93,26,.7), 0 0 40px rgba(244,163,0,.25) !important;
2190  border: none !important;
2191}
2192
2193/* 4) Programs header restyle — cream + gold on dark teal */
2194html body .lp-flow > .hmc-programs-header-block {
2195  background: transparent !important;
2196  padding: 120px 60px 60px !important;
2197  text-align: center !important;
2198  color: #FFFCF3 !important;
2199  margin-bottom: 20px !important;
2200}
2201html body .lp-flow > .hmc-programs-header-block .hmc-ph-title {
2202  font-family: 'Cormorant Garamond', serif !important;
2203  font-weight: 500 !important;
2204  font-size: clamp(48px, 6vw, 88px) !important;
2205  line-height: 1.04 !important;
2206  color: #FFFCF3 !important;
2207  text-transform: uppercase !important;
2208  letter-spacing: .005em !important;
2209  margin: 0 !important;
2210}
2211html body .lp-flow > .hmc-programs-header-block .hmc-ph-subtitle {
2212  font-family: 'Cormorant Garamond', serif !important;
2213  font-style: italic !important;
2214  font-weight: 500 !important;
2215  font-size: clamp(18px, 1.6vw, 22px) !important;
2216  line-height: 1.4 !important;
2217  color: #FFD96B !important;
2218  margin: 20px 0 0 !important;
2219}
2220html body .lp-flow > .hmc-programs-header-block .hmc-ph-diamonds {
2221  color: #FFD96B !important;
2222  font-size: 14px !important;
2223  letter-spacing: .9em !important;
2224  margin: 0 auto 28px !important;
2225  filter: drop-shadow(0 0 6px rgba(255,217,107,.6)) !important;
2226  display: block !important;
2227}
2228
2229/* 5) Programs wrapper (the Sunday School card section) — transparent bg */
2230html body .lp-flow > .hmc-program-section.programs-header-shown {
2231  background: transparent !important;
2232  padding: 0 60px 140px !important;
2233  text-align: center !important;
2234}
2235html body.home .hmc-program-section.hmc-program-section.programs-header-shown {
2236  background: transparent !important;
2237}
2238
2239/* 6) Reveal animation */
2240[data-reveal] > * {
2241  opacity: 0;
2242  transform: translateY(30px);
2243  transition: opacity .9s cubic-bezier(.22,1,.36,1), transform .9s cubic-bezier(.22,1,.36,1);
2244}
2245[data-reveal].is-visible > * { opacity: 1; transform: translateY(0); }
2246[data-reveal].is-visible > *:nth-child(1) { transition-delay:   0ms; }
2247[data-reveal].is-visible > *:nth-child(2) { transition-delay: 140ms; }
2248[data-reveal].is-visible > *:nth-child(3) { transition-delay: 280ms; }
2249[data-reveal].is-visible > *:nth-child(4) { transition-delay: 420ms; }
2250[data-reveal].is-visible > *:nth-child(5) { transition-delay: 560ms; }
2251[data-reveal].is-visible > *:nth-child(6) { transition-delay: 700ms; }
2252[data-reveal].is-visible > *:nth-child(7) { transition-delay: 820ms; }
2253[data-reveal].is-visible > *:nth-child(8) { transition-delay: 960ms; }
2254</style>
2255<style id="lp-flow-v6-boost">
2256/* Boost specificity to beat the existing body.home rules */
2257html body.home .lp-flow > .hmc-programs-header-block.hmc-programs-header-block,
2258html body.home .lp-flow > .hmc-program-section.hmc-program-section,
2259html body.home .lp-flow > .hmc-program-section.hmc-program-section.programs-header-shown,
2260html body.home section.lp-flow > .hmc-programs-header-block.hmc-programs-header-block,
2261html body.home .lp-flow > section.hmc-program-section.hmc-program-section {
2262  background: transparent !important;
2263  background-color: transparent !important;
2264}
2265/* Belt-and-suspenders: kill the rotating ring fully */
2266html body .section-temple-location .hmc-about-florals,
2267html body .section-temple-location .hmc-about-florals * {
2268  display: none !important;
2269  visibility: hidden !important;
2270  animation: none !important;
2271  opacity: 0 !important;
2272}
2273/* Hide Gaushala stronger */
2274html body.home .lp-flow > .hmc-program-section.hmc-program-section--alt {
2275  display: none !important;
2276}
2277</style>
2278<link rel="preconnect" href="https://fonts.googleapis.com">
2279<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
2280<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">
2281<style id="lp-about-typo-v7">
2282/* Scope: ONLY the About column inside .section-temple-location. The .col-md-12 'Other Locations' block is intentionally excluded. */
2283
2284/* H2 title — Hanuman Mandir of Greater Chicago */
2285html body .lp-flow > .section-temple-location .col-md-8 h2,
2286html body .lp-flow > .section-temple-location .col-md-8 .lp-about__title {
2287  font-family: 'Cormorant Garamond', 'Iowan Old Style', Georgia, serif !important;
2288  font-weight: 500 !important;
2289  font-size: clamp(48px, 6vw, 80px) !important;
2290  line-height: 1.04 !important;
2291  letter-spacing: 0.005em !important;
2292  text-transform: uppercase !important;
2293  color: #0A1F3D !important;
2294  text-wrap: balance;
2295}
2296
2297/* Italic pull quote */
2298html body .lp-flow > .section-temple-location .col-md-8 blockquote,
2299html body .lp-flow > .section-temple-location .col-md-8 .lp-about__quote {
2300  font-family: 'Cormorant Garamond', Georgia, serif !important;
2301  font-style: italic !important;
2302  font-weight: 500 !important;
2303  font-size: clamp(22px, 2.5vw, 30px) !important;
2304  line-height: 1.4 !important;
2305  color: #A86700 !important;
2306}
2307
2308/* Body paragraphs */
2309html body .lp-flow > .section-temple-location .col-md-8 p,
2310html body .lp-flow > .section-temple-location .col-md-8 .lp-about__body {
2311  font-family: 'Lora', Georgia, 'Times New Roman', serif !important;
2312  font-weight: 400 !important;
2313  font-size: 18px !important;
2314  line-height: 1.75 !important;
2315  color: #0E2B4A !important;
2316}
2317
2318/* Accent phrases (dates, names) */
2319html body .lp-flow > .section-temple-location .col-md-8 .accent,
2320html body .lp-flow > .section-temple-location .col-md-8 p strong,
2321html body .lp-flow > .section-temple-location .col-md-8 strong {
2322  color: #A86700 !important;
2323  font-weight: 700 !important;
2324  font-family: inherit !important;
2325}
2326
2327/* Italic emphasis (Sanskrit terms) */
2328html body .lp-flow > .section-temple-location .col-md-8 .gold,
2329html body .lp-flow > .section-temple-location .col-md-8 p em,
2330html body .lp-flow > .section-temple-location .col-md-8 em {
2331  color: #A86700 !important;
2332  font-style: italic !important;
2333  font-weight: 600 !important;
2334  font-family: inherit !important;
2335}
2336
2337/* CTA button */
2338html body .lp-flow > .section-temple-location .col-md-8 a.btn_main,
2339html body .lp-flow > .section-temple-location .col-md-8 a.lp-about__cta,
2340html body .lp-flow > .section-temple-location .col-md-8 .lp-about__cta {
2341  font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif !important;
2342  font-weight: 700 !important;
2343  font-size: 12px !important;
2344  letter-spacing: 0.24em !important;
2345  text-transform: uppercase !important;
2346  color: #ffffff !important;
2347}
2348
2349/* Eyebrow (if present) */
2350html body .lp-flow > .section-temple-location .col-md-8 .lp-about__eyebrow,
2351html body .lp-flow > .section-temple-location .col-md-8 [data-eyebrow] {
2352  font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif !important;
2353  font-size: 12px !important;
2354  font-weight: 700 !important;
2355  letter-spacing: 0.34em !important;
2356  text-transform: uppercase !important;
2357  color: #F4A300 !important;
2358}
2359</style>
2360<style id="lp-about-visual-v8">
2361/* Eyebrow */
2362html body .lp-flow > .section-temple-location .col-md-8 .lp-about__eyebrow {
2363  font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif !important;
2364  font-size: 12px !important;
2365  font-weight: 700 !important;
2366  letter-spacing: 0.34em !important;
2367  text-transform: uppercase !important;
2368  color: #F4A300 !important;
2369  margin: 0 0 36px !important;
2370  text-align: center !important;
2371  display: block !important;
2372}
2373
2374/* Subtitle: 'A sacred vision, laid stone by stone.' */
2375html body .lp-flow > .section-temple-location .col-md-8 .lp-about__subtitle {
2376  font-family: 'Cormorant Garamond', Georgia, serif !important;
2377  font-style: italic !important;
2378  font-weight: 500 !important;
2379  font-size: clamp(18px, 1.8vw, 22px) !important;
2380  line-height: 1.4 !important;
2381  color: #A86700 !important;
2382  margin: 18px 0 0 !important;
2383  text-align: center !important;
2384  display: block !important;
2385}
2386
2387/* Italic pull quote (first <p>) */
2388html body .lp-flow > .section-temple-location .col-md-8 p.lp-about__quote {
2389  font-family: 'Cormorant Garamond', Georgia, serif !important;
2390  font-style: italic !important;
2391  font-weight: 500 !important;
2392  font-size: clamp(22px, 2.5vw, 30px) !important;
2393  line-height: 1.4 !important;
2394  color: #A86700 !important;
2395  max-width: 760px !important;
2396  margin: 56px auto !important;
2397  text-align: center !important;
2398  filter: drop-shadow(0 0 12px rgba(168,103,0,0.08));
2399}
2400
2401/* Decorative ✦ ✦ ✦ star rows */
2402html body .lp-flow > .section-temple-location .col-md-8 .lp-stars {
2403  color: #F4A300 !important;
2404  font-size: 14px !important;
2405  letter-spacing: 0.9em !important;
2406  margin: 52px auto !important;
2407  filter: drop-shadow(0 0 6px rgba(244,163,0,0.6));
2408  display: block !important;
2409  text-align: center !important;
2410}
2411
2412/* CTA pill */
2413html body .lp-flow > .section-temple-location .col-md-8 a.btn_main,
2414html body .lp-flow > .section-temple-location .col-md-8 a.lp-about__cta {
2415  display: inline-flex !important;
2416  align-items: center !important;
2417  gap: 12px !important;
2418  padding: 16px 38px !important;
2419  border-radius: 999px !important;
2420  background: linear-gradient(135deg, #F4A300 0%, #E85D1A 100%) !important;
2421  color: #ffffff !important;
2422  text-decoration: none !important;
2423  font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif !important;
2424  font-weight: 700 !important;
2425  font-size: 12px !important;
2426  letter-spacing: 0.24em !important;
2427  text-transform: uppercase !important;
2428  box-shadow: 0 14px 36px -10px rgba(232,93,26,0.7), 0 0 40px rgba(244,163,0,0.25) !important;
2429  border: none !important;
2430}
2431</style>
2432<style id="lp-about-v9">
2433/* Stars (.hmc-about-ornament) - make saffron with tracked spacing */
2434html body .hmc-about .hmc-about-content .hmc-about-ornament {
2435  color: #F4A300 !important;
2436  font-size: 14px !important;
2437  letter-spacing: 0.9em !important;
2438  margin: 52px auto !important;
2439  font-family: 'Cormorant Garamond', serif !important;
2440  font-weight: 500 !important;
2441  filter: drop-shadow(0 0 6px rgba(244,163,0,0.6));
2442  text-align: center !important;
2443}
2444
2445/* New subtitle injected after H2 title */
2446html body .hmc-about .hmc-about-content .hmc-about-subtitle-new {
2447  font-family: 'Cormorant Garamond', Georgia, serif !important;
2448  font-style: italic !important;
2449  font-weight: 500 !important;
2450  font-size: clamp(18px, 1.8vw, 22px) !important;
2451  line-height: 1.4 !important;
2452  color: #A86700 !important;
2453  margin: 18px auto 0 !important;
2454  text-align: center !important;
2455  display: block !important;
2456}
2457
2458/* === Pooja Services: uniform card size === */
2459html body .lp-poojas .lp-card,
2460html body .lp-poojas article.lp-card {
2461  width: 272px !important;
2462  min-height: 560px !important;
2463  height: 560px !important;
2464  display: flex !important;
2465  flex-direction: column !important;
2466  box-sizing: border-box !important;
2467}
2468html body .lp-poojas .lp-card .lp-card__image,
2469html body .lp-poojas .lp-card__image {
2470  height: 321px !important;
2471  min-height: 321px !important;
2472  max-height: 321px !important;
2473  overflow: hidden !important;
2474  flex-shrink: 0 !important;
2475}
2476html body .lp-poojas .lp-card .lp-card__image img,
2477html body .lp-poojas .lp-card__image img {
2478  width: 100% !important;
2479  height: 100% !important;
2480  object-fit: cover !important;
2481}
2482html body .lp-poojas .lp-card .lp-card__content,
2483html body .lp-poojas .lp-card__content {
2484  flex: 1 1 auto !important;
2485  display: flex !important;
2486  flex-direction: column !important;
2487  justify-content: flex-start !important;
2488}
2489</style>
2490<style id="lp-about-v10">
2491/* The theme applies -webkit-text-fill-color: white + a navy text-stroke to .hmc-about-title,
2492   producing a hollow/outlined glyph. Force solid navy fill and zero stroke. */
2493html body section.hmc-about h2.hmc-about-title,
2494html body .section-temple-location .hmc-about h2.hmc-about-title,
2495html body .lp-flow .hmc-about h2.hmc-about-title {
2496  color: #0A1F3D !important;
2497  -webkit-text-fill-color: #0A1F3D !important;
2498  -webkit-text-stroke-width: 0 !important;
2499  -webkit-text-stroke-color: transparent !important;
2500  background: none !important;
2501  background-clip: border-box !important;
2502  -webkit-background-clip: border-box !important;
2503  text-shadow: none !important;
2504}
2505
2506/* Belt-and-suspenders: make sure the other About elements aren't accidentally hollowed at any breakpoint */
2507html body section.hmc-about .hmc-about-eyebrow {
2508  -webkit-text-fill-color: #F4A300 !important;
2509  -webkit-text-stroke-width: 0 !important;
2510}
2511html body section.hmc-about .hmc-about-subtitle-new {
2512  -webkit-text-fill-color: #A86700 !important;
2513  -webkit-text-stroke-width: 0 !important;
2514}
2515html body section.hmc-about .hmc-about-quote {
2516  -webkit-text-fill-color: #A86700 !important;
2517  -webkit-text-stroke-width: 0 !important;
2518}
2519html body section.hmc-about .hmc-about-body {
2520  -webkit-text-fill-color: #0E2B4A !important;
2521  -webkit-text-stroke-width: 0 !important;
2522}
2523html body section.hmc-about .hmc-about-ornament {
2524  -webkit-text-fill-color: #F4A300 !important;
2525  -webkit-text-stroke-width: 0 !important;
2526}
2527html body section.hmc-about .hmc-about-cta {
2528  -webkit-text-fill-color: #ffffff !important;
2529  -webkit-text-stroke-width: 0 !important;
2530}
2531</style>
2532<style id="lp-about-v11">
2533/* Eyebrow */
2534html body section.hmc-about .hmc-about-eyebrow {
2535  font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif !important;
2536  font-size: 12px !important;
2537  font-weight: 700 !important;
2538  letter-spacing: 0.34em !important;
2539  text-transform: uppercase !important;
2540  color: #F4A300 !important;
2541  -webkit-text-fill-color: #F4A300 !important;
2542}
2543
2544/* H2 Title - solid fill, Cormorant Garamond */
2545html body section.hmc-about h2.hmc-about-title {
2546  font-family: 'Cormorant Garamond', 'Iowan Old Style', Georgia, serif !important;
2547  font-weight: 500 !important;
2548  font-size: clamp(48px, 6vw, 80px) !important;
2549  line-height: 1.04 !important;
2550  letter-spacing: 0.005em !important;
2551  text-transform: uppercase !important;
2552  color: #0A1F3D !important;
2553  -webkit-text-fill-color: #0A1F3D !important;
2554  -webkit-text-stroke-width: 0 !important;
2555  font-variation-settings: normal !important;
2556  background: none !important;
2557  -webkit-background-clip: border-box !important;
2558  background-clip: border-box !important;
2559  text-shadow: none !important;
2560}
2561
2562/* Subtitle */
2563html body section.hmc-about .hmc-about-subtitle-new {
2564  font-family: 'Cormorant Garamond', Georgia, serif !important;
2565  font-style: italic !important;
2566  font-weight: 500 !important;
2567  font-size: clamp(18px, 1.8vw, 22px) !important;
2568  line-height: 1.4 !important;
2569  color: #A86700 !important;
2570  -webkit-text-fill-color: #A86700 !important;
2571}
2572
2573/* Quote - italic gold */
2574html body section.hmc-about .hmc-about-quote {
2575  font-family: 'Cormorant Garamond', Georgia, serif !important;
2576  font-style: italic !important;
2577  font-weight: 500 !important;
2578  font-size: clamp(22px, 2.5vw, 30px) !important;
2579  line-height: 1.4 !important;
2580  color: #A86700 !important;
2581  -webkit-text-fill-color: #A86700 !important;
2582  font-variation-settings: normal !important;
2583}
2584
2585/* Body - Lora 18px navy */
2586html body section.hmc-about .hmc-about-body {
2587  font-family: 'Lora', Georgia, 'Times New Roman', serif !important;
2588  font-weight: 400 !important;
2589  font-size: 18px !important;
2590  line-height: 1.75 !important;
2591  color: #0E2B4A !important;
2592  -webkit-text-fill-color: #0E2B4A !important;
2593}
2594html body section.hmc-about .hmc-about-body strong {
2595  color: #A86700 !important;
2596  -webkit-text-fill-color: #A86700 !important;
2597  font-weight: 700 !important;
2598  font-family: inherit !important;
2599}
2600html body section.hmc-about .hmc-about-body em {
2601  color: #A86700 !important;
2602  -webkit-text-fill-color: #A86700 !important;
2603  font-style: italic !important;
2604  font-weight: 600 !important;
2605  font-family: inherit !important;
2606}
2607html body section.hmc-about .hmc-about-quote strong {
2608  color: #A86700 !important;
2609  -webkit-text-fill-color: #A86700 !important;
2610  font-weight: 700 !important;
2611}
2612
2613/* Stars / ornament */
2614html body section.hmc-about .hmc-about-ornament {
2615  font-family: 'Cormorant Garamond', serif !important;
2616  font-size: 14px !important;
2617  font-weight: 500 !important;
2618  letter-spacing: 0.9em !important;
2619  color: #F4A300 !important;
2620  -webkit-text-fill-color: #F4A300 !important;
2621  margin: 52px auto !important;
2622  filter: drop-shadow(0 0 6px rgba(244,163,0,0.6));
2623}
2624
2625/* CTA pill */
2626html body section.hmc-about a.hmc-about-cta {
2627  font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif !important;
2628  font-weight: 700 !important;
2629  font-size: 12px !important;
2630  letter-spacing: 0.24em !important;
2631  text-transform: uppercase !important;
2632  color: #ffffff !important;
2633  -webkit-text-fill-color: #ffffff !important;
2634}
2635</style>
2636<style id="lp-programs-gap-v12">
2637/* Reduce About bottom padding (was 130px) */
2638html body .lp-flow > .section-temple-location,
2639html body .lp-flow > .section-temple-location section.hmc-about {
2640  padding-bottom: 60px !important;
2641}
2642/* Reduce Our Programs header top padding (was 120px) */
2643html body .lp-flow > .hmc-programs-header-block {
2644  padding-top: 40px !important;
2645  margin-bottom: 0px !important;
2646}
2647</style>
2648<style id="lp-petals-fall-v13">
2649/* Override the petal fall keyframes so each petal travels the entire .lp-flow height.
2650   Previous end frame was translate(var(--drift), 130vh) which only covered ~1.3 viewport
2651   heights — but .lp-flow is ~4.5 viewports tall after wrapping all 4 sections.
2652   Use a tall enough distance (500vh) to guarantee petals reach the bottom on any viewport. */
2653@keyframes lp-petal-fall {
2654  0%   { transform: translate(0, -10vh) rotate(var(--rot)); opacity: 0; }
2655  4%   { opacity: 0.9; }
2656  100% { transform: translate(var(--drift), 500vh) rotate(calc(var(--rot) + 540deg)); opacity: 0; }
2657}
2658
2659/* Ensure .lp-petals fully spans .lp-flow on every viewport */
2660html body .lp-flow > .lp-petals {
2661  position: absolute !important;
2662  inset: 0 !important;
2663  width: 100% !important;
2664  height: 100% !important;
2665  pointer-events: none !important;
2666  overflow: hidden !important;
2667  z-index: 40 !important;
2668}
2669
2670/* Make sure no child section clips petals vertically */
2671html body .lp-flow > section,
2672html body .lp-flow > .hmc-programs-header-block,
2673html body .lp-flow > .hmc-program-section {
2674  overflow-x: hidden;
2675  overflow-y: visible;
2676  position: relative;
2677  z-index: 2;
2678}
2679</style>
2680<style id="lp-mobile-v17">
2681@media (max-width: 700px) {
2682
2683  /* FIX 1 — Event card image / flyer must fit viewport */
2684  html body .lp-flow .lp-events .lp-card-wrap,
2685  html body .lp-flow .lp-events .lp-card,
2686  html body .lp-flow .lp-events .lp-card__image {
2687    width: 100% !important;
2688    max-width: 100% !important;
2689    box-sizing: border-box !important;
2690  }
2691  html body .lp-flow .lp-events .lp-card__image img {
2692    width: 100% !important;
2693    height: auto !important;
2694    max-width: 100% !important;
2695    object-fit: contain !important;
2696  }
2697  /* Loosen aspect-ratio on mobile so tall flyers display fully */
2698  html body .lp-flow .lp-events .lp-card__image {
2699    aspect-ratio: auto !important;
2700    min-height: auto !important;
2701  }
2702
2703  /* FIX 2 — Pooja carousel cards: shrink from 272px to fit one-per-screen */
2704  html body .lp-poojas .lp-carousel-track > .lp-card-wrap {
2705    flex: 0 0 calc(100vw - 56px) !important;
2706    width: calc(100vw - 56px) !important;
2707    max-width: calc(100vw - 56px) !important;
2708  }
2709  html body .lp-poojas .lp-card,
2710  html body .lp-poojas article.lp-card {
2711    width: 100% !important;
2712    max-width: 100% !important;
2713  }
2714  /* Reduce mask fade so card edges aren't cut */
2715  html body .lp-poojas .lp-grid.lp-carousel-on {
2716    mask-image: linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%) !important;
2717    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%) !important;
2718  }
2719
2720  /* FIX 3 — Programs section: relax desktop's 60px side padding */
2721  html body .lp-flow > .hmc-program-section.programs-header-shown {
2722    padding-left: 16px !important;
2723    padding-right: 16px !important;
2724    padding-bottom: 60px !important;
2725  }
2726  html body .lp-flow > .hmc-programs-header-block {
2727    padding-left: 16px !important;
2728    padding-right: 16px !important;
2729  }
2730  /* Force program card to use full width on mobile */
2731  html body .lp-flow > .hmc-program-section .hmc-program-card,
2732  html body .lp-flow > .hmc-program-section [class*="program-card"],
2733  html body .lp-flow > .hmc-program-section .container,
2734  html body .lp-flow > .hmc-program-section .container_max {
2735    max-width: 100% !important;
2736    width: 100% !important;
2737    margin-left: 0 !important;
2738    margin-right: 0 !important;
2739    box-sizing: border-box !important;
2740  }
2741  /* About section padding similarly */
2742  html body .lp-flow > .section-temple-location {
2743    padding-left: 16px !important;
2744    padding-right: 16px !important;
2745  }
2746}
2747</style>
2748<style id="lp-mobile-v18">
2749@media (max-width: 700px) {
2750
2751  /* Card wrap: prevent horizontal overflow */
2752  html body.home .lp-flow > .lp-events .lp-grid .lp-card-wrap {
2753    width: 100% !important;
2754    max-width: 100% !important;
2755    margin-left: 0 !important;
2756    margin-right: 0 !important;
2757    box-sizing: border-box !important;
2758    overflow: hidden !important;
2759  }
2760
2761  /* Card: tight margin, proper containment */
2762  html body.home .lp-flow > .lp-events .lp-grid .lp-card-wrap .lp-card {
2763    width: 100% !important;
2764    max-width: 100% !important;
2765    margin: 0 !important;
2766    overflow: hidden !important;
2767    box-sizing: border-box !important;
2768  }
2769
2770  /* Image container: NO aspect-ratio, let image dictate height */
2771  html body.home .lp-flow > .lp-events .lp-grid .lp-card-wrap .lp-card .lp-card__image {
2772    aspect-ratio: auto !important;
2773    height: auto !important;
2774    min-height: 0 !important;
2775    max-height: none !important;
2776    width: auto !important;
2777    max-width: calc(100% - 28px) !important;
2778    margin: 14px auto 0 !important;
2779    overflow: hidden !important;
2780    box-sizing: border-box !important;
2781  }
2782
2783  /* The actual img: contain, not cover; fit width */
2784  html body.home .lp-flow > .lp-events .lp-grid .lp-card-wrap .lp-card .lp-card__image img {
2785    width: 100% !important;
2786    height: auto !important;
2787    max-width: 100% !important;
2788    object-fit: contain !important;
2789    display: block !important;
2790  }
2791
2792  /* Section padding: tighten so card has room */
2793  html body.home .lp-flow > .lp-events {
2794    padding-left: 12px !important;
2795    padding-right: 12px !important;
2796    overflow-x: hidden !important;
2797  }
2798}
2799</style>
2800<style id="lp-mobile-v19">
2801@media (max-width: 700px) {
2802  html body.home .lp-poojas .lp-carousel-track > .lp-card-wrap {
2803    flex: 0 0 100% !important;
2804    width: 100% !important;
2805    max-width: 100% !important;
2806  }
2807  html body.home .lp-poojas .lp-grid.lp-carousel-on {
2808    padding-left: 0 !important;
2809    padding-right: 0 !important;
2810    mask-image: none !important;
2811    -webkit-mask-image: none !important;
2812  }
2813}
2814</style>
2815<style id="lp-mobile-v20">
2816@media (max-width: 700px) {
2817
2818  /* Section: small breathing padding only on top/bottom, no side padding */
2819  html body.home .lp-flow > .lp-poojas {
2820    padding-left: 0 !important;
2821    padding-right: 0 !important;
2822    overflow-x: hidden !important;
2823  }
2824
2825  /* Section header + CTA keep their breathing room */
2826  html body.home .lp-flow > .lp-poojas .lp-section-head,
2827  html body.home .lp-flow > .lp-poojas .lp-view-all-wrap {
2828    padding-left: 16px !important;
2829    padding-right: 16px !important;
2830  }
2831
2832  /* Carousel container: full viewport, NO mask (it was clipping cards) */
2833  html body.home .lp-flow .lp-poojas .lp-grid.lp-carousel-on {
2834    padding-left: 0 !important;
2835    padding-right: 0 !important;
2836    mask-image: none !important;
2837    -webkit-mask-image: none !important;
2838    overflow: hidden !important;
2839  }
2840
2841  /* Carousel wrap is positioning context for arrows */
2842  html body.home .lp-flow .lp-poojas .lp-carousel-wrap {
2843    position: relative !important;
2844    padding: 0 !important;
2845  }
2846
2847  /* Track: comfortable gap; left padding so the first card sits 16px from edge */
2848  html body.home .lp-flow .lp-poojas .lp-carousel-track {
2849    gap: 16px !important;
2850    padding-left: 16px !important;
2851    padding-right: 16px !important;
2852    box-sizing: content-box !important;
2853  }
2854
2855  /* Each card wrapper stays at native 272px — multiple peek in */
2856  html body.home .lp-flow .lp-poojas .lp-carousel-track > .lp-card-wrap {
2857    flex: 0 0 272px !important;
2858    width: 272px !important;
2859    max-width: 272px !important;
2860    min-width: 272px !important;
2861  }
2862
2863  /* Arrow buttons: bring them on-screen so they're tappable */
2864  html body.home .lp-flow .lp-poojas .lp-carousel-btn {
2865    width: 36px !important;
2866    height: 36px !important;
2867    font-size: 16px !important;
2868    background: rgba(255, 255, 255, 0.95) !important;
2869    box-shadow: 0 4px 14px rgba(120, 20, 20, 0.25) !important;
2870  }
2871  html body.home .lp-flow .lp-poojas .lp-carousel-btn.prev {
2872    left: 8px !important;
2873  }
2874  html body.home .lp-flow .lp-poojas .lp-carousel-btn.next {
2875    right: 8px !important;
2876  }
2877}
2878</style>
2879<style id="lp-mobile-v21">
2880@media (max-width: 700px) {
2881
2882  /* Image container: respect the 14px side margin v9 set; never exceed card width */
2883  html body.home .lp-flow .lp-poojas .lp-card .lp-card__image,
2884  html body.home .lp-flow .lp-poojas article.lp-card .lp-card__image {
2885    width: auto !important;
2886    max-width: calc(100% - 28px) !important;
2887    margin-left: 14px !important;
2888    margin-right: 14px !important;
2889    margin-top: 14px !important;
2890    box-sizing: border-box !important;
2891    overflow: hidden !important;
2892    border-radius: 16px !important;
2893  }
2894
2895  /* Image itself: fill the container, never overflow */
2896  html body.home .lp-flow .lp-poojas .lp-card .lp-card__image img,
2897  html body.home .lp-flow .lp-poojas article.lp-card .lp-card__image img {
2898    width: 100% !important;
2899    height: 100% !important;
2900    max-width: 100% !important;
2901    object-fit: cover !important;
2902    display: block !important;
2903  }
2904
2905  /* Card body text section: stay inside card padding */
2906  html body.home .lp-flow .lp-poojas .lp-card .lp-card__body,
2907  html body.home .lp-flow .lp-poojas article.lp-card .lp-card__body {
2908    box-sizing: border-box !important;
2909    max-width: 100% !important;
2910    padding-left: 20px !important;
2911    padding-right: 20px !important;
2912  }
2913
2914  /* CTA button stays inside card */
2915  html body.home .lp-flow .lp-poojas .lp-card .lp-card__cta {
2916    max-width: 100% !important;
2917    box-sizing: border-box !important;
2918  }
2919}
2920</style>
2921<style>    /* Font normalization (footer) */
2922    html:not(#x):not(#y) body footer p,
2923    html:not(#x):not(#y) body footer p *,
2924    html:not(#x):not(#y) body footer h1,
2925    html:not(#x):not(#y) body footer h2,
2926    html:not(#x):not(#y) body footer h3,
2927    html:not(#x):not(#y) body footer h4,
2928    html:not(#x):not(#y) body footer h5,
2929    html:not(#x):not(#y) body footer h6,
2930    html:not(#x):not(#y) body footer a,
2931    html:not(#x):not(#y) body footer li,
2932    html:not(#x):not(#y) body footer span,
2933    html:not(#x):not(#y) body footer div,
2934    html:not(#x):not(#y) body footer strong,
2935    html:not(#x):not(#y) body footer b,
2936    html:not(#x):not(#y) body footer em,
2937    html:not(#x):not(#y) body footer label,
2938    html:not(#x):not(#y) body footer small {
2939      font-family: Manrope, sans-serif !important;
2940      font-style: normal !important;
2941    }
2942    /* Stack nonprofit + copyright full-width centered */
2943    html:not(#x):not(#y) body footer .col-md-6.copy_right,
2944    html:not(#x):not(#y) body footer .col-md-6.text-right.copy_right {
2945      flex: 0 0 100% !important;
2946      max-width: 100% !important;
2947      width: 100% !important;
2948      text-align: center !important;
2949    }
2950    html:not(#x):not(#y) body footer .col-md-6.copy_right p,
2951    html:not(#x):not(#y) body footer .col-md-6.text-right.copy_right p {
2952      text-align: center !important;
2953      margin-left: auto !important;
2954      margin-right: auto !important;
2955    }
2956    @media (min-width: 992px) {
2957      html:not(#x):not(#y) body footer .col-md-6.copy_right p {
2958        white-space: nowrap !important;
2959        font-size: clamp(11px, 0.95vw, 13px) !important;
2960      }
2961    }
2962    @media (max-width: 991.98px) {
2963      html:not(#x):not(#y) body footer .col-md-6.copy_right p {
2964        white-space: normal !important;
2965      }
2966    }
2967    /* TOP NAV MENU: white text, larger, bolder */
2968    html:not(#x):not(#y) body ul#primary-menu-list.header-center-menu > li > a,
2969    html:not(#x):not(#y) body ul#primary-menu-list.header-center-menu > li.menu-item > a {
2970      color: #ffffff !important;
2971      font-size: 17px !important;
2972      font-weight: 700 !important;
2973      letter-spacing: 0.02em !important;
2974    }
2975    /* Keep the same color when hovered, just slight emphasis */
2976    html:not(#x):not(#y) body ul#primary-menu-list.header-center-menu > li > a:hover,
2977    html:not(#x):not(#y) body ul#primary-menu-list.header-center-menu > li > a:focus {
2978      color: #FFD96B !important;
2979    }
2980</style>		<link rel="shortcut icon" href="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/images/favicon.ico" type="image/x-icon">
2981        <link rel="icon" href="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/images/favicon.ico" type="image/x-icon"> 
2982		<link rel="stylesheet" media="all" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
2983		<link rel="stylesheet" media="all" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" />
2984		<link rel="stylesheet" media="all" href="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/lightbox/css/lightbox.min.css">
2985		<link rel="stylesheet" media="all" type="text/css" href="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/fonts/stylesheet.css" />
2986		<link rel="stylesheet" media="all" type="text/css" href="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/css/bootstrap.min.css">
2987		<link rel="stylesheet" media="all" type="text/css" href="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/css/owl.carousel.min.css" />
2988        <link rel="stylesheet" media="all" type="text/css" href="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/css/style.css?ver=1" /> 
2989		<link rel="stylesheet" media="all" type="text/css" href="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/css/custom.css" />
2990	</head>
2991	<body class="wp-singular page-template-default page page-id-11 wp-embed-responsive wp-theme-hunuman-mandir singular enable-search-modal missing-post-thumbnail has-no-pagination not-showing-comments show-avatars footer-top-visible">
2992	<div class="main-wapper">
2993		<a class="skip-link screen-reader-text" href="#site-content">Skip to the content</a>		<!--Header-->
2994		<header>
2995        <div class="header-area">
2996							<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>
2997				
2998            <div class="container container_max">
2999				<div class="header-area-inner-n">
3000				<div class="row align-items-center">			
3001
3002				<div class="col-md-3">
3003                <div class="logo">
3004				<a href="https://hanumanchicago.org" style="display:flex;align-items:center;gap:8px;">
3005					<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;"/>
3006				</a>
3007                </div>
3008				</div> 
3009				<div class="col-md-9">
3010				<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>
3011<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>
3012<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>
3013<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>
3014<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>
3015<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>
3016<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>
3017</ul></div>                <button class="btn-menu"><span></span><span></span><span></span></button>
3018				</div>
3019				</div>
3020            </div></div>
3021        </div>
3022    </header>
3023
3024<!--hero-area-->
3025<section class="page_top_banner">
3026<img src="https://hanumanchicago.org/wp-content/uploads/2026/02/Rectangle-283-1-scaled.jpg" alt="">
3027<div class="container container_max"><div class="content-area">
3028<div class="row"><div class="col-md-12"><h1>About Us </h1></div></div>
3029</div></div>
3030</section>
3031
3032
3033
3034
3035
3036
3037
3038
3039
3040
3041
3042
3043
3044<section class="section short_description_section"><div class="container container_max"><div class="row"><div class="col-md-2 text-center"></div><div class="col-md-8 text-center">
3045<h2 class="wp-block-heading">
3045Hanuman Mandir of Greater Chicago</h2>
3046
3047
3048
3049<p class="wp-block-paragraph">Though the world marks 2016 as the year our temple was inaugurated, those who step inside know the deeper truth, that this divine ground hums with an energy far older, as if Bajrang Bali Himself chose this spot thousands of years ago and simply waited, patiently, for the right hands and the right heart to bring His vision alive.
3050And what could be more divine than this, that the rare and miraculous Doo Mukhi swaroop of Hanuman Ji, found nowhere else in the world, chose Chicago, the Windy City, as His home? This is no coincidence, for He is Pawan Putra, the beloved son of the wind, and He came here because He chose us.
3051Devotees walk for miles carrying their burdens, their prayers, their broken hearts, and they leave lighter, healed, held, because here Hanuman Ji is not a statue, He is sakshat, alive, present, listening. People of every age, every background, every story find their way to His feet, and the miracles that pour forth are beyond counting, for when a bhakt surrenders with honesty and stands firm in faith, Hanuman Ji never lets them return empty handed.
3052</p>
3053</div></div></section>
3054
3055
3056
3057
3058<section class="section section_chairmanmsg">  
3059<div class="container container_max">
3060
3061<div class="chairmanmsg_div">
3062<div class="row"><div class="col-md-2"></div>  
3063  <div class="col-md-8 text-center">
3064    <img src="https://hanumanchicago.org/wp-content/uploads/2026/02/about.png" alt="about">    <h2 class="wow fadeInUp" data-wow-delay=".5s">Dr. Chandra Mohini Khurana</h2>    <p>Some souls are not born, they are sent, and our beloved founder Dr. Chandra Mohini Khurana was one such soul, a saint walking among us in human form, whose heart beat only for Hanuman Ji. Through her unshakable love and complete surrender, she opened a doorway that thousands of devotees continue to walk through even today, a divine path leading straight to the lotus feet of Chiranjivi Hanuman Ji, where every sorrow finds rest and every tear finds meaning.</p>
3065<p>Her purpose was divine, to connect souls with the Lord, and her legacy is now eternal, for through her tireless love thousands of bhakts and sevaks have been blessed with the greatest gift of all, the chance to do seva of Hanuman Ji.</p>
3066<p>Her body has left us, but her soul lives on in every prayer whispered here, in every bell that rings, in every flame that flickers before Hanuman Ji.</p>
3067<p>🙏 With eternal gratitude 🙏</p>
3068</div>
3069</div>
3070</div>
3071
3072    </div></section>
3073    
3074
3075
3076 
3077
3078 
3079
3080
3081
3082
3083<footer>        
3084    <div class="container container_max">
3085        <div class="footer-area">
3086            <div class="row">
3087                <div class="col-md-3">
3088                    <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;">
3089                    <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;">
3090                </div>
3091                <div class="col-md-4">
3092                    <h5>Temple Timing</h5>
3093                    <p>                    Monday - Sunday - 09:00 AM - 09:00 PM<br />
3094Temple Entry Door Closes at - 08:45 PM</p>
3095                    <div class="social_links fixed_social_links"><h5 class="mgtop">Follow us</h5>
3096                    <ul>
3097                        <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>
3098                    </ul></div>
3099                </div>
3100                <div class="col-md-2">
3101                    <h5>Quick Links</h5>
3102                    <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 current-menu-item page_item page-item-11 current_page_item menu-item-123"><a href="https://hanumanchicago.org/about/" aria-current="page">About</a></li>
3103<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>
3104<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>
3105<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>
3106<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>
3107</ul></div>                </div>
3108                <div class="col-md-3">
3109                    <h5>Contact</h5>
3110                    <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>
3111                </div>
3112                <div class="col-md-12"><hr></div>
3113                <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>
3114                <div class="col-md-6 text-right copy_right"><p>Copyright 2026 Hanuman Mandir of Greater Chicago. All Rights Reserved.</p></div>
3115            </div>
3116        </div>
3117    </div>
3118</footer>
3119</div>
3120
3121<!-- Feedback Modal -->
3122<div class="modal fade" id="book_feedbackform" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
3123    <div class="modal-dialog modal-dialog-centered">
3124        <div class="modal-content">
3125            <div class="modal-body text-center">
3126                <h3 style="margin:0">Feedback</h3><p>Please share your feedback with us</p>
3127                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
3128                
3129<div class="wpcf7 no-js" id="wpcf7-f315-o1" lang="en-US" dir="ltr" data-wpcf7-id="315">
3130<div class="screen-reader-response">
3130<p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
3131<form action="/about/#wpcf7-f315-o1" method="post" class="wpcf7-form init" aria-label="Contact form" novalidate="novalidate" data-status="init">
3132<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="" />
3133</fieldset>
3134<div class="row">
3135	<div class="col-md-6">
3136		<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>
3137		</p>
3138	</div>
3139	<div class="col-md-6">
3140		<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>
3141		</p>
3142	</div>
3143	<div class="col-6">
3144		<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>
3145		</p>
3146	</div>
3147	<div class="col-6">
3148		<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>
3149		</p>
3150	</div>
3151	<div class="col-12">
3152		<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>
3153		</p>
3154	</div>
3155	<div class="col-12">
3156		<p><label>Spam check: <span class="wpcf7-form-control-wrap" data-name="quiz-361"><label><span class="wpcf7-quiz-label">What color is the sky?</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="65ef86074de5efbdc1f63277ad1e67ca" /></span></label>
3157		</p>
3158	</div>
3159	<div class="col-12 text-center">
3160		<p><input class="wpcf7-form-control wpcf7-submit has-spinner btn_main" type="submit" value="Submit" />
3161		</p>
3162	</div>
3163</div><div class="wpcf7-response-output" aria-hidden="true"></div>
3164</form>
3165</div>
3166            </div>
3167        </div>
3168    </div>
3169</div>
3170
3171<!-- Book Service Modal -->
3172<div class="modal fade" id="book_servicepopup" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
3173    <div class="modal-dialog modal-dialog-centered">
3174        <div class="modal-content">
3175            <div class="modal-body text-center">
3176                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
3177                <form id="otpForm">
3178                    <input type="hidden" name="user_url" class="form-control" id="user_url" placeholder="Enter your email">
3179                    <div id="otprequestSection">
3180                        <h2>Book service</h2>
3181                        <input type="email" name="user_email" class="form-control" id="user_email" placeholder="Enter your email">
3182                        <button type="button" id="sendOtpBtn" class="btn_main">Submit</button>
3183                    </div>
3184                    <div id="otpSection" style="display:none;">
3185                        <h2>Otp</h2>
3186                        <p>Enter the OTP sent to your mail</p>
3187                        <input type="text" name="user_otp" class="form-control" id="user_otp" placeholder="Enter OTP">
3188                        <button type="button" id="verifyOtpBtn" class="btn_main">Verify OTP</button>
3189                        <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>
3190                    </div>
3191                </form>
3192                <div id="responseMsg"></div>
3193            </div>
3194        </div>
3195    </div>
3196</div>
3197
3198<!-- =============================================
3199     BACKGROUND AUDIO PLAYER (MP3, Cross-Browser)
3200     ============================================= -->
3201<div class="audio-container" style="position:fixed;bottom:18px;left:18px;z-index:9999;">
3202    <audio id="audioPlayer" loop preload="metadata">
3203        <source src="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/images/Ram-Chanting.mp3" type="audio/mpeg">
3204    </audio>
3205
3206    <button id="audioToggleBtn" aria-label="Mute background chanting" title="Mute / Unmute" style="
3207        background: rgba(153,0,0,0.88);
3208        color: #fff;
3209        border: none;
3210        border-radius: 50%;
3211        width: 46px;
3212        height: 46px;
3213        font-size: 20px;
3214        cursor: pointer;
3215        box-shadow: 0 4px 14px rgba(0,0,0,0.35);
3216        display: flex;
3217        align-items: center;
3218        justify-content: center;
3219        transition: background 0.2s ease;
3220    ">🔊</button>
3221</div>
3222
3223<style>
3224#audioToggleBtn:hover { background: rgba(120,0,0,0.95) !important; }
3225@media (max-width: 576px) {
3226    #audioToggleBtn { width: 42px; height: 42px; font-size: 18px; }
3227}
3228</style>
3229
3230<script>
3231(function () {
3232    var audio   = document.getElementById('audioPlayer');
3233    var btn     = document.getElementById('audioToggleBtn');
3234    var playing = false;
3235    var muted   = false;
3236
3237    function startPlay() {
3238        var p = audio.play();
3239        if (p !== undefined) {
3240            p.then(function () {
3241                playing = true;
3242                btn.textContent = '🔊';
3243            }).catch(function () {
3244                // Autoplay blocked silently — first interaction will trigger it
3245            });
3246        }
3247    }
3248
3249    window.addEventListener('load', function () {
3250        startPlay();
3251    });
3252
3253    // Fallback: first scroll, click, or touch triggers play silently
3254    function interactionHandler() {
3255        if (!playing) {
3256            audio.play().then(function () {
3257                playing = true;
3258                btn.textContent = '🔊';
3259            });
3260        }
3261        window.removeEventListener('scroll', interactionHandler);
3262        document.removeEventListener('click', interactionHandler);
3263        document.removeEventListener('touchstart', interactionHandler);
3264    }
3265
3266    window.addEventListener('scroll', interactionHandler, { passive: true });
3267    document.addEventListener('click', interactionHandler);
3268    document.addEventListener('touchstart', interactionHandler, { passive: true });
3269
3270    // Mute / Unmute toggle
3271    btn.addEventListener('click', function (e) {
3272        e.stopPropagation();
3273        if (!playing) {
3274            audio.play().then(function () {
3275                playing = true;
3276                btn.textContent = '🔊';
3277            });
3278        } else {
3279            muted = !muted;
3280            audio.muted = muted;
3281            btn.textContent = muted ? '🔇' : '🔊';
3282            btn.setAttribute('aria-label', muted ? 'Unmute background chanting' : 'Mute background chanting');
3283        }
3284    });
3285})();
3286</script>
3286
3287<!-- =============================================
3288     END BACKGROUND AUDIO PLAYER
3289     ============================================= -->
3290
3291<script src="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/js/jquery-3.1.1.js"></script>
vendor: 1 bytes, line 3291
3291
3292<script src="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/lightbox/js/lightbox.min.js"></script>
vendor: 1 bytes, line 3292
3292
3293<script src="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/js/popper.min.js"></script>
vendor: 1 bytes, line 3293
3293
3294<script src="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 3294
3294
3295<script src="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/js/owl.carousel.min.js"></script>
vendor: 1 bytes, line 3295
3295
3296<script src="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/js/wow.js"></script>
vendor: 1 bytes, line 3296
3296
3297<script src="https://hanumanchicago.org/wp-content/themes/hunuman-mandir/assets/js/custom.js"></script>
vendor: 1 bytes, line 3297
3297
3298<script>
3299    $(document).ready(function () {
3300        new WOW().init();
3301    });
3302</script>
3302
3303
3304<script>
3305$(document).ready(function () {
3306    $('.wpcf7-file').on('change', function () {
3307        let fileName = $(this).val().split('\\').pop();
3308        $('#cv-filename').text(fileName ? fileName : 'No File Choosen');
3309    });
3310
3311    $('.col_ind_outer').on('click', function () {
3312        $('.col_ind_outer').removeClass('col-md-5');
3313        $(this).addClass('col-md-5');
3314    });
3315
3316    var owl = jQuery('.product_category_list');
3317    owl.owlCarousel({
3318        autoplay: true, autoplayTimeout: 6000,
3319        items: 4, pagination: false,
3320        nav: true, loop: true,
3321        dots: true,
3322        margin: 15,
3323        responsiveClass: true,
3324        responsive: {
3325            0: { items: 1 },
3326            600: { items: 2 },
3327            800: { items: 3 },
3328            1200: { items: 4 }
3329        }
3330    });
3331
3332    var owl = jQuery('.temple_location_list');
3333    owl.owlCarousel({
3334        autoplay: true, autoplayTimeout: 6000,
3335        items: 3, pagination: false,
3336        nav: true, loop: false,
3337        dots: true,
3338        margin: 20,
3339        responsiveClass: true,
3340        responsive: {
3341            0: { items: 1 },
3342            600: { items: 2 },
3343            1000: { items: 3 }
3344        }
3345    });
3346
3347    var owl = jQuery('.similar-properties-area');
3348    owl.owlCarousel({
3349        autoplay: true, autoplayTimeout: 6000,
3350        items: 3, pagination: false,
3351        nav: true, loop: false,
3352        dots: true,
3353        margin: 20,
3354        responsiveClass: true,
3355        responsive: {
3356            0: { items: 1 },
3357            600: { items: 2 },
3358            1000: { items: 3 }
3359        }
3360    });
3361
3362    var $footer = $("footer");
3363    var offset = 0;
3364    if ($footer.length) {
3365        $(window).on("scroll", function () {
3366            var scrollTop = $(window).scrollTop();
3367            var windowHeight = $(window).height();
3368            var footerTop = $footer.offset().top;
3369            if (scrollTop + windowHeight >= footerTop - offset) {
3370                $(".social_links").removeClass("fixed_social_links");
3371            } else {
3372                $(".social_links").addClass("fixed_social_links");
3373            }
3374        });
3375    }
3376
3377    $('.search_form_events select').on('change', function () {
3378        $('.search_form_events').submit();
3379    });
3380
3381    $(document).on('wpcf7mailsent', function (event) {
3382        var payment_link = '';
3383    });
3384
3385    $('.timepicker_input').timepicker({
3386        timeFormat: 'h:mm p',
3387        interval: 30,
3388        minTime: '09',
3389        maxTime: '8:45pm',
3390        startTime: '09:00',
3391        dynamic: false,
3392        dropdown: true,
3393        scrollbar: true
3394    });
3395});
3396</script>
3396
3397
3398<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">
3399<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>
3399
3400
3401<script type="speculationrules">
3402{"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"}]}
3403</script>
3403
3404	
3404<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 3404
3404
3405<script id="wp-hooks-js" src="https://hanumanchicago.org/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 3405
3405
3406<script id="wp-i18n-js" src="https://hanumanchicago.org/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 3406
3406
3407<script id="wp-i18n-js-after">
3408wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
3409//# sourceURL=wp-i18n-js-after
3410</script>
vendor: 1 bytes, line 3410
3410
3411<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 3411
3411
3412<script id="contact-form-7-js-before">
3413var wpcf7 = {
3414    "api": {
3415        "root": "https:\/\/hanumanchicago.org\/wp-json\/",
3416        "namespace": "contact-form-7\/v1"
3417    },
3418    "cached": 1
3419};
3420//# sourceURL=contact-form-7-js-before
3421</script>
vendor: 1 bytes, line 3421
3421
3422<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 3422
3422
3423<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 3423
3423
3424<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 3424
3424
3425<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 3425
3425
3426<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 3426
3426
3427<script id="custom-otp-js-extra">
3428var otp_ajax = {"ajax_url":"https://hanumanchicago.org/wp-admin/admin-ajax.php"};
3429//# sourceURL=custom-otp-js-extra
3430</script>
vendor: 1 bytes, line 3430
3430
3431<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 3431
3431
3432<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 3432-3433
3432
3433<script id="google-recaptcha-js" defer src="https://www.google.com/recaptcha/api.js?render=
34336Lfd8dIsAAAAAAWumhfwe4MgkFZJKrWv0svInHDc
vendor: 25 bytes, line 3433
3433&#038;ver=3.0"></script>
3434<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 3434
3434
3435<script id="wpcf7-recaptcha-js-before">
3436var wpcf7_recaptcha = {
3437    "sitekey": "6Lfd8dIsAAAAAAWumhfwe4MgkFZJKrWv0svInHDc",
3438    "actions": {
3439        "homepage": "homepage",
3440        "contactform": "contactform"
3441    }
3442};
3443//# sourceURL=wpcf7-recaptcha-js-before
3444</script>
vendor: 1 bytes, line 3444
3444
3445<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 3445
3445
3446<script>
3447(function(){
3448  function init(){
3449    var about = document.querySelector('.lp-flow > .section-temple-location');
3450    var phb   = document.querySelector('.lp-flow > .hmc-programs-header-block');
3451    if (about) about.setAttribute('data-reveal','');
3452    if (phb)   phb.setAttribute('data-reveal','');
3453    // Also kill any rotation by removing the floral host node (defense-in-depth)
3454    document.querySelectorAll('.hmc-about-florals').forEach(function(el){ el.style.display='none'; });
3455    var io = new IntersectionObserver(function(entries){
3456      entries.forEach(function(e){ if (e.isIntersecting) e.target.classList.add('is-visible'); });
3457    }, { threshold: 0.18, rootMargin: '0px 0px -8% 0px' });
3458    document.querySelectorAll('[data-reveal]').forEach(function(s){ io.observe(s); });
3459  }
3460  if (document.readyState !== 'loading') init();
3461  else document.addEventListener('DOMContentLoaded', init);
3462  window.addEventListener('load', init);
3463})();
3464</script>
vendor: 1 bytes, line 3464
3464
3465<script>
3466(function(){
3467  function shim(){
3468    var col = document.querySelector('.section-temple-location .col-md-8');
3469    if (!col) return;
3470    // 1) Insert OUR STORY eyebrow above H2 if not present
3471    var h2 = col.querySelector('h2');
3472    if (h2 && !col.querySelector('.lp-about__eyebrow')) {
3473      var eyebrow = document.createElement('p');
3474      eyebrow.className = 'lp-about__eyebrow';
3475      eyebrow.textContent = 'OUR STORY';
3476      h2.parentNode.insertBefore(eyebrow, h2);
3477    }
3478    // 2) Insert subtitle directly after H2 if not present
3479    if (h2 && !col.querySelector('.lp-about__subtitle')) {
3480      var sub = document.createElement('p');
3481      sub.className = 'lp-about__subtitle';
3482      sub.textContent = 'A sacred vision, laid stone by stone.';
3483      h2.parentNode.insertBefore(sub, h2.nextSibling);
3484    }
3485    // 3) Tag the first paragraph as the quote (it contains "With the blessings")
3486    var ps = col.querySelectorAll('p');
3487    for (var i=0; i<ps.length; i++){
3488      var t = ps[i].textContent || '';
3489      if (/With the blessings of Hanumanji Maharaj/i.test(t) && !ps[i].classList.contains('lp-about__quote')) {
3490        ps[i].classList.add('lp-about__quote');
3491        break;
3492      }
3493    }
3494    // 4) Tag star rows
3495    var divs = col.querySelectorAll('div');
3496    for (var j=0; j<divs.length; j++){
3497      var dt = (divs[j].textContent || '').replace(/\s+/g,'');
3498      if (dt === '✦✦✦' || /^[✦✧✤✱✲✳]+$/.test(dt)) {
3499        divs[j].classList.add('lp-stars');
3500      }
3501    }
3502  }
3503  if (document.readyState !== 'loading') shim();
3504  else document.addEventListener('DOMContentLoaded', shim);
3505  window.addEventListener('load', shim);
3506})();
3507</script>
vendor: 1 bytes, line 3507
3507
3508<script>
3509(function(){
3510  function fixAbout(){
3511    var content = document.querySelector('.hmc-about .hmc-about-content');
3512    if (!content) return;
3513    var eb = content.querySelector('.hmc-about-eyebrow');
3514    var title = content.querySelector('.hmc-about-title');
3515    if (eb && title) {
3516      // The current template has it inverted: eyebrow text is the title text and title is subtitle text.
3517      // Desired: eyebrow="OUR STORY", title="HANUMAN MANDIR OF GREATER CHICAGO", subtitle="A sacred vision, laid stone by stone."
3518      var ebText = (eb.textContent || '').trim();
3519      var titleText = (title.textContent || '').trim();
3520      // Only swap if pattern matches (idempotent)
3521      if (/HANUMAN MANDIR OF GREATER CHICAGO/i.test(ebText) && /sacred vision/i.test(titleText)) {
3522        eb.textContent = 'OUR STORY';
3523        title.innerHTML = 'Hanuman Mandir<br>of Greater Chicago';
3524        // Insert subtitle after title if not present
3525        if (!content.querySelector('.hmc-about-subtitle-new')) {
3526          var sub = document.createElement('p');
3527          sub.className = 'hmc-about-subtitle-new';
3528          sub.textContent = 'A sacred vision, laid stone by stone.';
3529          title.parentNode.insertBefore(sub, title.nextSibling);
3530        }
3531      }
3532    }
3533  }
3534  if (document.readyState !== 'loading') fixAbout();
3535  else document.addEventListener('DOMContentLoaded', fixAbout);
3536  window.addEventListener('load', fixAbout);
3537})();
3538</script>
vendor: 1 bytes, line 3538
3538
3539<script id="lp-perf-v16-lazy">
3540(function(){
3541  function applyLazy(){
3542    var vh = window.innerHeight || 800;
3543    var imgs = document.querySelectorAll("img:not([loading])");
3544    imgs.forEach(function(img){
3545      var r = img.getBoundingClientRect();
3546      if (r.top > vh) {
3547        img.loading = "lazy";
3548        if (!img.decoding) img.decoding = "async";
3549      }
3550    });
3551  }
3552  if (document.readyState === "loading") {
3553    document.addEventListener("DOMContentLoaded", applyLazy);
3554  } else {
3555    applyLazy();
3556  }
3557})();
3558</script>
3558
3559  <style>    /* Font normalization (footer) */
3560    html:not(#x):not(#y) body footer p,
3561    html:not(#x):not(#y) body footer p *,
3562    html:not(#x):not(#y) body footer h1,
3563    html:not(#x):not(#y) body footer h2,
3564    html:not(#x):not(#y) body footer h3,
3565    html:not(#x):not(#y) body footer h4,
3566    html:not(#x):not(#y) body footer h5,
3567    html:not(#x):not(#y) body footer h6,
3568    html:not(#x):not(#y) body footer a,
3569    html:not(#x):not(#y) body footer li,
3570    html:not(#x):not(#y) body footer span,
3571    html:not(#x):not(#y) body footer div,
3572    html:not(#x):not(#y) body footer strong,
3573    html:not(#x):not(#y) body footer b,
3574    html:not(#x):not(#y) body footer em,
3575    html:not(#x):not(#y) body footer label,
3576    html:not(#x):not(#y) body footer small {
3577      font-family: Manrope, sans-serif !important;
3578      font-style: normal !important;
3579    }
3580    /* Stack nonprofit + copyright full-width centered */
3581    html:not(#x):not(#y) body footer .col-md-6.copy_right,
3582    html:not(#x):not(#y) body footer .col-md-6.text-right.copy_right {
3583      flex: 0 0 100% !important;
3584      max-width: 100% !important;
3585      width: 100% !important;
3586      text-align: center !important;
3587    }
3588    html:not(#x):not(#y) body footer .col-md-6.copy_right p,
3589    html:not(#x):not(#y) body footer .col-md-6.text-right.copy_right p {
3590      text-align: center !important;
3591      margin-left: auto !important;
3592      margin-right: auto !important;
3593    }
3594    @media (min-width: 992px) {
3595      html:not(#x):not(#y) body footer .col-md-6.copy_right p {
3596        white-space: nowrap !important;
3597        font-size: clamp(11px, 0.95vw, 13px) !important;
3598      }
3599    }
3600    @media (max-width: 991.98px) {
3601      html:not(#x):not(#y) body footer .col-md-6.copy_right p {
3602        white-space: normal !important;
3603      }
3604    }
3605    /* TOP NAV MENU: white text, larger, bolder */
3606    html:not(#x):not(#y) body ul#primary-menu-list.header-center-menu > li > a,
3607    html:not(#x):not(#y) body ul#primary-menu-list.header-center-menu > li.menu-item > a {
3608      color: #ffffff !important;
3609      font-size: 17px !important;
3610      font-weight: 700 !important;
3611      letter-spacing: 0.02em !important;
3612    }
3613    /* Keep the same color when hovered, just slight emphasis */
3614    html:not(#x):not(#y) body ul#primary-menu-list.header-center-menu > li > a:hover,
3615    html:not(#x):not(#y) body ul#primary-menu-list.header-center-menu > li > a:focus {
3616      color: #FFD96B !important;
3617    }
3618</style>
3618<script>    /* Override the JS-injected subtitle text after the theme finishes */
3619    (function(){
3620      function applySubtitle(){
3621        var nodes=document.querySelectorAll('.hmc-about-subtitle-new, .lp-about__subtitle');
3622        nodes.forEach(function(n){ if(n && n.textContent.indexOf('Divine Vision')===-1){ n.textContent='A Divine Vision, Carried by Faith'; } });
3623      }
3624      if(document.readyState!=='loading') applySubtitle();
3625      else document.addEventListener('DOMContentLoaded', applySubtitle);
3626      window.addEventListener('load', applySubtitle);
3627      // Also keep observing for a short period in case theme JS re-renders
3628      var attempts=0; var iv=setInterval(function(){ applySubtitle(); if(++attempts>40) clearInterval(iv); },250);
3629    })();
3630</script>
3630
3631
3632<!-- 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. -->
3633<script>
3634
3635      (function(){
3636        var initialized = false;
3637        function initCarousel(){
3638          if(initialized) return;
3639          var grid = document.querySelector('.lp-events .lp-grid');
3640          if(!grid) return;
3641          var cards = Array.prototype.slice.call(grid.children).filter(function(c){ return c.classList && c.classList.contains('lp-card-wrap'); });
3642          if(cards.length < 2) return;
3643          initialized = true;
3644
3645          // Wrap grid in carousel-wrap so we can position arrows
3646          var wrap = document.createElement('div');
3647          wrap.className = 'lp-carousel-wrap';
3648          grid.parentNode.insertBefore(wrap, grid);
3649          wrap.appendChild(grid);
3650
3651          grid.classList.add('lp-carousel-on');
3652
3653          // Build track
3654          var track = document.createElement('div');
3655          track.className = 'lp-carousel-track';
3656          cards.forEach(function(c){ track.appendChild(c); });
3657
3658          // Duplicate cards for seamless loop
3659          cards.forEach(function(c){
3660            var clone = c.cloneNode(true);
3661            clone.setAttribute('aria-hidden','true');
3662            track.appendChild(clone);
3663          });
3664
3665          grid.appendChild(track);
3666
3667          // Auto-scroll loop using requestAnimationFrame
3668          var speed = 0.6; // px per frame at 60fps
3669          var offset = 0;
3670          var paused = false;
3671          var lastTs = 0;
3672          var loopWidth = 0;
3673          function measure(){
3674            // Width of one full set (original cards + their gaps)
3675            var halfCount = cards.length;
3676            var first = track.children[0];
3677            var rect0 = first.getBoundingClientRect();
3678            // Sum of card widths + gaps for halfCount items
3679            // Easier: total scrollWidth / 2 since we duplicated once
3680            loopWidth = track.scrollWidth / 2;
3681          }
3682          measure();
3683          window.addEventListener('resize', function(){ measure(); });
3684
3685          function step(ts){
3686            if(!paused){
3687              offset += speed;
3688              if(offset >= loopWidth){ offset -= loopWidth; }
3689              track.style.transform = 'translateX(' + (-offset) + 'px)';
3690            }
3691            requestAnimationFrame(step);
3692          }
3693          requestAnimationFrame(step);
3694
3695          // Pause on hover
3696          wrap.addEventListener('mouseenter', function(){ paused = true; });
3697          wrap.addEventListener('mouseleave', function(){ paused = false; });
3698          // Pause on touch
3699          wrap.addEventListener('touchstart', function(){ paused = true; }, {passive:true});
3700          wrap.addEventListener('touchend', function(){ setTimeout(function(){ paused = false; }, 1200); }, {passive:true});
3701
3702          // Add arrows
3703          var prevBtn = document.createElement('button');
3704          prevBtn.type = 'button';
3705          prevBtn.className = 'lp-carousel-btn prev';
3706          prevBtn.setAttribute('aria-label','Previous');
3707          prevBtn.innerHTML = '&#10094;';
3708          var nextBtn = document.createElement('button');
3709          nextBtn.type = 'button';
3710          nextBtn.className = 'lp-carousel-btn next';
3711          nextBtn.setAttribute('aria-label','Next');
3712          nextBtn.innerHTML = '&#10095;';
3713          wrap.appendChild(prevBtn);
3714          wrap.appendChild(nextBtn);
3715
3716          var nudge = 296; // card width + gap
3717          function nudgeBy(d){
3718            offset += d;
3719            // Normalize
3720            while(offset < 0) offset += loopWidth;
3721            while(offset >= loopWidth) offset -= loopWidth;
3722            track.style.transition = 'transform 0.42s cubic-bezier(.22,.61,.36,1)';
3723            track.style.transform = 'translateX(' + (-offset) + 'px)';
3724            setTimeout(function(){ track.style.transition = ''; }, 460);
3725          }
3726          prevBtn.addEventListener('click', function(){ paused = true; nudgeBy(-nudge); setTimeout(function(){ paused = false; }, 1400); });
3727          nextBtn.addEventListener('click', function(){ paused = true; nudgeBy(nudge); setTimeout(function(){ paused = false; }, 1400); });
3728
3729          // Reduced motion respect
3730          if(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches){
3731            paused = true;
3732          }
3733        }
3734        function tryInit(){
3735          initCarousel();
3736          if(!initialized && (window.__lpEvTries=(window.__lpEvTries||0)+1) < 80) setTimeout(tryInit, 250);
3737        }
3738        if(document.readyState === 'complete' || document.readyState === 'interactive'){
3739          tryInit();
3740        } else {
3741          document.addEventListener('DOMContentLoaded', tryInit);
3742        }
3743        window.addEventListener('load', tryInit);
3744      })();
3745    
3746</script>
3746
3747<!-- CLAUDE-EVENTS-CAROUSEL END -->
3748</body>
3749</html>
3750<!-- Cached by WP-Optimize (gzip) - https://teamupdraft.com/wp-optimize/ - Last modified: October 3, 2026 1:20 am (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.