.mc_mode_reading {
  transition: background-color 0.3s ease, color 0.3s ease;
}

.mc_mode_reading.reading-active {
  background: rgba(255, 255, 255, 0.50) !important;
}

.mc_mode_reading.reading-active * {
  color: #000 !important;
}

.mc_mode_reading.reading-active h1,
.mc_mode_reading.reading-active h2,
.mc_mode_reading.reading-active h3,
.mc_mode_reading.reading-active h4,
.mc_mode_reading.reading-active h5,
.mc_mode_reading.reading-active h6,
.mc_mode_reading.reading-active p,
.mc_mode_reading.reading-active span,
.mc_mode_reading.reading-active a,
.mc_mode_reading.reading-active li {
  color: #000 !important;
}

.reading-mode-toggle {
  cursor: pointer;
  transition: background-color 0.3s ease, opacity 0.3s ease;
}

.reading-mode-toggle:hover {
  opacity: 0.8;
}

.reading-mode-toggle.active span{
  background-color: #062043 !important;
  opacity: 1;
}

.reading-mode-toggle.active * span{
  color: #fff !important;
}