// dark theme styles
.dark-body {
  --template-bg: #000000;
  --template-color: #ffffff;
  --secondary-color: #ffffff;
  background-color: var(--black);

  .page-wrapper {
    background-color: var(--black) !important;
  }

  // section header
  .section__header {
    span {
      color: var(--base-color);
    }

    h2 {
      color: var(--white);

      span {
        color: var(--base-color);
      }
    }

    p {
      color: var(--white);
    }
  }

  .section__content {
    .sub-title {
      color: var(--base-color);
    }

    h2 {
      color: var(--white);
      span {
        color: var(--base-color);
      }
    }

    p {
      color: var(--white);
    }
  }

  .topbar {
    background-color: var(--black);
  }

  .topbar--secondary {
    .topbar__inner {
      background-color: var(--black);
    }
  }

  .topbar--tertiary .topbar__list a,
  .topbar--tertiary .topbar__items a {
    color: var(--white);
    i {
      color: var(--base-color);
    }
    &:hover {
      color: var(--base-color);
    }
  }

  .topbar--tertiary {
    .social {
      a,
      i {
        color: var(--black) !important;
      }
    }
  }

  .header {
    .contact-btn {
      i {
        color: var(--black);
      }

      p {
        color: var(--black);
      }

      a {
        color: var(--black);
        &:hover {
          color: var(--hover-color);
        }
      }
    }
  }
  .header-tertiary,
  .header-tertiary .main-header__menu-box {
    background-color: var(--white) !important;
  }
  .header-tertiary .select .current {
    color: var(--black);
  }

  .header-tertiary .select::after {
    border-color: var(--black) !important;
  }

  .header-tertiary .open-cart span {
    background-color: var(--black);
  }

  .header-tertiary {
    .btn--secondary {
      &::before,
      &::after {
        background-color: var(--black);
      }
      &:hover {
        color: var(--black) !important;
      }
    }
  }

  .difference-three .differnce-quote {
    background-color: #242424;
  }

  .difference-three .differnce-quote q span {
    color: var(--base-color);
  }

  .nice-select .list {
    background-color: var(--black);
  }

  .nice-select .option:hover,
  .nice-select .option.focus,
  .nice-select .option.selected.focus {
    background-color: #242424;
  }

  // partner
  .partner {
    background-color: #1e1e1e;
    img {
      filter: brightness(0) saturate(100%) invert(100%) sepia(0%)
        saturate(7472%) hue-rotate(306deg) brightness(99%) contrast(96%);
    }
  }

  // help
  .help {
    .sub-title {
      color: var(--base-color);
    }

    .help__content-icon .thumb::before {
      background-color: #1e1e1e;
    }

    .help__content-cta .contact-btn p {
      color: var(--white);
    }
  }

  // slider navigation
  .slider-navigation {
    .slider-btn {
      background-color: var(--secondary-color);
      color: var(--black);
      &:hover {
        background-color: var(--base-color);
        color: var(--black);
      }
    }

    .slider-btn-next {
      background-color: var(--base-color);
      color: var(--black);
      &:hover {
        background-color: var(--secondary-color);
        color: var(--black);
      }
    }
  }

  // cause
  .cause {
    background-color: #000000;

    .cause__slider-single {
      background-color: #242424;
      &:hover {
        .cause__cta {
          a {
            border-color: var(--base-color);
            color: var(--black);
            &::before,
            &::after {
              width: 0% !important;
            }
          }
        }
      }
    }

    .cause__cta {
      a {
        border: 1px solid var(--white);
        background-color: var(--base-color);
        color: var(--black);
        &::before,
        &::after {
          background-color: var(--white);
        }
        &:hover {
          border-color: var(--base-color);
          color: var(--black) !important;
        }
      }
    }

    .swiper-slide-active {
      .thumb {
        .tag {
          a {
            background-color: var(--secondary-color);
            color: var(--black);
          }
        }
      }

      .cause__cta {
        a {
          color: var(--black);
          border-color: var(--base-color);
          &::before,
          &::after {
            width: 0% !important;
          }
        }
      }
    }

    .pagination-one {
      .swiper-pagination-bullet {
        background-color: var(--white);
      }
      .swiper-pagination-bullet-active {
        background-color: transparent;
        border-color: var(--white);
        &::after {
          background-color: var(--base-color);
          margin-top: -1px;
          margin-inline-end: -1px;
        }
      }
    }
  }

  // team
  .team {
    .team__single {
      &:hover {
        .team__single-content {
          background-color: #242424;
          h6 {
            color: var(--base-color);
          }

          p {
            color: var(--base-color);
          }
        }

        .team__single-content__icon {
          background-color: var(--base-color);
          color: var(--black) !important;
        }
      }
    }

    .team__single-thumb {
      &::before {
        bottom: 50px;
      }
    }

    .team__single-content {
      background-color: #242424;
      h6 {
        color: var(--secondary-color);
      }

      p {
        font-size: 14px;
        font-weight: 600;
        color: var(--secondary-color);
        transition: var(--transition);
      }
    }

    .team__single-content__icon {
      background-color: var(--secondary-color);
      color: var(--black);
    }

    .team__single__thumb-social {
      a {
        background-color: var(--base-color);
        color: var(--black);
        &:hover {
          background-color: var(--base-color);
          color: var(--black) !important;
        }
      }
    }
  }

  // community
  .community {
    .community-donation {
      background-color: #242424;
    }

    .warning,
    .input-group-icon {
      background-color: #2e2e2e;

      .thumb {
        background-color: var(--black);
      }
    }

    .donation-form__single .donation-amount {
      &:hover,
      &.active {
        color: var(--black);
      }
    }
  }

  // testimonial
  .testimonial {
    .testimonial__slider-single {
      background-color: #5c5151;
    }
  }

  .cause-two {
    background-color: #1e1e1e;

    .cause-two__inner {
      &::before,
      &::after {
        background-color: #1e1e1e;
      }
    }
  }

  .difference-two {
    background-color: #1e1e1e;
    .difference-two__content .sub-title {
      color: var(--base-color);
    }
    .difference-two__tab-content li {
      color: var(--white);
    }

    .difference-progress-single .circle-progress {
      stroke: #727877;
    }
  }

  .blog {
    .blog__single {
      background-color: #242424;
    }

    .blog__single-thumb .tag a {
      background-color: var(--base-color);
      color: var(--black);
    }
  }

  .banner {
    .bottom-shape {
      img {
        filter: brightness(0) saturate(100%) invert(0%) sepia(100%)
          saturate(6977%) hue-rotate(338deg) brightness(85%) contrast(114%);
      }
    }
  }

  .help-two {
    .help-two__card {
      &::before {
        background-image: linear-gradient(-31deg, #242424 70%, transparent 50%);
      }

      p {
        color: var(--white);
      }
    }

    .help__content-icon .thumb::before {
      background-color: #242424;
    }
  }

  .cta-section-two .shape img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(6977%)
      hue-rotate(338deg) brightness(85%) contrast(114%);
  }

  .faq .shape img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(6977%)
      hue-rotate(338deg) brightness(85%) contrast(114%);
  }

  .faq .accordion-item .accordion-button {
    color: var(--black);
    &::after {
      color: var(--black);
    }
  }

  .faq .accordion-item .accordion-button:not(.collapsed) {
    color: var(--white);
    &::after {
      color: var(--white);
    }
  }

  .testimonial-two {
    .testimonial-two__inner {
      background-image: none !important;
      background-color: #242424;
    }
    .testimonial-two__thumb {
      margin-inline-start: -12px;
    }
  }

  .donation-future .donation-bg .shape {
    filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(6977%)
      hue-rotate(338deg) brightness(85%) contrast(114%);
  }

  .donation-future .donation-future__thumb {
    background-image: none !important;
    background-color: #242424;
    border: 14px solid #504848;
  }

  .donation-future .donation-future__thumb .donation-amount {
    color: var(--base-color);
    border-color: var(--black);
    background-color: var(--black);

    &:hover,
    &.active {
      background-color: var(--base-color);
      color: var(--black);
      border-color: var(--base-color);
    }
  }

  .cause-three::before {
    background-color: #242424;
  }

  .team-three {
    background-color: var(--black);
  }

  .help-three .help-three__inner {
    background-color: var(--black);
  }

  .help-three .help-three__content p {
    color: var(--white);
  }

  .help-three .poor-boy .shape {
    filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(6977%)
      hue-rotate(338deg) brightness(85%) contrast(114%);
  }

  .testimonial-three .testimonial-three__single {
    background-color: #242424;
  }

  .testimonial-three p {
    color: var(--white);
  }

  .event::before {
    background-color: #242424;
  }

  .error {
    h3,
    h2 {
      color: var(--white);
    }
  }

  .volunteer {
    .volunteer__form {
      border: 1px solid rgb(76 76 76);
      h4 {
        color: var(--white);
      }
    }

    .warning {
      background-color: #242424;
      border-color: #505254;
    }

    .team-details__list ul li {
      color: var(--white);

      i {
        color: var(--base-color);
      }
    }
  }

  .checkout__form .input-single {
    background-color: #242424;

    input,
    textarea {
      color: var(--white);
    }
  }

  .checkout__form .btn--primary {
    &:hover {
      background-color: var(--white);
      color: var(--black);
    }
  }

  .progress-wrapper {
    p,
    span {
      color: var(--white) !important;
    }
  }

  .cm-details .cm-details-meta p {
    color: var(--white);
    i {
      color: var(--base-color);
    }
  }

  .cm-details .cm-details__list ul li {
    color: var(--white);
  }

  .blog-main .blockquote-wrapper {
    background-color: #242424;
    blockquote {
      color: var(--white) !important;
    }
  }

  .blog-main .details-footer .tag-header h6 {
    color: var(--white);
  }

  .blog-main .details-footer .tag-wrapper a {
    border-color: #727877;
    color: var(--white);
    &:hover {
      color: var(--black);
    }
  }

  .cm-details
    .blog-comment
    .comment-single
    .reply-comment
    .input-single
    textarea {
    color: var(--white);
  }

  .cm-details .blog-comment .comment-header h4 {
    color: var(--white);
  }

  .cm-details .blog-comment .comment-single .reply-comment .btn--secondary {
    color: var(--black);
    &::before,
    &::after {
      background-color: var(--base-color);
    }
  }

  .cm-details .blog-comment .comment__form {
    background-color: #242424;
  }

  .cm-details .blog-comment .input-icon {
    background-color: #000000;
  }

  .cm-details .cm-group h3 {
    color: var(--white);
  }

  .comment__form {
    .btn--secondary {
      color: var(--black);
      &::before,
      &::after {
        background-color: var(--base-color);
      }
    }
  }

  .blog-main .cm-sidebar-widget,
  .cm-details .cm-sidebar-widget {
    background-color: #242424 !important;
  }

  .cm-details .cm-sidebar-widget .intro h5 {
    color: var(--white);
  }

  .cm-details .cm-sidebar-widget .tag-wrapper a,
  .blog-main .cm-categories a {
    background-color: #000000;
    color: var(--white);
    border-color: #000000;
    &:hover {
      background-color: var(--base-color);
      color: var(--black);
      border-color: var(--base-color);
    }
  }

  .cm-details .cm-sidebar-widget form {
    background-color: #000000;
    border: 1px solid #564f4f;
  }

  .cm-details .cm-sidebar-widget form input {
    color: var(--white);
  }

  .blog-main .cm-details-author h6 {
    color: var(--white);
  }

  .checkout .intro h5 {
    color: var(--white);
  }

  .blog-main .cm-sidebar-widget form {
    border-color: #585454 !important;
  }

  .checkout .content {
    background-color: #242424;
  }

  .checkout .content-single {
    background-color: #000000;
  }

  .checkout .content-single p:nth-last-of-type(1) {
    color: var(--white);
  }

  .checkout .content-single-alt input {
    background-color: transparent;
    color: var(--white);
  }

  .checkout .total h6 {
    color: var(--white);
  }

  .checkout .radio-wrapper {
    background-color: #000000;
  }

  .checkout .radio-wrapper .radio-single label {
    color: var(--white);
  }

  .coming-soon .content .form-group {
    background-color: #000000;
  }

  .coming-soon .content .form-group input {
    color: var(--white);
  }

  .contact-main .content h6 {
    color: var(--white);
  }

  .coming-soon .content .form-group button {
    color: var(--base-color);
  }

  .blog-main .blog__single-cta a {
    color: var(--white);
    i {
      color: var(--base-color);
    }
  }

  .donate-inner {
    background-color: #242424;

    h5 {
      color: var(--white);
    }

    .checkout__form .input-single {
      background-color: var(--black);
    }
  }
  .donate-inner .community-donation hr {
    background-color: #604c4c;
  }

  .privacy {
    background-color: var(--black);
    h3,
    p {
      color: var(--white) !important;
    }
  }

  .donate-inner .radio-wrapper {
    background-color: transparent;
  }

  .donate-inner .radio-wrapper .radio-single {
    margin: 0px;
  }

  .cm-details .cm-sidebar-widget .single-item .content p:nth-of-type(2) {
    color: var(--white);
    &:hover {
      color: var(--base-color);
    }
  }

  .main-pagination a {
    color: var(--white);
    &:hover {
      color: var(--black);
    }
  }

  .main-pagination .active {
    color: var(--black);
  }

  .blog-main .blog__single-thumb .tag a {
    background-color: var(--base-color);
    color: var(--black);
  }

  .blog-main .blog__single-content h4 {
    color: var(--white);
    &:hover {
      color: var(--base-color);
    }
  }

  .blog-main .blog__single-cta a {
    &:hover {
      color: var(--base-color);
    }
  }

  .cart-main .cart__inner .cart-product-wrapper p {
    color: var(--white);
    &:hover {
      color: var(--base-color);
    }
  }

  .cart-main .cart__inner .price,
  .cart-main .cart__inner .sub {
    color: var(--white);
  }

  .cart-main .cart__inner .measure button,
  .cart-main .cart__inner .measure .item-quantity {
    background-color: #242424;
    color: var(--white);
    border: 0px solid transparent;
  }

  .cart-main .update-cart a {
    background-color: var(--base-color);
    color: var(--black);
    border-color: var(--base-color);
    &:hover {
      background-color: var(--white);
      color: var(--black);
      border-color: var(--white);
    }
  }

  .cart-main .coupon-wrapper h6 {
    color: var(--white);
  }

  .cart-main .coupon-wrapper {
    border-color: #564f4f;
  }

  .cart-main .cart__inner tr {
    border-bottom: 1px solid #564f4f;
  }

  .cart-main .cart__inner {
    border: 1px solid #564f4f;
  }

  .cart-main .coupon-wrapper .right-c form input {
    background-color: #242424;
    border: 1px solid #564f4f;
    color: var(--white);
  }

  .cart-main .cart-main__single {
    border-color: #564f4f;
  }

  .cart-main .cart-main__single .intro h6 {
    color: var(--white);
  }

  .cart-main .cart-main__single .content-single {
    border-color: #564f4f;
  }

  .cart-main .cart-main__single .content-single p {
    color: var(--white);
  }

  .cart-main .cart-main__single .content a {
    background-color: var(--base-color);
    color: var(--black);
    &:hover {
      background-color: var(--white);
    }
  }

  .cm-details .cm-sidebar-widget form input {
    background-color: transparent;
  }

  .product-details .product-details__slider-thumb {
    border: 1px solid #666666;
  }

  .product-details .sm-gallery {
    border: 1px solid #666666;
  }

  .product-details .product-details__content .product-meta h3 {
    color: var(--white);
  }

  .product-details .product-details__content .product-price h4 {
    color: var(--white);
  }

  .product-details .product-details__content .product-color p {
    color: var(--white);
  }

  .product-details .product-details__content .product-size p {
    color: var(--white);
  }

  .product-details .product-details__content .product-size .product-sizes span {
    color: var(--white);
    border-color: #666666;
    cursor: pointer;
    &:hover {
      color: var(--black);
    }
  }

  .product-details .product-details__content .product-quantity p {
    color: var(--white);
  }

  .product-details .product-details__content .product-quantity .measure button,
  .product-details
    .product-details__content
    .product-quantity
    .measure
    .item-quantity {
    color: var(--white);
  }

  .product-details .product-details__content .productsku strong {
    color: var(--white);
  }

  .product-details .product-details__content .sku p strong {
    color: var(--white) !important;
  }

  .product-tab {
    background-color: #242424;

    h4,
    h5 {
      color: var(--white);
    }
  }

  .shop .shop__content-intro {
    border: 1px solid #625858;
  }

  .shop .nice-select {
    background-color: #242424 !important;
    border-color: #625858 !important;
  }

  .shop .shop__single-content p,
  .shop .shop__single-content a {
    color: var(--white);
  }

  .shop .shop__single-thumb {
    border: 1px solid #625858;
  }

  .shop-sidebar-widget {
    background-color: #242424;
  }

  .shop-sidebar-widget .intro h5 {
    color: var(--white);
  }

  .shop-sidebar-widget form {
    border: 1px solid #625858;
  }

  .shop-sidebar-widget form input {
    background-color: transparent;
  }
  .shop-sidebar-widget a {
    color: var(--white) !important;
  }

  .shop-sidebar-widget .filter-wrapper .filter-cta p {
    color: var(--white);
  }

  .shop-sidebar-widget .size-wrapper .radio-single label {
    color: var(--white);
  }

  .shop-sidebar-widget:nth-last-of-type(1) {
    a {
      &:hover {
        color: var(--black) !important;
        border-color: var(--base-color);
      }
    }
  }

  .team-details .team-details__meta .designation {
    color: var(--white);
  }

  .team-details .my-word h5 {
    color: var(--white);
  }

  .team-details .team-details__list ul li {
    color: var(--white);
  }

  .team-details .about-me p {
    color: var(--white);
  }

  .footer .footer__support a {
    &:hover {
      color: var(--black) !important;
      span {
        color: var(--black) !important;
      }
    }
  }

  .footer-two {
    background-color: #122f2a;
  }

  .footer-two__newsletter-form form input {
    background-color: rgba(255, 255, 255, 0.2);
  }

  .footer-two .footer-two__widget .social a {
    &:hover {
      color: var(--black);
    }
  }

  .cause-three-alt,
  .cause-three {
    .thumb .tag a {
      color: var(--black);
    }

    .cause__slider-single {
      &:hover {
        .thumb .tag a {
          color: var(--black) !important;
        }
      }
    }
  }

  .color-palate {
    p {
      color: #667471 !important;
    }
  }
}
