/********** Dark Mode CSS **********/
body,
body * {
  transition: background-color 0.4s ease, color 0.4s ease,
    border-color 0.4s ease;
}

body[data-theme="dark"] {
  background-color: #1a182b !important;
}

body[data-theme="dark"] .text-dark {
  color: #f8fafc !important;
}

/* Nav Bar Start */
body[data-theme="dark"] .navbar,
body[data-theme="dark"] .top-bar {
  background-color: transparent !important;
}

body[data-theme="dark"] .border-bottom-white {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 991.98px) {
  body[data-theme="dark"] .navbar .navbar-nav {
    background: rgba(26, 24, 43) !important;
  }
  body[data-theme="dark"] .navbar-collapse {
    border-top: 1px var(--dark_orchid) solid;
  }
  body[data-theme="dark"] .nav-bar-dark-mode-toggle {
    display: flex !important;
    padding-left: 0 !important;
    color: white !important;
    gap: 10px !important;
  }
}

/* Nav Bar End */

/* Sun and Moon-1/4 Toggle Dark Mode */
.dark-mode-toggle {
  max-width: 50px !important;
  min-height: 50px !important;
  align-items: center;
  display: flex;
  justify-content: center;
}
.dark-mode-toggle:hover {
  background-color: #af8cbd !important;
  opacity: 1 !important;
}
body[data-theme="dark"] .dark-mode-toggle:hover {
  background-color: #3e2e59 !important;
  opacity: 1 !important;
}

/* End of Sun and Moon Toggle Dark Mode */

/* Our Mission Start */
body[data-theme="dark"] .icon-overlay.bg-white {
  background-color: #1a182b !important;
}

body[data-theme="dark"] .bg-secondary.text-primary3 {
  color: #ffffff !important;
}
/* Our Mission End */

/* Our Programs Start*/
body[data-theme="dark"] #about.bg-light {
  background: transparent
    linear-gradient(180deg, #1a182b 20%, rgba(52, 57, 72, 0.3) 100%) 0% 0%
    no-repeat padding-box !important;
  border: 1px solid #3d2b57;
}

body[data-theme="dark"] #about .text-dark {
  color: #f8fafc !important;
}

body[data-theme="dark"] #about .causes-item {
  background: #70459b30 !important;
}

/* Our Programs End */

/* Donate Now Start */

body[data-theme="dark"] .btn-outline-primary2 {
  background: var(--dark_orchid);
  border: 1px solid var(--dark_orchid);
}

body[data-theme="dark"] .btn-outline-primary2:hover {
  background: transparent;
  border: 1px solid #ffffff;
}

/* body[data-theme="dark"] .btn:hover .btn-sm-square {
  background-color: #ffffff !important;
  color: var(--dark_orchid) !important;
} */
body[data-theme="dark"] .btn-primary:hover {
  color: #ffffff !important;
  border: solid 1px #3f2c5c !important;
}

/* Donate Now End */

/* Testimonial Start */

body[data-theme="dark"] .testimonial-carousel::after {
  background: transparent
    linear-gradient(90deg, #1a182b00 0%, #2c224100 55%, #1a182b 100%);
}

body[data-theme="dark"] .testimonial-carousel::before {
  background: transparent
    linear-gradient(270deg, #1a182b00 0%, #2c224100 55%, #1a182b 100%);
}

body[data-theme="dark"]
  .testimonial-carousel
  .owl-item:not(.center)
  .testimonial-text {
  background-color: #2c224181;
}

body[data-theme="dark"] .bg-secondary.text-secondary {
  color: #ffffff !important;
}

body[data-theme="dark"] .testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
  color: white;
}

body[data-theme="dark"] .owl-theme .owl-dots .owl-dot span {
    background: var(--primary);
}
body[data-theme="dark"] .owl-dots {
  text-align: center;
  margin-top: 10px;
}

body[data-theme="dark"].owl-dot {
  display: inline-block;
  margin-top: 20px;
}

body[data-theme="dark"] .owl-dot span {
  width: 8px;
  height: 8px;
  background: #ffffff;
  opacity: 25%;
  border-radius: 50%;
  display: block;
  margin: 5px;
}

body[data-theme="dark"] .owl-dot.active span {
  background: var(--dark_orchid);
  opacity: 100%;
}
/* Testimonial End */

/* Modal - forms Start */

body[data-theme="dark"] .modal-content {
  background-color: #1a182b;
  border: 1px solid #3d2b57;
  color: #f8fafc;
}

body[data-theme="dark"] .form-control {
  background-color: #1a182b;
  border: 1px solid #3d2b57;
  color: #ffff;
}

body[data-theme="dark"] .form-control:focus {
  background-color: unset;
}

body[data-theme="dark"] #getInvolveModal .radio-button-title {
  color: #f8fafc;
}

/* Modal - forms End */

/* Misc */

body[data-theme="dark"] .back-to-top {
  background-color: #70459b;
  border: 1px solid #70459b;
}

body[data-theme="dark"] .back-to-top:hover {
  background: unset !important;
  border: 1px solid #c098c6 !important;
}

/* Footer Email Input */
body[data-theme="dark"] .form-control-email {
  border: 1px solid #ffffff !important;
}
/* End of Footer Email Input */

/* All Button Close */
body[data-theme="dark"] .modal .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}
/* End of All Button Close */

/* Button For Contact Us & Get Involved */
body[data-theme="dark"] .btn-outline-primary:hover {
  color: #ffffff !important;
  border: solid 1px #3f2c5c !important;
}

body[data-theme="dark"] .btn:hover .get-involved {
  background-color: #ffffff !important;
  color: #70459b !important;
}
/* End of Button For Contact Us & Get Involved */