/*-------------------------------
    Dark Theme  CSS
-------------------------------*/
.switch-theme-mode {
    position: fixed;
    top: 200px;
    right: 15px;
    z-index: 99;
}

.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: #fff;
    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: #fff url("../img/night.png");
    background-repeat: no-repeat;
    background-position: center;
    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: #000 url("../img/sunny.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
}

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

.theme-light .navbar-brand .logo-light,
.theme-light .logo .logo-light {
    display: block !important;
    max-width: 170px;
}

.theme-dark .navbar-brand .logo-dark,
.theme-dark .logo .logo-dark {
    display: block !important;
    max-width: 170px;
}

.theme-dark .navbar-brand .logo-light,
.theme-dark .logo .logo-light {
    display: none !important;
    max-width: 170px;
}

.theme-dark .text-dark,
.theme-dark .btn.style-four,
.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6 {
    color: var(--whiteColor) !important;
}

.theme-dark body {
    color: rgba(255, 255, 255, 0.7);
}

.theme-dark body,
.theme-dark .hero-wrap.style-three .hero-news-card .news-info,
.theme-dark .responsive-navbar {
    background-color: #000 !important;
}

.theme-dark .page-nav li a,
.theme-dark .navbar-area.sticky {
    background-color: var(--codColor) !important;
}

.theme-dark .bg-white,
.theme-dark .bg-ash,
.theme-dark .bg_secondary,
.theme-dark .bg-optional,
.theme-dark .wp-block-quote,
.theme-dark .wp-blockquote,
.theme-dark .or-text span,
.theme-dark .wh-content,
.theme-dark .terms-wrap .single-img span,
.theme-dark .news-details .single-img span,
.theme-dark #newsletter-popup .modal-body,
.theme-dark #newsletter-popup .modal-body .newsletter-content,
.theme-dark .navbar-area .navbar .other-options .notif-option .dropdown-menu,
.theme-dark .navbar-area .navbar .navbar-nav .nav-item .dropdown-menu {
    background-color: var(--aztechColor) !important;
}

.theme-dark .bg-gray,
.theme-dark .taglist li a {
    background-color: var(--mildColor) !important;
}

.theme-dark .page-nav li:first-child a i,
.theme-dark .page-nav li:last-child a i,
.theme-dark .text-title,
.theme-dark a,
.theme-dark .link.style-one,
.theme-dark .text_secondary,
.theme-dark .text-title,
.theme-dark .page-nav li a:hover,
.theme-dark .page-nav li a.active,
.theme-dark .navbar-area .navbar-top p,
.theme-dark .navbar-area .navbar-top p .link,
.theme-dark .post-tag span,
.theme-dark .post-share span,
.theme-dark .navbar-area .navbar .other-options .btn:hover,
.theme-dark .navbar-area .navbar .others-option .option-item .user-options li i,
.theme-dark
    .responsive-navbar
    .offcanvas-body
    ul.responsive-menu
    .responsive-menu-list
    > a:hover::after,
.theme-dark
    .responsive-navbar
    .offcanvas-body
    ul.responsive-menu
    .responsive-menu-list
    > a.active::after,
.theme-dark
    .responsive-navbar
    .offcanvas-body
    ul.responsive-menu
    .responsive-menu-list
    > a::after,
.theme-dark .responsive-navbar .offcanvas-header .close-btn,
.theme-dark .pp-post-item .pp-post-info h6 a,
.theme-dark .close-btn i,
.theme-dark .promo-box.style-one .close-promo-box i,
.theme-dark .promo-box.style-two .close_promo-box i,
.theme-dark #newsletter-popup .modal-content .btn_close i,
.theme-dark .accordion-item .accordion-header .accordion-button span i,
.theme-dark .accordion-item .accordion-header .accordion-button,
.theme-dark .responsive-navbar .offcanvas-body .contact-info .contact-item a,
.theme-dark .responsive-navbar .offcanvas-body .contact-info .contact-item p {
    color: #d9d9d9;
}

.theme-dark p,
.theme-dark .text_secondary,
.theme-dark .text-para,
.theme-dark .text-link,
.theme-dark .text-paraTwo,
.theme-dark .text-paraThree,
.theme-dark .checkbox label,
.theme-dark
    .comment-item-wrap
    .comment-item
    .comment-author-info
    .comment-author-name
    .comment-date,
.theme-dark .breadcrumb-wrap .br-menu li,
.theme-dark
    .navbar-area
    .navbar
    .others-option
    .option-item
    .user-options
    li
    span,
.theme-dark .responsive-navbar .offcanvas-body .contact-info .contact-item span,
.theme-dark .taglist li a,
.theme-dark .terms-wrap .feature-list li,
.theme-dark .news-details .feature-list li,
.theme-dark .news-action-wrap .news-action-status span,
.theme-dark
    .navbar-area.style-one
    .navbar-bottom
    .other-options
    .option-item
    ul.status
    li,
.theme-dark .navbar-area .navbar .navbar-left .category-menu > li > ul li a,
.theme-dark
    .comment-item-wrap
    .single-comment-box
    .comment-item
    .comment-author-wrap
    .comment-author-name
    .comment-date {
    color: var(--offwhiteColor) !important;
}

.theme-dark .navbar-area .navbar .navbar-nav > .nav-item > .nav-link.active,
.theme-dark .navbar-area .navbar .navbar-nav > .nav-item > .nav-link:hover,
.theme-dark .login-form,
.theme-dark .contact-item-wrap .contact-item h2 span,
.theme-dark .contact-item-wrap .contact-item,
.theme-dark .comment-item-wrap .comment-item .comment-author-info,
.theme-dark .sidebar .sidebar-widget .sidebar-widget-title,
.theme-dark .category-list li,
.theme-dark .pp-post-wrap .pp-post-item,
.theme-dark .newsletter-form.style-two input,
.theme-dark .testimonial-card.style-one .testimonial-header,
.theme-dark .comment-item-wrap .single-comment-box .comment-item,
.theme-dark .comment-item-wrap .single-comment-box .reply-btn,
.theme-dark .responsive-navbar .offcanvas-header,
.theme-dark
    .responsive-navbar
    .offcanvas-body
    ul.responsive-menu
    .responsive-menu-list,
.theme-dark
    .responsive-navbar
    .offcanvas-body
    ul.responsive-menu
    .active
    > .responsive-menu-items
    li,
.theme-dark .pp-post-item,
.theme-dark .navbar-area.style-two .navbar,
.theme-dark .sidebar,
.theme-dark .br-b-1,
.theme-dark .wh-content p,
.theme-dark .sidebar .sidebar-widget,
.theme-dark .navbar-area.style-one .navbar-top,
.theme-dark .navbar-area.style-three,
.theme-dark .breadcrumb-wrap .br-content,
.theme-dark .comment-item-wrap .comment-item,
.theme-dark .accordion-item .accordion-body,
.theme-dark .news-metaoption,
.theme-dark .accordion-item .accordion-header .accordion-button,
.theme-dark
    .navbar-area
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    .nav-item
    .nav-link {
    border-color: rgba(255, 255, 255, 0.19);
}

.theme-dark .navbar-area .navbar-top p .link:after,
.theme-dark .navbar-area .navbar .navbar-toggler .burger-menu span {
    background-color: var(--whiteColor);
}

.theme-dark .link.style-one:after,
.theme-dark .link.style-three:after {
    background-color: var(--offwhiteColor);
}

.theme-dark .link.style-one:hover,
.theme-dark .link.style-three:hover {
    color: var(--whiteColor) !important;
}

.theme-dark
    .navbar-area
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    .nav-item
    .nav-link.dropdown-toggle::before,
.theme-dark .comment-item-wrap .comment-item .comment-info .reply-btn,
.theme-dark .navbar-area .navbar .navbar-nav .nav-item .nav-link,
.theme-dark .pp-post-item h3 a,
.theme-dark .blog-metainfo li a,
.theme-dark .blog-card h3 a,
.theme-dark
    .responsive-navbar
    .offcanvas-body
    ul.responsive-menu
    .responsive-menu-list
    a,
.theme-dark .responsive-navbar .offcanvas-body ul.responsive-menu li a,
.theme-dark
    .navbar-area
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    .nav-item
    .nav-link {
    color: var(--whiteColor);
}

.theme-dark
    .navbar-area
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    .nav-item
    .nav-link.dropdown-toggle::before:hover,
.theme-dark
    .navbar-area
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    .nav-item
    .nav-link.dropdown-toggle::before.active,
.theme-dark .comment-item-wrap .comment-item .comment-info .reply-btn:hover,
.theme-dark .comment-item-wrap .comment-item .comment-info .reply-btn.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 .pp-post-item h3 a:hover,
.theme-dark .pp-post-item h3 a.active,
.theme-dark .blog-metainfo li a:hover,
.theme-dark .blog-metainfo li a.active,
.theme-dark .blog-card h3 a:hover,
.theme-dark .blog-card h3 a.active,
.theme-dark
    .responsive-navbar
    .offcanvas-body
    ul.responsive-menu
    .responsive-menu-list
    a:hover,
.theme-dark
    .responsive-navbar
    .offcanvas-body
    ul.responsive-menu
    .responsive-menu-list
    a.active,
.theme-dark .responsive-navbar .offcanvas-body ul.responsive-menu li a:hover,
.theme-dark .responsive-navbar .offcanvas-body ul.responsive-menu li a.active,
.theme-dark
    .navbar-area
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    .nav-item
    .nav-link:hover,
.theme-dark
    .navbar-area
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    .nav-item
    .nav-link.active {
    color: var(--primaryColor) !important;
}

.theme-dark .search-btn i,
.theme-dark .navbar-area .navbar-top .contact-info li,
.theme-dark
    .navbar-area
    .navbar
    .navbar-nav
    > .nav-item
    > .nav-link.dropdown-toggle::before {
    color: var(--whiteColor) !important;
}

.theme-dark
    .navbar-area
    .navbar
    .navbar-nav
    > .nav-item
    > .nav-link.active.dropdown-toggle::before,
.theme-dark
    .navbar-area
    .navbar
    .navbar-nav
    > .nav-item
    > .nav-link.dropdown-toggle:hover::before,
.theme-dark .navbar-area .navbar .navbar-nav > .nav-item > .nav-link.active,
.theme-dark .navbar-area .navbar .navbar-nav > .nav-item > .nav-link:hover,
.theme-dark
    .navbar-area
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    .nav-item
    .nav-link.active,
.theme-dark
    .navbar-area
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    .nav-item
    .nav-link:hover,
.theme-dark
    .responsive-navbar
    .offcanvas-body
    ul.responsive-menu
    .responsive-menu-list
    > a.active::after,
.theme-dark
    .responsive-navbar
    .offcanvas-body
    ul.responsive-menu
    .responsive-menu-list
    a.active,
.theme-dark .responsive-navbar .offcanvas-body ul.responsive-menu li a.active {
    color: rgb(206, 206, 206) !important;
}

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

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

.theme-dark .news-pagination .prev-news .thumbnail-news-card .news-img span img,
.theme-dark .news-pagination .next-news .thumbnail-news-card .news-img span img,
.theme-dark .news-action-wrap .news-action span img,
.theme-dark .navbar-area.style-three .navbar-toggler img,
.theme-dark
    .navbar-area.style-one
    .navbar-bottom
    .other-options
    .option-item
    ul.user-options
    li
    button.sidebar-btn
    img,
.theme-dark
    .navbar-area.style-one
    .navbar-top
    .other-options
    .option-item
    ul
    li
    a
    img,
.theme-dark
    .navbar-area
    .navbar
    .others-option
    .option-item
    .user-options
    li
    img,
.theme-dark .navbar-area .navbar-top .contact-info li img {
    filter: brightness(0) invert(1);
}

.theme-dark .news-metainfo.style-five li,
.theme-dark .news-metainfo li {
    color: rgba(255, 255, 255, 0.5);
}

.theme-dark .news-metainfo.style-five li i,
.theme-dark .news-metainfo li i {
    color: #ffffff;
}

.theme-dark .news-metainfo.style-five li:after,
.theme-dark .news-metainfo li:after {
    color: var(--offwhiteColor);
}

.theme-dark
    #newsletter-popup
    .modal-body
    .newsletter-content
    .newsletter-form
    input,
.theme-dark .search-form input,
.theme-dark .login-form-wrap .form-group input,
.theme-dark .subscribe-box.style-four .subscribe-form input,
.theme-dark .contact-form .form-group select,
.theme-dark .comment-form .form-group select,
.theme-dark .comment-form .form-group input,
.theme-dark .comment-form .form-group textarea,
.theme-dark .contact-form .form-group input,
.theme-dark .contact-form .form-group select,
.theme-dark .contact-form .form-group textarea {
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: rgba(255, 255, 255, 0.95) !important;
    background-color: transparent !important;
}

.theme-dark
    #newsletter-popup
    .modal-body
    .newsletter-content
    .newsletter-form
    input::-moz-placeholder,
.theme-dark .search-form input::-moz-placeholder,
.theme-dark .login-form-wrap .form-group input::-moz-placeholder,
.theme-dark .subscribe-box.style-four .subscribe-form input::-moz-placeholder,
.theme-dark .contact-form .form-group select::-moz-placeholder,
.theme-dark .comment-form .form-group select::-moz-placeholder,
.theme-dark .comment-form .form-group input::-moz-placeholder,
.theme-dark .comment-form .form-group textarea::-moz-placeholder,
.theme-dark .contact-form .form-group input::-moz-placeholder,
.theme-dark .contact-form .form-group select::-moz-placeholder,
.theme-dark .contact-form .form-group textarea::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.theme-dark
    #newsletter-popup
    .modal-body
    .newsletter-content
    .newsletter-form
    input::placeholder,
.theme-dark .search-form input::placeholder,
.theme-dark .login-form-wrap .form-group input::placeholder,
.theme-dark .subscribe-box.style-four .subscribe-form input::placeholder,
.theme-dark .contact-form .form-group select::placeholder,
.theme-dark .comment-form .form-group select::placeholder,
.theme-dark .comment-form .form-group input::placeholder,
.theme-dark .comment-form .form-group textarea::placeholder,
.theme-dark .contact-form .form-group input::placeholder,
.theme-dark .contact-form .form-group select::placeholder,
.theme-dark .contact-form .form-group textarea::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.theme-dark .category-list li a {
    color: var(--offwhiteColor);
}

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

.theme-dark select {
    background-image: url(https://templates.hibootstrap.com/renaz/default/assets/img/icons/down-arrow-white.svg) !important;
}

.theme-dark select option {
    background-color: var(--titleColor);
    color: var(--whiteColor) !important;
}

.theme-dark .progress-wrap {
    box-shadow: rgba(255, 255, 255, 0.19) 0px 0px 0px 2px inset;
}

.theme-dark .accordion-item,
.theme-dark .accordion-header,
.theme-dark .accordion-button {
    border: none;
}

.theme-dark .navbar-area .navbar .other-options .link:after {
    background-color: var(--secondaryColor);
}

.theme-dark .btn-close {
    filter: brightness(0.7) invert(1);
}

.theme-dark .slider-btn .hero-prev,
.theme-dark .slider-btn .hero-next {
    background-color: rgb(0, 0, 0);
    border-color: rgba(255, 255, 255, 0.3);
}

.theme-dark .slider-btn .hero-prev i,
.theme-dark .slider-btn .hero-next i {
    color: var(--whiteColor);
}

.theme-dark .slider-btn .hero-prev img,
.theme-dark .slider-btn .hero-next img {
    filter: brightness(0) invert(1);
}

.theme-dark .slider-btn .hero-prev:hover,
.theme-dark .slider-btn .hero-next:hover {
    background-color: var(--primaryColor);
}

.theme-dark .post-metaoption .post-tag .tag-list li a {
    color: var(--offwhiteColor);
    border: none;
}

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

.theme-dark .social-profile.style-two li a img,
.theme-dark .social-profile.style-three li a img,
.theme-dark .news-details-area > .social-profile li a img,
.theme-dark .comp-card .social-profile li a img,
.theme-dark .navbar-area.style-three .social-profile li a img,
.theme-dark .navbar-area.style-one .navbar-top .social-profile li a img {
    filter: brightness(0) invert(1);
    opacity: 0.65;
}

.theme-dark .social-profile.style-two li a img:hover,
.theme-dark .social-profile.style-three li a img:hover,
.theme-dark .news-details-area > .social-profile li a img:hover,
.theme-dark .comp-card .social-profile li a img:hover,
.theme-dark .navbar-area.style-three .social-profile li a img:hover,
.theme-dark .navbar-area.style-one .navbar-top .social-profile li a img:hover {
    opacity: 1;
}

.theme-dark
    .navbar-area.style-one
    .navbar-bottom
    .other-options
    .option-item:last-child::before,
.theme-dark
    .navbar-area.style-one
    .navbar-bottom
    .other-options
    .option-item:last-child::after,
.theme-dark .navbar-area.style-one .navbar-top .other-options::before,
.theme-dark .navbar-area.style-one .navbar-top .other-options::after {
    border-color: rgba(255, 255, 255, 0.35);
}

.theme-dark .login-form-wrap .or-text::after,
.theme-dark .navbar-area.style-two .subscribe-form::before {
    background-color: rgba(255, 255, 255, 0.35);
}

.theme-dark .navbar-area.style-two .subscribe-form input {
    color: var(--whiteColor);
}

.theme-dark .navbar-area.style-two .subscribe-form input::-moz-placeholder {
    color: var(--whiteColor);
}

.theme-dark .navbar-area.style-two .subscribe-form input::placeholder {
    color: var(--whiteColor);
}

.theme-dark .category-list li a::before {
    border: 2px solid rgba(255, 255, 255, 0.25);
}

.theme-dark .login-form-wrap .btn.style-five,
.theme-dark .login-form-wrap .btn.style-six {
    background-color: transparent;
}

.theme-dark .login-form-wrap .btn.style-five:hover {
    background-color: var(--primaryColor);
}

.theme-dark .login-form-wrap .btn.style-six:hover {
    background-color: #e3422d;
}

/* Dark theme support for card-normal */
.theme-dark .card-normal {
    background: var(--aztechColor) !important;
    box-shadow:
        rgba(255, 255, 255, 0.04) 0px 0px 0px 1px,
        rgba(255, 255, 255, 0.02) 0px 1px 1px -0.5px,
        rgba(255, 255, 255, 0.03) 0px 2px 2px -1px,
        rgba(255, 255, 255, 0.03) 0px 3px 3px -1.5px,
        rgba(255, 255, 255, 0.02) 0px 5px 5px -2.5px,
        rgba(255, 255, 255, 0.02) 0px 10px 10px -5px,
        rgba(255, 255, 255, 0.02) 0px 24px 24px -8px;
    border-color: rgba(255, 255, 255, 0.1);
}

/* Dark theme support for article-footer */
.theme-dark .article-footer {
    color: #797979 !important;
}

/* Dark theme support for link.style-three */
.theme-dark .link.style-three {
    color: #24b853 !important;
}

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

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