/* ========================================================================== RAVEN & LOTUS LLC | MOON GARDEN WIX STUDIO CUSTOM CSS (global.css) ========================================================================== */ /* 1. BRAND DESIGN SYSTEM VARIABLES */ :root { /* Primary Canvas & Card Palette */ --rl-indigo-dark: #1B2A4A; --rl-indigo-surface: rgba(27, 42, 74, 0.82); --rl-violet-glow: rgba(59, 45, 84, 0.6); /* Metallic & Earth Accents */ --rl-silver-moon: #E2E8F0; --rl-silver-border: rgba(226, 232, 240, 0.18); --rl-moss-green: #2A3B2C; --rl-amber-main: #B45309; --rl-amber-light: #F59E0B; --rl-amber-glow: rgba(180, 83, 9, 0.3); --rl-obsidian-dark: #0F172A; /* Typography & Layout */ --rl-font-heading: 'Cinzel', 'Cormorant Garamond', Georgia, serif; --rl-font-body: 'Inter', 'Montserrat', -apple-system, sans-serif; --rl-radius-card: 14px; --rl-radius-btn: 8px; --rl-transition-smooth: all 0.35s cubic-bezier(0.16, 1, 0.3, 1); } /* 2. GLOBAL TYPOGRAPHY OVERRIDES */ h1, h2, h3, .rl-heading { font-family: var(--rl-font-heading) !important; letter-spacing: -0.02em !important; } body, p, input, select, textarea, button { font-family: var(--rl-font-body); } /* 3. MOON GARDEN GLASSMORPHIC GATEWAY CARDS */ .rl-moon-card { background: var(--rl-indigo-surface) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; border: 1px solid var(--rl-silver-border) !important; border-radius: var(--rl-radius-card) !important; padding: 2.5rem 2rem !important; transition: var(--rl-transition-smooth) !important; box-shadow: 0 10px 40px 0 rgba(15, 23, 42, 0.45) !important; position: relative; overflow: hidden; } .rl-moon-card:hover { transform: translateY(-8px) !important; border-color: rgba(245, 158, 11, 0.5) !important; box-shadow: 0 20px 50px 0 var(--rl-amber-glow) !important; } /* Accent Solstice Line on Card Hover */ .rl-moon-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg, var(--rl-silver-moon), var(--rl-amber-light)); opacity: 0; transition: var(--rl-transition-smooth); } .rl-moon-card:hover::before { opacity: 1; } /* 4. GLOWING AMBER GRADIENT TEXT */ .rl-gradient-text { background: linear-gradient(135deg, #FFFFFF 0%, #E2E8F0 40%, #F59E0B 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; display: inline-block !important; } /* 5. LIVE CLINICAL AVAILABILITY PULSE INDICATOR */ .rl-pulse-dot { width: 10px; height: 10px; background-color: #10B981; border-radius: 50%; display: inline-block; position: relative; margin-right: 8px; vertical-align: middle; } .rl-pulse-dot::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #10B981; border-radius: 50%; animation: rl-pulse-ring 1.8s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; } @keyframes rl-pulse-ring { 0% { transform: scale(0.95); opacity: 0.8; } 50% { transform: scale(2.4); opacity: 0; } 100% { transform: scale(0.95); opacity: 0; } } /* 6. PRIMARY & SECONDARY BUTTON STYLES */ .rl-btn-primary { background: linear-gradient(135deg, #B45309 0%, #D97706 100%) !important; color: #FFFFFF !important; border: none !important; border-radius: var(--rl-radius-btn) !important; padding: 0.875rem 1.75rem !important; font-weight: 600 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; font-size: 0.85rem !important; transition: var(--rl-transition-smooth) !important; box-shadow: 0 4px 16px rgba(180, 83, 9, 0.35) !important; cursor: pointer; } .rl-btn-primary:hover { background: linear-gradient(135deg, #D97706 0%, #F59E0B 100%) !important; box-shadow: 0 6px 24px rgba(245, 158, 11, 0.5) !important; transform: translateY(-2px) !important; } .rl-btn-secondary { background: transparent !important; color: var(--rl-silver-moon) !important; border: 1px solid var(--rl-silver-border) !important; border-radius: var(--rl-radius-btn) !important; padding: 0.875rem 1.75rem !important; font-weight: 500 !important; transition: var(--rl-transition-smooth) !important; cursor: pointer; } .rl-btn-secondary:hover { border-color: var(--rl-amber-main) !important; color: var(--rl-amber-light) !important; background: rgba(255, 255, 255, 0.04) !important; } /* 7. FORM INPUT & TEXTAREA OVERRIDES */ .rl-form-input, .rl-form-textarea { background: rgba(15, 23, 42, 0.7) !important; border: 1px solid var(--rl-silver-border) !important; border-radius: 6px !important; color: var(--rl-silver-moon) !important; padding: 0.75rem 1rem !important; font-size: 0.95rem !important; transition: var(--rl-transition-smooth) !important; } .rl-form-input:focus, .rl-form-textarea:focus { outline: none !important; border-color: var(--rl-amber-main) !important; box-shadow: 0 0 0 3px rgba(180, 83, 9, 0.25) !important; background: rgba(27, 42, 74, 0.85) !important; } /* 8. BOTANICAL PILL BADGES */ .rl-badge-moss { background: var(--rl-moss-green) !important; color: #E2E8F0 !important; border: 1px solid rgba(226, 232, 240, 0.2) !important; padding: 0.35rem 0.85rem !important; border-radius: 9999px !important; font-size: 0.75rem !important; font-weight: 600 !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; } /* 9. MOBILE RESPONSIVE BREAKPOINTS */ @media (max-width: 768px) { .rl-moon-card { padding: 1.5rem 1.25rem !important; margin-bottom: 1.25rem !important; } .rl-gradient-text { font-size: 2.1rem !important; line-height: 1.2 !important; } .rl-btn-primary, .rl-btn-secondary { width: 100% !important; text-align: center !important; } } .rl-moon-card { background: rgba(27, 42, 74, 0.82) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; border: 1px solid rgba(226, 232, 240, 0.18) !important; border-radius: 14px !important; }

Active Intake Availability — Traverse City Office & Statewide Michigan Telehealth Clinical Intake: (231) 447-1303 | Owner: Melanie Villanueva, LMSW

Book Consultation

import wixForms from 'wix-forms'; $w.onReady(function () { // Target B2B Strategy Lead Capture Form const strategyForm = $w('#b2bStrategyForm'); if (strategyForm) { strategyForm.onWixFormSubmit((event) => { event.fields.forEach((field) => { if (typeof field.fieldValue === 'string') { field.fieldValue = field.fieldValue.trim(); } }); console.log('Strategy form submission sanitized.'); }); } // Target B2B Employee Benefit Proposal Form const benefitForm = $w('#b2bBenefitForm'); if (benefitForm) { benefitForm.onWixFormSubmit((event) => { event.fields.forEach((field) => { if (typeof field.fieldValue === 'string') { field.fieldValue = field.fieldValue.trim(); } }); console.log('Benefit form submission sanitized.'); }); } });

top of page

Explore our services and get in touch

Our Services

01.
B2B Systems Strategy
This service offers comprehensive consulting to help organizations develop and implement effective B2B systems strategies. It includes policy formulation, technology integration, and process optimization to enhance operational efficiency and partner collaboration. Designed to attract healthcare and corporate clients seeking strategic guidance.
02.
Employee Mental Health Retainer
This retainer-based service provides companies with ongoing access to mental health benefits for their employees, including counseling, workshops, and support resources. It aims to improve workplace well-being, reduce stress, and promote a healthier organizational culture. Ideal for enterprises seeking continuous mental health support programs.
03.
Outpatient Psychotherapy
This service provides personalized outpatient psychotherapy sessions tailored to individual needs, fostering mental wellness and resilience. It includes one-on-one therapy, assessments, and follow-up care conducted by licensed mental health professionals. Aimed at consumers seeking accessible mental health treatment.

bottom of page