/* YouTube background video */
#bgVideo {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 100vw !important;
  height: 56.25vw !important;       /* 16:9 ratio */
  min-width: 177.78vh !important;   /* 100 * 16/9, keeps cover on tall screens */
  min-height: 100vh !important;
  pointer-events: none !important;  /* clicks pass through */
  border: 0 !important;
  z-index: 0 !important;
}

/* Collapse the paragraph and block wrapper so no empty box remains */
p:has(> #bgVideo) {
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
*:has(> p > #bgVideo) {
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Let the video show through and keep content above it */
body:has(#bgVideo) #main-content {
  background-color: transparent !important;
}
#ef-index-page {
  position: relative;
  z-index: 1;
}

/* Keep the login form readable over the video */
#ef-login-index {
  position: relative;
  background-color: rgba(255, 255, 255, 0.85);
}

/* DO NOT ADD/EDIT AFTER THIS LINE */