/* The project-wide "RecPlace Event Page — Global" stylesheet. On the live site Tilda injects this into on every page; it is the design system the event pages are built on (tokens, buttons, tags, avatars, grid helpers). Ported verbatim, `!important` dropped, scoped under the page root. Loaded before the family sheets, which is the document order it had on live. Generated by tools/a3/build_css.py — do not hand-edit. */ .talk * { box-sizing:border-box; margin:0; padding:0 } .talk { --rp-orange:#FA641E; --rp-dark:#1A1A1A; --rp-bg:#F8F8F8; --rp-text:#3D3C43; --rp-border:#E7E7E7; --rp-white:#FFFFFF; font-family:'Raleway','Helvetica Neue',sans-serif !important; color:var(--rp-dark); -webkit-font-smoothing:antialiased; font-weight:400 } .talk h1, .talk h2, .talk h3, .talk h4, .talk h5, .talk p, .talk span, .talk a, .talk div, .talk button, .talk li { font-family:'Raleway','Helvetica Neue',sans-serif !important } .talk .rp-label { font-family:'Unbounded',sans-serif !important } .talk ::selection { background:var(--rp-orange); color:#fff } .talk a { text-decoration:none; color:inherit } .talk img { max-width:100% } .talk .rp-container { max-width:1140px; margin:0 auto; padding:0 24px } .talk .rp-label { font-family:'Unbounded',sans-serif !important; font-size:11px !important; font-weight:500 !important; color:#aaa !important; text-transform:uppercase !important; letter-spacing:.1em !important; margin-bottom:6px } .talk .rp-btn { display:inline-block !important; border:none !important; cursor:pointer; font-weight:600 !important; transition:all .2s; border-radius:999px !important; line-height:1.4 !important; text-transform:none !important; letter-spacing:normal !important; text-align:center !important; text-decoration:none !important; box-shadow:none !important; margin:0; vertical-align:middle } .talk .rp-btn:hover { opacity:.9; transform:translateY(-1px) } .talk .rp-btn-orange { background:var(--rp-orange) !important; color:#fff !important; padding:12px 28px !important; font-size:16px !important } .talk .rp-btn-orange-sm { background:var(--rp-orange) !important; color:#fff !important; padding:9px 20px !important; font-size:14px !important } .talk .rp-btn-orange-full { background:var(--rp-orange) !important; color:#fff !important; padding:14px !important; font-size:16px !important; width:100% !important; border-radius:999px } .talk .rp-btn-dark { background:var(--rp-dark) !important; color:#fff !important; padding:12px 28px !important; font-size:16px !important } .talk .rp-btn-outline { background:rgba(255,255,255,.15) !important; color:#fff !important; padding:12px 28px !important; font-size:16px !important; border:1px solid rgba(255,255,255,.3) !important } .talk .rp-tag { display:inline-block !important; padding:5px 14px !important; border-radius:999px !important; font-size:12px !important; font-weight:500 !important; background:rgba(250,101,32,.1) !important; color:var(--rp-orange) !important; line-height:1.4 !important; text-transform:none !important; letter-spacing:normal !important } .talk .rp-tag-light { background:#EEEEEE; color:var(--rp-dark) } .talk .rp-avatar { width:44px; height:44px; border-radius:999px; display:flex; align-items:center; justify-content:center; font-weight:700; color:#fff; font-size:15px; flex-shrink:0 } .talk .rp-avatar-sm { width:36px; height:36px; font-size:13px } .talk .rp-avatar-stack { display:flex } .talk .rp-avatar-stack .rp-avatar { margin-left:-10px; border:2px solid var(--rp-dark) } .talk .rp-avatar-stack .rp-avatar:first-child { margin-left:0 } .talk .rp-card { transition:all .3s } .talk .rp-card:hover { transform:translateY(-3px); box-shadow:0 16px 40px rgba(0,0,0,.1) } .talk .rp-grid-2 { display:grid; grid-template-columns:1fr 320px; gap:28px } .talk .rp-grid-article { display:grid; grid-template-columns:1fr 260px; gap:40px } .talk .rp-grid-3 { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:14px } .talk .rp-grid-cta { display:grid; grid-template-columns:repeat(2,1fr); gap:16px } @media (max-width:768px) { .talk .rp-grid-2, .talk .rp-grid-article { grid-template-columns:1fr } .talk .rp-sidebar { display:none } .talk .rp-grid-3, .talk .rp-grid-cta { grid-template-columns:1fr } .talk .rp-mid-cta-inner { flex-direction:column; text-align:center } }