:target:before {
  content: "";
  display: block;
  height: 80px;
  margin: -80px 0 0;
}

body {
  /* font-family: 'Noto Sans TC', sans-serif; */
  scroll-behavior: smooth;
}

/* .navbar {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
} */
.navbar-toggler {
  border: none;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.nav-link {
  border-radius: 10px;
}
.nav-inner-item {
  margin: 10px;
  font-size: larger;
}

/* .container-fluid {
white-space: nowrap;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
overflow-x: scroll;
overflow-y: auto;
} */

.darkmode-toggle {
  z-index: 9999;
}
.darkmode--activated .navbar {
  background-color: #adb5bd !important;
}
.darkmode--activated .katex {
  color: #ffffff;
}
.darkmode--activated hr {
  color: #ffffff;
}

#content {
  font-size: larger;
  font-family: "Noto Sans TC", sans-serif;
  /* word-break: break-all !important; */
  word-wrap: break-word;
}
#content.container video,
#content.container .card video,
#content.container .border,
#content.container .card .border,
#content.container iframe,
#content.container .card iframe {
  border-radius: 10px;
}
#content.container img,
#content.container .card.include img {
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#content.container .card.include img,
#content.container img,
.fade-in-right,
#content .card {
  opacity: 0;
  animation: fade-in-right ease 0.4s forwards;
}
#content.container .card img {
  opacity: 1;
  animation: none;
  border-radius: 0;
  margin: 0;
}

#content.container .carousel-item img {
  margin: 0;
  border-radius: 10px;
}

@keyframes fade-in-right {
  from {
    opacity: 0;
    transform: translateX(-15px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.img-blur {
  filter: blur(3px);
  opacity: 0.5;
  /* transition: all 0.2s; */
}
.img-no-blur {
  transition: all 0.3s;
}

@media print {
  .noprint,
  .navbar,
  .darkmode-toggle,
  .darkmode-layer--button,
  .badge.rounded-pill,
  .fas.fa-tags,
  time,
  .far.fa-calendar,
  .related-section,
  div.border.border-dark {
    display: none !important;
  }
  #content,
  img,
  a[data-fslightbox] {
    page-break-inside: avoid;
    max-width: 100%;
    max-height: 100%;
    pointer-events: none;
  }
}

#TableOfContents {
  border-width: 3px;
  border-radius: 5px;
  border-style: solid;
  border-color: #e3f2fd;
  /* margin-bottom: 1rem;
  margin-left: 3rem;
  margin-right: 3rem; */
}
.darkmode--activated #TableOfContents {
  border-color: #5f5f5f !important;
}
#TableOfContents > ul {
  list-style-type: decimal;
}
#TableOfContents > ul > li {
  padding-left: 3px;
}
#TableOfContents a {
  color: #000;
}

.photo-description p {
  font-size: smaller;
  border-left-width: 3px;
  border-left-color: #0f0f0f;
  border-left-style: solid;
  padding-left: 10px;
}

/* fix video.js missing play button on mobile devices */

.vjs-youtube-mobile .vjs-big-play-button {
  display: flex !important;
}

.vjs-youtube-mobile.vjs-has-started .vjs-big-play-button {
  display: none !important;
}