/*
Theme Name: eCardPage
Theme URI: https://ecardpage.com/
Author: eCardPage
Description: A colorful editorial theme for the eCardPage Studio companion plugin. Editable pages, cards, resources and journal.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: ecardpage
*/
:root{--blue:#2539e9;--ink:#171a36;--coral:#ff694d;--cream:#fffaf5;--line:#e3e4ed;--muted:#62667b}*{box-sizing:border-box}body{margin:0;background:white;color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--blue);text-underline-offset:4px}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}h1,h2,h3{line-height:1.13;letter-spacing:-.035em}h1{font-size:clamp(2.2rem,5vw,4.4rem);margin:.35em 0}h2{font-size:clamp(1.8rem,3vw,3rem);margin:.4em 0}h3{font-size:1.3rem}p{margin:0 0 1.15em}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f07c15;outline-offset:4px}.skip-link{position:absolute;top:-100px;left:20px;z-index:99;padding:12px;background:#fff}.skip-link:focus{top:10px}.ep-header{border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:10}.ep-header-inner{max-width:1380px;margin:auto;padding:22px 42px;display:flex;align-items:center;justify-content:space-between;gap:28px}.ep-brand{display:inline-flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none;font-size:1.7rem;font-weight:800;line-height:1.1;letter-spacing:-.05em}.ep-brand>span>span{color:var(--blue)}.ep-brand small{display:block;letter-spacing:.12em;font-size:9px;font-weight:700;margin-top:8px}.ep-brand-mark{background:var(--blue);color:white;padding:5px 12px;border-radius:12px;font-size:34px;transform:rotate(-7deg)}.menu{padding:0;margin:0;display:flex;gap:25px;list-style:none}.menu a{color:var(--ink);font-size:14px;font-weight:600;text-decoration:none}.menu a:hover{color:var(--blue)}.ep-header-cta,.ep-button{background:var(--blue);border:1px solid var(--blue);color:white;display:inline-block;text-decoration:none;padding:12px 21px;border-radius:7px;font-weight:700;font-size:14px}.ep-button.secondary{background:white;color:var(--ink);border-color:var(--line)}.ep-menu-toggle{display:none}.ep-page{max-width:1296px;margin:auto;padding:0 42px}.ep-inner-page{padding-top:50px;padding-bottom:80px;min-height:55vh}.ep-page-heading{margin-bottom:38px}.ep-page-heading p{max-width:660px;color:var(--muted)}.ep-eyebrow{display:block;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.13em}.ep-hero{display:grid;grid-template-columns:1.06fr 1fr;gap:65px;align-items:center;padding:65px 0 55px}.ep-hero h1{font-size:clamp(3rem,5.1vw,5.3rem);line-height:1.03;margin:20px 0 22px}.ep-hero h1 em{font-style:normal;color:var(--blue)}.ep-hero p{font-size:18px;max-width:470px;color:var(--muted)}.ep-hero-actions{display:flex;gap:12px;margin:28px 0 20px;flex-wrap:wrap}.ep-hero-note{font-size:13px!important;color:var(--ink)!important}.ep-hero-image{position:relative}.ep-hero-image img{width:100%;border-radius:24px;aspect-ratio:1.07;object-fit:cover}.ep-hero-sticker{position:absolute;bottom:22px;left:-25px;background:var(--coral);color:white;padding:17px 24px;transform:rotate(-5deg);font-weight:800;border-radius:8px;box-shadow:0 8px 25px #0002}.ep-ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:17px 0;color:var(--muted);font-size:13px}.ep-ribbon strong{color:var(--ink)}.ep-section{padding:58px 0}.ep-section-top{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px}.ep-section-top p{max-width:420px;color:var(--muted)}.ep-occasion-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.ep-occasion{display:block;background:#f0f2ff;text-decoration:none;border-radius:12px;padding:22px 14px;text-align:center;color:var(--ink);font-weight:700;transition:transform .2s}.ep-occasion:nth-child(3n+2){background:#ffe6df}.ep-occasion:nth-child(3n){background:#fff0ba}.ep-occasion:hover{transform:translateY(-4px)}.ep-occasion span{display:block;font-size:32px;margin-bottom:12px}.ep-feature-band{background:var(--blue);color:#fff;border-radius:22px;padding:42px;display:grid;grid-template-columns:1.4fr 1fr;gap:40px}.ep-feature-band .ep-eyebrow{color:#ffcd86}.ep-feature-band p{color:#dfe3ff}.ep-feature-band .ep-button{background:#fff;color:var(--blue)}.ep-feature-list{display:grid;gap:14px;align-content:center}.ep-feature-list div{border:1px solid #ffffff40;padding:16px 20px;border-radius:10px}.ep-three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ep-resource-box{padding:28px;border:1px solid var(--line);border-radius:14px;background:#fff}.ep-resource-box .number{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ffdd76;font-weight:800}.ep-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.ep-post-card{border:1px solid var(--line);border-radius:15px;overflow:hidden}.ep-post-card>a{display:block;text-decoration:none;color:var(--ink);height:100%}.ep-post-card img{display:block;width:100%;aspect-ratio:1.65;object-fit:cover}.ep-post-card-body{padding:24px}.ep-post-card h3{font-size:1.4rem;margin:12px 0}.ep-post-card p{color:var(--muted);font-size:14px}.ep-read-more{font-size:14px;font-weight:700;color:var(--blue)}.ep-cta-band{text-align:center;background:#ffe3d9;padding:45px 28px;border-radius:18px;margin:20px 0 70px}.ep-footer{background:#f5f6fb;padding:46px max(24px,calc((100vw - 1212px)/2)) 20px}.ep-footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.ep-footer p{font-size:14px;color:var(--muted);margin-top:20px}.ep-footer h3{font-size:15px;letter-spacing:0}.ep-footer-top>div>a:not(.ep-brand){display:block;color:var(--muted);font-size:14px;text-decoration:none;padding:4px 0}.ep-footer-bottom{border-top:1px solid var(--line);margin-top:32px;padding-top:20px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}.ep-footer-bottom a{margin-left:18px;color:var(--muted)}.ep-article{max-width:980px;margin:auto;padding:58px 30px}.ep-article header{max-width:830px;margin:auto}.ep-article h1{font-size:clamp(2rem,4vw,3.5rem)}.ep-meta{color:var(--muted);font-size:14px;margin-top:24px}.ep-article-image{width:100%;border-radius:18px;margin:24px 0 35px}.ep-article-body{max-width:720px;margin:auto;font-size:18px;line-height:1.85}.ep-article-body h2{font-size:1.75rem;margin:1.6em 0 .6em}.ep-article-body h3{font-size:1.3rem;margin:1.3em 0 .5em}.ep-article-body blockquote{margin:25px 0;border-left:4px solid var(--coral);background:#fff3ee;padding:20px 26px}.ep-tags{display:flex;gap:10px;flex-wrap:wrap;font-size:13px}.ep-tags a{background:#eef0ff;padding:5px 10px;border-radius:5px}.ep-related{padding-bottom:70px}.ep-content>h2,.ep-content>h3{margin-top:1.3em}.ep-content>p,.ep-content>ul,.ep-content>ol{max-width:850px}.ep-content details{border-bottom:1px solid var(--line);padding:18px 0;max-width:850px}.ep-content summary{cursor:pointer;font-weight:700}.ep-content details p{margin:16px 0}.ep-content table{border-collapse:collapse;width:100%;max-width:900px}.ep-content th,.ep-content td{padding:14px;text-align:left;border:1px solid var(--line)}.ep-pagination{margin-top:30px}.search-form{display:flex;gap:10px;margin:24px 0}.search-field{border:1px solid var(--line);padding:10px;border-radius:6px;max-width:100%}.search-submit{background:var(--blue);color:white;border:0;border-radius:6px;padding:10px 18px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.ep-callout{background:#f0f2ff;border-radius:12px;padding:24px;margin:25px 0}.ep-callout h3{margin-top:0}.ep-resource-links a{font-weight:700}.ep-resource-links li{margin:16px 0}.wp-block-image img{border-radius:14px}.ep-empty{padding:50px;background:#f0f2ff;text-align:center}
@media(max-width:1100px){.ep-header-inner{padding:20px 24px;gap:18px}.menu{gap:16px}.menu a{font-size:13px}.ep-header-cta{display:none}.ep-hero{gap:35px}.ep-occasion-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.ep-header-inner{padding:17px 20px}.ep-brand{font-size:1.45rem}.ep-menu-toggle{display:block;background:white;border:1px solid var(--line);padding:8px 13px;border-radius:6px}#ep-navigation{display:none;position:absolute;left:0;right:0;top:100%;background:white;border-bottom:1px solid var(--line);padding:20px}#ep-navigation.open{display:block}.menu{display:grid;gap:18px}.menu a{font-size:16px}.ep-page{padding-left:20px;padding-right:20px}.ep-inner-page{padding-top:30px;padding-bottom:45px}.ep-hero{grid-template-columns:1fr;gap:25px;padding:35px 0}.ep-hero h1{font-size:3.5rem}.ep-hero-image img{aspect-ratio:1.6}.ep-hero-sticker{left:12px;padding:12px 17px;font-size:14px}.ep-ribbon{flex-wrap:wrap;justify-content:center;font-size:12px;gap:8px 18px}.ep-section{padding:36px 0}.ep-section-top{display:block}.ep-occasion-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ep-feature-band{grid-template-columns:1fr;padding:28px;gap:20px}.ep-three-grid,.ep-post-grid{grid-template-columns:1fr}.ep-footer-top{grid-template-columns:1fr 1fr;gap:24px}.ep-footer-top>div:first-child{grid-column:1/-1}.ep-footer-bottom{flex-direction:column}.ep-footer-bottom a:first-child{margin-left:0}.ep-article{padding:35px 20px}.ep-article-body{font-size:17px}.ep-cta-band{margin-bottom:40px}.ep-content table{display:block;overflow:auto}.search-form{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
