/* v167: clubs and classes, Bridge Club feature */
/* Bridge Club */
html:root body main .bc-sec{padding-top:56px}
html:root body main .bc{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:start}
html:root body main .bc-panel{position:relative;overflow:hidden;background:var(--bz-navy);color:#fff;padding:44px 42px 40px;clip-path:var(--bz-torn)}
html:root body.site-hall main section.section .bc-panel h2{color:#fff !important;margin:8px 0 26px;position:relative}
html:root body main .bc-k{position:relative;display:inline-flex;align-items:center;gap:9px;font-weight:700;color:var(--bz-leaf);margin:0}
html:root body main .bc-k::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}
html:root body main .bc-suits{position:absolute;right:-14px;top:-26px;display:grid;grid-template-columns:repeat(2,1fr);gap:0 6px;font-size:92px;line-height:1;opacity:.13;color:#fff;pointer-events:none}
html:root body main .bc-suits b{font-weight:400;font-family:Georgia,'Times New Roman',serif}
html:root body main .bc-facts{position:relative;margin:0;display:grid;gap:0}
html:root body main .bc-facts div{display:grid;grid-template-columns:96px 1fr;gap:16px;padding:13px 0;border-top:1px solid rgba(255,255,255,.18)}
html:root body main .bc-facts dt{font-weight:700;color:var(--bz-leaf);font-size:15px;padding-top:3px}
html:root body main .bc-facts dd{margin:0;font-family:'Young Serif',Georgia,serif;font-size:21px;line-height:1.25}
html:root body main .bc-copy p{margin:0 0 16px}
html:root body main .bc-copy .lead{margin-bottom:18px}
html:root body main .bc-contact{background:var(--bz-cream);padding:22px 26px;margin:26px 0 22px;clip-path:var(--bz-torn2)}
html:root body main .bc-contact p{margin:0}
html:root body main .bc-ck{font-weight:700;color:var(--bz-green);font-size:15px}
html:root body main .bc-name{font-family:'Young Serif',Georgia,serif;font-size:26px;margin:4px 0 2px !important;color:var(--bz-navy)}
html:root body main .bc-tel{font-weight:700;font-size:20px;color:var(--bz-ink);text-decoration:none}
/* When groups meet */
html:root body main .wk-sec{background:var(--bz-cream)}
html:root body main .wk{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
html:root body main .wk li{background:#fff;padding:22px 22px 24px;display:flex;flex-direction:column;gap:6px;clip-path:var(--bz-torn3)}
html:root body main .wk .wk-hot{background:var(--bz-navy);color:#fff}
html:root body main .wk .wk-park{background:var(--bz-mown)}
html:root body main .wk-d{font-weight:700;font-size:15px;color:var(--bz-green)}
html:root body main .wk-hot .wk-d{color:var(--bz-leaf)}
html:root body main .wk-g{font-family:'Young Serif',Georgia,serif;font-size:23px;line-height:1.15}
html:root body main .wk-t{font-size:15px;opacity:.8}
/* Group directory */
html:root body main .gcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
html:root body main .gc{background:#fff;border:1px solid #E2E4DF;border-radius:6px;padding:24px 24px 22px;display:flex;flex-direction:column;gap:4px}
html:root body main .gc h3{margin:6px 0 2px;font-size:22px}
html:root body main .gc p{margin:0}
html:root body main .gc-tag{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--bz-navy)}
html:root body main .gc-tag::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
html:root body main .gc-park .gc-tag{color:var(--bz-green)}
html:root body main .gc-day{font-weight:700;color:var(--bz-ink)}
html:root body main .gc-who{font-weight:700;color:#4A5552}
html:root body main .gc-what{color:#3B4643}
html:root body main .gc-c{margin-top:auto !important;padding-top:12px !important}
html:root body main .tell-sec{padding-top:0}
html:root body main .tell{display:flex;align-items:center;justify-content:space-between;gap:32px;background:var(--bz-mown);padding:40px 44px;clip-path:var(--bz-torn)}
html:root body main .tell h2{margin:0}
@media (max-width:900px){
  html:root body main .bc{grid-template-columns:1fr;gap:30px}
  html:root body main .wk{grid-template-columns:1fr 1fr}
  html:root body main .gcs{grid-template-columns:1fr 1fr}
  html:root body main .tell{flex-direction:column;align-items:flex-start;padding:32px 26px}
}
@media (max-width:600px){
  html:root body main .bc-panel{padding:36px 26px 30px}
  html:root body main .bc-facts div{grid-template-columns:82px 1fr}
  html:root body main .wk,html:root body main .gcs{grid-template-columns:1fr}
}