PageSourceSearch

https://hanumanchicago.org/contact-us/

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