/* styles.css */

/* Additional styling for dark mode, if needed */
.bg-dark.custom-dark-mode {
  background-color: #121212 !important;
}

.text-light.custom-dark-mode {
  color: #e0e0e0 !important;
}

.bg-dark .navbar .nav-link, .bg-dark .navbar .nav-link.show {
	color: var(--my-color-dark);
}

.bg-dark #modeIcon {
	color: yellow;
}

.main.container {
	background: var(--my-color-bg);
}

.bg-dark .main.container {
	background: var(--my-color-bg-dark);
}

.bg-dark .page__footer {
	background: var(--my-color-footer-dark);
}

.bg-dark .copyright {
	background: var(--my-color-footer-btm-dark);
}

.bg-dark .views-exposed-form {
	background-color: transparent;
}

.btn {
  border: none;
}

.bg-dark .text-muted {
	color: #666 !important;
}

.bg-dark .bg-lighter {
	background-color: var(--my-color-white-2-dark);
}

.bg-dark .shadow {
    box-shadow: 0 .5rem 1rem rgba(255, 255, 255, .25) !important;
}