/*-------------------------------
    Dark Theme  CSS
-------------------------------*/

:root {
    --aztechColor: #072227;
    --codColor: #222;
    --darkColor: #000;
}

.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/sunny.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--aztechColor);
    background-size: 17px;
}

.navbar-area .navbar,
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/night.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
}

/*---------------------------------
    Color CSS For Elements 
-----------------------------------*/

.theme-light .navbar-brand .logo-dark,
.theme-light .footer-logo .logo-dark,
.theme-light .logo .logo-dark {
    display: none !important;
}

.theme-light .navbar-brand .logo-light,
.theme-light .footer-logo .logo-light,
.theme-light .logo .logo-light {
    display: block !important;
}

.theme-dark .navbar-brand .logo-dark,
.theme-dark .footer-logo .logo-dark,
.theme-dark .logo .logo-dark {
    display: block !important;
}

.theme-dark .navbar-brand .logo-light,
.theme-dark .footer-logo .logo-light,
.theme-dark .logo .logo-light {
    display: none !important;
}

.theme-dark .bg_ash,
.theme-dark .bg_two,
.theme-dark .pricing-card,
.theme-dark .header-area.style-two.sticky,
.theme-dark .header-area.style-three.sticky,
.theme-dark .breadcrumb-wrap,
.theme-dark .login-form-wrap,
.theme-dark .header-area .header-top,
.theme-dark .modal.show .modal-dialog,
.theme-dark .testimonial-card-three,
.theme-dark .header-area.style-one::after,
.theme-dark .contact-card,
.theme-dark .download-app::after,
.theme-dark .footer-wrap.style-three,
.theme-dark .project-wrap.style-one::after,
.theme-dark .counter-wrap.style-two::after,
.theme-dark .bg_gray {
    background-color: var(--codColor) !important;
}

.theme-dark body,
.theme-dark .footer-wrap,
.theme-dark .help-card,
.theme-dark .offcanvas.offcanvas-end,
.theme-dark .navbar-area.sticky,
.theme-dark .move-text.style-one,
.theme-dark .bg-white {
    background-color: var(--darkColor) !important;
}

.theme-dark .faq-form,
.theme-dark .hero-wrap.hero-one .hero-bg .hero-client-list,
.theme-dark .header-area.style-one .navbar-area .navbar,
.theme-dark .team-card .team-member-info,
.theme-dark .team-card.style-one,
.theme-dark .team-card.style-two,
.theme-dark .testimonial-card,
.theme-dark .header-area.style-one.sticky,
.theme-dark .service-card.style-one,
.theme-dark .service-card.style-four,
.theme-dark .about-wrap.style-one .about-img-wrap .exp-box,
.theme-dark .about-wrap.style-two .about-img-wrap .exp-box,
.theme-dark .wh-wrap.style-one .wh-img-wrap .play-now,
.theme-dark .process-card.style-one .process-img span,
.theme-dark .process-card.style-two .process-img span,
.theme-dark .feature-card.style-one,
.theme-dark .feature-card.style-two,
.theme-dark .feature-card.style-three,
.theme-dark .service-card.style-two,
.theme-dark .service-card.style-three,
.theme-dark .service-card.style-four,
.theme-dark .faq-wrap .accordion-item,
.theme-dark .navbar-area .navbar .navbar-nav .nav-item .dropdown-menu,
.theme-dark .counter-wrap.style-three .counter-card {
    background-color: var(--aztechColor) !important;
}

.theme-dark .responsive-navbar .offcanvas-body .contact-info li p,
.theme-dark .responsive-navbar .offcanvas-body .contact-info li a {
    color: var(--paraColor) !important;
}

.theme-dark .feature-card.style-one:hover {
    background-color: var(--primaryColor);
}

.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6,
.theme-dark h3 a,
.theme-dark .responsive-navbar .offcanvas-body .contact-info li i,
.theme-dark .navbar-area .navbar .others-option .option-item .search-btn i,
.theme-dark .header-wrap.style-two .navbar .navbar-nav .nav-item a,
.theme-dark .category-box.style-two li a,
.theme-dark .category-box.style-two li a i,
.theme-dark .event-metainfo li,
.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-button::before,
.theme-dark .navbar-area .navbar .others-option .option-item .sidebar-toggler i,
.theme-dark .searchModal .modal-dialog .modal-content .btn-close i,
.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 .category-box.style-two li a {
    background: var(--aztechColor);
}

.theme-dark .category-box.style-two li a i {
    color: var(--whiteColor);
}

.theme-dark .category-box.style-two li a:hover {
    background: var(--secondaryColor);
}

.theme-dark .hero-wrap.style-two {
    position: relative;
}

.theme-dark .hero-wrap.style-two:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: -2;
}

.theme-dark #cmt-form,
.theme-dark .comment-item-wrap .comment-item {
    box-shadow: none;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.theme-dark p,
.theme-dark span,
.theme-dark .pricing-card .pricing-features li,
.theme-dark .content-feature-list li,
.theme-dark .breadcrumb-content .breadcrumb-menu li:last-child,
.theme-dark .responsive-navbar .offcanvas-body .contact-info li p,
.theme-dark .responsive-navbar .offcanvas-body .contact-info li a,
.theme-dark article ol li,
.theme-dark .service-details-wrap ol li,
.theme-dark .project-details-wrap ol li,
.theme-dark .wh-wrap.style-one .wh-content .wh-features ul li,
.theme-dark .navbar-area .navbar .navbar-nav .nav-item .dropdown-toggle::before,
.theme-dark .checkbox label,
.theme-dark .terms-wrap ol li,
.theme-dark .about-wrap.style-three .about-content .feature-list li,
.theme-dark .content-feature-list li,
.theme-dark .content-feature-list-two li,
.theme-dark .contact-item .contact-info p {
    color: var(--offwhiteColor) !important;
}

.theme-dark .counter-wrap.style-two .counter-card-wrap .counter-card .counter-text h2,
.theme-dark .counter-wrap.style-four .counter-card-wrap .counter-card .counter-text h2,
.theme-dark .counter-wrap.style-two .counter-card-wrap .counter-card .counter-text h2 span,
.theme-dark .counter-wrap.style-four .counter-card-wrap .counter-card .counter-text h2 span,
.theme-dark .counter-wrap.style-two .counter-card-wrap .counter-card .counter-text p,
.theme-dark .counter-wrap.style-four .counter-card-wrap .counter-card .counter-text p,
.theme-dark .counter-wrap.style-four .counter-card-wrap .counter-card .counter-text h2 {
    color: var(--titleColor) !important;
}

.theme-dark .section-title.style-one span,
.theme-dark .content-title.style-one span,
.theme-dark .breadcrumb-wrap .breadcrumb-content .breadcrumb-menu li a {
    color: var(--primaryColor) !important;
}

.theme-dark .counter-wrap.style-one .counter-card h2 {
    -webkit-text-stroke: 1px var(--whiteColor);
    color: var(--whiteColor);
}

.theme-dark .process-card-wrap>div .process-card::after {
    filter: brightness(0) invert(1);
}

.theme-dark .navbar-area .navbar .navbar-nav .nav-item .dropdown-menu {
    box-shadow: none !important;
}

.theme-dark .error-wrap {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.theme-dark .responsive-navbar .offcanvas-header .close-btn,
.theme-dark .features-list li {
    color: var(--whiteColor);
}

.theme-dark .responsive-navbar .offcanvas-header .close-btn.active,
.theme-dark .responsive-navbar .offcanvas-header .close-btn:hover,
.theme-dark .features-list li.active,
.theme-dark .features-list li:hover {
    color: var(--secondaryColor);
}

.theme-dark .progress-item .progress,
.theme-dark .navbar-area .navbar .others-option::before {
    background-color: rgba(255, 255, 255, 0.7);
}

.theme-dark .link-one,
.theme-dark .link-two,
.theme-dark .about-btn .contact-item a,
.theme-dark .contact-card .contact-info a,
.theme-dark .header-area.style-one .header-top .header-top-left a,
.theme-dark .header-area.style-one .header-top .header-top-right a,
.theme-dark .navbar-area.style-one .navbar .navbar-nav .nav-item .nav-link,
.theme-dark .header-area.style-two .navbar .navbar-nav .nav-item .nav-link,
.theme-dark .footer-wrap .footer-widget .footer-menu li a,
.theme-dark .footer-wrap .footer-widget .contact-info li p,
.theme-dark .footer-wrap .footer-widget .contact-info li a,
.theme-dark .blog-metainfo li a,
.theme-dark .blog-card.style-one .blog-info h3 a,
.theme-dark .blog-card.style-two .blog-info h3 a,
.theme-dark .blog-card.style-three .blog-info h3 a,
.theme-dark .blog-metainfo li,
.theme-dark .category-box li a,
.theme-dark .category-list-one li a,
.theme-dark .post-tag ul li a,
.theme-dark .comment-item-wrap .reply-btn,
.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-link,
.theme-dark .navbar-area .navbar .navbar-nav .nav-item .nav-link,
.theme-dark .breadcrumb-content .breadcrumb-menu li a {
    color: var(--whiteColor) !important;
}

.theme-dark .link-one:hover,
.theme-dark .link-one.active,
.theme-dark .link-two:hover,
.theme-dark .link-two.active,
.theme-dark .about-btn .contact-item a:hover,
.theme-dark .about-btn .contact-item a.active,
.theme-dark .contact-card .contact-info a:hover,
.theme-dark .contact-card .contact-info a.active,
.theme-dark .header-area.style-one .header-top .header-top-left a:hover,
.theme-dark .header-area.style-one .header-top .header-top-left a.active,
.theme-dark .header-area.style-one .header-top .header-top-right a:hover,
.theme-dark .header-area.style-one .header-top .header-top-right a.active,
.theme-dark .navbar-area.style-one .navbar .navbar-nav .nav-item .nav-link:hover,
.theme-dark .navbar-area.style-one .navbar .navbar-nav .nav-item .nav-link.active,
.theme-dark .header-area.style-two .navbar .navbar-nav .nav-item .nav-link:hover,
.theme-dark .header-area.style-two .navbar .navbar-nav .nav-item .nav-link.active,
.theme-dark .footer-wrap .footer-widget .footer-menu li a:hover,
.theme-dark .footer-wrap .footer-widget .footer-menu li a.active,
.theme-dark .footer-wrap .footer-widget .contact-info li p:hover,
.theme-dark .footer-wrap .footer-widget .contact-info li p.active,
.theme-dark .footer-wrap .footer-widget .contact-info li a:hover,
.theme-dark .footer-wrap .footer-widget .contact-info li a.active,
.theme-dark .blog-metainfo li a:hover,
.theme-dark .blog-metainfo li a.active,
.theme-dark .blog-card.style-one .blog-info h3 a:hover,
.theme-dark .blog-card.style-one .blog-info h3 a.active,
.theme-dark .blog-card.style-two .blog-info h3 a:hover,
.theme-dark .blog-card.style-two .blog-info h3 a.active,
.theme-dark .blog-card.style-three .blog-info h3 a:hover,
.theme-dark .blog-card.style-three .blog-info h3 a.active,
.theme-dark .blog-metainfo li:hover,
.theme-dark .blog-metainfo li.active,
.theme-dark .category-box li a:hover,
.theme-dark .category-box li a.active,
.theme-dark .category-list-one li a:hover,
.theme-dark .category-list-one li a.active,
.theme-dark .post-tag ul li a:hover,
.theme-dark .post-tag ul li a.active,
.theme-dark .comment-item-wrap .reply-btn:hover,
.theme-dark .comment-item-wrap .reply-btn.active,
.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-link:hover,
.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-link.active,
.theme-dark .navbar-area .navbar .navbar-nav .nav-item .nav-link:hover,
.theme-dark .navbar-area .navbar .navbar-nav .nav-item .nav-link.active,
.theme-dark .breadcrumb-content .breadcrumb-menu li a:hover,
.theme-dark .breadcrumb-content .breadcrumb-menu li a.active {
    color: var(--primaryColor) !important;
}

.theme-dark .tag-list li a {
    background-color: transparent;
    color: var(--whiteColor);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.theme-dark .tag-list li a:hover {
    background-color: var(--primaryColor);
    color: var(--whiteColor);
}

.theme-dark .project-slider-one .project-pagination .swiper-pagination-bullet::after {
    background: rgba(255, 255, 255, 0.3);
}

.theme-dark .event-card,
.theme-dark .blog-card {
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.theme-dark #contactForm,
.theme-dark .about-btn .contact-item span {
    background-color: var(--codColor);
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-button {
    color: var(--whiteColor);
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-button.active {
    color: var(--primaryColor);
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body {
    background-color: transparent;
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-link {
    color: var(--whiteColor);
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-link.active {
    color: var(--primaryColor);
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-collapse .accordion-body {
    background-color: transparent;
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-link {
    color: var(--whiteColor);
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-link.active {
    color: var(--primaryColor);
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-collapse .accordion-body .accordion-button {
    color: var(--whiteColor);
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-collapse .accordion-body .accordion-button.active {
    color: var(--primaryColor);
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-button {
    color: var(--whiteColor);
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-button.active {
    color: var(--primaryColor);
}

.theme-dark .navbar-area .navbar .navbar-toggler .burger-menu span {
    background: var(--whiteColor);
}

.theme-dark .offcanvas-contact-info h4 {
    color: var(--primaryColor) !important;
}

.theme-dark .footer-wrap .copyright-text a,
.theme-dark .footer-wrap .copyright-text span {
    color: var(--primaryColor) !important;
}

.theme-dark article,
.theme-dark .hero-wrap.hero-two .hero-content h1,
.theme-dark .responsive-navbar .offcanvas-header,
.theme-dark .responsive-navbar .offcanvas-body .offcanvas-contact-info,
.theme-dark .responsive-navbar .offcanvas-body .others-option,
.theme-dark .header-area.style-two,
.theme-dark .post-meta-option,
.theme-dark .pricing-card .pricing-header,
.theme-dark .comment-item-wrap .comment-item {
    border-color: rgba(255, 255, 255, 0.25) !important;
}

.theme-dark .navbar-area .navbar .others-option .option-item .sidebar-toggler img {
    filter: brightness(0) invert(1);
}

.theme-dark .faq-wrap .accordion-item .accordion-header .accordion-button {
    color: var(--whiteColor);
    background-color: transparent;
}

.theme-dark .faq-wrap .accordion-item .accordion-header .accordion-body {
    background-color: transparent;
    border-color: transparent;
}

.theme-dark #cmt-form,
.theme-dark .post-meta-option,
.theme-dark .contact-card-wrap,
.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 #cmt-form.style-two,
.theme-dark .post-meta-option.style-two,
.theme-dark .contact-card-wrap.style-two,
.theme-dark .wp-block-quote.style-two,
.theme-dark .sidebar-widget.style-two {
    border: none;
}

.theme-dark input,
.theme-dark textarea,
.theme-dark .newsletter-box .newsletter-form input,
.theme-dark #cmt-form .comment-form .form-group input,
.theme-dark #cmt-form .comment-form .form-group textarea,
.theme-dark .login-form .form-group input,
.theme-dark .comment-form .form-group input,
.theme-dark .comment-form .form-group textarea,
.theme-dark .booking-form .form-group input,
.theme-dark .booking-form .form-group textarea,
.theme-dark #contactForm .form-group input,
.theme-dark #contactForm .form-group textarea,
.theme-dark .login-form-wrap .login-body .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-box .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 .login-form .form-group input::-moz-placeholder,
.theme-dark .comment-form .form-group input::-moz-placeholder,
.theme-dark .comment-form .form-group textarea::-moz-placeholder,
.theme-dark .booking-form .form-group input::-moz-placeholder,
.theme-dark .booking-form .form-group textarea::-moz-placeholder,
.theme-dark #contactForm .form-group input::-moz-placeholder,
.theme-dark #contactForm .form-group textarea::-moz-placeholder,
.theme-dark .login-form-wrap .login-body .form-group input::-moz-placeholder {
    color: var(--whiteColor);
    opacity: 0.8;
}

.theme-dark input::placeholder,
.theme-dark textarea::placeholder,
.theme-dark .newsletter-box .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 .login-form .form-group input::placeholder,
.theme-dark .comment-form .form-group input::placeholder,
.theme-dark .comment-form .form-group textarea::placeholder,
.theme-dark .booking-form .form-group input::placeholder,
.theme-dark .booking-form .form-group textarea::placeholder,
.theme-dark #contactForm .form-group input::placeholder,
.theme-dark #contactForm .form-group textarea::placeholder,
.theme-dark .login-form-wrap .login-body .form-group input::placeholder {
    color: var(--whiteColor);
    opacity: 0.8;
}

.theme-dark .login-form-wrap .or-text:before {
    background-color: rgba(255, 255, 255, 0.2);
}

.theme-dark .login-form-wrap .or-text span {
    color: var(--offwhiteColor);
    background-color: var(--codColor);
}

.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(--primaryColor);
    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 select {
    background-image: url(../img/down-arrow-white.webp);
}

.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 .breadcrumb-content .breadcrumb-menu li::after {
    background-color: var(--whiteColor);
}

@media only screen and (max-width: 991px) {
    .switch-theme-mode {
        top: 270px;
    }
}

@media only screen and (min-width: 992px) {
    .theme-dark .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu {
        background-color: var(--codColor);
    }
}

/*# sourceMappingURL=dark-theme.css.map */