/* ========================================================================== 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
Raven & Lotus Logo 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

Available Online

Service Title

Summarize what's great about your service. To edit a service's subtitle, click Manage Services and select a service.

Service Location

Available spots


Service Description

Tell clients about what you’re offering and encourage them to book. To add a description, click Manage Services and select a service. Once you’ve created a service, Preview your site to see how it will appear for your clients.


Upcoming Sessions

  • Monday, Oct 12
    • 45 minutes
      Staff Member

  • Tuesday, Oct 13
    • 45 minutes
      Staff Member

  • Wednesday, Oct 14
    • 45 minutes
      Staff Member

  • Thursday, Oct 15
    • 45 minutes
      Staff Member

  • Friday, Oct 16
    • 45 minutes
      Staff Member

  • Saturday, Oct 17
    • 45 minutes
      Staff Member

  • Sunday, Oct 18
    • 45 minutes
      Staff Member

Cancellation Policy

Let clients know when services open and close for bookings and how they can cancel or reschedule. To set it up, go to Booking Settings > Booking Policy in your dashboard.


Contact Details

1-234-567890

example@email.com

121 Address Road


bottom of page