/* overrides: ./slides_files/libs/quarto-contrib/videojs/video-js.css */
.video-js {
  background: none !important;   /* remove dark background */
  border-radius: 10px; /* rounded corner */
}
.reveal h1.title {
  font-size: 2.0em;
}

.reveal .slides section .fragment.blur {
  filter: none
}
.reveal .slides section .fragment.blur.visible {
  filter: blur(5px);
}

.reveal .slides section .fragment.deblur {
  filter: blur(5px);
}
.reveal .slides section .fragment.deblur.visible {
  filter: none
}


#title-slide {
  height: 700px !important;
}

.reveal .title-slide {
  display: flex;
  flex-direction: column;
}

#title-slide h1.title {
  position: absolute !important;
  top: 45% !important;  /* adjust vertical position */
  left: 0 !important;
  right: 0 !important;
  text-align: center !important;
}

#title-slide .subtitle {
  position: absolute !important;
  top: 5% !important;  /* adjust vertical position */
  left: 0 !important;
  right: 0 !important;
  text-align: center !important;
}

#title-slide .quarto-title-authors {
  position: absolute !important;
  bottom: 10% !important;
  left: 0 !important;
  right: 0 !important;
  text-align: center !important;
}

#title-slide .quarto-title-author-name {
  font-size: 1.0em !important;  /* adjust author name font size */
}

#title-slide .quarto-title-affiliation {
  font-size: 1.0em !important;  /* adjust affiliation font size */
}

#title-slide .date {
  position: absolute !important;
  bottom: 0% !important;
  left: 0 !important;
  right: 0 !important;
  text-align: center !important;
  font-size: 1.0em !important;
}


/* folded code (code-fold): toggle above the plot; opened code overlays it and scrolls */
.reveal details.code-fold {
  position: relative;
  text-align: left;
  margin: 0 0 0.2em;
}
.reveal details.code-fold summary {
  cursor: pointer;
  font-size: 0.55em;
}
.reveal details.code-fold div.sourceCode {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 10;
  margin: 0;
  max-height: 420px;
  overflow-y: auto;
  background: #fff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}
.reveal details.code-fold div.sourceCode pre,
.reveal details.code-fold div.sourceCode pre code {
  max-height: none;
  overflow: visible;
  margin: 0;
}