/*-------------------------------
    Dark Theme  CSS
-------------------------------*/
:root {
  --aztechColor:#091315;
  --codColor: #111;
  --darkColor: #000;
  --grayColor: #f7f7f7;
}

.switch-theme-mode {
  position: fixed;
  top: 200px;
  right: 15px;
  z-index: 99;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.slider.round {
  border-radius: 50%;
}
.slider.round:before {
  border-radius: 50%;
}
.slider:before {
  position: absolute;
  content: "";
  height: 35px;
  width: 35px;
  left: 0px;
  bottom: 4px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  transition: 0.4s;
  box-shadow: 0 0px 15px rgba(32, 32, 32, 0.2392156863);
  background: white url("../img/night.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--aztechColor);
  background-size: 17px;
}

input:checked + .slider {
  background-color: transparent;
}

input:focus + .slider {
  box-shadow: 0 0 1px transparent;
}

input:checked + .slider:before {
  transform: translateX(0);
  background: white url("../img/sunny.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
}

/*---------------------------------
    Color CSS For Elements 
-----------------------------------*/
.theme-light .navbar-brand .logo-dark {
  display: none !important;
}
.theme-light .navbar-brand .logo-light {
  display: block !important;
}
.theme-light .footer-logo .logo-dark {
  display: none !important;
}
.theme-light .footer-logo .logo-light {
  display: block !important;
}

.theme-dark .navbar-brand .logo-light {
  display: none !important;
}
.theme-dark .navbar-brand .logo-dark {
  display: block !important;
}
.theme-dark .footer-logo .logo-dark {
  display: block !important;
}
.theme-dark .footer-logo .logo-light {
  display: none !important;
}
.theme-dark .bg_ash,
.theme-dark .bg_three,
.theme-dark .bg_four,
.theme-dark .header-wrap.sticky,
.theme-dark .counter-wrap-three,
.theme-dark .testimonial-card-one,
.theme-dark .footer-wrap {
  background-color: var(--codColor) !important;
}
.theme-dark body,
.theme-dark .bg-white,
.theme-dark .counter-wrap-three .counter-card-wrap .counter-card .counter-icon,
.theme-dark .timeline-wrap .timeline-wrapper .timeline-item .timeline-content,
.theme-dark .search-area {
  background-color: var(--darkColor) !important;
}
.theme-dark .bg_two,
.theme-dark .bg_one,
.theme-dark .newsletter-wrap,
.theme-dark .team-card:hover,
.theme-dark .service-card,
.theme-dark .counter-wrap-one,
.theme-dark .timeline-wrap,
.theme-dark .service-card-three .service-info,
.theme-dark .testimonial-card-one .client-logo-wrap,
.theme-dark .about-style-two .about-content .content-feature-list li span,
.theme-dark .about-style-one .about-content .content-feature-list li span,
.theme-dark .about-style-three .about-content .content-feature-list li span,
.theme-dark .counter-wrap-two .counter-card-wrap .counter-card::after,
.theme-dark .blog-card-two .blog-info, .theme-dark .blog-card-three .blog-info,
.theme-dark .counter-wrap-three .counter-card-wrap .counter-card,
.theme-dark .bg_secondary,
.theme-dark .contact-us-wrap .contact-item-wrap,
.theme-dark .brand-area::after,
.theme-dark .bg_five {
  background-color: var(--aztechColor) !important;
}
.theme-dark .timeline-wrap .timeline-wrapper .timeline-item .timeline-counter {
  background-color: var(--secondaryColor);
}
.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6,
.theme-dark h3 a,
.theme-dark .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a,
.theme-dark .header-wrap.header-two .navbar .navbar-nav .nav-item a,
.theme-dark .header-wrap.header-three .header-bottom .navbar .navbar-nav .nav-item a,
.theme-dark .footer-wrap .footer-widget .comp-desc,
.theme-dark .footer-wrap .copyright-text,
.theme-dark article p strong, .theme-dark article p b, .theme-dark .terms-wrap p strong, .theme-dark .terms-wrap p b {
  color: var(--whiteColor) !important;
}
.theme-dark .tag-list li a,
.theme-dark .page-nav li a,
.theme-dark .category-box li a {
  background-color: var(--aztechColor) !important;
  color: var(--whiteColor);
}
.theme-dark .tag-list li a:hover,
.theme-dark .page-nav li a:hover,
.theme-dark .category-box li a:hover {
  background-color: var(--secondaryColor) !important;
}
.theme-dark p, .theme-dark span,
.theme-dark .content-feature-list li,
.theme-dark article ol li,
.theme-dark .terms-wrap ol li,
.theme-dark article p strong,
.theme-dark .terms-wrap p strong,
.theme-dark .content-feature-list li,
.theme-dark article ol li,
.theme-dark .terms-wrap ol li,
.theme-dark .post-metainfo li,
.theme-dark .category-card-two i,
.theme-dark .contact-widget .contact-info li p,
.theme-dark .contact-widget .contact-info li a,
.theme-dark .contact-item .contact-info a,
.theme-dark .contact-item .contact-info p {
  color: var(--offwhiteColor) !important;
}
.theme-dark .header-wrap.header-one .navbar-nav .nav-item .nav-link,
.theme-dark .header-wrap.header-three .navbar-nav .nav-item .nav-link,
.theme-dark .service-card-two .service-info .service-cat,
.theme-dark .service-card-two .service-info .service-cat,
.theme-dark .service-card-three .service-info .service-cat,
.theme-dark .footer-wrap .footer-widget .footer-menu li a,
.theme-dark .footer-wrap .footer-widget .contact-info li p,
.theme-dark .blog-card-one .blog-info .blog-date,
.theme-dark .footer-wrap .footer-widget .contact-info li a,
.theme-dark .hero-wrap .hero-content .search-keywords a,
.theme-dark .breadcrumb-content .breadcrumb-menu li a {
  color: var(--offwhiteColor) !important;
}
.theme-dark .header-wrap.header-one .navbar-nav .nav-item .nav-link:hover,
.theme-dark .header-wrap.header-three .navbar-nav .nav-item .nav-link:hover,
.theme-dark .service-card-two .service-info .service-cat:hover,
.theme-dark .service-card-two .service-info .service-cat:hover,
.theme-dark .service-card-three .service-info .service-cat:hover,
.theme-dark .footer-wrap .footer-widget .footer-menu li a:hover,
.theme-dark .footer-wrap .footer-widget .contact-info li p:hover,
.theme-dark .blog-card-one .blog-info .blog-date:hover,
.theme-dark .footer-wrap .footer-widget .contact-info li a:hover,
.theme-dark .hero-wrap .hero-content .search-keywords a:hover,
.theme-dark .breadcrumb-content .breadcrumb-menu li a:hover {
  color: var(--secondaryColor) !important;
}
.theme-dark .about-style-two .about-content .content-feature-list li span i {
  color: var(--secondaryColor);
}
.theme-dark .project-card .project-info h3 a {
  color: var(--blackColor) !important;
}
.theme-dark .project-card .project-info h3 a:hover {
  color: var(--secondaryColor) !important;
}
.theme-dark .counter-wrap-three .counter-card-wrap .counter-card .counter-icon i {
  color: var(--whiteColor);
}
.theme-dark .project-slider.owl-carousel .owl-nav button.owl-prev,
.theme-dark .project-slider.owl-carousel .owl-nav button.owl-next {
  background-color: rgba(255, 255, 255, 0.18);
}
.theme-dark .project-slider.owl-carousel .owl-nav button.owl-prev i,
.theme-dark .project-slider.owl-carousel .owl-nav button.owl-next i {
  color: var(--whiteColor);
}
.theme-dark .project-slider.owl-carousel .owl-nav button.owl-prev:hover,
.theme-dark .project-slider.owl-carousel .owl-nav button.owl-next:hover {
  background-color: var(--secondaryColor);
}
.theme-dark .pricing-card .pricing-features li,
.theme-dark .content-feature-list li,
.theme-dark .contact-us-wrap .contact-form .form-group label,
.theme-dark .breadcrumb-content .breadcrumb-menu li::after {
  color: var(--offwhiteColor);
}
.theme-dark h3:hover a,
.theme-dark .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.theme-dark .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a.active,
.theme-dark .header-wrap.header-three .header-bottom .navbar .navbar-nav .nav-item a:hover,
.theme-dark .header-wrap.header-three .header-bottom .navbar .navbar-nav .nav-item a.active,
.theme-dark .footer-wrap .footer-widget .footer-widget-title span,
.theme-dark .copyright-text a,
.theme-dark .copyright-text span {
  color: var(--secondaryColor) !important;
}
.theme-dark article,
.theme-dark .pricing-card,
.theme-dark .contact-item-wrap .contact-item,
.theme-dark .blog-card-one .blog-info,
.theme-dark .simple-style-two,
.theme-dark .team-card,
.theme-dark .testimonial-card-two,
.theme-dark .service-details-wrap .soln-item,
.theme-dark .accordion-item,
.theme-dark .page-nav li a,
.theme-dark .testimonial-card-one .client-logo-wrap .client-quote,
.theme-dark .testimonial-card-two .client-logo-wrap .client-quote,
.theme-dark .wh-wrap-one .accordion-item .accordion-header,
.theme-dark .wh-wrap-two .accordion-item .accordion-header,
.theme-dark .service-card-two .service-info, .theme-dark .service-card-two .service-info, .theme-dark .service-card-three .service-info,
.theme-dark .team-card .social-profile,
.theme-dark .checkbox label::before {
  border-color: rgba(255, 255, 255, 0.25) !important;
}
.theme-dark .accordion-item .accordion-header .accordion-button.collapsed span i {
  color: var(--whiteColor);
}
.theme-dark .post-share ul li a {
  border: 1px solid rgba(255, 255, 255, 0.18);
}
.theme-dark .post-share ul li a i {
  color: var(--whiteColor);
}
.theme-dark .post-share ul li a:hover {
  background-color: var(--secondaryColor);
  border-color: transparent;
}
.theme-dark .footer-wrap .copyright-text {
  border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
}
.theme-dark .progressbar-wrap .progress-bar .progress-content-outter:after {
  background-color: rgba(255, 255, 255, 0.18);
}
.theme-dark .footer-wrap::before {
  background-color: rgba(0, 0, 0, 0.9);
}
.theme-dark .testimonial-card-two .client-logo-wrap {
  background-color: transparent;
}
.theme-dark .testimonial-card-one .client-info-wrap .quote-icon img,
.theme-dark .testimonial-card-two .client-info-wrap .quote-icon img,
.theme-dark .testimonial-card-one .client-logo-wrap .client-logo img,
.theme-dark .testimonial-card-two .client-logo-wrap .client-logo img {
  filter: brightness(0) invert(1);
}
.theme-dark .accordion-item {
  background: transparent;
}
.theme-dark .accordion-item .accordion-header .accordion-button {
  background-color: transparent;
  color: var(--whiteColor);
}
.theme-dark .search-area button i {
  color: var(--whiteColor);
}
.theme-dark .pricing-card .pricing-header .pricing-header-icon {
  background-color: rgba(255, 255, 255, 0.3);
}
.theme-dark .pricing-card .pricing-header .pricing-header-icon i {
  color: var(--secondaryColor);
}
.theme-dark .wp-block-quote,
.theme-dark .sidebar-widget {
  background-color: transparent;
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.theme-dark .header-wrap .navbar .navbar-nav .nav-item a:hover,
.theme-dark .header-wrap .navbar .navbar-nav .nav-item a:focus,
.theme-dark .header-wrap .navbar .navbar-nav .nav-item a.active {
  color: var(--secondaryColor) !important;
}
.theme-dark .post-author,
.theme-dark .contact-form,
.theme-dark .post-meta-option {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.theme-dark input, .theme-dark textarea,
.theme-dark .newsletter-form input,
.theme-dark #cmt-form .comment-form .form-group input,
.theme-dark #cmt-form .comment-form .form-group textarea,
.theme-dark #contactForm .form-group input,
.theme-dark #contactForm .form-group textarea,
.theme-dark .checkout-form .form-group input {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: var(--whiteColor);
}
.theme-dark input::-moz-placeholder, .theme-dark textarea::-moz-placeholder, .theme-dark .newsletter-form input::-moz-placeholder, .theme-dark #cmt-form .comment-form .form-group input::-moz-placeholder, .theme-dark #cmt-form .comment-form .form-group textarea::-moz-placeholder, .theme-dark #contactForm .form-group input::-moz-placeholder, .theme-dark #contactForm .form-group textarea::-moz-placeholder, .theme-dark .checkout-form .form-group input::-moz-placeholder {
  color: var(--whiteColor);
  opacity: 0.8;
}
.theme-dark input::placeholder, .theme-dark textarea::placeholder,
.theme-dark .newsletter-form input::placeholder,
.theme-dark #cmt-form .comment-form .form-group input::placeholder,
.theme-dark #cmt-form .comment-form .form-group textarea::placeholder,
.theme-dark #contactForm .form-group input::placeholder,
.theme-dark #contactForm .form-group textarea::placeholder,
.theme-dark .checkout-form .form-group input::placeholder {
  color: var(--whiteColor);
  opacity: 0.8;
}
.theme-dark .page-nav li a {
  background-color: var(--whiteColor);
}
.theme-dark .page-nav li a:hover, .theme-dark .page-nav li a.active {
  background-color: var(--secondaryColor);
  color: var(--whiteColor) !important;
}
.theme-dark .search-box .form-group input {
  background-color: var(--blackColor);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--whiteColor);
}
.theme-dark .search-box .form-group input::-moz-placeholder {
  color: var(--whiteColor);
}
.theme-dark .search-box .form-group input::placeholder {
  color: var(--whiteColor);
}
.theme-dark .search-box-two select {
  background-color: var(--darkColor);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--whiteColor);
}
.theme-dark select {
  background-image: url(../img/down-arrow-white.webp);
}
.theme-dark .comment-item-wrap .comment-item {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.theme-dark .pp-post-item .pp-post-info h6 a {
  color: var(--whiteColor);
}
.theme-dark .pp-post-item .pp-post-info h6 a:hover {
  color: var(--secondaryColor);
}
.theme-dark .blog-metainfo li,
.theme-dark .blog-metainfo li a {
  color: var(--offwhiteColor);
}
.theme-dark .blog-metainfo li:hover,
.theme-dark .blog-metainfo li a:hover {
  color: var(--secondaryColor);
}

@media only screen and (max-width: 991px) {
  .switch-theme-mode {
    top: 270px;
  }
  .theme-dark .main-menu-wrap,
  .theme-dark .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu {
    background-color: var(--blackColor);
  }
  .theme-dark .menu-close i,
  .theme-dark .header-wrap .navbar .navbar-nav .nav-item .menu-expand i {
    color: var(--whiteColor) !important;
  }
  .theme-dark .header-wrap .navbar .navbar-nav .nav-item a.active,
  .theme-dark .main-menu li a.active {
    color: var(--charmColor) !important;
  }
  .theme-dark .main-menu li a.active,
  .theme-dark .main-menu li a {
    border-color: rgba(255, 255, 255, 0.2);
  }
}
@media only screen and (min-width: 992px) {
  .theme-dark .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu,
  .theme-dark .main-menu-wrap #menu ul li.has-children .sub-menu {
    background-color: var(--codColor);
  }
  .theme-dark .header-wrap .navbar .navbar-nav .nav-item a:hover,
  .theme-dark .header-wrap .navbar .navbar-nav .nav-item a:focus,
  .theme-dark .header-wrap .navbar .navbar-nav .nav-item a.active {
    color: var(--secondaryColor) !important;
  }
  .theme-dark .header-wrap.header-one .navbar .navbar-nav .nav-item .nav-link {
    color: var(--whiteColor);
  }
}/*# sourceMappingURL=dark-theme.css.map */