.theme-toggle-item,
.auth-nav-item {
  float: right;
  margin: 0;
}

.auth-nav-item + .theme-toggle-item {
  margin-right: 0;
}

.theme-toggle-button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 10px;
  color: #9d9d9d;
  background: transparent;
  border: 0;
  font-size: 12px;
  font-family: inherit;
  line-height: 20px;
  cursor: pointer;
  min-height: 50px;
  text-align: center;
  text-transform: uppercase;
}

body.theme-dark .theme-toggle-button,
body:not(.theme-dark) .theme-toggle-button {
  font-size: 12px !important;
  line-height: 20px !important;
}

.theme-toggle-button:hover,
.theme-toggle-button:focus {
  color: #fff;
  background: transparent;
  outline: none;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
.btn:focus-visible,
.w3-button:focus-visible,
.theme-toggle-button:focus-visible,
.navbar-toggle:focus-visible,
.carousel-control:focus-visible {
  outline: 3px solid #8fd8ff !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 3px rgba(143, 216, 255, 0.35) !important;
}

.navbar .theme-toggle-button,
body.theme-dark .navbar .theme-toggle-button,
body:not(.theme-dark) .navbar .theme-toggle-button,
.navbar .theme-toggle-button .theme-toggle-label,
body.theme-dark .navbar .theme-toggle-button .theme-toggle-label,
body:not(.theme-dark) .navbar .theme-toggle-button .theme-toggle-label,
body.theme-dark .navbar .theme-toggle-button span,
body.theme-dark .navbar span.theme-toggle-label {
  color: #9d9d9d !important;
}

.navbar .theme-toggle-button:hover,
.navbar .theme-toggle-button:focus,
body.theme-dark .navbar .theme-toggle-button:hover,
body.theme-dark .navbar .theme-toggle-button:focus,
body:not(.theme-dark) .navbar .theme-toggle-button:hover,
body:not(.theme-dark) .navbar .theme-toggle-button:focus,
.navbar .theme-toggle-button:hover .theme-toggle-label,
.navbar .theme-toggle-button:focus .theme-toggle-label,
body.theme-dark .navbar .theme-toggle-button:hover .theme-toggle-label,
body.theme-dark .navbar .theme-toggle-button:focus .theme-toggle-label,
body:not(.theme-dark) .navbar .theme-toggle-button:hover .theme-toggle-label,
body:not(.theme-dark) .navbar .theme-toggle-button:focus .theme-toggle-label {
  color: #fff !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.theme-toggle-label {
  min-width: 66px;
  text-align: right;
  cursor: default;
}

.theme-toggle-button:hover .theme-toggle-label,
.theme-toggle-button:focus .theme-toggle-label {
  color: #9d9d9d !important;
}

.theme-toggle-track {
  cursor: pointer;
}

.theme-toggle-track {
  position: relative;
  width: 44px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 6px;
  border-radius: 999px;
  background: #f5f5f5;
  border: 1px solid #777;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

.theme-toggle-icon {
  position: relative;
  z-index: 1;
  font-size: 11px;
  line-height: 1;
}

body.theme-dark .theme-toggle-icon,
body:not(.theme-dark) .theme-toggle-icon {
  font-size: 11px !important;
  line-height: 1 !important;
}

.theme-toggle-sun {
  color: #f59e0b;
}

.theme-toggle-moon {
  color: #334155;
}

.theme-toggle-thumb {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
  transition: transform 0.25s ease;
}

.theme-toggle-button.is-dark .theme-toggle-track {
  background: #111827;
  border-color: #8fd8ff;
}

.theme-toggle-button.is-dark .theme-toggle-thumb {
  transform: translateX(22px);
}

.theme-toggle-button.is-dark .theme-toggle-sun {
  color: #facc15;
}

.theme-toggle-button.is-dark .theme-toggle-moon {
  color: #bfdbfe;
}

html {
  scroll-behavior: smooth;
}

body,
.card,
.w3-card,
.w3-card-4,
.content,
.btn,
.w3-button,
button,
a,
input,
textarea {
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus,
.btn:focus,
.w3-button:focus {
  outline: 3px solid #8fd8ff !important;
  outline-offset: 3px !important;
}

@media (max-width: 767px) {
  .theme-toggle-item,
  .auth-nav-item {
    float: none;
    margin: 7.5px -15px;
  }

  .theme-toggle-button {
    width: 100%;
    min-height: 40px;
    padding: 10px 15px;
    justify-content: center;
  }
}

body.theme-dark {
  background-color: #111 !important;
  color: #f5f5f5 !important;
  transition: background-color 0.4s ease, color 0.4s ease;
}

body.theme-dark .card,
body.theme-dark .w3-card,
body.theme-dark .w3-card-4,
body.theme-dark .w3-white,
body.theme-dark .content,
body.theme-dark .login-card {
  background-color: #1f1f1f !important;
  color: #f5f5f5 !important;
}

body.theme-dark .row,
body.theme-dark header,
body.theme-dark .main,
body.theme-dark .container.gallery-container,
body.theme-dark .container.marketing {
  color: #f5f5f5 !important;
}

body:not(.theme-dark) .card,
body:not(.theme-dark) .w3-card,
body:not(.theme-dark) .w3-card-4,
body:not(.theme-dark) .w3-white,
body:not(.theme-dark) .content,
body:not(.theme-dark) .panel,
body:not(.theme-dark) .accordion,
body:not(.theme-dark) .login-card,
body:not(.theme-dark) .row,
body:not(.theme-dark) header,
body:not(.theme-dark) .main,
body:not(.theme-dark) .container.gallery-container,
body:not(.theme-dark) .container.marketing,
body:not(.theme-dark) footer {
  color: #111 !important;
}

body:not(.theme-dark) .card h1,
body:not(.theme-dark) .card h2,
body:not(.theme-dark) .card h3,
body:not(.theme-dark) .card h4,
body:not(.theme-dark) .card h5,
body:not(.theme-dark) .card h6,
body:not(.theme-dark) .card p,
body:not(.theme-dark) .content h1,
body:not(.theme-dark) .content h2,
body:not(.theme-dark) .content h3,
body:not(.theme-dark) .content h4,
body:not(.theme-dark) .content h5,
body:not(.theme-dark) .content h6,
body:not(.theme-dark) .content p,
body:not(.theme-dark) .panel,
body:not(.theme-dark) .accordion {
  color: #111 !important;
}

body:not(.theme-dark) .navbar,
body:not(.theme-dark) .navbar a,
body:not(.theme-dark) .navbar span,
body:not(.theme-dark) .navbar button,
body:not(.theme-dark) .navbar .theme-toggle-button {
  color: #9d9d9d !important;
}

body:not(.theme-dark) .navbar a:hover,
body:not(.theme-dark) .navbar button:hover,
body:not(.theme-dark) .navbar .theme-toggle-button:hover {
  color: #fff !important;
}

body.theme-dark h1,
body.theme-dark h2,
body.theme-dark h3,
body.theme-dark h4,
body.theme-dark h5,
body.theme-dark h6,
body.theme-dark p,
body.theme-dark label,
body.theme-dark span,
body.theme-dark .w3-text-grey,
body.theme-dark .w3-text-black,
body.theme-dark .w3-text-theme,
body.theme-dark #name,
body.theme-dark #intro,
body.theme-dark #form2,
body.theme-dark #footer1 {
  color: #f5f5f5 !important;
}

body.theme-dark a {
  color: #8fd8ff !important;
}

body.theme-dark a:hover,
body.theme-dark a:focus {
  color: #ffffff !important;
}

body.theme-dark #footer,
body.theme-dark footer #footer,
body.theme-dark .fa-facebook-official,
body.theme-dark .fa-facebook,
body.theme-dark .fa-twitter,
body.theme-dark .fa-instagram,
body.theme-dark .fa-github,
body.theme-dark .fa-linkedin,
body.theme-dark .fa-brands {
  color: #8fd8ff !important;
}

body.theme-dark a:hover #footer,
body.theme-dark footer a:hover #footer,
body.theme-dark a:hover .fa-facebook-official,
body.theme-dark a:hover .fa-facebook,
body.theme-dark a:hover .fa-twitter,
body.theme-dark a:hover .fa-instagram,
body.theme-dark a:hover .fa-github,
body.theme-dark a:hover .fa-linkedin,
body.theme-dark a:hover .fa-brands {
  color: #ffffff !important;
  opacity: 1 !important;
}

footer a,
footer a:hover,
footer a:focus,
footer a i,
footer a:hover i,
footer a:focus i,
body.theme-dark footer a,
body.theme-dark footer a:hover,
body.theme-dark footer a:focus,
body.theme-dark footer a i,
body.theme-dark footer a:hover i,
body.theme-dark footer a:focus i {
  opacity: 1 !important;
  text-decoration: none !important;
}

body:not(.theme-dark) footer a:hover #footer,
body:not(.theme-dark) footer a:focus #footer,
body:not(.theme-dark) footer a:hover i,
body:not(.theme-dark) footer a:focus i {
  color: #000 !important;
  background-color: transparent !important;
  opacity: 1 !important;
}

body:not(.theme-dark) footer .w3-hover-white:hover,
body:not(.theme-dark) footer .w3-hover-white:focus {
  color: #000 !important;
  background-color: transparent !important;
  opacity: 1 !important;
}

body.theme-dark footer .w3-hover-white:hover,
body.theme-dark footer .w3-hover-white:focus {
  color: #fff !important;
  background-color: transparent !important;
  opacity: 1 !important;
}

.session-expiry-warning {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.5);
}

.session-expiry-warning.is-visible {
  display: flex;
}

.session-expiry-card {
  width: min(420px, 100%);
  padding: 24px;
  border-radius: 16px;
  background: #fff;
  color: #111;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
  text-align: center;
}

.session-expiry-card h3 {
  margin: 0 0 12px;
  color: #111 !important;
  font-size: 22px;
}

.session-expiry-card p {
  margin: 0 0 12px;
  color: #333 !important;
}

.session-expiry-actions {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 18px;
}

.session-expiry-actions button {
  border: 0;
  border-radius: 999px;
  padding: 10px 16px;
  background: #111;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
}

.session-expiry-actions button:first-child {
  background: #0f766e;
}

.session-expiry-actions button:hover,
.session-expiry-actions button:focus {
  opacity: 0.85;
  outline: none;
}

.session-expiry-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

body.theme-dark .session-expiry-card {
  background: #1f1f1f;
  color: #f5f5f5;
  border: 1px solid #555;
}

body.theme-dark .session-expiry-card h3,
body.theme-dark .session-expiry-card p {
  color: #f5f5f5 !important;
}

@media (max-width: 480px) {
  .session-expiry-actions {
    flex-direction: column;
  }

  .session-expiry-actions button {
    width: 100%;
  }
}

body.theme-dark input,
body.theme-dark textarea {
  background-color: #2b2b2b !important;
  color: #f5f5f5 !important;
  border-color: #555 !important;
}

body.theme-dark .w3-display-bottomleft #name,
body:not(.theme-dark) .w3-display-bottomleft #name {
  color: #f5f5f5 !important;
}

body:not(.theme-dark) .w3-display-bottomleft #name {
  color: #000 !important;
}

body.theme-dark #image1 h1,
body.theme-dark #image1 b {
  color: #000 !important;
}

body.theme-dark header.w3-container p {
  color: #f5f5f5 !important;
}

body.theme-dark header.w3-container .w3-tag {
  background-color: #555 !important;
  color: #f5f5f5 !important;
}

body:not(.theme-dark) header.w3-container p {
  color: #111 !important;
}

body.theme-dark .gallery-container > h2,
body.theme-dark .gallery-container h3,
body.theme-dark .gallery-container h4,
body.theme-dark .gallery-container h5,
body.theme-dark .gallery-container h6,
body.theme-dark .gallery-container > p,
body.theme-dark .gallery-container .p1,
body.theme-dark .gallery-container .page-description {
  color: #000 !important;
}

body.theme-dark .w3-light-grey,
body.theme-dark .w3-light-gray {
  background-color: #111 !important;
}

body.theme-dark footer,
body.theme-dark .w3-dark-grey,
body.theme-dark .w3-dark-gray {
  background-color: #000 !important;
  color: #f5f5f5 !important;
}

body.theme-dark .accordion,
body.theme-dark .panel {
  background-color: #2a2a2a !important;
  color: #f5f5f5 !important;
}

body.theme-dark .carousel,
body.theme-dark .carousel .col-lg-4,
body.theme-dark .marketing .col-lg-4 {
  background-color: #1f1f1f !important;
  color: #f5f5f5 !important;
}

body.theme-dark .carousel h2,
body.theme-dark .carousel p,
body.theme-dark .marketing h2,
body.theme-dark .marketing p {
  color: #f5f5f5 !important;
}

body.theme-dark .carousel #span {
  color: #ffb4b4 !important;
}

body:not(.theme-dark) .carousel,
body:not(.theme-dark) .carousel .col-lg-4,
body:not(.theme-dark) .marketing .col-lg-4 {
  color: #111 !important;
}

body:not(.theme-dark) .carousel h2,
body:not(.theme-dark) .carousel p,
body:not(.theme-dark) .marketing h2,
body:not(.theme-dark) .marketing p {
  color: #111 !important;
}

body:not(.theme-dark) .carousel #span {
  color: #b30000 !important;
}

body.theme-dark .main,
body.theme-dark .main h1,
body.theme-dark .main h2,
body.theme-dark .main h3,
body.theme-dark .main p,
body.theme-dark .main span,
body.theme-dark .tz-gallery,
body.theme-dark .tz-gallery .content {
  color: #f5f5f5 !important;
}

body.theme-dark .tz-gallery .content {
  background-color: #1f1f1f !important;
}

body:not(.theme-dark) .main,
body:not(.theme-dark) .main h1,
body:not(.theme-dark) .main h2,
body:not(.theme-dark) .main h3,
body:not(.theme-dark) .main p,
body:not(.theme-dark) .main span,
body:not(.theme-dark) .tz-gallery,
body:not(.theme-dark) .tz-gallery .content {
  color: #111 !important;
}

body:not(.theme-dark) .tz-gallery .content {
  background-color: #fff !important;
}

body.theme-dark #myBtnContainer .btn {
  background-color: #2a2a2a !important;
  color: #f5f5f5 !important;
  border: 1px solid #555 !important;
}

body.theme-dark #myBtnContainer .btn:hover,
body.theme-dark #myBtnContainer .btn:focus {
  background-color: #8fd8ff !important;
  color: #111 !important;
  border-color: #8fd8ff !important;
}

body.theme-dark #myBtnContainer .btn.active {
  background-color: #8fd8ff !important;
  color: #111 !important;
  border-color: #8fd8ff !important;
}

body:not(.theme-dark) #myBtnContainer .btn {
  background-color: #fff !important;
  color: #111 !important;
  border: 1px solid #ddd !important;
}

body:not(.theme-dark) #myBtnContainer .btn:hover,
body:not(.theme-dark) #myBtnContainer .btn:focus {
  background-color: #ddd !important;
  color: #111 !important;
  border-color: #aaa !important;
}

body:not(.theme-dark) #myBtnContainer .btn.active {
  background-color: #666 !important;
  color: #fff !important;
  border-color: #666 !important;
}

body.theme-dark footer .w3-button,
body.theme-dark footer button.w3-button,
body.theme-dark footer #Prev,
body.theme-dark footer #Next {
  background-color: #2a2a2a !important;
  color: #f5f5f5 !important;
  border-color: #8fd8ff !important;
}

body.theme-dark footer .w3-button:hover,
body.theme-dark footer button.w3-button:hover,
body.theme-dark footer .w3-button:hover #Prev,
body.theme-dark footer .w3-button:hover #Next {
  background-color: #8fd8ff !important;
  color: #111 !important;
}

body:not(.theme-dark) footer .w3-button,
body:not(.theme-dark) footer button.w3-button,
body:not(.theme-dark) footer #Prev,
body:not(.theme-dark) footer #Next {
  background-color: #111 !important;
  color: #fff !important;
}

body:not(.theme-dark) footer .w3-button:hover,
body:not(.theme-dark) footer button.w3-button:hover,
body:not(.theme-dark) footer .w3-button:hover #Prev,
body:not(.theme-dark) footer .w3-button:hover #Next {
  background-color: #ddd !important;
  color: #111 !important;
}

body.theme-dark .carousel-control,
body.theme-dark .carousel-control.left,
body.theme-dark .carousel-control.right {
  color: #8fd8ff !important;
  background-image: none !important;
  background-color: rgba(0, 0, 0, 0.65) !important;
  opacity: 1 !important;
}

body.theme-dark .carousel-control:hover,
body.theme-dark .carousel-control:focus,
body.theme-dark .carousel-control:hover .glyphicon,
body.theme-dark .carousel-control:focus .glyphicon {
  color: #fff !important;
  background-color: rgba(143, 216, 255, 0.18) !important;
}

body:not(.theme-dark) .carousel-control,
body:not(.theme-dark) .carousel-control.left,
body:not(.theme-dark) .carousel-control.right {
  color: #111 !important;
  background-image: none !important;
  background-color: rgba(255, 255, 255, 0.35) !important;
  opacity: 1 !important;
}

body:not(.theme-dark) .carousel-control:hover,
body:not(.theme-dark) .carousel-control:focus,
body:not(.theme-dark) .carousel-control:hover .glyphicon,
body:not(.theme-dark) .carousel-control:focus .glyphicon {
  color: #000 !important;
  background-color: rgba(0, 0, 0, 0.12) !important;
}

body.theme-dark .btn,
body.theme-dark .btn-default,
body.theme-dark button {
  border-color: #8fd8ff !important;
}

body.theme-dark .theme-toggle-button {
  background: transparent !important;
  border-color: transparent !important;
  color: #9d9d9d !important;
}

body.theme-dark .btn-default {
  background-color: #2a2a2a !important;
  color: #8fd8ff !important;
  background-image: none !important;
}

body.theme-dark [style*="background-color:white"],
body.theme-dark [style*="background-color: white"],
body.theme-dark [style*="background-color:#fff"],
body.theme-dark [style*="background-color: #fff"],
body.theme-dark [style*="background-color:#ffffff"],
body.theme-dark [style*="background-color: #ffffff"] {
  background-color: #1f1f1f !important;
  color: #f5f5f5 !important;
}

body.theme-dark [style*="background-color:#282E34"],
body.theme-dark [style*="background-color: #282E34"] {
  background-color: #000 !important;
  color: #f5f5f5 !important;
}

body:not(.theme-dark) [style*="background-color:white"],
body:not(.theme-dark) [style*="background-color: white"],
body:not(.theme-dark) [style*="background-color:#fff"],
body:not(.theme-dark) [style*="background-color: #fff"],
body:not(.theme-dark) [style*="background-color:#ffffff"],
body:not(.theme-dark) [style*="background-color: #ffffff"] {
  color: #111 !important;
}

body:not(.theme-dark) [style*="background-color:#282E34"],
body:not(.theme-dark) [style*="background-color: #282E34"] {
  color: #f5f5f5 !important;
}

/* Gallery/volunteering pages: keep the whole gallery surface in dark mode. */
body.theme-dark .container.gallery-container {
  background-color: #1f1f1f !important;
  color: #f5f5f5 !important;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.45) !important;
}

body.theme-dark .container.gallery-container h1,
body.theme-dark .container.gallery-container h2,
body.theme-dark .container.gallery-container h3,
body.theme-dark .container.gallery-container h4,
body.theme-dark .container.gallery-container h5,
body.theme-dark .container.gallery-container h6,
body.theme-dark .container.gallery-container p,
body.theme-dark .container.gallery-container .p1,
body.theme-dark .container.gallery-container .page-description,
body.theme-dark .container.gallery-container .tz-gallery {
  color: #f5f5f5 !important;
}

body.theme-dark .container.gallery-container .lightbox img {
  box-shadow: 0 2px 8px rgba(255, 255, 255, 0.15) !important;
}

body.theme-dark .container.gallery-container .lightbox img:hover {
  box-shadow: 0 8px 18px rgba(143, 216, 255, 0.25) !important;
}

/* Keep the Blog page clock readable and identical in dark mode. */
body.theme-dark .real-time-clock {
  background-color: #fff !important;
  color: #111 !important;
}

body.theme-dark .real-time-clock .clock-label,
body.theme-dark .real-time-clock #realTimeClock,
body.theme-dark .real-time-clock .clock-number {
  color: #111 !important;
}

body.theme-dark .real-time-clock .analog-clock {
  background-color: #fff !important;
  border-color: #111 !important;
}

body.theme-dark .real-time-clock .hour-hand,
body.theme-dark .real-time-clock .minute-hand {
  background-color: #111 !important;
}

body.theme-dark .real-time-clock .second-hand,
body.theme-dark .real-time-clock .clock-center {
  background-color: #d00000 !important;
}

/* Keep the theme toggle label visually consistent with the other navbar links. */
.navbar-inverse .navbar-nav.theme-toggle-item > li > .theme-toggle-button,
.navbar .navbar-nav.theme-toggle-item > li > .theme-toggle-button {
  color: #9d9d9d !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: normal !important;
}

.navbar-inverse .navbar-nav.theme-toggle-item > li > .theme-toggle-button .theme-toggle-label,
.navbar .navbar-nav.theme-toggle-item > li > .theme-toggle-button .theme-toggle-label {
  color: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

body.theme-dark .navbar-inverse .navbar-nav.theme-toggle-item > li > .theme-toggle-button,
body.theme-dark .navbar .navbar-nav.theme-toggle-item > li > .theme-toggle-button,
body.theme-dark .navbar-inverse .navbar-nav.theme-toggle-item > li > .theme-toggle-button .theme-toggle-label,
body.theme-dark .navbar .navbar-nav.theme-toggle-item > li > .theme-toggle-button .theme-toggle-label {
  color: #8fd8ff !important;
}

.navbar-inverse .navbar-nav.theme-toggle-item > li > .theme-toggle-button:hover,
.navbar-inverse .navbar-nav.theme-toggle-item > li > .theme-toggle-button:focus,
.navbar .navbar-nav.theme-toggle-item > li > .theme-toggle-button:hover,
.navbar .navbar-nav.theme-toggle-item > li > .theme-toggle-button:focus,
.navbar-inverse .navbar-nav.theme-toggle-item > li > .theme-toggle-button .theme-toggle-label:hover,
.navbar-inverse .navbar-nav.theme-toggle-item > li > .theme-toggle-button .theme-toggle-label:focus,
.navbar .navbar-nav.theme-toggle-item > li > .theme-toggle-button .theme-toggle-label:hover,
.navbar .navbar-nav.theme-toggle-item > li > .theme-toggle-button .theme-toggle-label:focus,
.navbar-inverse .navbar-nav.theme-toggle-item > li > .theme-toggle-button:hover .theme-toggle-label,
.navbar-inverse .navbar-nav.theme-toggle-item > li > .theme-toggle-button:focus .theme-toggle-label,
.navbar .navbar-nav.theme-toggle-item > li > .theme-toggle-button:hover .theme-toggle-label,
.navbar .navbar-nav.theme-toggle-item > li > .theme-toggle-button:focus .theme-toggle-label {
  color: #fff !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

/* Final navbar toggle text overrides: keep hover behavior consistent on every page. */
.navbar-inverse .navbar-nav.theme-toggle-item > li > button.theme-toggle-button span.theme-toggle-label,
.navbar .navbar-nav.theme-toggle-item > li > button.theme-toggle-button span.theme-toggle-label,
body.theme-dark .navbar-inverse .navbar-nav.theme-toggle-item > li > button.theme-toggle-button span.theme-toggle-label,
body.theme-dark .navbar .navbar-nav.theme-toggle-item > li > button.theme-toggle-button span.theme-toggle-label,
body:not(.theme-dark) .navbar-inverse .navbar-nav.theme-toggle-item > li > button.theme-toggle-button span.theme-toggle-label,
body:not(.theme-dark) .navbar .navbar-nav.theme-toggle-item > li > button.theme-toggle-button span.theme-toggle-label {
  color: inherit !important;
}

.navbar-inverse .navbar-nav.theme-toggle-item > li > button.theme-toggle-button:hover,
.navbar-inverse .navbar-nav.theme-toggle-item > li > button.theme-toggle-button:focus,
.navbar .navbar-nav.theme-toggle-item > li > button.theme-toggle-button:hover,
.navbar .navbar-nav.theme-toggle-item > li > button.theme-toggle-button:focus,
body.theme-dark .navbar-inverse .navbar-nav.theme-toggle-item > li > button.theme-toggle-button:hover,
body.theme-dark .navbar-inverse .navbar-nav.theme-toggle-item > li > button.theme-toggle-button:focus,
body.theme-dark .navbar .navbar-nav.theme-toggle-item > li > button.theme-toggle-button:hover,
body.theme-dark .navbar .navbar-nav.theme-toggle-item > li > button.theme-toggle-button:focus,
body:not(.theme-dark) .navbar-inverse .navbar-nav.theme-toggle-item > li > button.theme-toggle-button:hover,
body:not(.theme-dark) .navbar-inverse .navbar-nav.theme-toggle-item > li > button.theme-toggle-button:focus,
body:not(.theme-dark) .navbar .navbar-nav.theme-toggle-item > li > button.theme-toggle-button:hover,
body:not(.theme-dark) .navbar .navbar-nav.theme-toggle-item > li > button.theme-toggle-button:focus,
.navbar-inverse .navbar-nav.theme-toggle-item > li > button.theme-toggle-button:hover span.theme-toggle-label,
.navbar-inverse .navbar-nav.theme-toggle-item > li > button.theme-toggle-button:focus span.theme-toggle-label,
.navbar .navbar-nav.theme-toggle-item > li > button.theme-toggle-button:hover span.theme-toggle-label,
.navbar .navbar-nav.theme-toggle-item > li > button.theme-toggle-button:focus span.theme-toggle-label,
body.theme-dark .navbar-inverse .navbar-nav.theme-toggle-item > li > button.theme-toggle-button:hover span.theme-toggle-label,
body.theme-dark .navbar-inverse .navbar-nav.theme-toggle-item > li > button.theme-toggle-button:focus span.theme-toggle-label,
body.theme-dark .navbar .navbar-nav.theme-toggle-item > li > button.theme-toggle-button:hover span.theme-toggle-label,
body.theme-dark .navbar .navbar-nav.theme-toggle-item > li > button.theme-toggle-button:focus span.theme-toggle-label,
body:not(.theme-dark) .navbar-inverse .navbar-nav.theme-toggle-item > li > button.theme-toggle-button:hover span.theme-toggle-label,
body:not(.theme-dark) .navbar-inverse .navbar-nav.theme-toggle-item > li > button.theme-toggle-button:focus span.theme-toggle-label,
body:not(.theme-dark) .navbar .navbar-nav.theme-toggle-item > li > button.theme-toggle-button:hover span.theme-toggle-label,
body:not(.theme-dark) .navbar .navbar-nav.theme-toggle-item > li > button.theme-toggle-button:focus span.theme-toggle-label {
  color: #fff !important;
  background-color: transparent !important;
  text-decoration: none !important;
}