.has-anim p span {
  display: block !important;
}

/* This rule now safely handles ONLY the .animL and .animR classes */
.animL,
.animR {
  opacity: 0;
  transition: opacity 400ms ease-in !important;
}

/* This rule now ONLY targets list items inside your theme's main content wrapper, leaving the quiz alone. */
.module-content-wrapper li {
  opacity: 0;
  transition: opacity 400ms ease-in !important;
}

.fade-in-B,
.fade-in {
  opacity: 0 !important;
  transition: opacity 400ms ease-in !important;
}

.fade-in.appear,
.animL.show,
.animR.show,
li.show,
.fade-in.show,
.fade-in-B.show {
  opacity: 1;
}

.anim-list {
  background-color: rgb(236, 236, 236, 0);
}

/* blockquote animation */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

blockquote {
  opacity: 0;
  transition: opacity 400ms ease-in;
}

blockquote.show {
  animation: fadeIn 1s ease-in-out forwards;
}

.logo img {
  opacity: 1;
  -webkit-filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0));
  filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0));
}


img.fade-in-up {
  opacity: 0; /* Hidden */
  transform: translateY(10px); /* Downward offset */
  transition: opacity 400ms ease-in-out, transform 400ms ease-in-out;
}


img.fade-in-up.show {
  opacity: 1; /* Fully visible */
  transform: translateY(0); /* Reset to original position */
}



/* Removes animations if users' preferences are set to none */
@media (prefers-reduced-motion: reduce) {
  .hidden {
    transition: none;
  }

  .animL,
  .animR,
  li {
    opacity: 1;
    transition: none;
  }

  .fade-in-B,
  .fade-in {
    opacity: 1;
    transition: none;
  }

  .anim-list {
    transition: none;
  }
}