/* Theme Name: Sri Siva Nadi Astrology Child Theme Theme URI: https://sivanadiastrology.com/ Description: Premium, production-ready Divi Child Theme for Sri Siva Nadi Astrology. Built with native Divi architecture, update-safe hooks, custom design system tokens, responsive utilities, and builder-compatible styles. Author: Antigravity Deepmind Team Author URI: https://sivanadiastrology.com/ Template: Divi Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: sivanadi-child */ /* ========================================================================== 01. DESIGN SYSTEM TOKENS (MATCHING TEMPLATE IMAGE) ========================================================================== */ @font-face { font-family: 'InterNumbers'; font-style: normal; font-weight: 100 900; font-display: swap; src: local('Inter'), local('Inter Regular'), local('Inter-Regular'); unicode-range: U+0030-0039, U+002B, U+20B9; /* Digits 0-9, +, ₹ */ } :root { /* Brand Color Palette */ --sivanadi-purple-deep: #410445; --sivanadi-purple-dark: #2C022F; --sivanadi-purple-night: #1C011F; --sivanadi-bg-cream: #FAF7F5; --sivanadi-bg-sand: #F5EFE9; --sivanadi-bg-card-tint: #F8EEF8; --sivanadi-gold: #D4AF37; --sivanadi-gold-light: #F3E5AB; --sivanadi-text-dark: #2A112B; --sivanadi-text-muted: #665067; /* Typography - All numbers render via InterNumbers */ --sivanadi-font-numbers: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; --sivanadi-font-heading: 'InterNumbers', 'Cinzel', 'Marcellus', Georgia, serif; --sivanadi-font-body: 'InterNumbers', 'Plus Jakarta Sans', 'Outfit', -apple-system, sans-serif; /* Effects & Radii */ --sivanadi-shadow-sm: 0 4px 15px rgba(65, 4, 69, 0.05); --sivanadi-shadow-md: 0 10px 30px rgba(65, 4, 69, 0.08); --sivanadi-radius-card: 16px; --sivanadi-radius-pill: 50px; --sivanadi-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } /* ========================================================================== 02. BASE SCOPED STYLING & TYPOGRAPHY DEFAULTS ========================================================================== */ body.sivanadi-theme { font-family: var(--sivanadi-font-body); color: var(--sivanadi-text-dark); background-color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Base typography defaults with zero (0,0,0) specificity using :where() so Divi Visual Builder live style editing updates asynchronously in real time */ :where(h1) { font-family: var(--sivanadi-font-heading); font-size: 3.2rem; font-weight: 800; line-height: 1.5; letter-spacing: -0.01em; color: var(--sivanadi-purple-deep); margin-top: 0; margin-bottom: 16px; } :where(h2) { font-family: var(--sivanadi-font-heading); font-size: 2.3rem; font-weight: 700; line-height: 1.5; letter-spacing: -0.01em; color: var(--sivanadi-purple-deep); margin-top: 0; margin-bottom: 12px; } :where(h3) { font-family: var(--sivanadi-font-heading); font-size: 1.55rem; font-weight: 700; line-height: 1.5; color: var(--sivanadi-purple-deep); margin-top: 0; margin-bottom: 10px; } :where(h4) { font-family: var(--sivanadi-font-heading); font-size: 1.2rem; font-weight: 700; line-height: 1.5; color: var(--sivanadi-purple-deep); margin-top: 0; margin-bottom: 8px; } :where(p) { font-size: 16px; line-height: 1.7; color: #000000; margin-bottom: 16px; } /* Allow Divi module text colors to flow down into paragraphs in real time */ .et_pb_blurb .et_pb_blurb_description, .et_pb_blurb .et_pb_blurb_description p, .et_pb_blurb .et_pb_blurb_content, .et_pb_blurb .et_pb_blurb_content p, .et_pb_text, .et_pb_text p, .et_pb_text_inner, .et_pb_text_inner p { color: inherit; } /* Dark layouts and hero banners always respect white/light text */ .et_pb_bg_layout_dark, .et_pb_bg_layout_dark p, .et_pb_bg_layout_dark .et_pb_text_inner p, .sivanadi-inner-hero, .sivanadi-inner-hero p, .sivanadi-inner-hero .et_pb_text_inner p, .sivanadi-final-cta, .sivanadi-final-cta p, .sivanadi-final-cta .et_pb_text_inner p, .et_pb_text_color_light, .et_pb_text_color_light p, .sivanadi-bg-purple, .sivanadi-bg-purple p, .sivanadi-bg-purple h1, .sivanadi-bg-purple h2, .sivanadi-bg-purple h3, .sivanadi-bg-purple li, .sivanadi-bg-dark, .sivanadi-bg-dark p, .sivanadi-bg-dark h1, .sivanadi-bg-dark h2, .sivanadi-bg-dark h3, .sivanadi-bg-dark li, .sivanadi-consultation-banner, .sivanadi-consultation-banner p, [style*="background-color: #410445"] p, [style*="background-color:#410445"] p, [style*="background-color: #40004f"] p, [style*="background-color:#40004f"] p, [style*="background-color: #2c022f"] p, [style*="background-color:#2c022f"] p, [style*="background-color: #1c011f"] p, [style*="background-color:#1c011f"] p, [style*="background: #410445"] p, [style*="background:#410445"] p, [style*="background: #40004f"] p, [style*="background:#40004f"] p, [style*="background: #2c022f"] p, [style*="background:#2c022f"] p, [style*="background: #1c011f"] p, [style*="background:#1c011f"] p { color: #ffffff !important; } /* ========================================================================== PARAGRAPH TYPOGRAPHY (16px, JUSTIFIED DEFAULT) & DIVI MANUAL EDITABILITY ========================================================================== */ body p, .entry-content p, .et_pb_post_content p, article p { font-size: 16px; line-height: 1.75; color: #000000; text-align: justify; text-justify: inter-word; } .et_pb_text p, .et_pb_text_inner p { font-size: 16px; line-height: 1.75; color: inherit; text-align: justify; text-justify: inter-word; } /* Paragraph text inside any card, box, blurb, step, insight, tab, or toggle: strictly 16px, justified */ .et_pb_blurb .et_pb_blurb_description, .et_pb_blurb .et_pb_blurb_description p, .et_pb_blurb_content p, .sivanadi-pred-card-blurb .et_pb_blurb_description, .sivanadi-pred-card-blurb .et_pb_blurb_description p, .sivanadi-step-card p, .sivanadi-insight-card p, .sivanadi-quote-box p, .sivanadi-card p, .sivanadi-feature-box p, .sivanadi-planet-card p, .sivanadi-why-choose-section .et_pb_blurb_description p, .et_pb_column [style*="border-radius"] p, .et_pb_column [style*="border:"] p, .et_pb_column [style*="background:"] p, .et_pb_column [style*="background-color:"] p, .et_pb_tabs .et_pb_tab p, .et_pb_tabs_content p, .et_pb_toggle_content p { font-size: 16px !important; line-height: 1.75 !important; text-align: justify !important; text-justify: inter-word !important; } /* ========================================================================== KANDAMS NAVIGATION GRID (PERFECT 3-COLUMN ALIGNMENT) ========================================================================== */ .sivanadi-kandams-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 14px !important; width: 100% !important; } .sivanadi-kandams-grid .kandam-pill-btn { display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; min-height: 52px !important; padding: 12px 18px !important; border-radius: 26px !important; text-decoration: none !important; font-size: 14.5px !important; line-height: 1.35 !important; transition: all 0.25s ease !important; box-sizing: border-box !important; } @media (max-width: 980px) { .sivanadi-kandams-grid { grid-template-columns: repeat(2, 1fr) !important; } } @media (max-width: 600px) { .sivanadi-kandams-grid { grid-template-columns: 1fr !important; } } .et_pb_blurb .et_pb_blurb_description p { text-align: inherit; font-size: inherit; line-height: inherit; } .et_pb_blurb .et_pb_blurb_description a { display: inline-block; text-align: inherit; } /* Divi Alignment Classes (Honored without blocking module-specific overrides) */ .et_pb_text_align_center, .et_pb_text_align_center .et_pb_module_header, .sivanadi-header-center, .sivanadi-header-center p, .sivanadi-section-subtitle, .sivanadi-template-badge, #footer-bottom p, .sivanadi-footer-bottom p, .sivanadi-copyright-section p, .sivanadi-copyright-text p { text-align: center; } .et_pb_text_align_left { text-align: left; } .et_pb_text_align_right { text-align: right; } .et_pb_text_align_justified { text-align: justify; text-justify: inter-word; } /* ========================================================================== HEADING TEXT 1.5 LINE HEIGHT ========================================================================== */ h1, h2, h3, h4, h5, h6, .et_pb_text h1, .et_pb_text h2, .et_pb_text h3, .et_pb_text h4, .et_pb_text h5, .et_pb_text h6, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .et_pb_blurb .et_pb_module_header, .et_pb_slide_title, .entry-title, .post-title { line-height: 1.5 !important; } /* Maintain compact line-height for top navigation bar phone/wa links */ #sivanadi-top-header .sivanadi-header-blurb .et_pb_module_header, #sivanadi-top-header .sivanadi-header-blurb .et_pb_module_header a { line-height: 1.2 !important; } /* Header Alignment & Callout Helpers */ .sivanadi-theme .sivanadi-header-center { text-align: center; margin-bottom: 35px; } /* Ensure rows clear previous floats and prevent bleed */ .et_pb_row { clear: both; } /* Ensure Divi Equalize Column Heights works seamlessly on desktop, and wraps/stacks gracefully on mobile */ @media (min-width: 981px) { html:not(.et-fb-preview--phone):not(.et-fb-preview--tablet):not(.et_fb_preview_active--responsive_preview) .et_pb_row.et_pb_equal_columns, html:not(.et-fb-preview--phone):not(.et-fb-preview--tablet):not(.et_fb_preview_active--responsive_preview) .et-db #et-boc .et-l .et_pb_row.et_pb_equal_columns, html:not(.et-fb-preview--phone):not(.et-fb-preview--tablet):not(.et_fb_preview_active--responsive_preview) .sivanadi-pred-grid-row { display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; } html:not(.et-fb-preview--phone):not(.et-fb-preview--tablet):not(.et_fb_preview_active--responsive_preview) .et_pb_row.et_pb_equal_columns > .et_pb_column, html:not(.et-fb-preview--phone):not(.et-fb-preview--tablet):not(.et_fb_preview_active--responsive_preview) .et-db #et-boc .et-l .et_pb_row.et_pb_equal_columns > .et_pb_column, html:not(.et-fb-preview--phone):not(.et-fb-preview--tablet):not(.et_fb_preview_active--responsive_preview) .sivanadi-pred-col { display: flex !important; flex-direction: column !important; justify-content: stretch !important; align-self: stretch !important; } html:not(.et-fb-preview--phone):not(.et-fb-preview--tablet):not(.et_fb_preview_active--responsive_preview) .et_pb_row.et_pb_equal_columns > .et_pb_column > .et_pb_module, html:not(.et-fb-preview--phone):not(.et-fb-preview--tablet):not(.et_fb_preview_active--responsive_preview) .et-db #et-boc .et-l .et_pb_row.et_pb_equal_columns > .et_pb_column > .et_pb_module, html:not(.et-fb-preview--phone):not(.et-fb-preview--tablet):not(.et_fb_preview_active--responsive_preview) .et_pb_row.et_pb_equal_columns > .et_pb_column > .et_pb_text, html:not(.et-fb-preview--phone):not(.et-fb-preview--tablet):not(.et_fb_preview_active--responsive_preview) .et-db #et-boc .et-l .et_pb_row.et_pb_equal_columns > .et_pb_column > .et_pb_text, html:not(.et-fb-preview--phone):not(.et-fb-preview--tablet):not(.et_fb_preview_active--responsive_preview) .et_pb_row.et_pb_equal_columns > .et_pb_column > .et_pb_blurb, html:not(.et-fb-preview--phone):not(.et-fb-preview--tablet):not(.et_fb_preview_active--responsive_preview) .et-db #et-boc .et-l .et_pb_row.et_pb_equal_columns > .et_pb_column > .et_pb_blurb { flex: 1 1 100% !important; display: flex !important; flex-direction: column !important; height: 100% !important; box-sizing: border-box !important; } /* Stretch inner module wrappers so cards with borders/backgrounds stretch to 100% equal height */ html:not(.et-fb-preview--phone):not(.et-fb-preview--tablet):not(.et_fb_preview_active--responsive_preview) .et_pb_row.et_pb_equal_columns > .et_pb_column .et_pb_text_inner, html:not(.et-fb-preview--phone):not(.et-fb-preview--tablet):not(.et_fb_preview_active--responsive_preview) .et-db #et-boc .et-l .et_pb_row.et_pb_equal_columns > .et_pb_column .et_pb_text_inner { flex: 1 1 100% !important; display: flex !important; flex-direction: column !important; height: 100% !important; box-sizing: border-box !important; } html:not(.et-fb-preview--phone):not(.et-fb-preview--tablet):not(.et_fb_preview_active--responsive_preview) .et_pb_row.et_pb_equal_columns > .et_pb_column .et_pb_text_inner > div, html:not(.et-fb-preview--phone):not(.et-fb-preview--tablet):not(.et_fb_preview_active--responsive_preview) .et-db #et-boc .et-l .et_pb_row.et_pb_equal_columns > .et_pb_column .et_pb_text_inner > div, html:not(.et-fb-preview--phone):not(.et-fb-preview--tablet):not(.et_fb_preview_active--responsive_preview) .et_pb_row.et_pb_equal_columns > .et_pb_column .et_pb_blurb_content, html:not(.et-fb-preview--phone):not(.et-fb-preview--tablet):not(.et_fb_preview_active--responsive_preview) .et-db #et-boc .et-l .et_pb_row.et_pb_equal_columns > .et_pb_column .et_pb_blurb_content { flex: 1 1 100% !important; display: flex !important; flex-direction: column !important; height: 100% !important; box-sizing: border-box !important; } } /* Divi Visual Builder Responsive Phone & Tablet Previews */ html.et-fb-preview--phone .et_pb_row, html.et-fb-preview--tablet .et_pb_row, html.et_fb_preview_active--responsive_preview--phone_preview .et_pb_row, html.et_fb_preview_active--responsive_preview--tablet_preview .et_pb_row, .et-fb-preview--phone .et_pb_row, .et-fb-preview--tablet .et_pb_row, .et_fb_preview_active--responsive_preview--phone_preview .et_pb_row, .et_fb_preview_active--responsive_preview--tablet_preview .et_pb_row, .et-fb-preview--phone .sivanadi-pred-grid-row, .et-fb-preview--tablet .sivanadi-pred-grid-row, .et_fb_preview_active--responsive_preview--phone_preview .sivanadi-pred-grid-row, .et_fb_preview_active--responsive_preview--tablet_preview .sivanadi-pred-grid-row { display: block !important; } html.et-fb-preview--phone .et_pb_column, html.et-fb-preview--tablet .et_pb_column, html.et_fb_preview_active--responsive_preview--phone_preview .et_pb_column, html.et_fb_preview_active--responsive_preview--tablet_preview .et_pb_column, .et-fb-preview--phone .et_pb_column, .et-fb-preview--tablet .et_pb_column, .et_fb_preview_active--responsive_preview--phone_preview .et_pb_column, .et_fb_preview_active--responsive_preview--tablet_preview .et_pb_column, html.et-fb-preview--phone .sivanadi-pred-col, html.et-fb-preview--tablet .sivanadi-pred-col, html.et_fb_preview_active--responsive_preview--phone_preview .sivanadi-pred-col, html.et_fb_preview_active--responsive_preview--tablet_preview .sivanadi-pred-col { display: block !important; width: 100% !important; max-width: 100% !important; float: none !important; margin-right: 0 !important; margin-left: 0 !important; margin-bottom: 24px !important; } html.et-fb-preview--phone .et_pb_column:last-child, html.et-fb-preview--tablet .et_pb_column:last-child, html.et_fb_preview_active--responsive_preview--phone_preview .et_pb_column:last-child, html.et_fb_preview_active--responsive_preview--tablet_preview .et_pb_column:last-child, .et-fb-preview--phone .et_pb_column:last-child, .et-fb-preview--tablet .et_pb_column:last-child, .et_fb_preview_active--responsive_preview--phone_preview .et_pb_column:last-child, .et_fb_preview_active--responsive_preview--tablet_preview .et_pb_column:last-child { margin-bottom: 0 !important; } @media (max-width: 980px) { .et_pb_row.et_pb_equal_columns, .et-db #et-boc .et-l .et_pb_row.et_pb_equal_columns, .sivanadi-pred-grid-row { display: block !important; } .et_pb_row.et_pb_equal_columns .et_pb_column, .et-db #et-boc .et-l .et_pb_row.et_pb_equal_columns .et_pb_column, .sivanadi-pred-grid-row .et_pb_column { display: block !important; width: 100% !important; margin-right: 0 !important; margin-bottom: 25px !important; } .et_pb_row.et_pb_equal_columns .et_pb_column:last-child, .et-db #et-boc .et-l .et_pb_row.et_pb_equal_columns .et_pb_column:last-child, .sivanadi-pred-grid-row .et_pb_column:last-child { margin-bottom: 0 !important; } } :where(.sivanadi-theme .sivanadi-header-center) h2 { margin: 4px 0 0; } :where(.sivanadi-theme .sivanadi-header-center) p { color: inherit; font-size: 1.08rem; margin-top: 6px; margin-bottom: 0; } .sivanadi-theme .sivanadi-quote-box { background: #FAF7F5; padding: 24px; border-radius: 14px; border-left: 4px solid #410445; margin-bottom: 25px; } .sivanadi-theme .sivanadi-quote-box h3 { color: #410445; font-style: italic; font-size: 1.25rem; margin: 0 0 6px; } .sivanadi-theme .sivanadi-signature { font-family: var(--sivanadi-font-heading); font-weight: 700; color: #410445; font-size: 1.1rem; text-align: right; margin: 0; } /* ========================================================================== 03. SECTION BACKGROUND COLORS (MATCHING TEMPLATE) ========================================================================== */ .sivanadi-theme .sivanadi-bg-cream { background-color: var(--sivanadi-bg-cream); } .sivanadi-theme .sivanadi-bg-sand { background-color: var(--sivanadi-bg-sand); } .sivanadi-theme .sivanadi-bg-purple { background-color: var(--sivanadi-purple-deep); color: #ffffff; } .sivanadi-theme .sivanadi-bg-dark { background-color: var(--sivanadi-purple-dark); color: #ffffff; } .sivanadi-theme .sivanadi-bg-white { background-color: #ffffff; } /* ========================================================================== 04. TEMPLATE COMPONENT STYLING ========================================================================== */ /* --- Badges & Subtitles --- */ .sivanadi-theme .sivanadi-template-badge { display: inline-block; color: #A36A00; font-size: 0.85rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 8px; } /* --- Hero Section Background Image & Left Solid Mask --- */ .sivanadi-theme .sivanadi-hero-section { background-image: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 38%, rgba(255, 255, 255, 0.88) 52%, rgba(255, 255, 255, 0) 72%), url('http://localhost:10014/wp-content/uploads/2026/09/hero_bg.webp') !important; background-size: cover; background-position: right center; background-repeat: no-repeat; position: relative; padding-top: 75px; padding-bottom: 50px; min-height: 560px; } .sivanadi-theme .sivanadi-hero-section::before { display: none !important; } /* --- Trust Strip Unboxed Seamless Design --- */ .sivanadi-theme .sivanadi-trust-strip-section { background-color: #40004f !important; } .sivanadi-theme .sivanadi-trust-col { background: transparent !important; border-radius: 0 !important; border: none !important; box-shadow: none !important; padding: 14px 16px !important; transition: transform 0.3s ease !important; position: relative !important; } @media (min-width: 981px) { .sivanadi-trust-strip-row > .et_pb_column.sivanadi-trust-col:not(:last-child) { border-right: 1px solid rgba(212, 175, 55, 0.22) !important; } } .sivanadi-theme .sivanadi-trust-col:hover { transform: translateY(-3px) !important; background: transparent !important; box-shadow: none !important; } .sivanadi-theme .sivanadi-trust-col .et_pb_blurb { padding: 0 !important; margin-bottom: 0 !important; text-align: center !important; } .sivanadi-theme .sivanadi-trust-col .et_pb_main_blurb_image { margin: 0 auto 12px auto !important; text-align: center !important; } .sivanadi-theme .sivanadi-trust-col .et-pb-icon { color: #D4AF37 !important; font-size: 38px !important; line-height: 1 !important; display: inline-block !important; transition: transform 0.3s ease, filter 0.3s ease !important; } .sivanadi-theme .sivanadi-trust-col:hover .et-pb-icon { transform: scale(1.12); filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.6)); color: #FFF2B2 !important; } :where(.sivanadi-theme) :where(.sivanadi-trust-col) .et_pb_module_header { color: #F3E5AB !important; font-size: 20px !important; font-weight: 700 !important; letter-spacing: 0.01em !important; margin-bottom: 4px !important; line-height: 1.35 !important; } .sivanadi-theme .sivanadi-trust-col .et_pb_blurb_description p { color: #E6D5E8 !important; font-size: 14px !important; font-weight: 500 !important; letter-spacing: 0.02em !important; margin: 0 !important; line-height: 1.4 !important; } .sivanadi-trust-strip-row.et_pb_equal_columns { display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; } .sivanadi-trust-strip-row.et_pb_equal_columns > .et_pb_column { display: flex !important; flex-direction: column !important; justify-content: stretch !important; } .sivanadi-trust-strip-row.et_pb_equal_columns > .et_pb_column > .et_pb_module, .sivanadi-trust-strip-row.et_pb_equal_columns > .et_pb_column > .et_pb_blurb { display: flex !important; flex-direction: column !important; justify-content: center !important; flex: 1 1 100% !important; height: 100% !important; width: 100% !important; margin-bottom: 0 !important; } .sivanadi-trust-strip-row.et_pb_equal_columns > .et_pb_column > .et_pb_blurb .et_pb_blurb_content { display: flex !important; flex-direction: column !important; justify-content: center !important; flex: 1 1 auto !important; width: 100% !important; text-align: center; } .sivanadi-theme .sivanadi-hero-section .et_pb_row { position: relative; z-index: 2; } /* --- Hero Gold Accent Text --- */ .sivanadi-theme .sivanadi-text-gold { color: #A36A00; } /* --- Hero Quote Block --- */ .sivanadi-theme .sivanadi-hero-quote { text-align: right; padding-top: 20px; } .sivanadi-theme .sivanadi-hero-quote h3 { font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-size: 1.75rem; color: var(--sivanadi-purple-deep); margin-bottom: 8px; line-height: 1.3; font-weight: 600; } .sivanadi-theme .sivanadi-hero-quote p { font-size: 1rem; font-weight: 700; color: var(--sivanadi-purple-deep); margin: 0; } /* --- Hero CTA Buttons Side-by-Side Container --- */ .sivanadi-theme .sivanadi-hero-btn-wrap { display: flex; flex-direction: row; align-items: center; gap: 16px; margin-top: 22px; margin-bottom: 35px; flex-wrap: wrap; } .sivanadi-theme .sivanadi-hero-btn-wrap .et_pb_button, .sivanadi-theme .sivanadi-hero-btn-wrap a { margin: 0; } /* --- Universal Premium Brand Button Styling --- */ .sivanadi-theme .et_pb_button, .sivanadi-theme a.et_pb_button, .sivanadi-theme .et_pb_button.sivanadi-btn-purple, .sivanadi-theme a.sivanadi-btn-purple, .sivanadi-theme .sivanadi-btn-purple { background-color: #410445; color: #ffffff; border: 2px solid #410445; border-radius: 50px; padding: 13px 30px; font-weight: 700; font-size: 0.95rem; box-shadow: 0 6px 18px rgba(65, 4, 69, 0.22); transition: var(--sivanadi-transition); display: inline-block; text-decoration: none; } .sivanadi-theme .et_pb_button:hover, .sivanadi-theme a.et_pb_button:hover, .sivanadi-theme .et_pb_button.sivanadi-btn-purple:hover, .sivanadi-theme a.sivanadi-btn-purple:hover, .sivanadi-theme .sivanadi-btn-purple:hover { background-color: #2C022F; border-color: #2C022F; color: #ffffff; transform: translateY(-2px); box-shadow: 0 10px 22px rgba(65, 4, 69, 0.3); } /* --- Outline Button --- */ .sivanadi-theme .sivanadi-btn-outline, .sivanadi-theme .et_pb_button.sivanadi-btn-outline, .sivanadi-theme a.sivanadi-btn-outline { background-color: transparent; color: #410445; border: 2px solid #410445; border-radius: 50px; padding: 13px 28px; font-weight: 700; font-size: 0.95rem; transition: var(--sivanadi-transition); display: inline-block; text-decoration: none; } .sivanadi-theme .sivanadi-btn-outline:hover, .sivanadi-theme .et_pb_button.sivanadi-btn-outline:hover, .sivanadi-theme a.sivanadi-btn-outline:hover { background-color: #410445; color: #ffffff; } /* CTA Dark Section Button Overrides */ .sivanadi-theme .sivanadi-final-cta .et_pb_button, .sivanadi-theme .sivanadi-final-cta a.et_pb_button { background-color: transparent; color: #ffffff; border: 2px solid #ffffff; } .sivanadi-theme .sivanadi-final-cta .et_pb_button:hover, .sivanadi-theme .sivanadi-final-cta a.et_pb_button:hover { background-color: #ffffff; color: #410445; } /* --- Trust Strip Row & Dividers --- */ .sivanadi-theme .sivanadi-hero-trust-row { margin-top: 20px; padding-top: 15px; } /* Trust col overrides removed for Divi native editability */ /* --- Trust Strip Pills --- */ .sivanadi-theme .sivanadi-trust-pill { background: #ffffff; border-radius: 12px; padding: 16px 20px; box-shadow: var(--sivanadi-shadow-sm); text-align: center; } .sivanadi-theme .sivanadi-trust-pill-icon { font-size: 1.8rem; color: var(--sivanadi-purple-deep); margin-bottom: 6px; } .sivanadi-theme .sivanadi-trust-pill-title { font-weight: 700; color: var(--sivanadi-purple-deep); font-size: 0.95rem; } .sivanadi-theme .sivanadi-trust-pill-sub { font-size: 0.82rem; color: var(--sivanadi-text-muted); } /* --- Enquiry Form Card & Fields --- */ .sivanadi-theme #enquire-section .et_pb_contact_form_container { background: #ffffff; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(65, 4, 69, 0.08); } .sivanadi-theme .et_pb_contact_form input[type="text"], .sivanadi-theme .et_pb_contact_form input[type="email"], .sivanadi-theme .et_pb_contact_form select, .sivanadi-theme .et_pb_contact_form textarea { background: #FAF7F5; border: 1px solid rgba(65, 4, 69, 0.15); border-radius: 8px; padding: 12px 16px; font-size: 0.95rem; color: #2A112B; transition: var(--sivanadi-transition); } .sivanadi-theme .et_pb_contact_form input:focus, .sivanadi-theme .et_pb_contact_form select:focus, .sivanadi-theme .et_pb_contact_form textarea:focus { border-color: #410445; background: #ffffff; box-shadow: 0 0 0 3px rgba(65, 4, 69, 0.1); } .sivanadi-theme .et_pb_contact_submit { background: #410445; color: #ffffff; border-radius: 50px; border: none; padding: 12px 32px; font-weight: 700; box-shadow: 0 6px 18px rgba(65, 4, 69, 0.2); } /* --- About Guruji Card --- */ .sivanadi-theme #about-guruji .et_pb_image_wrap img { border-radius: 16px; box-shadow: 0 10px 30px rgba(65, 4, 69, 0.1); } /* --- Procedure Step Realistic Images & Cards --- */ .sivanadi-theme .sivanadi-procedure-section .et_pb_main_blurb_image img, .sivanadi-theme .sivanadi-procedure-section img { border-radius: 0; height: auto; max-height: 170px; width: auto; max-width: 100%; margin: 0 auto 16px; box-shadow: none; background: transparent; transition: transform 0.35s ease; } .sivanadi-theme .sivanadi-procedure-section .et_pb_blurb { background: #ffffff; border-radius: 18px; padding: 22px 20px; box-shadow: 0 4px 20px rgba(65, 4, 69, 0.06); border: 1px solid rgba(65, 4, 69, 0.08); height: 100%; transition: var(--sivanadi-transition); display: flex; flex-direction: column; } .sivanadi-theme .sivanadi-procedure-section .et_pb_blurb:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(65, 4, 69, 0.12); border-color: #A36A00; } .sivanadi-theme .sivanadi-procedure-section .et_pb_blurb:hover .et_pb_main_blurb_image img { transform: scale(1.02); } .sivanadi-theme .sivanadi-procedure-section .et_pb_module_header { font-size: 1.18rem; font-weight: 700; color: #410445; margin-bottom: 10px; line-height: 1.35; } .sivanadi-theme .sivanadi-procedure-section .et_pb_blurb_description p { font-size: 0.94rem; line-height: 1.62; color: #555555; margin-bottom: 0; } /* --- Available Services Card Realistic Images --- */ .sivanadi-theme .sivanadi-services-section .et_pb_main_blurb_image img, .sivanadi-theme .sivanadi-services-section img { border-radius: 14px; height: 220px; object-fit: cover; width: 100%; margin-bottom: 18px; box-shadow: 0 8px 22px rgba(65, 4, 69, 0.1); } .sivanadi-theme .sivanadi-services-section .et_pb_blurb, .sivanadi-services-section .et_pb_blurb { background: transparent !important; background-color: transparent !important; border-radius: 0 !important; padding: 0 !important; box-shadow: none !important; border: none !important; } /* Service & Kandam Section Top & Bottom Buttons */ .sivanadi-theme .sivanadi-services-section .et_pb_button, .sivanadi-theme .sivanadi-kandams-home-section .et_pb_button { background-color: #410445 !important; color: #ffffff !important; border-radius: 50px !important; padding: 11px 30px !important; font-size: 15px !important; font-weight: 600 !important; border: none !important; display: inline-block !important; transition: all 0.3s ease !important; box-shadow: 0 4px 15px rgba(65, 4, 69, 0.2) !important; } .sivanadi-theme .sivanadi-services-section .et_pb_button:hover, .sivanadi-theme .sivanadi-kandams-home-section .et_pb_button:hover { background-color: #5a0860 !important; transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(65, 4, 69, 0.3) !important; } .sivanadi-theme .sivanadi-kandams-home-section, .sivanadi-kandams-home-section { border-top: 2px solid #890087 !important; } .sivanadi-theme .sivanadi-kandams-home-section .sivanadi-kandams-row { margin-bottom: 24px !important; } /* --- Predictions Tint Cards --- */ .sivanadi-theme .sivanadi-prediction-card { background: #F8EEF8; border-radius: 16px; padding: 26px 20px; text-align: center; transition: var(--sivanadi-transition); border: 1px solid rgba(65, 4, 69, 0.06); } .sivanadi-theme .sivanadi-prediction-card:hover { transform: translateY(-4px); background: #ffffff; box-shadow: 0 10px 25px rgba(65, 4, 69, 0.12); } .sivanadi-theme .sivanadi-prediction-icon { font-size: 2.2rem; color: #410445; margin-bottom: 12px; } .sivanadi-theme .sivanadi-prediction-title { font-weight: 800; color: #410445; font-size: 1.1rem; margin-bottom: 8px; } /* --- Choose Reading Option Cards --- */ .sivanadi-theme .sivanadi-reading-card { background: #ffffff; border-radius: 16px; padding: 35px 25px; text-align: center; box-shadow: 0 6px 20px rgba(65, 4, 69, 0.06); display: flex; flex-direction: column; justify-content: space-between; height: 100%; transition: var(--sivanadi-transition); } .sivanadi-theme .sivanadi-reading-card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(65, 4, 69, 0.12); } .sivanadi-theme .sivanadi-reading-icon-box { width: 58px; height: 58px; border-radius: 50%; background: #F8EEF8; color: #410445; font-size: 1.6rem; display: flex; align-items: center; justify-content: center; margin: 0 auto 18px; } /* --- FAQ Custom Toggles & Accordions --- */ .sivanadi-theme .et_pb_toggle, .et_pb_toggle { border: 1px solid rgba(65, 4, 69, 0.12) !important; border-radius: 12px !important; margin-bottom: 14px !important; background: #ffffff !important; overflow: hidden !important; box-shadow: 0 2px 10px rgba(65, 4, 69, 0.03) !important; transition: var(--sivanadi-transition); } .sivanadi-theme .et_pb_toggle_title, .et_pb_toggle_title { font-weight: 700 !important; color: #410445 !important; font-size: 1.05rem !important; padding: 16px 22px !important; } .sivanadi-theme .et_pb_toggle_content, .et_pb_toggle_content { padding: 0 22px 18px !important; color: #2A112B !important; font-size: 15px !important; line-height: 1.65 !important; } .sivanadi-theme .et_pb_toggle_open, .et_pb_toggle_open { border-color: #410445 !important; box-shadow: 0 6px 20px rgba(65, 4, 69, 0.08) !important; } /* --- Final CTA Section --- */ .sivanadi-theme .sivanadi-final-cta { color: #ffffff; text-align: center; } :where(.sivanadi-theme .sivanadi-final-cta) h2 { color: inherit; font-size: 2.6rem; margin-bottom: 12px; } :where(.sivanadi-theme .sivanadi-final-cta) p { color: inherit; font-size: 1.15rem; margin-bottom: 28px; } /* --- Inner Page Hero Golden Border Background Design --- */ .sivanadi-inner-hero, .sivanadi-theme .sivanadi-inner-hero { position: relative !important; overflow: hidden !important; padding: 55px 20px; } /* Top & Bottom golden decorative lines with center ornament */ .sivanadi-inner-hero::before, .sivanadi-inner-hero::after { content: '' !important; position: absolute !important; left: 0 !important; right: 0 !important; height: 40px !important; background-image: url('/wp-content/uploads/2026/09/sivanadi-border-ornament.svg'), linear-gradient(to right, transparent 0%, #C9A84C 18%, #C9A84C 82%, transparent 100%) !important; background-size: 120px 40px, 90% 1px !important; background-position: center center, center center !important; background-repeat: no-repeat, no-repeat !important; pointer-events: none !important; z-index: 2 !important; } .sivanadi-inner-hero::before { top: 10px !important; } .sivanadi-inner-hero::after { bottom: 10px !important; } /* Hero row — transparent, contains floated columns via flow-root */ .sivanadi-inner-hero .et_pb_row { position: relative !important; max-width: 960px !important; margin: 0 auto !important; padding: 30px 50px; display: flow-root !important; background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; z-index: 1 !important; } /* Left golden floral ornament (via et_pb_row pseudo-elements) */ .sivanadi-inner-hero .et_pb_row::before { content: '' !important; position: absolute !important; left: -10px !important; top: 50% !important; transform: translateY(-50%) !important; width: 220px !important; height: 310px !important; background-image: url('/wp-content/uploads/2026/09/sivanadi-floral-ornament.svg') !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: left center !important; pointer-events: none !important; z-index: 0 !important; opacity: 0.92 !important; } /* Right golden floral ornament (mirrored) */ .sivanadi-inner-hero .et_pb_row::after { content: '' !important; position: absolute !important; right: -10px !important; top: 50% !important; transform: translateY(-50%) scaleX(-1) !important; width: 220px !important; height: 310px !important; background-image: url('/wp-content/uploads/2026/09/sivanadi-floral-ornament.svg') !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: left center !important; pointer-events: none !important; z-index: 0 !important; opacity: 0.92 !important; } /* Ensure hero text is above ornaments */ .sivanadi-inner-hero .et_pb_row .et_pb_column { position: relative !important; z-index: 2 !important; } /* Mobile: hide ornaments on small screens */ @media (max-width: 767px) { .sivanadi-inner-hero .et_pb_row { padding: 20px 20px !important; } .sivanadi-inner-hero .et_pb_row::before, .sivanadi-inner-hero .et_pb_row::after { display: none !important; } } /* --- Kandam Chapter Cards --- */ .sivanadi-theme .sivanadi-kandam-card { background: #ffffff; border-radius: 16px; padding: 24px 20px; box-shadow: 0 4px 18px rgba(65, 4, 69, 0.05); border: 1px solid rgba(65, 4, 69, 0.08); transition: var(--sivanadi-transition); height: 100%; } .sivanadi-theme .sivanadi-kandam-card:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(65, 4, 69, 0.12); border-color: #410445; } .sivanadi-theme .sivanadi-kandam-num { display: inline-block; background: #410445; color: #ffffff; font-weight: 800; font-size: 0.85rem; padding: 4px 12px; border-radius: 50px; margin-bottom: 12px; } /* --- Contact Info Cards --- */ .sivanadi-theme .sivanadi-contact-card { background: #ffffff; border-radius: 16px; padding: 30px 24px; text-align: center; box-shadow: 0 6px 20px rgba(65, 4, 69, 0.06); border: 1px solid rgba(65, 4, 69, 0.08); height: 100%; } .sivanadi-theme .sivanadi-contact-icon { font-size: 2.2rem; color: #410445; margin-bottom: 12px; } /* --- Timeline Cards --- */ .sivanadi-theme .sivanadi-timeline-item { background: #ffffff; border-radius: 16px; padding: 24px; box-shadow: 0 4px 18px rgba(65, 4, 69, 0.06); border-left: 4px solid #410445; margin-bottom: 20px; } /* --- Gallery Photo Cards --- */ .sivanadi-theme .sivanadi-gallery-card img { border-radius: 14px; height: 240px; object-fit: cover; width: 100%; box-shadow: 0 8px 22px rgba(65, 4, 69, 0.08); transition: var(--sivanadi-transition); } .sivanadi-theme .sivanadi-gallery-card img:hover { transform: scale(1.02); } /* ========================================================================== 05. VISUAL BUILDER SAFETY PRECAUTIONS ========================================================================== */ /* Allow Divi Visual Builder to show disabled elements semi-transparently/grayed out in real time */ .et-fb .et-waypoint { opacity: 1 !important; visibility: visible !important; } .et-fb .et_pb_section.et_pb_disabled, .et-fb .et_pb_row.et_pb_disabled, .et-fb .et_pb_module.et_pb_disabled, .et-fb .et_pb_disabled, .et-fb [class*="et_pb_disabled"], .et-fb [data-disabled="true"], .et-fb [data-disabled_on*="on"] { opacity: 0.35 !important; filter: grayscale(85%) !important; pointer-events: auto !important; transition: opacity 0.2s ease, filter 0.2s ease; } /* ========================================================================== 06. HOME PAGE ALIGNMENT, ICON & LIGHT COLOR SCHEME REFINEMENTS ========================================================================== */ /* Section Spacing Default: allow Divi section custom_padding and native builder settings to take precedence */ :where(.sivanadi-theme) .et_pb_section { /* Low specificity fallback so Divi module and section controls always win */ } /* Row Flex Alignment & Equal Heights */ .sivanadi-theme .et_pb_row { align-items: stretch; } .sivanadi-theme .sivanadi-hero-row { align-items: center; } /* Feature Blurbs in Enquiry Right Column */ .sivanadi-theme .sivanadi-feature-blurb { background: #ffffff; border-radius: 14px; padding: 16px 20px; margin-bottom: 14px; border: 1px solid rgba(65, 4, 69, 0.08); box-shadow: 0 4px 15px rgba(65, 4, 69, 0.04); } :where(.sivanadi-theme) :where(.sivanadi-feature-blurb) .et_pb_module_header { font-weight: 700; color: #410445; margin-bottom: 4px; } .sivanadi-theme .sivanadi-feature-blurb p { margin: 0; font-size: 0.88rem; color: #665067; } /* --- Nadi Predictions Covered Premium Cards --- */ .sivanadi-theme .sivanadi-pred-grid-row { margin-bottom: 24px !important; } @media (min-width: 981px) { html:not(.et-fb-preview--phone):not(.et-fb-preview--tablet) .sivanadi-theme .sivanadi-pred-grid-row { display: flex; align-items: stretch; } html:not(.et-fb-preview--phone):not(.et-fb-preview--tablet) .sivanadi-theme .sivanadi-pred-col { display: flex; flex-direction: column; } } .sivanadi-theme .sivanadi-pred-card-blurb, .sivanadi-pred-card-blurb { background-color: #FFFFFF !important; background: #FFFFFF !important; border-radius: 18px !important; padding: 34px 24px 28px !important; border: 1px solid rgba(65, 4, 69, 0.08) !important; box-shadow: 0 8px 24px rgba(65, 4, 69, 0.05), 0 2px 6px rgba(0, 0, 0, 0.02) !important; text-align: center !important; height: 100% !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important; margin-bottom: 0 !important; } .sivanadi-theme .sivanadi-pred-card-blurb:hover { transform: translateY(-8px); border-color: rgba(212, 175, 55, 0.55); box-shadow: 0 18px 40px rgba(65, 4, 69, 0.12), 0 0 20px rgba(212, 175, 55, 0.25); } /* Icon Styling - Matches Divi Visual Builder & Frontend */ :where(.sivanadi-theme) :where(.sivanadi-pred-card-blurb) .et_pb_main_blurb_image { margin: 0 auto 18px auto; text-align: center; display: flex; align-items: center; justify-content: center; } :where(.sivanadi-theme) :where(.sivanadi-pred-card-blurb) .et-pb-icon { color: #410445; font-size: 32px; line-height: 1; display: inline-block; transition: transform 0.3s ease, color 0.3s ease; } .sivanadi-theme .sivanadi-pred-card-blurb:hover .et-pb-icon { transform: scale(1.12); color: #8A1550; } /* Card Header & Description - Divi Native Editable */ :where(.sivanadi-theme) :where(.sivanadi-pred-card-blurb) .et_pb_module_header { margin-bottom: 12px; color: #38013E; font-size: 20px; font-weight: 700; letter-spacing: -0.01em; line-height: 1.35; } :where(.sivanadi-theme) :where(.sivanadi-pred-card-blurb) .et_pb_module_header a, :where(.sivanadi-theme) :where(.sivanadi-pred-card-blurb) .et_pb_module_header span { color: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; text-decoration: none; transition: color 0.3s ease; } :where(.sivanadi-theme) :where(.sivanadi-pred-card-blurb):hover .et_pb_module_header a, :where(.sivanadi-theme) :where(.sivanadi-pred-card-blurb):hover .et_pb_module_header span { color: #A36A00; } :where(.sivanadi-theme) :where(.sivanadi-pred-card-blurb) .et_pb_blurb_description { color: #554457; font-size: 14.5px; line-height: 1.6em; } :where(.sivanadi-theme) :where(.sivanadi-pred-card-blurb) .et_pb_blurb_description p { color: inherit; font-size: inherit; line-height: inherit; margin: 0; } /* Choose Reading Card Blurb Styling - Native Divi Editable */ :where(.sivanadi-theme) :where(.sivanadi-choose-card-blurb) { background: #ffffff; border-radius: 18px; padding: 32px 24px 20px; border: 1px solid rgba(65, 4, 69, 0.08); box-shadow: 0 6px 22px rgba(65, 4, 69, 0.05); text-align: center; margin-bottom: 16px; } .sivanadi-theme .sivanadi-choose-col { display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .sivanadi-theme .sivanadi-choose-col .et_pb_button { margin-top: 10px; } /* Available Services Card - No forced background, pure clean layout */ .sivanadi-theme .sivanadi-service-card { background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; transition: all 0.3s ease; height: auto; } .sivanadi-theme .sivanadi-service-card:hover { transform: translateY(-2px); } /* --- Kandams Page Card Blurb Styling --- */ .sivanadi-theme .sivanadi-kandam-card-blurb { background: #ffffff; border-radius: 18px; padding: 20px; border: 1px solid rgba(65, 4, 69, 0.08); box-shadow: 0 6px 22px rgba(65, 4, 69, 0.05); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); height: 100%; margin-bottom: 0; } .sivanadi-theme .sivanadi-kandam-card-blurb:hover { transform: translateY(-5px); border-color: #410445; box-shadow: 0 14px 32px rgba(65, 4, 69, 0.12); } .sivanadi-theme .sivanadi-kandam-card-blurb .et_pb_main_blurb_image, .sivanadi-theme .sivanadi-kandam-card-blurb .et_pb_main_blurb_image img, .sivanadi-theme .sivanadi-kandam-card-blurb .et_pb_image_wrap, .sivanadi-theme .sivanadi-kandam-card-blurb img { opacity: 1; visibility: visible; display: block; border-radius: 12px; aspect-ratio: 4 / 3; width: 100%; height: auto; object-fit: cover; object-position: center; margin-bottom: 16px; box-shadow: 0 6px 18px rgba(65, 4, 69, 0.08); } :where(.sivanadi-theme) :where(.sivanadi-kandam-card-blurb) .et_pb_module_header { font-weight: 700; color: #410445; margin-bottom: 8px; line-height: 1.3; } .sivanadi-theme .sivanadi-kandam-card-blurb p { font-size: 0.92rem; line-height: 1.6; color: #665067; margin: 0; } .sivanadi-theme .sivanadi-kandams-row { margin-bottom: 25px; } /* --- Contact Us Page UI/UX Card Styling --- */ .sivanadi-contact-card-blurb { background: #ffffff !important; border-radius: 16px !important; padding: 30px 22px !important; border: 1px solid #EDE3DC !important; border-top: 3px solid #410445 !important; box-shadow: 0 6px 20px rgba(65, 4, 69, 0.05) !important; text-align: center; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); height: 100%; box-sizing: border-box; } .sivanadi-contact-card-blurb:hover { transform: translateY(-4px); border-color: #BA7500 !important; box-shadow: 0 12px 28px rgba(65, 4, 69, 0.12) !important; } .sivanadi-contact-card-blurb .et_pb_module_header { font-weight: 700; color: #410445; margin-bottom: 8px; font-size: 20px; } /* ========================================================================== 07. HEADER, SECONDARY TOP BAR & 3-COLUMN FOOTER ALIGNMENT ========================================================================== */ /* Secondary Top Header Bar */ #sivanadi-top-header.sivanadi-top-bar { background: #2C022F !important; color: #F3E5AB !important; padding: 9px 0 !important; font-size: 0.88rem ; border-bottom: 1px solid rgba(212, 175, 55, 0.25) !important; position: relative; z-index: 99999; } .sivanadi-top-container { display: flex !important; justify-content: space-between !important; align-items: center !important; max-width: 1200px !important; margin: 0 auto !important; padding: 0 20px !important; flex-wrap: wrap !important; gap: 12px !important; } .sivanadi-top-left, .sivanadi-top-right { display: flex !important; align-items: center !important; gap: 18px !important; flex-wrap: wrap !important; } .sivanadi-top-item a { color: #F3E5AB !important; text-decoration: none !important; font-weight: 600 !important; transition: color 0.3s ease !important; } .sivanadi-top-item a:hover { color: #ffffff !important; text-decoration: underline !important; } /* Header Top Bar Builder Row Styling */ .sivanadi-top-bar .sivanadi-top-row { width: 100%; max-width: 1200px; margin: 0 auto; } .sivanadi-top-bar .sivanadi-header-blurb { margin-bottom: 0; } /* Ensure Divi Blurb module Image & Icon Margins take full visual effect */ .et_pb_blurb .et_pb_main_blurb_image { width: auto; } .et_pb_blurb .et_pb_main_blurb_image .et-pb-icon { display: inline-block; position: relative; vertical-align: middle; } .sivanadi-top-bar .sivanadi-header-blurb .et_pb_module_header a { color: #F3E5AB; text-decoration: none; font-weight: 700; } @media (max-width: 767px) { .sivanadi-top-bar .sivanadi-header-blurb .et_pb_module_header, .sivanadi-top-bar .sivanadi-header-blurb .et_pb_module_header a { font-size: 13px; line-height: 1.2; } } /* Main Primary Header Alignment */ #main-header { box-shadow: 0 4px 18px rgba(65, 4, 69, 0.08); border-bottom: 1px solid rgba(65, 4, 69, 0.06); } :where(#top-menu) li a, :where(.et_pb_menu) ul.nav li a { color: #410445; font-weight: 600; font-size: 0.95rem; letter-spacing: 0; } :where(#top-menu) li.current-menu-item > a, :where(#top-menu) li a:hover, :where(.et_pb_menu) ul.nav li.current-menu-item > a, :where(.et_pb_menu) ul.nav li a:hover { color: #A36A00; } /* Main Header Layout Alignment */ .sivanadi-main-header-row.et_pb_row { box-sizing: border-box; } .sivanadi-main-header-row .et_pb_menu { width: 100%; } .sivanadi-main-header-row .et_pb_menu__logo { width: 100% !important; display: block !important; } .sivanadi-main-header-row .et_pb_menu__logo img, .sivanadi-main-header-row .et_pb_menu__logo-wrap img, .sivanadi-header-logo-col .et_pb_image_wrap img, #main-header .logo_container img#logo { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } @media (min-width: 981px) { .sivanadi-main-header-row .et_pb_menu .et_pb_menu__menu > nav > ul { margin: 0; padding: 0; } /* Divi horizontal spacing for header menu items */ .sivanadi-main-header-row .et_pb_menu .et_pb_menu__menu > nav > ul > li { margin: 0; } .sivanadi-main-header-row .et_pb_menu .et_pb_menu__menu > nav > ul > li > a { padding: 0 6px; white-space: nowrap; position: relative; } /* Top-level menu items with children */ .sivanadi-main-header-row .et_pb_menu .et_pb_menu__menu > nav > ul > li.menu-item-has-children > a { display: inline-flex; align-items: center; } /* Solutions 2-Column Mega Dropdown on Desktop */ li#menu-item-555 { position: relative !important; } /* Global Uniform Font Size for All Desktop Submenu Items */ .sivanadi-main-header-row .et_pb_menu ul.sub-menu li a, .sivanadi-main-header-row .et_pb_menu ul.sub-menu > li > a, .sivanadi-main-header-row .et_pb_menu ul.sub-menu li > ul.sub-menu > li > a, li#menu-item-555 > ul.sub-menu > li > a, li#menu-item-209 > ul.sub-menu > li > a { font-size: 14px !important; font-weight: 600 !important; line-height: 1.35 !important; } /* Solutions 2-Column Mega Dropdown on Desktop */ li#menu-item-555 { position: relative !important; } li#menu-item-555 > ul.sub-menu, .et_pb_menu ul.nav > li#menu-item-555 > ul.sub-menu { display: grid !important; grid-template-columns: repeat(2, 230px) !important; grid-auto-flow: column !important; grid-template-rows: repeat(6, auto) !important; column-gap: 14px !important; row-gap: 3px !important; width: 495px !important; min-width: 495px !important; left: 50% !important; transform: translateX(-40%) translateY(0) !important; padding: 12px 12px !important; background: #FFFFFF !important; border-radius: 0 0 12px 12px !important; box-shadow: 0 15px 38px rgba(65, 4, 69, 0.18) !important; border-top: 3px solid #C49A45 !important; visibility: hidden !important; opacity: 0 !important; transition: opacity 0.22s ease-in-out, visibility 0.22s ease-in-out !important; pointer-events: none !important; z-index: 10000 !important; } li#menu-item-555:hover > ul.sub-menu, .et_pb_menu ul.nav > li#menu-item-555:hover > ul.sub-menu { visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } li#menu-item-555 > ul.sub-menu > li, .et_pb_menu ul.nav > li#menu-item-555 > ul.sub-menu > li { width: 100% !important; margin: 0 !important; padding: 0 !important; border: none !important; list-style: none !important; } li#menu-item-555 > ul.sub-menu > li > a, .et_pb_menu ul.nav > li#menu-item-555 > ul.sub-menu > li > a { display: block !important; padding: 6px 10px !important; font-size: 14px !important; font-weight: 600 !important; color: #410445 !important; border-radius: 5px !important; transition: all 0.18s ease !important; line-height: 1.35 !important; white-space: nowrap !important; text-decoration: none !important; } li#menu-item-555 > ul.sub-menu > li > a:hover, .et_pb_menu ul.nav > li#menu-item-555 > ul.sub-menu > li > a:hover { background-color: #FAF7F5 !important; color: #A36A00 !important; padding-left: 14px !important; } /* Kandams 2-Column Mega Dropdown on Desktop (18 Kandams: 2 columns x 9 rows) */ li#menu-item-209 { position: relative !important; } li#menu-item-209 > ul.sub-menu, .et_pb_menu ul.nav > li#menu-item-209 > ul.sub-menu { display: grid !important; grid-template-columns: repeat(2, 280px) !important; grid-auto-flow: column !important; grid-template-rows: repeat(9, auto) !important; column-gap: 16px !important; row-gap: 3px !important; width: 600px !important; min-width: 600px !important; left: 50% !important; transform: translateX(-50%) translateY(0) !important; padding: 12px 14px !important; background: #FFFFFF !important; border-radius: 0 0 12px 12px !important; box-shadow: 0 15px 38px rgba(65, 4, 69, 0.18) !important; border-top: 3px solid #C49A45 !important; visibility: hidden !important; opacity: 0 !important; transition: opacity 0.22s ease-in-out, visibility 0.22s ease-in-out !important; pointer-events: none !important; z-index: 10000 !important; } li#menu-item-209:hover > ul.sub-menu, .et_pb_menu ul.nav > li#menu-item-209:hover > ul.sub-menu { visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } li#menu-item-209 > ul.sub-menu > li, .et_pb_menu ul.nav > li#menu-item-209 > ul.sub-menu > li { width: 100% !important; margin: 0 !important; padding: 0 !important; border: none !important; list-style: none !important; } li#menu-item-209 > ul.sub-menu > li > a, .et_pb_menu ul.nav > li#menu-item-209 > ul.sub-menu > li > a { display: block !important; padding: 6px 10px !important; font-size: 14px !important; font-weight: 600 !important; color: #410445 !important; border-radius: 5px !important; transition: all 0.18s ease !important; line-height: 1.35 !important; white-space: nowrap !important; text-decoration: none !important; } li#menu-item-209 > ul.sub-menu > li > a:hover, .et_pb_menu ul.nav > li#menu-item-209 > ul.sub-menu > li > a:hover { background-color: #FAF7F5 !important; color: #A36A00 !important; padding-left: 14px !important; } /* Multi-Level Submenu Flyout (Level 2 to Level 3) */ .sivanadi-main-header-row .et_pb_menu ul.sub-menu li { position: relative !important; } .sivanadi-main-header-row .et_pb_menu ul.sub-menu li > ul.sub-menu { position: absolute !important; top: 0 !important; left: 100% !important; min-width: 250px !important; box-shadow: 0 10px 28px rgba(65, 4, 69, 0.16) !important; border-top: 3px solid #A36A00 !important; background: #FFFFFF !important; visibility: hidden !important; opacity: 0 !important; transition: all 0.2s ease-in-out !important; pointer-events: none !important; padding: 6px 0 !important; z-index: 10001 !important; } .sivanadi-main-header-row .et_pb_menu ul.sub-menu li:hover > ul.sub-menu { visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } .sivanadi-main-header-row .et_pb_menu ul.sub-menu li > ul.sub-menu > li > a { padding: 6px 14px !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.35 !important; } .sivanadi-main-header-row .et_pb_menu ul.sub-menu li.menu-item-has-children > a { display: flex !important; align-items: center !important; justify-content: space-between !important; padding-right: 14px !important; } .sivanadi-main-header-row .et_pb_menu ul.sub-menu li.menu-item-has-children > a:after { content: "›" !important; font-size: 16px !important; font-weight: 700 !important; color: #A36A00 !important; margin-left: 10px !important; line-height: 1 !important; } } @media (max-width: 1150px) { .sivanadi-main-header-row.et_pb_row { width: 100% !important; max-width: 100% !important; display: block !important; padding: 8px 16px !important; box-sizing: border-box !important; } .sivanadi-main-header-row > .et_pb_column, .sivanadi-main-header-row > .sivanadi-header-menu-col { width: 100% !important; max-width: 100% !important; display: block !important; padding: 0 !important; margin: 0 !important; } .sivanadi-main-header-row .et_pb_menu { width: 100% !important; max-width: 100% !important; } .sivanadi-main-header-row .et_pb_menu_inner_container { display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; max-width: 100% !important; } .sivanadi-main-header-row .et_pb_menu__logo-wrap { flex: 0 0 auto !important; } .sivanadi-main-header-row .et_pb_menu__wrap { flex: 1 1 auto !important; display: flex !important; justify-content: flex-end !important; align-items: center !important; } .sivanadi-main-header-row .et_pb_menu .et_pb_menu__menu { display: none !important; } .sivanadi-main-header-row .et_pb_menu .et-menu-nav { display: none !important; } .sivanadi-main-header-row .et_pb_menu .et_mobile_nav_menu { display: flex !important; align-items: center !important; justify-content: flex-end !important; margin-left: auto !important; text-align: right !important; position: static !important; } .sivanadi-main-header-row .et_pb_menu .mobile_nav { display: block !important; text-align: right !important; margin-left: auto !important; } .sivanadi-main-header-row .mobile_menu_bar { display: inline-block !important; position: relative !important; cursor: pointer !important; width: 32px !important; height: 32px !important; line-height: 32px !important; text-align: center !important; } .sivanadi-main-header-row .mobile_menu_bar:before { content: "\61" !important; font-family: 'ETmodules' !important; color: #410445 !important; font-size: 32px !important; cursor: pointer !important; display: block !important; line-height: 1 !important; } /* Mobile Menu Full Width & Elegant Nesting */ .sivanadi-main-header-row { position: relative !important; } .sivanadi-main-header-row .et_pb_menu, .sivanadi-main-header-row .et_pb_menu_inner_container, .sivanadi-main-header-row .et_pb_menu__wrap, .sivanadi-main-header-row .et_mobile_nav_menu { position: static !important; } .sivanadi-main-header-row .et_mobile_menu, .sivanadi-main-header-row .et_pb_menu .et_mobile_menu { position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; width: 100% !important; min-width: 100% !important; background: #410445 !important; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28) !important; padding: 16px 22px 24px !important; box-sizing: border-box !important; z-index: 99999 !important; max-height: 80vh !important; overflow-y: auto !important; } /* Mobile Menu Container & Items */ .sivanadi-main-header-row .et_mobile_menu li { width: 100% !important; box-sizing: border-box !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; padding: 2px 0 !important; text-align: left !important; } body #page-container .sivanadi-main-header-row .et_mobile_menu li a, body #page-container .et_pb_menu .et_mobile_menu li a { display: block !important; color: #FFFFFF !important; font-size: 15.5px !important; padding: 9px 0 !important; font-weight: 600 !important; text-decoration: none !important; } body #page-container .sivanadi-main-header-row .et_mobile_menu li.current-menu-item > a, body #page-container .et_pb_menu .et_mobile_menu li.current-menu-item > a { color: #F3E5AB !important; } /* Hide desktop pseudo-element arrows in mobile view */ .sivanadi-main-header-row .et_mobile_menu li.menu-item-has-children > a:after, .sivanadi-main-header-row .et_mobile_menu li.menu-item-has-children > a:first-child:after, body #page-container .et_pb_menu .et_mobile_menu li.menu-item-has-children > a:after, body #page-container .et_pb_menu .et_mobile_menu li.menu-item-has-children > a:first-child:after { display: none !important; content: "" !important; } /* Mobile items with children: flex row with link on left and dedicated arrow button on right */ .sivanadi-main-header-row .et_mobile_menu li.menu-item-has-children, body #page-container .et_pb_menu .et_mobile_menu li.menu-item-has-children { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; position: relative !important; } body #page-container .sivanadi-main-header-row .et_mobile_menu li.menu-item-has-children > a, body #page-container .et_pb_menu .et_mobile_menu li.menu-item-has-children > a { flex: 1 1 auto !important; width: calc(100% - 48px) !important; display: inline-block !important; } /* Dedicated Mobile Arrow Button */ .sivanadi-mobile-arrow { flex: 0 0 44px !important; width: 44px !important; height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; user-select: none !important; -webkit-tap-highlight-color: transparent !important; } .sivanadi-mobile-arrow::after { content: "" !important; display: inline-block !important; width: 8px !important; height: 8px !important; border-right: 2.2px solid #F3E5AB !important; border-bottom: 2.2px solid #F3E5AB !important; transform: rotate(45deg) !important; transition: transform 0.25s ease, border-color 0.2s ease !important; margin-bottom: 3px !important; } .sivanadi-mobile-arrow.is-active::after { transform: rotate(-135deg) !important; border-color: #FFFFFF !important; margin-top: 4px !important; margin-bottom: 0 !important; } /* SUBMENUS: Hidden by default on mobile — only display once arrow is clicked! */ .sivanadi-main-header-row .et_mobile_menu ul.sub-menu, body #page-container .sivanadi-main-header-row .et_mobile_menu ul.sub-menu, body #page-container .et_pb_menu .et_mobile_menu ul.sub-menu, #main-header .et_mobile_menu li ul, .et_pb_menu .et_mobile_menu li ul, .et_mobile_menu li ul { display: none !important; width: 100% !important; flex: 1 1 100% !important; box-sizing: border-box !important; padding-left: 14px !important; border: none !important; margin: 0 !important; } .sivanadi-main-header-row .et_mobile_menu li.sivanadi-sub-open > ul.sub-menu, body #page-container .sivanadi-main-header-row .et_mobile_menu li.sivanadi-sub-open > ul.sub-menu, body #page-container .et_pb_menu .et_mobile_menu li.sivanadi-sub-open > ul.sub-menu, #main-header .et_mobile_menu li.sivanadi-sub-open > ul, .et_pb_menu .et_mobile_menu li.sivanadi-sub-open > ul, .et_mobile_menu li.sivanadi-sub-open > ul { display: block !important; } /* Level 2: Sivanadi & Agasthiyanadi or Solutions items */ body #page-container .sivanadi-main-header-row .et_mobile_menu ul.sub-menu > li > a, body #page-container .et_pb_menu .et_mobile_menu ul.sub-menu > li > a { color: #F3E5AB !important; font-size: 14px !important; font-weight: 700 !important; padding: 7px 0 !important; letter-spacing: 0.02em !important; } /* Level 3: Individual readings */ .sivanadi-main-header-row .et_mobile_menu ul.sub-menu ul.sub-menu { padding-left: 14px !important; border-left: 2px solid rgba(243, 229, 171, 0.35) !important; margin: 4px 0 10px 4px !important; } .sivanadi-main-header-row .et_mobile_menu ul.sub-menu ul.sub-menu > li { border-bottom: none !important; padding: 1px 0 !important; } body #page-container .sivanadi-main-header-row .et_mobile_menu ul.sub-menu ul.sub-menu > li > a, body #page-container .et_pb_menu .et_mobile_menu ul.sub-menu ul.sub-menu > li > a { color: #FAF7F5 !important; font-size: 14px !important; font-weight: 500 !important; padding: 5px 0 !important; opacity: 0.9 !important; } body #page-container .sivanadi-main-header-row .et_mobile_menu ul.sub-menu ul.sub-menu > li > a:hover, body #page-container .et_pb_menu .et_mobile_menu ul.sub-menu ul.sub-menu > li > a:hover { color: #F3E5AB !important; opacity: 1 !important; } } /* Custom 3-Column Footer Styling */ .sivanadi-site-footer { color: #FAF7F5; } .sivanadi-footer-container { box-sizing: border-box; } .sivanadi-footer-col-1 .sivanadi-footer-logo img { max-width: 260px; height: auto; margin-bottom: 16px; } .sivanadi-footer-desc { font-size: 0.92rem; line-height: 1.65; color: #E6D5E8; margin-bottom: 16px; } .sivanadi-footer-copy { font-size: 0.85rem; color: #F3E5AB; margin: 0; font-weight: 600; } .sivanadi-footer-title { color: #F3E5AB; font-size: 1.25rem; font-weight: 700; margin-top: 0; margin-bottom: 16px; position: relative; padding-bottom: 8px; } .sivanadi-footer-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 45px; height: 3px; background: #A36A00; border-radius: 2px; } .sivanadi-nap-box p { font-size: 0.92rem; line-height: 1.6; color: #FAF7F5; margin-bottom: 8px; } .sivanadi-nap-name { font-size: 1.05rem; color: #ffffff; } .sivanadi-nap-guruji { color: #F3E5AB; font-weight: 600; margin-bottom: 10px; } .sivanadi-nap-box a { color: #F3E5AB; text-decoration: none; font-weight: 700; } .sivanadi-nap-box a:hover { color: #ffffff; text-decoration: underline; } .sivanadi-footer-map-frame iframe { box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3); border: 1px solid rgba(212, 175, 55, 0.3); } /* Fix Divi left-placement blurbs in Footer (Align mobile icon and address icon cleanly with no extra space) */ #main-footer .et_pb_blurb_position_left .et_pb_blurb_content, .sivanadi-site-footer .et_pb_blurb_position_left .et_pb_blurb_content { display: flex !important; align-items: flex-start !important; } #main-footer .et_pb_blurb_position_left .et_pb_main_blurb_image, .sivanadi-site-footer .et_pb_blurb_position_left .et_pb_main_blurb_image { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 28px !important; width: 28px !important; max-width: 28px !important; margin-right: 14px !important; padding: 0 !important; } #main-footer .et_pb_blurb_position_left .et-pb-icon, .sivanadi-site-footer .et_pb_blurb_position_left .et-pb-icon { margin: 0 !important; display: inline-block !important; } #main-footer .et_pb_blurb_position_left .et_pb_blurb_container, .sivanadi-site-footer .et_pb_blurb_position_left .et_pb_blurb_container { display: block !important; flex: 1 1 auto !important; padding-left: 0 !important; } #main-footer .et_pb_blurb_position_left .et_pb_module_header, .sivanadi-site-footer .et_pb_blurb_position_left .et_pb_module_header { margin-top: 0 !important; } /* ========================================================================== 08. SEPARATE COPYRIGHT BOTTOM BAR SECTION (DIVI GLOBAL FORMAT) ========================================================================== */ #footer-bottom.sivanadi-footer-bottom { font-size: 0.86rem; width: 100%; } /* --- Quick Booking / Enquiry Now Form --- */ .quick-booking-form { max-width: 650px !important; margin: 20px auto !important; background: #ffffff !important; padding: 32px 28px !important; border-radius: 16px !important; box-shadow: 0 10px 35px rgba(65, 4, 69, 0.12) !important; border: 1px solid rgba(65, 4, 69, 0.08) !important; font-family: inherit !important; box-sizing: border-box !important; } .quick-booking-form h2 { font-family: inherit !important; color: #410445 !important; font-size: 26px !important; font-weight: 700 !important; margin: 0 0 20px 0 !important; text-align: center !important; } .quick-booking-form form { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 16px !important; width: 100% !important; box-sizing: border-box !important; } .quick-booking-form .form-row { width: 100% !important; box-sizing: border-box !important; } .quick-booking-form .form-row.full-width { grid-column: 1 / -1 !important; width: 100% !important; } .quick-booking-form input, .quick-booking-form select { width: 100% !important; box-sizing: border-box !important; padding: 13px 16px !important; font-size: 15px !important; border: 1.5px solid #dcd1dc !important; border-radius: 8px !important; background: #ffffff !important; color: #333333 !important; outline: none !important; transition: border-color 0.2s, box-shadow 0.2s !important; height: 48px !important; line-height: normal !important; } .quick-booking-form input:focus, .quick-booking-form select:focus { border-color: #410445 !important; box-shadow: 0 0 0 3px rgba(65, 4, 69, 0.1) !important; } .quick-booking-form button.whatsapp-btn, .quick-booking-form button[type="submit"] { grid-column: 1 / -1 !important; width: 100% !important; padding: 14px 20px !important; background: #019b2f !important; color: #ffffff !important; font-size: 16px !important; font-weight: 700 !important; border: none !important; border-radius: 8px !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: background 0.25s, transform 0.15s !important; box-shadow: 0 4px 14px rgba(1, 155, 47, 0.3) !important; } .quick-booking-form button.whatsapp-btn:hover, .quick-booking-form button[type="submit"]:hover { background: #018026 !important; transform: translateY(-1px) !important; } @media (max-width: 640px) { .quick-booking-form form { grid-template-columns: 1fr !important; } .quick-booking-form .form-row.full-width { grid-column: 1 / -1 !important; } } /* --- Homepage UI Polish Enhancements --- */ .sivanadi-theme .sivanadi-about-guruji-row { align-items: center !important; } .sivanadi-theme .sivanadi-about-left-col .et_pb_image img { border-radius: 20px; box-shadow: 0 12px 30px rgba(65, 4, 69, 0.12); } .sivanadi-theme .sivanadi-about-cta-btn .et_pb_button { background-color: #410445 !important; color: #ffffff !important; border-radius: 50px !important; padding: 12px 32px !important; font-weight: 600 !important; letter-spacing: 0.02em; border: none !important; transition: all 0.3s ease !important; display: inline-block; } .sivanadi-theme .sivanadi-about-cta-btn .et_pb_button:hover { background-color: #5a0860 !important; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(65, 4, 69, 0.25); } .sivanadi-theme .sivanadi-temple-left-col .et_pb_image img { border-radius: 20px; box-shadow: 0 12px 32px rgba(65, 4, 69, 0.12); } .sivanadi-theme .sivanadi-faq-section .et_pb_toggle { border-radius: 12px !important; border: 1px solid rgba(65, 4, 69, 0.08) !important; background: #ffffff !important; margin-bottom: 14px !important; box-shadow: 0 4px 15px rgba(65, 4, 69, 0.03); transition: all 0.25s ease; } .sivanadi-theme .sivanadi-faq-section .et_pb_toggle:hover { box-shadow: 0 6px 20px rgba(65, 4, 69, 0.08); } .sivanadi-theme .sivanadi-faq-section .et_pb_toggle_title { font-weight: 700; color: #410445 !important; } /* Equal height and alignment for Choose Reading Cards */ .sivanadi-theme .sivanadi-choose-row { display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; } .sivanadi-theme .sivanadi-choose-col { display: flex !important; flex-direction: column !important; justify-content: space-between !important; } .sivanadi-theme .sivanadi-choose-card-blurb { flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; margin-bottom: 20px !important; } .sivanadi-theme .sivanadi-choose-col .et_pb_button_wrapper { margin-top: auto !important; text-align: center !important; } /* ========================================================================== 09. GLOBAL MOBILE & MULTI-SCREEN RESPONSIVENESS (320px - 1200px) ========================================================================== */ /* Prevent horizontal overflow across all parent containers */ html, body { overflow-x: hidden !important; width: 100% !important; max-width: 100vw !important; position: relative; box-sizing: border-box; } #page-container, #et-main-area, .et_pb_section { box-sizing: border-box !important; max-width: 100% !important; } /* Ensure all media stays strictly within bounds */ img, iframe, video, embed, object { max-width: 100% !important; box-sizing: border-box !important; } /* Fix phantom overflow from JoinChat WhatsApp button tooltip */ .joinchat { overflow: hidden !important; } .joinchat__powered { display: none !important; visibility: hidden !important; } /* --- MOBILE SPECIFIC RULES (Screens <= 767px) --- */ @media (max-width: 767px) { /* ════════════════════════════════════════════════════ TYPOGRAPHY — Fluid responsive type ════════════════════════════════════════════════════ */ /* Responsive Fluid Typography */ :where(h1, .sivanadi-theme h1) { font-size: clamp(24px, 6.5vw, 32px); line-height: 1.25; word-break: break-word; } :where(h2, .sivanadi-theme h2) { font-size: clamp(20px, 5.2vw, 26px); line-height: 1.3; word-break: break-word; } :where(h3, .sivanadi-theme h3) { font-size: clamp(17px, 4.2vw, 21px); line-height: 1.35; word-break: break-word; } :where(h4, .sivanadi-theme h4) { font-size: clamp(15px, 3.8vw, 18px); line-height: 1.4; word-break: break-word; } /* Section Titles & Helpers */ .sivanadi-theme .sivanadi-header-center { margin-bottom: 24px; } .sivanadi-theme .sivanadi-header-center p { font-size: 0.95rem; } /* Hero Section Mobile Background Alignment */ .sivanadi-theme .sivanadi-hero-section { background-position: 75% center; } /* Trust Strip on Mobile */ .sivanadi-trust-strip-row { gap: 0 !important; } .sivanadi-theme .sivanadi-trust-col { width: 100% !important; margin-bottom: 0 !important; padding: 16px 12px !important; border-bottom: 1px solid rgba(212, 175, 55, 0.18) !important; } .sivanadi-theme .sivanadi-trust-col:last-child { border-bottom: none !important; } /* About Guruji & Temple Sections */ .sivanadi-theme .sivanadi-about-guruji-row, .sivanadi-theme .sivanadi-temple-row { flex-direction: column !important; } .sivanadi-theme .sivanadi-about-left-col, .sivanadi-theme .sivanadi-about-right-col, .sivanadi-theme .sivanadi-temple-left-col, .sivanadi-theme .sivanadi-temple-right-col { width: 100% !important; } .sivanadi-theme .sivanadi-about-left-col .et_pb_image, .sivanadi-theme .sivanadi-temple-left-col .et_pb_image { margin: 0 auto 20px auto !important; text-align: center !important; } .sivanadi-theme .sivanadi-about-left-col .et_pb_image img, .sivanadi-theme .sivanadi-temple-left-col .et_pb_image img { max-width: 260px !important; margin: 0 auto !important; } .sivanadi-theme .sivanadi-about-cta-btn { text-align: center !important; margin-top: 15px !important; } /* Reading Modes (Section 7) Mobile Stacking */ .sivanadi-theme .sivanadi-choose-row { flex-direction: column !important; } .sivanadi-theme .sivanadi-choose-col { width: 100% !important; margin-bottom: 24px !important; } .sivanadi-theme .sivanadi-choose-col:last-child { margin-bottom: 0 !important; } /* ── Kandams Chapter Cards Mobile Stacking ── */ /* ── Kandams Chapter Cards Mobile Stacking ── */ /* Each Divi column wrapper full-width */ .sivanadi-kandams-row .et_pb_column, .sivanadi-theme .sivanadi-kandams-row .et_pb_column { width: 100% !important; float: none !important; margin-bottom: 18px !important; } .sivanadi-kandams-row .et_pb_column:last-child, .sivanadi-theme .sivanadi-kandams-row .et_pb_column:last-child { margin-bottom: 0 !important; } .sivanadi-theme .sivanadi-kandam-card-blurb { padding: 18px 16px !important; } /* ── Available Nadi Reading Services Cards Mobile Stacking ── */ .sivanadi-services-cards-row .et_pb_column, .sivanadi-theme .sivanadi-services-cards-row .et_pb_column { width: 100% !important; float: none !important; margin-bottom: 20px !important; } .sivanadi-services-cards-row .et_pb_column:last-child, .sivanadi-theme .sivanadi-services-cards-row .et_pb_column:last-child { margin-bottom: 0 !important; } /* Contact Us Page Cards & Row */ .sivanadi-contact-card-blurb { margin-bottom: 16px !important; } .sivanadi-contact-row { flex-direction: column !important; } /* Video Gallery Mobile Alignment */ .et_pb_code iframe { max-width: 340px !important; width: 100% !important; margin: 0 auto 20px auto !important; display: block !important; border-radius: 14px !important; } /* Predictions Grid Mobile Stacking */ .sivanadi-pred-grid-row { display: block !important; width: 100% !important; margin-bottom: 0 !important; } .sivanadi-pred-grid-row > .sivanadi-pred-col { width: 100% !important; margin-right: 0 !important; margin-left: 0 !important; margin-bottom: 16px !important; float: none !important; } .sivanadi-theme .sivanadi-pred-card-blurb { padding: 24px 18px 22px !important; margin-bottom: 0 !important; } /* Footer Mobile Adjustments */ .sivanadi-footer-container { gap: 28px !important; } .sivanadi-copyright-container { flex-direction: column !important; text-align: center !important; gap: 10px !important; } .sivanadi-copyright-right .sivanadi-footer-links { justify-content: center !important; flex-wrap: wrap !important; gap: 12px 16px !important; } } /* --- TABLET SPECIFIC RULES (Screens 768px to 980px) --- */ @media (min-width: 768px) and (max-width: 980px) { .sivanadi-trust-strip-row { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; } .sivanadi-trust-col { width: 100% !important; } .sivanadi-kandams-row { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 20px !important; } .sivanadi-kandams-row .sivanadi-kandam-col { width: 100% !important; margin-bottom: 0 !important; } } /* --- Fee Structure Section Styling (Matches Golden Design) --- */ .sivanadi-fee-structure-section { background: linear-gradient(135deg, #F3D979 0%, #E8C354 50%, #DCAE36 100%) !important; position: relative; } .sivanadi-fee-banner-wrap { text-align: center; margin-bottom: 24px; } .sivanadi-fee-banner { display: inline-block; background: linear-gradient(180deg, #F1B549 0%, #E09E2B 100%); color: #9C1B00; font-size: 26px; font-weight: 800; letter-spacing: 0.01em; padding: 11px 48px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.5); border: 1.5px solid rgba(156, 27, 0, 0.25); text-align: center; max-width: 90%; } .sivanadi-fee-card { background: linear-gradient(180deg, #F9E396 0%, #EECB60 100%) !important; border-radius: 14px !important; padding: 24px 18px !important; text-align: center !important; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important; border: 1px solid rgba(212, 160, 40, 0.45) !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; display: flex !important; flex-direction: column !important; justify-content: center !important; min-height: 115px !important; box-sizing: border-box !important; text-decoration: none !important; } .sivanadi-fee-card:hover { transform: translateY(-5px) !important; box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22), 0 0 16px rgba(255, 240, 160, 0.4) !important; } .sivanadi-fee-card .sivanadi-fee-title { font-size: 19px; font-weight: 800; color: #111111; margin-bottom: 8px; line-height: 1.35; } .sivanadi-fee-card .sivanadi-fee-price { font-size: 21px; font-weight: 800; color: #111111; letter-spacing: 0.02em; } .sivanadi-fee-card-link { text-decoration: none !important; display: block; cursor: pointer; } .sivanadi-fee-2col-row { max-width: 820px !important; margin-left: auto !important; margin-right: auto !important; } @media (max-width: 767px) { .sivanadi-fee-banner { font-size: 20px; padding: 10px 24px; } .sivanadi-fee-card { margin-bottom: 14px !important; } } /* --- Sivanadi Template Fee Structure Section & Tabs (Pure Flat List Design) --- */ .sivanadi-fee-template-section { background-color: #FAF7F5 !important; position: relative; } .sivanadi-fee-tabs-nav { display: flex; justify-content: center; gap: 12px; margin: 20px auto 35px auto; max-width: 520px; padding: 5px; background: rgba(65, 4, 69, 0.05); border-radius: 40px; border: 1px solid rgba(65, 4, 69, 0.1); } .sivanadi-fee-tab-btn { flex: 1; background: transparent; color: #410445; font-size: 16px; font-weight: 700; font-family: inherit; padding: 12px 24px; border-radius: 30px; border: none; cursor: pointer; transition: all 0.25s ease; display: flex; align-items: center; justify-content: center; gap: 8px; outline: none; } .sivanadi-fee-tab-btn:hover { color: #A36A00; } .sivanadi-fee-tab-btn.active { background: #410445; color: #FFFFFF; box-shadow: 0 4px 14px rgba(65, 4, 69, 0.25); } .sivanadi-fee-tab-btn.active:hover { color: #FFFFFF; } .sivanadi-fee-tab-pane { display: none; animation: sivanadiTabFade 0.3s ease-in-out; } .sivanadi-fee-tab-pane.active { display: block; } @keyframes sivanadiTabFade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } .sivanadi-fee-list-wrap { max-width: 980px; margin: 0 auto; border-top: 1px solid rgba(65, 4, 69, 0.15); } .sivanadi-fee-row-item { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 22px 14px !important; border: none !important; border-bottom: 1px solid rgba(65, 4, 69, 0.12) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; text-decoration: none !important; transition: background 0.2s ease, padding 0.2s ease !important; box-sizing: border-box !important; } .sivanadi-fee-row-item:hover { background: rgba(65, 4, 69, 0.028) !important; padding-left: 20px !important; padding-right: 20px !important; } .sivanadi-fee-row-left { flex: 1; min-width: 0; padding-right: 32px; } .sivanadi-fee-row-title-wrap { display: flex; align-items: center; gap: 12px; margin-bottom: 4px; } .sivanadi-fee-row-num { font-size: 13px; font-weight: 800; color: #A36A00; letter-spacing: 0.04em; background: rgba(163, 106, 0, 0.09); padding: 2px 8px; border-radius: 4px; } .sivanadi-fee-row-title { font-size: 21px; font-weight: 700; color: #410445; margin: 0; line-height: 1.3; transition: color 0.2s ease; } .sivanadi-fee-row-item:hover .sivanadi-fee-row-title { color: #A36A00; } .sivanadi-fee-row-desc { font-size: 15.5px !important; line-height: 1.6 !important; color: #222222 !important; margin: 0 !important; } .sivanadi-fee-row-right { display: flex; align-items: center; gap: 28px; flex-shrink: 0; } .sivanadi-fee-row-price { font-size: 25px; font-weight: 800; color: #1a1a1a; letter-spacing: -0.01em; white-space: nowrap; text-align: right; line-height: 1.15; } .sivanadi-fee-row-price .currency { color: #A36A00; font-size: 18px; margin-right: 2px; } .sivanadi-fee-row-price-sub { display: block; font-size: 11px; font-weight: 600; color: #888; text-transform: uppercase; letter-spacing: 0.05em; margin-top: 2px; } .sivanadi-fee-row-action { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 700; color: #410445; padding: 8px 18px; border-radius: 20px; background: transparent; border: 1.5px solid rgba(65, 4, 69, 0.25); white-space: nowrap; transition: all 0.25s ease; } .sivanadi-fee-row-item:hover .sivanadi-fee-row-action { background: #410445; color: #FFFFFF; border-color: #410445; } @media (max-width: 767px) { .sivanadi-fee-tabs-nav { flex-direction: column; border-radius: 16px; padding: 4px; } .sivanadi-fee-tab-btn { width: 100%; border-radius: 12px; } .sivanadi-fee-row-item { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; padding: 16px 4px !important; } .sivanadi-fee-row-item:hover { padding-left: 4px !important; padding-right: 4px !important; } .sivanadi-fee-row-left { padding-right: 0; } .sivanadi-fee-row-right { width: 100%; justify-content: space-between; gap: 12px; padding-top: 8px; border-top: 1px dashed rgba(65, 4, 69, 0.08); } .sivanadi-fee-row-price { font-size: 21px; text-align: left; } } /* ========================================================================== Vaitheeswaran Koil Vector Icons & High-Contrast Typography ========================================================================== */ .vk-icon-badge { width: 54px !important; height: 54px !important; border-radius: 50% !important; background-color: #FFF9ED !important; border: 1.5px solid #C49A45 !important; display: inline-block !important; margin-bottom: 18px !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: 26px 26px !important; box-shadow: 0 4px 12px rgba(196, 154, 69, 0.15) !important; vertical-align: middle !important; } .vk-icon-badge.small { width: 44px !important; height: 44px !important; background-size: 22px 22px !important; margin-bottom: 0 !important; flex-shrink: 0 !important; } .vk-icon-scroll { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C49A45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'/%3E%3Cpath d='M12 7v6M9 10h6'/%3E%3C/svg%3E") !important; } .vk-icon-temple { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C49A45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M5 21V10l7-6 7 6v11M9 21v-4a3 3 0 0 1 6 0v4M12 4v2'/%3E%3C/svg%3E") !important; } .vk-icon-lineage { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C49A45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") !important; } .vk-icon-fire { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C49A45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z'/%3E%3C/svg%3E") !important; } .vk-icon-medicine { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C49A45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 4 13a7 7 0 0 1 7-7 7 7 0 0 1 7 7c0 1.25-.33 2.42-.91 3.44M11 6v14M16.5 16.5l4 4'/%3E%3C/svg%3E") !important; } .vk-icon-theertham { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C49A45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z'/%3E%3C/svg%3E") !important; } .vk-icon-lamp { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C49A45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E") !important; } .vk-icon-charity { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C49A45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v4M4.93 4.93l2.83 2.83M2 12h4M4.93 19.07l2.83-2.83M12 18v4M19.07 19.07l-2.83-2.83M22 12h-4M19.07 4.93l-2.83 2.83M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8z'/%3E%3C/svg%3E") !important; } .vk-icon-pin { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C49A45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") !important; } .vk-icon-globe { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C49A45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E") !important; } .vk-icon-clock { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C49A45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") !important; } .vk-icon-whatsapp { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M12.031 6.172c-3.181 0-5.767 2.586-5.768 5.766-.001 1.298.38 2.27 1.019 3.287l-.582 2.128 2.182-.573c.978.58 1.911.928 3.145.929 3.178 0 5.767-2.587 5.768-5.766.001-3.187-2.575-5.77-5.764-5.771zm3.392 8.244c-.144.405-.837.774-1.17.824-.299.045-.677.063-1.092-.069-.252-.08-.575-.187-.988-.365-1.739-.751-2.874-2.502-2.961-2.617-.087-.116-.708-.94-.708-1.793s.448-1.273.607-1.446c.159-.173.346-.217.462-.217l.332.006c.106.005.249-.04.39.298.144.347.491 1.2.534 1.287.043.087.072.188.014.304-.058.116-.087.188-.173.289l-.26.304c-.087.086-.177.18-.076.354.101.174.449.741.964 1.201.662.591 1.221.774 1.394.86s.275.072.376-.043c.101-.116.433-.506.549-.68.116-.173.231-.145.39-.087s1.011.477 1.184.564.289.13.332.202c.045.072.045.419-.099.824zm-3.423-14.416c-6.627 0-12 5.373-12 12 0 2.159.57 4.184 1.564 5.939l-1.636 5.973 6.13-1.609c1.701.927 3.655 1.457 5.733 1.457 6.627 0 12-5.373 12-12s-5.373-12-12-12z'/%3E%3C/svg%3E") !important; } .vk-icon-phone { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") !important; } .vk-check-list { list-style: none !important; padding: 0 !important; margin: 0 !important; } .vk-check-list li { position: relative !important; padding-left: 32px !important; margin-bottom: 12px !important; font-size: 16px !important; line-height: 1.8 !important; color: #1F1423 !important; font-weight: 500 !important; } .vk-check-list li::before { content: "" !important; position: absolute !important; left: 0 !important; top: 5px !important; width: 20px !important; height: 20px !important; background-repeat: no-repeat !important; background-size: contain !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C49A45' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important; } /* ========================================================================== Vaitheeswaran Koil Page Guaranteed Backgrounds & High-Contrast Typography ========================================================================== */ body.page-id-574 .sivanadi-vk-hero.et_pb_section, body.page-id-574 #et-main-area .et_pb_section_0, .sivanadi-vk-hero.et_pb_section { background-color: #36023A !important; } body.page-id-574 .sivanadi-vk-sanctuary.et_pb_section, body.page-id-574 .sivanadi-vk-deities.et_pb_section, body.page-id-574 .sivanadi-vk-modes.et_pb_section, body.page-id-574 .sivanadi-vk-faq.et_pb_section, body.page-id-574 .et_pb_section_7.et_pb_section, .sivanadi-vk-sanctuary.et_pb_section, .sivanadi-vk-deities.et_pb_section, .sivanadi-vk-modes.et_pb_section, .sivanadi-vk-faq.et_pb_section { background-color: #FAF7F5 !important; } body.page-id-574 .sivanadi-vk-roots.et_pb_section, body.page-id-574 .sivanadi-vk-pariharams.et_pb_section, body.page-id-574 .sivanadi-vk-timings.et_pb_section, .sivanadi-vk-roots.et_pb_section, .sivanadi-vk-pariharams.et_pb_section, .sivanadi-vk-timings.et_pb_section { background-color: #FFFFFF !important; } body.page-id-574 .sivanadi-vk-cta.et_pb_section, body.page-id-574 .et_pb_section_8.et_pb_section, .sivanadi-vk-cta.et_pb_section { background-color: #36023A !important; } /* Guaranteed High-Contrast Typography for FAQ Section */ body.page-id-574 .sivanadi-vk-faq h2, body.page-id-574 .et_pb_section_7 h2 { color: #340338 !important; text-shadow: none !important; } body.page-id-574 .sivanadi-vk-faq p, body.page-id-574 .et_pb_section_7 p { color: #1A111E !important; } /* Guaranteed High-Contrast Typography for Final CTA Section */ body.page-id-574 .sivanadi-vk-cta h2, body.page-id-574 .et_pb_section_8 h2 { color: #FFFFFF !important; } body.page-id-574 .sivanadi-vk-cta p, body.page-id-574 .et_pb_section_8 p { color: #FAF7F5 !important; } /* ========================================================================== Home Page Guaranteed Backgrounds, High-Contrast Typography & Elements ========================================================================== */ /* Home Page FAQ Section: Always light cream with dark readable text */ body.home .sivanadi-faq-section.et_pb_section, body.page-id-8 .sivanadi-faq-section.et_pb_section, body.home .et_pb_section_11.et_pb_section, body.page-id-8 .et_pb_section_11.et_pb_section { background-color: #FAF7F5 !important; } body.home .sivanadi-faq-section h2, body.page-id-8 .sivanadi-faq-section h2, body.home .et_pb_section_11 h2, body.page-id-8 .et_pb_section_11 h2 { color: #340338 !important; text-shadow: none !important; } body.home .sivanadi-faq-section p, body.page-id-8 .sivanadi-faq-section p, body.home .et_pb_section_11 p, body.page-id-8 .et_pb_section_11 p { color: #332338 !important; } body.home .sivanadi-faq-section .sivanadi-template-badge, body.page-id-8 .sivanadi-faq-section .sivanadi-template-badge, body.home .et_pb_section_11 .sivanadi-template-badge { color: #A36A00 !important; background: rgba(196, 154, 69, 0.15) !important; border: 1px solid rgba(196, 154, 69, 0.3) !important; } /* Home Page Final CTA Section: Always deep royal purple with white & gold text */ body.home .sivanadi-final-cta.et_pb_section, body.page-id-8 .sivanadi-final-cta.et_pb_section, body.home .et_pb_section_12.et_pb_section, body.page-id-8 .et_pb_section_12.et_pb_section { background-color: #36023A !important; background-image: none !important; } body.home .sivanadi-final-cta h2, body.page-id-8 .sivanadi-final-cta h2, body.home .et_pb_section_12 h2, body.page-id-8 .et_pb_section_12 h2 { color: #FFFFFF !important; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4) !important; } body.home .sivanadi-final-cta p, body.page-id-8 .sivanadi-final-cta p, body.home .et_pb_section_12 p, body.page-id-8 .et_pb_section_12 p { color: #FAF7F5 !important; } body.home .sivanadi-final-cta .et_pb_button, body.page-id-8 .sivanadi-final-cta .et_pb_button, body.home .et_pb_section_12 .et_pb_button, body.page-id-8 .et_pb_section_12 .et_pb_button { background: #C49A45 !important; color: #FFFFFF !important; border: 2px solid #C49A45 !important; padding: 13px 32px !important; border-radius: 30px !important; font-weight: 700 !important; display: inline-block !important; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important; transition: all 0.3s ease !important; } body.home .sivanadi-final-cta .et_pb_button:hover, body.page-id-8 .sivanadi-final-cta .et_pb_button:hover { background: #A36A00 !important; border-color: #A36A00 !important; transform: translateY(-2px) !important; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4) !important; } /* Home Page Available Services Card Images: 100% natural fit, no parts hidden, no cropping */ .sivanadi-theme .sivanadi-service-card .et_pb_main_blurb_image, .sivanadi-theme .sivanadi-service-card .et_pb_main_blurb_image img, .sivanadi-theme .sivanadi-service-card .et_pb_image_wrap, .sivanadi-theme .sivanadi-service-card img { opacity: 1 !important; visibility: visible !important; display: block !important; border-radius: 14px !important; width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: auto !important; object-fit: contain !important; margin-bottom: 16px !important; box-shadow: 0 4px 18px rgba(65, 4, 69, 0.08) !important; } /* Home Page WhatsApp Quick Booking Form Styling */ .quick-booking-form { max-width: 720px; margin: 20px auto 30px; background: #ffffff; padding: 38px 40px 34px; border-radius: 20px; border: 1px solid rgba(65, 4, 69, 0.10); box-shadow: 0 12px 35px rgba(65, 4, 69, 0.08); } .quick-booking-form h3 { margin: 0 0 22px; font-size: 24px; font-weight: 700; color: #410445; text-align: center; letter-spacing: 0.02em; } .quick-booking-form form { display: flex; flex-direction: column; gap: 16px; } .quick-booking-form .form-row { display: flex; gap: 16px; width: 100%; } .quick-booking-form .form-row.full-width { flex-direction: column; gap: 6px; } .quick-booking-form .form-label { font-size: 13.5px; font-weight: 600; color: #410445; margin-bottom: 2px; } .quick-booking-form input, .quick-booking-form select { width: 100%; padding: 13px 16px; font-size: 15px; font-family: inherit; color: #2A112B; background: #FAF7F5; border: 1.5px solid rgba(65, 4, 69, 0.14); border-radius: 10px; transition: all 0.25s ease; box-sizing: border-box; } .quick-booking-form input:focus, .quick-booking-form select:focus { background: #ffffff; border-color: #410445; outline: none; box-shadow: 0 0 0 3px rgba(65, 4, 69, 0.12); } .quick-booking-form .fee-badge-container { display: flex; align-items: center; justify-content: space-between; background: #FAF7F5; border: 1.5px dashed #C49A45; border-radius: 10px; padding: 12px 20px; margin-top: 4px; } .quick-booking-form .fee-badge-label { font-weight: 600; font-size: 15px; color: #410445; } .quick-booking-form .fee-badge-val { font-weight: 700; font-size: 19px; color: #A36A00; } .quick-booking-form .wa-submit-btn { width: 100%; padding: 15px 24px; background: linear-gradient(135deg, #25D366 0%, #1EBE5D 100%); color: #ffffff; font-size: 16.5px; font-weight: 700; letter-spacing: 0.02em; border: none; border-radius: 10px; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 10px; box-shadow: 0 6px 20px rgba(37, 211, 102, 0.35); transition: all 0.25s ease; margin-top: 6px; } .quick-booking-form .wa-submit-btn:hover { background: linear-gradient(135deg, #20BD5A 0%, #169E4C 100%); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(37, 211, 102, 0.45); } @media (max-width: 640px) { .quick-booking-form { padding: 24px 18px; } .quick-booking-form .form-row { flex-direction: column; gap: 12px; } } /* ========================================================================== Dedicated Enquiry Page Layout & Component Styling ========================================================================== */ .sivanadi-page-enquiry-card { background: #ffffff; padding: 38px 40px; border-radius: 20px; border: 1px solid rgba(65, 4, 69, 0.10); box-shadow: 0 12px 36px rgba(65, 4, 69, 0.08); } .sivanadi-page-enquiry-card .card-header-badge h3 { font-size: 26px; font-weight: 700; color: #410445; margin: 0 0 8px; } .sivanadi-page-enquiry-card .card-header-badge p { font-size: 15px; color: #665067; margin: 0 0 24px; line-height: 1.6; } .sivanadi-detailed-form { display: flex; flex-direction: column; gap: 18px; } .sivanadi-detailed-form .form-row-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .sivanadi-detailed-form .form-group { display: flex; flex-direction: column; gap: 6px; } .sivanadi-detailed-form label { font-size: 14px; font-weight: 600; color: #410445; } .sivanadi-detailed-form label .req { color: #c42b2b; } .sivanadi-detailed-form input, .sivanadi-detailed-form select, .sivanadi-detailed-form textarea { width: 100%; padding: 13px 16px; font-size: 15px; font-family: inherit; color: #2A112B; background: #FAF7F5; border: 1.5px solid rgba(65, 4, 69, 0.14); border-radius: 10px; transition: all 0.25s ease; box-sizing: border-box; } .sivanadi-detailed-form input:focus, .sivanadi-detailed-form select:focus, .sivanadi-detailed-form textarea:focus { background: #ffffff; border-color: #410445; outline: none; box-shadow: 0 0 0 3px rgba(65, 4, 69, 0.12); } .enquiry-fee-box { display: flex; align-items: center; justify-content: space-between; background: #FAF7F5; border: 1.5px dashed #C49A45; border-radius: 12px; padding: 16px 22px; gap: 16px; } .enquiry-fee-box .fee-title { display: block; font-size: 16px; font-weight: 700; color: #410445; } .enquiry-fee-box .fee-desc { display: block; font-size: 13px; color: #665067; margin-top: 3px; } .enquiry-fee-box .fee-amount { font-size: 26px; font-weight: 800; color: #A36A00; white-space: nowrap; } .btn-whatsapp-submit { width: 100%; padding: 16px 26px; background: linear-gradient(135deg, #25D366 0%, #1EBE5D 100%); color: #ffffff; font-size: 17px; font-weight: 700; letter-spacing: 0.02em; border: none; border-radius: 12px; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 10px; box-shadow: 0 8px 24px rgba(37, 211, 102, 0.38); transition: all 0.25s ease; margin-top: 8px; } .btn-whatsapp-submit:hover { background: linear-gradient(135deg, #20BD5A 0%, #169E4C 100%); transform: translateY(-2px); box-shadow: 0 10px 28px rgba(37, 211, 102, 0.48); } .privacy-note { font-size: 13px; color: #88728A; text-align: center; margin: 10px 0 0; } /* Sidebar Info Cards */ .sivanadi-sidebar-wrap { display: flex; flex-direction: column; gap: 20px; } .sivanadi-info-card { background: #ffffff; border-radius: 18px; padding: 26px 28px; border: 1px solid rgba(65, 4, 69, 0.08); box-shadow: 0 8px 25px rgba(65, 4, 69, 0.05); } .sivanadi-info-card h4 { font-size: 19px; font-weight: 700; color: #410445; margin: 0 0 10px; } .sivanadi-info-card p { font-size: 14.5px; line-height: 1.65; color: #553D57; margin: 0 0 12px; } .sivanadi-info-card .card-icon-round { font-size: 28px; margin-bottom: 8px; } .sidebar-contact-btn { display: inline-block; background: #410445; color: #ffffff !important; padding: 10px 22px; border-radius: 8px; font-weight: 700; font-size: 16px; text-decoration: none; transition: all 0.25s ease; } .sidebar-contact-btn:hover { background: #5A0860; transform: translateY(-2px); } .timing-badge { display: block; margin-top: 10px; font-size: 13px; color: #88728A; font-weight: 600; } .steps-mini-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 16px; } .steps-mini-list li { display: flex; align-items: flex-start; gap: 14px; } .steps-mini-list .step-num { flex: 0 0 32px; width: 32px; height: 32px; background: #410445; color: #FAF7F5; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; margin-top: 2px; } .steps-mini-list strong { font-size: 15px; color: #410445; display: block; margin-bottom: 2px; } .steps-mini-list p { font-size: 13.5px; color: #665067; margin: 0; line-height: 1.5; } /* Home Page Enquiry Section Hover Effects */ .sivanadi-btn-enquiry-now:hover { background: linear-gradient(135deg, #5A0860 0%, #340338 100%) !important; transform: translateY(-2px); box-shadow: 0 10px 28px rgba(65, 4, 69, 0.35) !important; } .sivanadi-btn-wa:hover { background: linear-gradient(135deg, #20BD5A 0%, #169E4C 100%) !important; transform: translateY(-2px); box-shadow: 0 10px 28px rgba(37, 211, 102, 0.40) !important; } @media (max-width: 767px) { .sivanadi-page-enquiry-card { padding: 24px 18px; } .sivanadi-detailed-form .form-row-2col { grid-template-columns: 1fr; } } /* Available Services Section Column Card Styling */ .sivanadi-theme .sivanadi-services-cards-row .sivanadi-service-col, .sivanadi-services-cards-row .sivanadi-service-col { padding: 24px 24px 28px 24px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; background-color: #FFFFFF !important; border-radius: 16px !important; box-shadow: 0 8px 24px rgba(65, 4, 69, 0.06) !important; border: 1px solid rgba(65, 4, 69, 0.08) !important; box-sizing: border-box !important; transition: all 0.3s ease !important; } .sivanadi-theme .sivanadi-services-cards-row .sivanadi-service-col:hover, .sivanadi-services-cards-row .sivanadi-service-col:hover { transform: translateY(-4px) !important; box-shadow: 0 14px 34px rgba(65, 4, 69, 0.12) !important; } .sivanadi-service-col .sivanadi-service-card { background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; flex: 1 1 auto !important; margin-bottom: 20px !important; } .sivanadi-service-col .et_pb_button_wrapper, .sivanadi-service-col > .et_pb_button { margin-top: auto !important; align-self: flex-start !important; } /* Divi Text Module Paragraph Inheritance (Allows Divi Text Color & Font Size Settings to take effect) */ .et_pb_text p { color: inherit; } /* Siva Nadi Astrology Page - Purpose Section Blurbs (Exact Match to User Box 1) */ .sivanadi-purpose-section .et_pb_blurb, .sivanadi-purpose-blurb, .et_pb_section.sivanadi-purpose-section .et_pb_blurb { background-color: #5b1263 !important; border-radius: 12px !important; padding: 18px 18px 18px 18px !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; } .sivanadi-purpose-section .et_pb_blurb:hover, .sivanadi-purpose-blurb:hover { transform: translateY(-3px) !important; box-shadow: 0 8px 24px rgba(91, 18, 99, 0.3) !important; } .sivanadi-purpose-section .et_pb_blurb .et-pb-icon, .sivanadi-purpose-blurb .et-pb-icon, .et_pb_section.sivanadi-purpose-section .et_pb_blurb .et-pb-icon { color: #FFFFFF !important; font-size: 32px !important; display: inline-block !important; opacity: 1 !important; visibility: visible !important; } .sivanadi-purpose-section .et_pb_blurb .et_pb_module_header, .sivanadi-purpose-section .et_pb_blurb .et_pb_module_header span, .sivanadi-purpose-section .et_pb_blurb .et_pb_module_header a, .sivanadi-purpose-blurb .et_pb_module_header, .sivanadi-purpose-blurb .et_pb_module_header span, .sivanadi-purpose-blurb .et_pb_module_header a { color: #FFFFFF !important; font-size: 18px !important; font-weight: 700 !important; margin-bottom: 6px !important; line-height: 1.35 !important; } .sivanadi-purpose-section .et_pb_blurb .et_pb_blurb_description, .sivanadi-purpose-section .et_pb_blurb .et_pb_blurb_description p, .sivanadi-purpose-blurb .et_pb_blurb_description, .sivanadi-purpose-blurb .et_pb_blurb_description p { color: #FFFFFF !important; font-size: 16px !important; line-height: 1.6 !important; margin: 0 !important; } /* Siva Nadi Astrology Page - Why Choose Us Cards (Exact Match to User Box 1) */ .sivanadi-why-section .et_pb_column, .sivanadi-why-card { background-color: #FFFFFF !important; border-radius: 14px !important; padding: 24px 20px 22px 20px !important; box-shadow: 0 4px 20px rgba(65, 4, 69, 0.05) !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; } .sivanadi-why-section .et_pb_column:hover, .sivanadi-why-card:hover { transform: translateY(-3px) !important; box-shadow: 0 10px 28px rgba(65, 4, 69, 0.12) !important; } .sivanadi-why-section .et_pb_column h4, .sivanadi-why-card h4 { color: #410445 !important; font-size: 18px !important; font-weight: 700 !important; margin-bottom: 6px !important; line-height: 1.35 !important; } .sivanadi-why-section .et_pb_column p, .sivanadi-why-card p { color: #000000 !important; font-size: 16px !important; line-height: 1.6 !important; margin: 0 !important; } /* ========================================================================== INTER NUMERIC TYPOGRAPHY (0-9, Prices, Dates, Phone Numbers) ========================================================================== */ body, h1, h2, h3, h4, h5, h6, p, span, a, li, button, td, th, input { font-feature-settings: "tnum" 1; } /* Explicit class for elements containing numbers/prices */ .sivanadi-number, .sivanadi-price, .sivanadi-phone, .price-val, .fee-val, .entry-price { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; font-feature-settings: "tnum" 1; } /* ========================================================================== PRIMARY MENU - DESKTOP SINGLE LINE ALIGNMENT & GTRANSLATE ========================================================================== */ @media (min-width: 981px) { .et_pb_menu .et-menu-nav > ul { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; justify-content: flex-end !important; } .et_pb_menu .et-menu-nav > ul > li { padding-left: 4px !important; padding-right: 4px !important; } .et_pb_menu .et-menu-nav > ul > li > a { font-size: 14px !important; padding-left: 4px !important; padding-right: 4px !important; white-space: nowrap !important; } /* Submenu down chevron arrow on parent items (Generous 8px separation, no merging) */ .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children > a { display: inline-flex !important; align-items: center !important; position: relative !important; padding-left: 4px !important; padding-right: 4px !important; } .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children > a:after, .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children > a:first-child:after { content: '' !important; display: inline-block !important; position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: 4.5px !important; height: 4.5px !important; border-right: 1.6px solid currentColor !important; border-bottom: 1.6px solid currentColor !important; border-top: none !important; border-left: none !important; transform: rotate(45deg) !important; margin-left: 8px !important; margin-right: 2px !important; margin-top: -3px !important; margin-bottom: 0 !important; flex-shrink: 0 !important; font-family: inherit !important; pointer-events: none !important; opacity: 0.85 !important; transition: transform 0.25s ease, border-color 0.2s ease !important; } .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children:hover > a:after, .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children:hover > a:first-child:after { transform: rotate(-135deg) !important; margin-top: 2px !important; border-color: #ba7500 !important; opacity: 1 !important; } } /* Desktop GTranslate Item - Text format matching other links, NOT a button */ .et_pb_menu .et-menu-nav li.menu-item-gtranslate { display: inline-flex !important; align-items: center !important; position: relative !important; margin-left: 4px !important; } .et_pb_menu .et-menu-nav li.menu-item-gtranslate > a { display: inline-flex !important; align-items: center !important; padding: 0 4px !important; background: transparent !important; border: none !important; border-radius: 0 !important; color: #2C022F !important; font-size: 14px !important; font-weight: 700 !important; box-shadow: none !important; transition: color 0.2s ease !important; } .et_pb_menu .et-menu-nav li.menu-item-gtranslate > a:hover { background: transparent !important; color: #ba7500 !important; border: none !important; } /* Dropdown list for languages - Scrollable Standard Dropdown matching website theme */ .et_pb_menu .et-menu-nav li.menu-item-gtranslate ul.sub-menu { top: 100% !important; right: 0 !important; left: auto !important; min-width: 180px !important; max-height: 380px !important; overflow-y: auto !important; background-color: #FFFFFF !important; border-top: 3px solid #410445 !important; box-shadow: 0 10px 30px rgba(65, 4, 69, 0.15) !important; border-radius: 0 0 8px 8px !important; padding: 6px 0 !important; z-index: 99999 !important; scrollbar-width: thin !important; scrollbar-color: #D8C3B0 #FAF7F5 !important; } .et_pb_menu .et-menu-nav li.menu-item-gtranslate ul.sub-menu::-webkit-scrollbar { width: 6px !important; } .et_pb_menu .et-menu-nav li.menu-item-gtranslate ul.sub-menu::-webkit-scrollbar-track { background: #FAF7F5 !important; } .et_pb_menu .et-menu-nav li.menu-item-gtranslate ul.sub-menu::-webkit-scrollbar-thumb { background: #D8C3B0 !important; border-radius: 3px !important; } .et_pb_menu .et-menu-nav li.menu-item-gtranslate ul.sub-menu li { padding: 0 !important; margin: 0 !important; } .et_pb_menu .et-menu-nav li.menu-item-gtranslate ul.sub-menu li a { padding: 8px 18px !important; font-size: 14px !important; color: #2C022F !important; font-weight: 600 !important; display: block !important; line-height: 1.4 !important; transition: background 0.15s ease, color 0.15s ease !important; text-align: left !important; } .et_pb_menu .et-menu-nav li.menu-item-gtranslate ul.sub-menu li a:hover, .et_pb_menu .et-menu-nav li.menu-item-gtranslate ul.sub-menu li a.gt-current-lang { background: #FAF7F5 !important; color: #ba7500 !important; } /* Mobile Menu GTranslate Display */ .et_mobile_menu li.menu-item-gtranslate { border-top: 1px solid rgba(255, 255, 255, 0.15) !important; padding: 8px 14px !important; } .et_mobile_menu li.menu-item-gtranslate > a { color: #F3E5AB !important; font-weight: 700 !important; } .et_mobile_menu li.menu-item-gtranslate ul.sub-menu { display: block !important; background: rgba(0, 0, 0, 0.2) !important; padding: 6px 12px !important; margin-top: 6px !important; } .et_mobile_menu li.menu-item-gtranslate ul.sub-menu li a { color: #FFFFFF !important; padding: 6px 0 !important; font-size: 14px !important; } /* ========================================================================== FEES STRUCTURE PAGE & NADI PAGES ENHANCEMENTS ========================================================================== */ .sivanadi-fees-card { background: #FFFFFF !important; border-radius: 16px !important; padding: 30px 24px !important; box-shadow: 0 6px 24px rgba(65, 4, 69, 0.07) !important; border: 1px solid #F1E5E7 !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; } .sivanadi-fees-card:hover { transform: translateY(-4px) !important; box-shadow: 0 12px 32px rgba(65, 4, 69, 0.12) !important; } .sivanadi-entry-pill { display: inline-block; padding: 4px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; } .sivanadi-entry-pill-offline { background: #E8F5E9; color: #2E7D32; } .sivanadi-entry-pill-online { background: #E3F2FD; color: #1565C0; } /* Sidebar Column Layout (Image + Consultation Fee Card) */ .et_pb_column > .et_pb_image { flex: 0 0 auto !important; height: auto !important; margin-bottom: 20px !important; } .et_pb_column > .et_pb_image .et_pb_image_wrap { display: block !important; width: 100% !important; height: auto !important; margin-bottom: 0 !important; } .et_pb_column > .et_pb_image img { display: block !important; width: 100% !important; height: auto !important; } /* Consultation Fee Card Container - Auto height, generous bottom padding, no bleed */ .et_pb_text[admin_label*="Consultation Fee Card"], .et_pb_column .et_pb_text:has(.sivanadi-card-btn), .et_pb_module:has(.sivanadi-card-btn) { flex: 0 0 auto !important; height: auto !important; min-height: auto !important; max-height: none !important; padding: 28px 24px 30px 24px !important; box-sizing: border-box !important; margin-bottom: 0 !important; overflow: visible !important; } .et_pb_text[admin_label*="Consultation Fee Card"] .et_pb_text_inner, .et_pb_column .et_pb_text:has(.sivanadi-card-btn) .et_pb_text_inner { padding-bottom: 0 !important; } /* Consultation Fee Card Action Buttons (Centered, sleek & compact) */ .sivanadi-card-btn { display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding: 9px 18px !important; border-radius: 24px !important; font-weight: 600 !important; font-size: 13.5px !important; text-decoration: none !important; margin: 0 0 8px 0 !important; line-height: 1.3 !important; min-height: 38px !important; transition: all 0.25s ease !important; } .sivanadi-card-btn-wa { background-color: #25D366 !important; color: #FFFFFF !important; border: none !important; box-shadow: 0 3px 10px rgba(37, 211, 102, 0.25) !important; font-weight: 700 !important; } .sivanadi-card-btn-wa:hover { background-color: #20BD5A !important; color: #FFFFFF !important; transform: translateY(-2px) !important; box-shadow: 0 5px 14px rgba(37, 211, 102, 0.35) !important; } .sivanadi-card-btn-link { background-color: #FAF7F5 !important; border: 1px solid #D8C3B0 !important; color: #410445 !important; font-size: 12.5px !important; font-weight: 600 !important; padding: 7px 14px !important; min-height: 34px !important; border-radius: 20px !important; } .sivanadi-card-btn-link:hover { background-color: #410445 !important; color: #F3E5AB !important; border-color: #410445 !important; } /* ========================================================================== OUR BRANCHES SECTION (ROYAL THEME FORMAT) ========================================================================== */ .our-branches-section { background: #FAF7F5 !important; padding: 70px 20px !important; border-top: 1px solid #EDE3DC !important; } .our-branches-container { max-width: 1200px !important; margin: 0 auto !important; } .our-branches-title { text-align: center !important; margin-bottom: 50px !important; } .our-branches-title .sivanadi-chapter-badge { display: inline-block !important; background: rgba(65, 4, 69, 0.08) !important; color: #410445 !important; font-size: 13px !important; font-weight: 700 !important; padding: 6px 18px !important; border-radius: 20px !important; margin-bottom: 12px !important; letter-spacing: 0.5px !important; } .our-branches-title h2 { color: #410445 !important; font-size: 38px !important; font-weight: 700 !important; margin: 0 0 12px 0 !important; line-height: 1.25 !important; } .our-branches-title .sivanadi-gold-divider { display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; margin: 14px auto !important; } .our-branches-title .sivanadi-gold-divider:before, .our-branches-title .sivanadi-gold-divider:after { content: '' !important; width: 60px !important; height: 1.5px !important; background: #BA7500 !important; } .our-branches-title .sivanadi-gold-divider span { color: #BA7500 !important; font-size: 16px !important; letter-spacing: 2px !important; } .our-branches-title p { color: #666666 !important; font-size: 16px !important; max-width: 650px !important; margin: 0 auto !important; line-height: 1.6 !important; } .branch-category { margin-bottom: 55px !important; } .branch-category:last-child { margin-bottom: 0 !important; } .branch-category-title { text-align: center !important; margin-bottom: 32px !important; position: relative !important; } .branch-category-title h3 { color: #410445 !important; font-size: 26px !important; font-weight: 700 !important; margin: 0 !important; display: inline-block !important; position: relative !important; padding-bottom: 10px !important; } .branch-category-title h3:after { content: '' !important; position: absolute !important; bottom: 0 !important; left: 50% !important; transform: translateX(-50%) !important; width: 50px !important; height: 3px !important; background: #BA7500 !important; border-radius: 2px !important; } .branches-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 28px !important; } .branch-category:first-of-type .branches-grid { grid-template-columns: repeat(2, 1fr) !important; max-width: 900px !important; margin: 0 auto !important; } .branch-card { background: #FFFFFF !important; border-radius: 16px !important; border: 1px solid #EDE3DC !important; border-top: 4px solid #410445 !important; padding: 28px 24px !important; box-shadow: 0 6px 20px rgba(65, 4, 69, 0.05) !important; display: flex !important; flex-direction: column !important; transition: transform 0.3s ease, box-shadow 0.3s ease, border-top-color 0.3s ease !important; box-sizing: border-box !important; } .branch-card:hover { transform: translateY(-5px) !important; box-shadow: 0 14px 32px rgba(65, 4, 69, 0.12) !important; border-top-color: #BA7500 !important; } .branch-card h4 { color: #410445 !important; font-size: 20px !important; font-weight: 700 !important; margin: 0 0 16px 0 !important; padding-bottom: 12px !important; border-bottom: 1px dashed #EAE0D6 !important; line-height: 1.35 !important; } .branch-info { margin-bottom: 14px !important; } .branch-info:last-of-type { margin-bottom: 0 !important; } .branch-info-label { display: inline-block !important; color: #BA7500 !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; margin-bottom: 4px !important; } .branch-info-text { color: #333333 !important; font-size: 15px !important; line-height: 1.6 !important; word-break: break-word !important; } .branch-info-text a { color: #410445 !important; font-weight: 600 !important; text-decoration: none !important; transition: color 0.2s ease !important; } .branch-info-text a:hover { color: #BA7500 !important; text-decoration: underline !important; } .branch-location { margin-top: auto !important; padding-top: 22px !important; } .branch-location a { display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: 100% !important; box-sizing: border-box !important; padding: 12px 20px !important; background: #410445 !important; color: #FFFFFF !important; border: 1px solid #410445 !important; border-radius: 25px !important; font-size: 14px !important; font-weight: 700 !important; text-decoration: none !important; box-shadow: 0 4px 14px rgba(65, 4, 69, 0.18) !important; transition: all 0.25s ease !important; } .branch-location a:hover { background: #BA7500 !important; border-color: #BA7500 !important; color: #FFFFFF !important; transform: translateY(-2px) !important; box-shadow: 0 6px 18px rgba(186, 117, 0, 0.3) !important; } @media only screen and (max-width: 980px) { .our-branches-section { padding: 50px 16px !important; } .branches-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 20px !important; } .branch-category:first-of-type .branches-grid { grid-template-columns: repeat(2, 1fr) !important; } } @media only screen and (max-width: 767px) { .our-branches-section { padding: 40px 12px !important; } .our-branches-title h2 { font-size: 28px !important; } .branches-grid, .branch-category:first-of-type .branches-grid { grid-template-columns: 1fr !important; gap: 18px !important; } .branch-card { padding: 22px 18px !important; } } /* ========================================================================== UNIVERSAL EQUALIZED COLUMNS & MULTI-COLUMN CARD HEIGHTS ========================================================================== */ @media (min-width: 981px) { .et_pb_row.et_pb_equal_columns, .et-db #et-boc .et-l .et_pb_row.et_pb_equal_columns, .sivanadi-equal-row, .sivanadi-choose-row, .sivanadi-pred-grid-row { display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; } .et_pb_row.et_pb_equal_columns > .et_pb_column, .et-db #et-boc .et-l .et_pb_row.et_pb_equal_columns > .et_pb_column, .sivanadi-equal-col, .sivanadi-choose-col, .sivanadi-pred-col { display: flex !important; flex-direction: column !important; justify-content: stretch !important; } .et_pb_row.et_pb_equal_columns > .et_pb_column > .et_pb_module, .et_pb_row.et_pb_equal_columns > .et_pb_column > .et_pb_text, .et_pb_row.et_pb_equal_columns > .et_pb_column > .et_pb_blurb, .et_pb_row.et_pb_equal_columns > .et_pb_column > div, .sivanadi-equal-col > .et_pb_module, .sivanadi-equal-col > div { flex: 1 1 100% !important; display: flex !important; flex-direction: column !important; height: 100% !important; box-sizing: border-box !important; } .et_pb_row.et_pb_equal_columns > .et_pb_column .et_pb_text_inner, .et_pb_row.et_pb_equal_columns > .et_pb_column .et_pb_text_inner > div, .et_pb_row.et_pb_equal_columns > .et_pb_column .et_pb_blurb_content, .sivanadi-equal-col .et_pb_text_inner, .sivanadi-equal-col .et_pb_text_inner > div { flex: 1 1 100% !important; display: flex !important; flex-direction: column !important; height: 100% !important; box-sizing: border-box !important; } /* Keep button/link wrappers cleanly pinned to card bottoms */ .et_pb_row.et_pb_equal_columns > .et_pb_column .et_pb_button_wrapper, .et_pb_row.et_pb_equal_columns > .et_pb_column .sivanadi-card-cta, .sivanadi-equal-col .et_pb_button_wrapper, .sivanadi-equal-col .sivanadi-card-cta { margin-top: auto !important; } } /* ========================================================================== NAVAGRAHA PAGE (THE NINE DIVINE PLANETS) STYLING ========================================================================== */ .sivanadi-navagraha-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 22px !important; width: 100% !important; } @media (max-width: 980px) { .sivanadi-navagraha-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 18px !important; } } @media (max-width: 600px) { .sivanadi-navagraha-grid { grid-template-columns: 1fr !important; gap: 16px !important; } } .sivanadi-planet-card { background: #FFFFFF !important; border-radius: 14px !important; padding: 24px 22px !important; border: 1px solid #EDE3DC !important; box-shadow: 0 4px 18px rgba(65, 4, 69, 0.05) !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; transition: all 0.3s ease !important; height: 100% !important; box-sizing: border-box !important; } .sivanadi-planet-card:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 28px rgba(65, 4, 69, 0.12) !important; border-color: #C49A45 !important; } .sivanadi-planet-header { display: flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 12px !important; padding-bottom: 10px !important; border-bottom: 1px solid #F5EFE9 !important; } .sivanadi-planet-icon { width: 44px !important; height: 44px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 22px !important; flex-shrink: 0 !important; } .sivanadi-planet-title { font-size: 19px !important; font-weight: 700 !important; color: #410445 !important; line-height: 1.3 !important; margin: 0 !important; } .sivanadi-planet-domain { font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.6px !important; color: #A36A00 !important; margin-top: 2px !important; } .sivanadi-planet-desc { font-size: 16px !important; line-height: 1.75 !important; color: #000000 !important; text-align: justify !important; text-justify: inter-word !important; margin: 0 !important; flex: 1 1 auto !important; } /* Temple associations table */ .sivanadi-temple-table { width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 4px 20px rgba(65, 4, 69, 0.08) !important; border: 1px solid #EDE3DC !important; } .sivanadi-temple-table th { background: #410445 !important; color: #FFFFFF !important; padding: 14px 20px !important; font-size: 15px !important; font-weight: 700 !important; text-align: left !important; letter-spacing: 0.3px !important; } .sivanadi-temple-table td { padding: 12px 20px !important; font-size: 15px !important; color: #2A112B !important; border-bottom: 1px solid #F5EFE9 !important; } .sivanadi-temple-table tr:last-child td { border-bottom: none !important; } .sivanadi-temple-table tr:nth-child(even) td { background: #FAF7F5 !important; } .sivanadi-temple-table tr:hover td { background: #F8EEF8 !important; }