/*================================================
Default CSS
=================================================*/
$main-color: #ffb607;
$black-color: #ffffff;
$body-color:#ffffff;
$optional-color: #ffffff;

// Switch css
.switch-box {
    position: fixed;
    z-index: 1;
    left: 3%;
    bottom: 63px;

    .switch {
        position: relative;
        display: inline-block;
        width: 60px;
        height: 34px;

        input {
            opacity: 0;
            width: 0;
            height: 0;
        }
    }
    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #4d4949;
        transition: 0.4s;

        &:before {
            position: absolute;
            content: "";
            height: 30px;
            width: 30px;
            left: 2.5px;
            bottom: 4px;
            top: 0;
            bottom: 0;
            margin: auto 0;
            transition: 0.4s;
            box-shadow: 0 0px 15px #2020203d;
            background: url(../../assets/img/night.png);
            background-repeat: no-repeat;
            background-position: center;
        }
    }
    input:checked + .slider {
        background-color: #cbc1c1;
    }
    input:focus + .slider {
        background-color: #4d4949;
    }
    input:checked + .slider:before {
        transform: translateX(24px);
        background: url(../img/sunny.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    .slider {
        &.round {
            border-radius: 50px;

            &:before {
                border-radius: 50%;
            } 
        }
    }
}

// Dark Style CSS
.theme-dark {
    body {
        background-color: #000000;
        color: #f1f1f1;
    }
    p {
        color: #f1f1f1;
        
        a {
            color: #f1f1f1 !important;

            &:hover {
                color: $main-color !important;
            }
        }
    }
    
    a {
        color: $body-color;
    }
    
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        color: $black-color !important;

        a {
            color: $black-color !important;

            &:hover {
                color: $main-color !important;
            }
        }
    }

    //PreLoader
    .preloader {
        background-color: #0e0e0e;
    }

    //header
    .header-area {
        .top-header-area {
            background-color: #0e0e0e;
            .header-logo {
                .main-logo {
                    display: none;
                }
                .white-logo {
                    display: block;
                }
            }
            .header-content-right {
                a {
                    color: $body-color;
                    border: 1px solid $body-color;
                    i {
                        color: $body-color;
                    }
                }
            }
            .header-content-left {
                a {
                    color: $body-color;
                    border: 1px solid $body-color;
                    i {
                        color: $body-color;
                    }
                }
            }
        }
    }

    //Navbar
    .nav-area {
        .navbar-area {
            .main-nav {
                background-color: #222222;
                nav {
                    .navbar-nav {
                        .nav-item {
                            a {
                                color: $body-color;
                                &.active, &:hover {
                                    color: $main-color;
                                }
                            }
                        }
                    }
                }
            }
        }
        .others-option-two {
            .option-item {
                span {
                    color: $body-color;
                }
                .search-btn {
                    color: $body-color;
                }
            }
            .cart {
                a {
                    color: $body-color;
                }
            }
        }
    }
    .nav-area-two {
        .navbar-area {
            .main-nav {
                nav {
                    .navbar-nav {
                        .nav-item {
                            &.logo {
                                .white-logo {
                                    display: block;
                                }
                                .main-logo {
                                    display: none;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    //Banner
    .banner-text {
        background-color: #0e0e0e;
    }
    .banner-area-two {
        &::before {
            background-color: #000000;
        }
    }
    .banner-area-four {
        .banner-bg-color {
            background-color: #0e0e0e;
        }
        .admin-post-wrap {
            background-color: #0e0e0e;
        }
    }


    //Hello
    .hello-text-wrap {
        background-color: #0e0e0e;
    }
    .hello-img {
        &.one {
            border-color: #383737;
        }
        &.two {
            border-color: #383737;
        }
        &.three {
            border-color: #383737;
        }

    }
    .section-title {
        h2 {
            background-color: #000000;
        }
    }

    //Intiligent
    .cherry-wrap {
        background-color: #0e0e0e;
    }
    .intelligent-area {
        background-color: #252525;
    }

    //Features
    .single-featured {
        .featured-content {
            background-color: #0e0e0e;
        }
    }

    //Inspired
    .single-inspired {
        .inspired-content {
            background-color: #0e0e0e;
        }
    }

    //Subscribe Area
    .subscribe-area {
        background-color: #3a3939;
        &.two {
            .subscribe-area-wrap {
                background-color: rgba(10, 10, 10, 0.9);
            }
        }
    }
    .from-book-area {
        .form-group {
            .form-control {
                background-color: #0e0e0e;
                color: $body-color;
                &::placeholder {
                    color: $body-color;
                }
            }
        }
    }

    //Latest Artical
    .latest-articles-content {
        background-color: #0e0e0e;
    }

    //Travel
    .travel-about-page {
        &::before {
            background-color: #000000;
        }
    }

    //Instargram
    .instagram-area {
        &.four {
            background-color: #0e0e0e;
            .section-title {
                h2 {
                    background-color: #0e0e0e;
                }
            }
        }
    }

    //Exploring
    .exploring-area {
        .exploring-bg-wrap {
            background-color: #000000;
        }
    }

    //Blog
    .blogger {
        .blogger-content {
            background-color: #0e0e0e;
        }
    }
    .blog-details-left-area {
        .blockquote-2 {
            background-color: #0e0e0e;
            p {
                color: $body-color;
            }
        }
        .blog-details-sheare {
            .blog-sheare-tag {
                ul {
                    li {
                        background-color: #0e0e0e;
                    }
                }
            }
        }
        .profile {
            background-color: #0e0e0e;
        }
        .comments-wrap {
            ul {
                li {
                    background-color: #0e0e0e;
                }
            }
        }
        .blockquote-1 {
            p {
                color: $body-color;
            }
        }
    }
    
    .blog-details-right-area {
        .blog-widget {
            &.archives-widget {
                ul {
                    li {
                        a {
                            color: $body-color;
                            span {
                                color: $body-color;
                            }
                        }
                    }
                }
            }
            &.categories-widget  {
                ul {
                    li {
                        a {
                            color: $body-color;
                            span {
                                color: $body-color;
                            }
                        }
                    }
                }
            }
            &.tags-widget {
                ul {
                    li {
                        a {
                            color: $body-color;
                        }
                    }
                }
            }
        }
    }

    //Cart
    .cart-area {
        .cart-wraps {
            background-color: #0e0e0e;
        }
        .cart-table {
            table {
                thead {
                    tr {
                        th {
                            color: $body-color;
                        }
                    }
                }
                tbody {
                    tr {
                        td {
                           color: $body-color;
                           a {
                               color: $body-color;
                           }
                           &.product-quantity {
                                .input-counter {
                                    input {
                                        color: $body-color;
                                        background-color: #000000;
                                    }
                                    span {
                                        color: $body-color;
                                    }
                                }
                           }
                        }
                    }
                }
            }
        }
        .coupon-wrap {
            background-color: #0e0e0e;
           .form-group {
                .form-control {
                    background-color: #000000;
                    color: $body-color;
                    &::placeholder {
                        color: $body-color;
                    }
                }
            }
            .nice-select {
                background-color: #000000;
            }
        }
        .cart-totals {
            background: #0e0e0e;
            ul {
                li {
                    color: $body-color;
                    span {
                        color: $body-color;
                    }
                }
            }
        }
    }

    //Cheacout
    .checkout-area {
        .billing-details {
            background-color: #0e0e0e;
            .form-group {
                label {
                    color: $body-color;
                }
                .form-control {
                    background-color: #000000;
                    color: $body-color;
                    &::placeholder {
                        color: $body-color;
                    }
                }
                .nice-select {
                    .list {
                        background-color: #000000;
                    }
                }
            }
            .form-check {
                .form-check-label {
                    color: $body-color;
                }
            }
        }
        .order-details {
            .order-table {
                background-color: #0e0e0e;
                table {
                    thead {
                        tr {
                            th {
                               color: $body-color;
                            }
                        }
                    }
                    tbody {
                        tr {
                            td {
                                color: $body-color;
                                &.product-name {
                                    a {
                                        color: $body-color;
                                    }
                                }
                                &.order-subtotal {
                                    span {
                                        color: $body-color;
                                    }
                                }
                                &.order-shipping {
                                    span {
                                        color: $body-color;
                                    }
                                }
                                &.total-price {
                                    span {
                                        color: $body-color;
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .payment-box {
                background-color: #0e0e0e;
                .payment-method {
                    p {
                        label {
                            color: $body-color !important;
                        }
                    }
                }
            }
        }
    }

    //Products Details
    .product-details-area {
        .product-details-desc {
            .price {
                span {
                    color: $body-color;
                }
            }
            .product-review {
                .rating-count {
                    color: $body-color;
                }
            }
            .product-add-to-cart {
                .input-counter {
                    input {
                        color: $body-color;
                        background-color: #0e0e0e;
                    }
                    span {
                        color: $body-color;
                    }
                }
            }
            .buy-checkbox-btn {
                .cbx {
                    span {
                        color: $body-color;
                    }
                }
            }
            .custom-payment-options {
                span {
                    color: $body-color;
                }
            }
        }
        .products-details-tab {
            .tabs {
                li {
                    a {
                        color: $body-color;
                    }
                }
            }
            .tab_content {
                .tabs_item {
                    .products-details-tab-content {
                        .additional-information {
                            li {
                                color: $body-color;
                                span {
                                    color: $body-color;
                                }
                            }
                        }
                        .product-review-form {
                            .review-form {
                                form {
                                    .form-group {
                                        label {
                                            color: $body-color;
                                        }
                                        .form-control {
                                           background-color: #0e0e0e;
                                           color: $body-color;
                                           &::placeholder {
                                               color: $body-color;
                                           }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    //User
    .user-area-all-style {
        .contact-form-action {
            background-color: #0e0e0e;
            form {
                .form-group {
                    .form-control {
                        background-color: #000000;
                        color: $body-color;
                        &::placeholder {
                            color: $body-color;
                        }
                    }
                }
            }
        }
    }

    //Review
    .single-client {
        background-color: #0e0e0e;
        &::before {
            border-top: 45px solid #0e0e0e;
            border-right: 45px solid transparent;
            border-left: 45px solid transparent;
        }
    }

    //Comming Soon
    .coming-soon-area {
        .coming-soon-content {
            background-color: #0e0e0e;
            #timer {
                div {
                    color: $body-color;
                }
            }
            .newsletter-form {
                .input-newsletter {
                    color: $body-color;
                    &::placeholder {
                        color: $body-color;
                    }
                }
            }
        }
    }

    //Error
    .error-area {
        background-color: #0e0e0e;
        .error-content-wrap {
            p {
                color: $body-color;
            }
        }
    }

    //Modal {
        .sidebar-modal {
            .sidebar-modal-inner {
                background-color: #313030;
            }
        }

    //Contact
    .contact-area {
        .contact-wrap {
            background-color: #000000;
        }
        .contact-form {
            background-color: #0e0e0e;
        }
        #contactForm {
            .form-group {
                .form-control {
                    background-color: #000000;
                    color: $black-color;
                    &::placeholder {
                        color: $body-color;
                    }
                }
            }
        }
    }



    @media only screen and (max-width: 991px) {
        .mean-container {
            .mean-bar {
                background-color: #242424;
            }
        }
        .mobile-nav {
            .logo {
                .white-logo {
                    display: block;
                }
                .main-logo {
                    display: none;
                }
            }
        }
    }

    



}