/* Site footer, shared by the legal pages, admin, sign-in and speaker page.
   One centred stack: legal links, a 1px divider, logo, company details. */
.site-foot{
  --sf-fg:#15171c; --sf-fg-2:#4b4f58; --sf-line:rgba(20,26,38,.10);
  position:relative;z-index:1;text-align:center;color:var(--sf-fg);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Geist","Segoe UI",Roboto,sans-serif;
  -webkit-font-smoothing:antialiased
}
.site-foot .sf-card{
  display:flex;flex-direction:column;align-items:center;gap:0;padding:22px 20px 26px;
  border:1px solid var(--sf-line);border-radius:10px;
  background:rgba(255,255,255,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
  -webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%)
}
.site-foot p{margin:0}
.site-foot a{color:var(--sf-fg-2);text-decoration:none}
.site-foot a:hover{color:var(--sf-fg);text-decoration:none}
.site-foot a:focus-visible{outline:2px solid #0066cc;outline-offset:2px;border-radius:3px}

/* Same size as the registration lines. The bars are drawn by CSS so screen readers don't read them out */
.sf-links{display:flex;flex-wrap:wrap;justify-content:center;row-gap:4px;font-size:11.5px;line-height:1.6}
.sf-links a + a::before{content:"|";display:inline-block;margin:0 10px;color:var(--sf-line);color:rgba(20,26,38,.28);pointer-events:none}

.sf-co{display:flex;flex-direction:column;align-items:center;align-self:stretch;margin-top:16px;padding-top:20px;border-top:1px solid rgba(20,26,38,.14)}
.sf-logo{display:block;width:120px;height:auto;margin:0 0 12px}
.sf-reg{font-size:11.5px;line-height:1.6;color:var(--sf-fg-2)}
.sf-office{font-size:10px;line-height:1.5;color:var(--sf-fg-2);margin-top:6px!important}

/* On phones the links wrap, so drop the bars rather than leave one hanging at the start of a line */
@media (max-width:520px){
  .sf-links{column-gap:16px}
  .sf-links a + a::before{display:none}
}
@media print{.site-foot .sf-card{border:0;background:none;padding:0}}