/* ── GOOGLE FONTS IMPORT ── */ @import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=Nunito:wght@400;700;800&display=swap'); /* ── BRAND VARIABLES ── */ :root { --teal: #2d7a72; --navy: #1e3a4a; --peach: #e8956d; --gold: #e8c84a; --cream: #fdf8f3; } /* ── GLOBAL BODY ── */ body { background-color: var(--cream); font-family: 'Nunito', sans-serif; } /* ── HEADINGS ── */ h1, h2, .hero-headline { font-family: 'Playfair Display', serif; color: var(--navy); font-weight: 900; } /* ── SCRIPT / HANDWRITING ACCENTS ── */ /* Apply class "script-text" to any text block in Squarespace */ .script-text, .dancing { font-family: 'Dancing Script', cursive !important; color: var(--teal); font-size: 1.8rem; } /* ── BUTTONS – PILL SHAPE ── */ .sqs-block-button-element, .btn-primary, a.cta-button { border-radius: 50px !important; background-color: var(--peach) !important; border: none !important; font-family: 'Nunito', sans-serif !important; font-weight: 800 !important; font-size: 1rem !important; padding: 16px 36px !important; box-shadow: 0 6px 24px rgba(232,149,109,.35) !important; transition: all 0.2s ease !important; } .sqs-block-button-element:hover { background-color: #d97d52 !important; transform: translateY(-2px) !important; box-shadow: 0 10px 32px rgba(232,149,109,.45) !important; } /* ── HERO IMAGE – ROUNDED CARD ── */ .hero-photo img, .hero-image-block img { border-radius: 24px 24px 0 0 !important; box-shadow: 0 20px 60px rgba(30,58,74,.18) !important; } /* ── ANNOUNCEMENT BAR ── */ #announcement-bar-wrapper { background-color: var(--navy) !important; } #announcement-bar-wrapper p { font-family: 'Nunito', sans-serif; font-weight: 700; font-size: 0.88rem; letter-spacing: 0.04em; } /* ── NAV BAR ── */ .header-nav a { font-family: 'Nunito', sans-serif; font-weight: 700; color: var(--navy) !important; } .header-nav a:hover { color: var(--teal) !important; } /* ── PAIN POINT CARDS ── */ .pain-card { background: #fff; border-radius: 16px; padding: 28px; border: 2px solid #f0e9e0; transition: transform .2s, box-shadow .2s; } .pain-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(45,122,114,.1); } /* ── "I'VE GOT YOU" SECTION ── */ .ive-got-you-section { background: linear-gradient(135deg, #1e5550, #2d7a72) !important; } .ive-got-you-section h2 { font-family: 'Dancing Script', cursive !important; font-size: clamp(2rem, 4vw, 3.5rem) !important; color: #fff !important; } /* ── SQUIGGLY BACKGROUND LINES ── */ .squiggle-bg { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='40'%3E%3Cpath d='M0 20 Q25 5 50 20 Q75 35 100 20 Q125 5 150 20 Q175 35 200 20' fill='none' stroke='%23e8956d22' stroke-width='2'/%3E%3C/svg%3E"); background-repeat: repeat; background-size: 200px 40px; } /* ── GALLERY / PHOTO GRID ── */ .gallery-grid img { border-radius: 12px; transition: transform .2s; } .gallery-grid img:hover { transform: scale(1.03); } /* ── MOBILE RESPONSIVE ── */ @media (max-width: 767px) { h1 { font-size: 2rem !important; } .sqs-block-button-element { width: 100% !important; } }