/* ==================== CHAPTER: BACKGROUND IMAGE OVERRDES ==================== */
/* Applied when body has class "has-bg-image" (set by chapter.njk when a speaker has bgDark/bgLight) */

body.has-bg-image #content .para-box {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
  border-radius: 30px;
}
[data-bs-theme="dark"] body.has-bg-image #content .para-box {
  background-color: rgba(0, 0, 0, 0.6);
  border-style: dotted;
  border-color: rgba(0, 0, 0, 0.8);
  border-width: 1px;
  backdrop-filter: grayscale(70%);
}
[data-bs-theme="light"] body.has-bg-image #content .para-box {
  background-color: rgba(255, 255, 255, 0.6);
  border-style: dotted;
  border-color: rgba(255, 255, 255, 0.8);
  border-width: 1px;
  backdrop-filter: grayscale(70%) blur(3px);
}
body.has-bg-image #content .para-box > p {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
body.has-bg-image .inline-image img {
  filter: drop-shadow(0 0 0.5rem black);
}
body.has-bg-image .carousel-item img {
  filter: drop-shadow(0 0 0.5rem black);
}