@font-face{font-family:'Lato';font-style:italic;font-weight:400;font-display:swap;src:url(/pao/fonts/lato-400-italic.woff2) format('woff2')}
@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;src:url(/pao/fonts/lato-400.woff2) format('woff2')}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;font-display:swap;src:url(/pao/fonts/lato-700.woff2) format('woff2')}

/* PAO-huisstijl voor Greenlight. Geldt alleen voor pagina's met Greenlight's #root,
   dus nooit voor de lesruimte of de opname-speler. Bron: galaxy-infra, files/pao-bbb/. */
body:has(> #root) {
  background-color: #f0f0f0 !important;
  color: #111111;
  --bs-body-color: #111111;
  --bs-link-color: #111111;
  --bs-link-color-rgb: 17, 17, 17;
  --bs-link-hover-color: #111111;
  --bs-link-hover-color-rgb: 17, 17, 17;
}
body:has(> #root),
body:has(> #root) *:not(code):not(pre):not(kbd):not(samp) {
  font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
body:has(> #root) .background-whitesmoke {
  background: #f0f0f0 !important;
  box-shadow: 0 0 0 100vmax #f0f0f0;
}
body:has(> #root) .text-brand { color: #111111 !important; }
body:has(> #root) .btn-brand,
body:has(> #root) .btn-brand:hover,
body:has(> #root) .btn-brand:focus,
body:has(> #root) .btn-brand:active {
  background-color: #f2be5c !important;
  border-color: #f2be5c !important;
  color: #111111 !important;
}
body:has(> #root) .btn-brand-outline,
body:has(> #root) .btn-brand-outline:hover,
body:has(> #root) .btn-brand-outline:active {
  color: #111111 !important;
  border-color: #f2be5c !important;
}
body:has(> #root) #footer a { color: #111111 !important; }
/* Verwijzing naar Greenlight en het versienummer onderaan weg. */
body:has(> #root) #footer a[href*="docs.bigbluebutton.org"],
body:has(> #root) #footer span.text-muted { display: none !important; }