/*
Theme Name: ComixCreators Marketplace
Theme URI: https://www.comixcreators.com/
Author: Chip Ziem
Description: Comic-book themed independent creator marketplace with creator profiles, member reading history, recommendations, moderation, and 50/10/40 sales accounting.
Version: 1.1.0
Requires at least: 6.3
Requires PHP: 8.0
Text Domain: comixcreators
*/
:root{--cc-bg:#11121a;--cc-panel:#fff7dc;--cc-panel-dark:#1b1d29;--cc-ink:#111;--cc-text:#f7f7f7;--cc-muted:#b9beca;--cc-yellow:#ffd321;--cc-red:#ef3340;--cc-blue:#2d7ff9;--cc-line:#050505;--cc-green:#36c66b;--cc-width:1200px}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cc-bg);color:var(--cc-text);line-height:1.55;background-image:radial-gradient(rgba(255,255,255,.055) 1px,transparent 1px);background-size:8px 8px}a{color:var(--cc-yellow);text-decoration:none}img{max-width:100%;height:auto}.cc-wrap{width:min(var(--cc-width),92%);margin:auto}
.cc-header{position:sticky;top:0;z-index:30;background:#0b0c12;border-bottom:5px solid var(--cc-yellow);box-shadow:0 5px 0 #000}.cc-nav{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:78px}.cc-brand{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:1.8rem;letter-spacing:.04em;color:#fff;text-shadow:3px 3px 0 #000}.cc-brand>span:last-child{color:var(--cc-yellow)}.cc-logo-bang{display:inline-grid;place-items:center;width:38px;height:38px;background:var(--cc-red);color:#fff;border:3px solid #000;border-radius:50%;transform:rotate(-8deg)}.cc-menu{display:flex;gap:17px;align-items:center;flex-wrap:wrap}.cc-menu a{color:#fff;font-weight:900;text-transform:uppercase;font-size:.86rem}.cc-menu a:hover{color:var(--cc-yellow)}.cc-admin-link{color:#ff8790!important}
.cc-btn,.button,button,input[type=submit]{display:inline-block;border:3px solid #000;background:var(--cc-yellow);color:#090909!important;padding:10px 16px;font-weight:1000;text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0 #000;transform:skew(-2deg)}.cc-btn:hover,button:hover{transform:translate(2px,2px) skew(-2deg);box-shadow:2px 2px 0 #000}.cc-btn.alt{background:#fff;color:#111!important}.cc-btn-big{font-size:1.05rem;padding:14px 22px}
.cc-hero{position:relative;overflow:hidden;padding:82px 0 70px;background:linear-gradient(120deg,#e52d3b 0 48%,#2475e8 48% 100%);border-bottom:6px solid #000}.cc-halftone{position:absolute;inset:0;opacity:.25;background-image:radial-gradient(#000 2px,transparent 2px);background-size:13px 13px;pointer-events:none}.cc-hero-grid{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center}.cc-kicker{display:inline-block;background:var(--cc-yellow);color:#111;border:3px solid #000;padding:5px 10px;font-weight:1000;letter-spacing:.08em;transform:rotate(-1deg);box-shadow:4px 4px 0 #000}.cc-hero h1,.cc-section-title h1,.cc-section-title h2,.cc-comic-title{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;letter-spacing:.02em;text-transform:uppercase}.cc-hero h1{font-size:clamp(3.2rem,8vw,7.2rem);line-height:.82;margin:.22em 0;color:#fff;text-shadow:6px 6px 0 #000;-webkit-text-stroke:2px #000}.cc-hero h1 em{color:var(--cc-yellow);font-style:normal}.cc-hero p{font-size:1.18rem;font-weight:700;max-width:720px;text-shadow:1px 1px 0 #000}.cc-hero-panel{position:relative;background:var(--cc-panel);color:#111;border:5px solid #000;padding:34px 25px 25px;box-shadow:12px 12px 0 #000;transform:rotate(1deg)}.cc-hero-panel h2{font-family:Impact,Arial Black,sans-serif;font-size:2rem;text-transform:uppercase}.cc-burst-word{position:absolute;right:-26px;top:-38px;background:var(--cc-yellow);border:4px solid #000;padding:18px 12px;font-family:Impact,Arial Black,sans-serif;font-size:1.7rem;clip-path:polygon(50% 0,61% 25%,82% 7%,78% 34%,100% 31%,80% 50%,100% 68%,75% 66%,80% 94%,59% 76%,50% 100%,41% 76%,19% 94%,25% 66%,0 68%,20% 50%,0 31%,22% 34%,18% 7%,39% 25%)}
.cc-section{padding:58px 0}.cc-section-title{margin-bottom:24px}.cc-section-title span{display:inline-block;background:var(--cc-red);color:#fff;border:3px solid #000;padding:4px 9px;font-weight:1000;letter-spacing:.08em;transform:rotate(-1deg)}.cc-section-title h1,.cc-section-title h2{font-size:clamp(2.2rem,5vw,4.2rem);margin:.15em 0;text-shadow:3px 3px 0 #000}.cc-subhead{margin-top:45px;font-family:Impact,Arial Black,sans-serif;text-transform:uppercase;font-size:2rem}.cc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.cc-card{position:relative;background:var(--cc-panel);color:#111;border:4px solid #000;overflow:hidden;box-shadow:7px 7px 0 #000;transition:.15s}.cc-card:hover{transform:translateY(-4px) rotate(-.5deg)}.cc-card-body{padding:15px}.cc-cover{aspect-ratio:2/3;object-fit:cover;width:100%;background:#252837;display:block}.cc-placeholder{display:grid;place-items:center;color:#fff;background:var(--cc-blue);font-family:Impact,Arial Black,sans-serif;font-size:2rem}.cc-card h3{font-family:Impact,Arial Black,sans-serif;font-size:1.35rem;text-transform:uppercase;margin:.05em 0}.cc-card h3 a{color:#111}.cc-meta{color:#5c5c64;font-size:.92rem;font-weight:700}.cc-price{color:#087b34;font-size:1.25rem;font-weight:1000}.cc-price-big{font-size:2rem;margin:8px 0}.cc-issue-tag{position:absolute;z-index:4;top:10px;left:-5px;background:var(--cc-yellow);color:#111;border:3px solid #000;padding:4px 10px;font-size:.78rem;font-weight:1000;text-transform:uppercase;box-shadow:3px 3px 0 #000}.cc-creator-card{background:#f4f8ff}
.cc-form,.cc-panel{position:relative;background:var(--cc-panel-dark);border:4px solid #000;padding:25px;box-shadow:7px 7px 0 #000}.cc-form{max-width:860px;margin:auto}.cc-form h1,.cc-panel h2,.cc-panel h3{font-family:Impact,Arial Black,sans-serif;text-transform:uppercase}.cc-form-burst{display:inline-block;background:var(--cc-yellow);color:#111;border:3px solid #000;padding:5px 10px;font-weight:1000;transform:rotate(-2deg);box-shadow:3px 3px 0 #000}.cc-form label{display:block;font-weight:1000;margin:14px 0 5px;text-transform:uppercase}.cc-form input,.cc-form textarea,.cc-form select,.cc-inline-form select{width:100%;padding:11px 12px;border:3px solid #000;background:#fff;color:#111;font-weight:700}.cc-form textarea{min-height:130px}.cc-check{width:auto!important}.cc-alert{padding:12px 15px;background:#5b191f;border:3px solid #000;margin:12px 0;font-weight:900}.cc-success{background:#164d2d}
.cc-statbox{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cc-statbox-gap{margin-top:12px}.cc-stat{background:var(--cc-panel);color:#111;border:4px solid #000;padding:19px;text-align:center;box-shadow:5px 5px 0 #000;font-weight:900}.cc-stat strong{display:block;font-family:Impact,Arial Black,sans-serif;font-size:1.8rem;color:var(--cc-red)}.cc-dashboard{display:grid;grid-template-columns:245px 1fr;gap:27px}.cc-sidebar{background:#202331;border:4px solid #000;box-shadow:6px 6px 0 #000;padding:12px;height:max-content}.cc-sidebar-title{background:var(--cc-yellow);color:#111;border:3px solid #000;padding:8px;font-family:Impact,Arial Black,sans-serif;font-size:1.25rem;text-align:center;margin-bottom:10px}.cc-sidebar a{display:block;padding:10px 11px;color:#fff;border-bottom:1px dashed #555b70;font-weight:900}.cc-sidebar a:hover{background:var(--cc-red)}.cc-speech-panel{margin-top:24px}.cc-speech-panel:before{content:"";position:absolute;left:35px;top:-22px;border-width:0 18px 22px 0;border-style:solid;border-color:transparent #000 transparent transparent}.cc-speech-panel:after{content:"";position:absolute;left:39px;top:-14px;border-width:0 12px 15px 0;border-style:solid;border-color:transparent var(--cc-panel-dark) transparent transparent}
table.cc-table{width:100%;border-collapse:collapse;background:#fff;color:#111;border:4px solid #000;box-shadow:6px 6px 0 #000}table.cc-table th{background:var(--cc-yellow);font-family:Impact,Arial Black,sans-serif;text-transform:uppercase}table.cc-table th,table.cc-table td{padding:11px;border:2px solid #111;text-align:left;vertical-align:top}table.cc-table a{color:#b41420;font-weight:900}.cc-inline-form{display:grid;grid-template-columns:1fr auto;gap:5px;min-width:220px}.cc-inline-form button{padding:5px 8px;font-size:.75rem}.cc-badge{display:inline-block;padding:4px 8px;background:var(--cc-yellow);border:2px solid #000;color:#111;font-size:.78rem;font-weight:1000;text-transform:uppercase}.cc-badge-red{background:var(--cc-red);color:#fff}.cc-single{display:grid;grid-template-columns:minmax(230px,360px) 1fr;gap:38px}.cc-cover-frame{position:relative;border:5px solid #000;box-shadow:10px 10px 0 #000;background:#fff}.cc-cover-burst{position:absolute;right:-25px;top:-24px;background:var(--cc-yellow);color:#111;border:4px solid #000;border-radius:50%;padding:15px 9px;font-family:Impact,Arial Black,sans-serif;transform:rotate(12deg)}.cc-comic-title{font-size:clamp(2.5rem,6vw,5rem);margin:.1em 0;text-shadow:4px 4px 0 #000}.cc-story-copy{font-size:1.05rem}.cc-buy{font-size:1.1rem}.cc-read-stamp{display:inline-block;margin:15px 0;padding:9px 12px;border:4px solid var(--green,#36c66b);color:#7cf2a1;font-weight:1000;transform:rotate(-1deg)}.cc-avatar{width:70px;height:70px;border-radius:50%;object-fit:cover;background:#292c39;border:3px solid #000}.cc-creator{display:flex;gap:14px;align-items:center}.cc-note{font-size:.9rem;color:var(--cc-muted)}.cc-footer{border-top:5px solid var(--cc-yellow);padding:30px 0;color:var(--cc-muted);margin-top:50px;background:#090a0f}.cc-join-strip{background:#25283a;border-top:5px solid #000;border-bottom:5px solid #000}.cc-join-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.cc-join-grid>div{background:#151722;border:4px solid #000;padding:28px;box-shadow:7px 7px 0 #000}.cc-join-grid h2{font-family:Impact,Arial Black,sans-serif;text-transform:uppercase;font-size:2.2rem;margin:.35em 0}
@media(max-width:950px){.cc-grid{grid-template-columns:repeat(2,1fr)}.cc-hero-grid,.cc-dashboard,.cc-single,.cc-join-grid{grid-template-columns:1fr}.cc-menu{gap:10px}.cc-menu a{font-size:.76rem}.cc-hero-panel{transform:none}}@media(max-width:700px){.cc-menu{display:none}.cc-nav{justify-content:center}.cc-grid,.cc-statbox{grid-template-columns:1fr}.cc-hero{padding:55px 0}.cc-hero h1{-webkit-text-stroke:1px #000}.cc-inline-form{grid-template-columns:1fr}table.cc-table{font-size:.82rem;display:block;overflow:auto}}