/*================================================
Default CSS
=================================================*/
$main-color: #8A2BE2;
$black-color: #9400D3;
$body-color:#9932CC;
$optional-color: #BA55D3;

// Switch css
.switch-box {
    position: fixed;
    z-index: 1;
    right: 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: #D8BFD8;
        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 #EE82EE3d;
            background: url(../../assets/img/night.png);
            background-repeat: no-repeat;
            background-position: center;
        }
    }
    input:checked + .slider {
        background-color: #DA70D6;
    }
    input:focus + .slider {
        background-color: #8A2BE2;
    }
    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: #9400D3;
        color: #9932CC;
    }
    p {
        color: #BA55D3;
        
        a {
            color: #D8BFD8 !important;

            &:hover {
                color: $main-color !important;
            }
        }
    }
    .f5f6fa-bg-color {
        background-color: #EE82EE;
    }
    .ebeef5-bg-color {
        background-color: #DA70D6;
    }
    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: #8A2BE2;
    }


    //Navbar
    .navbar-area {
        &.is-sticky {
            background-color: #9400D3 !important;
        }
        .others-option {
            .cart-icon {
                a {
                    i {
                        color: $body-color;
                    }
                }
            }
        }
    }
    .main-nav {
        background-color: #9932CC;
        .navbar {
            .navbar-brand {
                .white-logo {
                    display: block;
                }
                .main-logo {
                    display: none;
                }
            }
            .navbar-nav {
                .nav-item {
                    a {
                        color: $body-color;

                        &:hover, &:focus, &.active {
                            color: $main-color !important;
                        }
                    }
                    &:hover, &:focus, &.active {
                        a {
                            color: $main-color !important;
                        }
                    }
                    .dropdown-menu {
                        background: #BA55D3;
                        
                        li {
                            a {
                                color: $body-color !important;
                                border-bottom: 1px dashed #D8BFD8;
                                
                                &:hover, &:focus, &.active {
                                    color: $main-color !important;
                                }
                            }
                            .dropdown-menu {
                                li {
                                    a {
                                        color: $body-color !important;
                                        border-bottom: 1px dashed #EE82EE;

                                        &:hover, &:focus, &.active {
                                            color: $main-color !important;
                                        }
                                    }
                                    .dropdown-menu {
                                        li {
                                            a {
                                                color: $body-color;

                                                &:hover, &:focus, &.active {
                                                    color: $main-color ;
                                                }
                                            }
                                            .dropdown-menu {
                                                li {
                                                    a {
                                                        color: $body-color;
                                                        
                                                        &:hover, &:focus, &.active {
                                                            color: $main-color;
                                                        }
                                                    }
                                                    .dropdown-menu {
                                                        li {
                                                            a {
                                                                color: $body-color;
                                                                
                                                                &:hover, &:focus, &.active {
                                                                    color: $main-color;
                                                                }
                                                            }
                                                            .dropdown-menu {
                                                                li {
                                                                    a {
                                                                        color: $body-color;
                                                                        
                                                                        &:hover, &:focus, &.active {
                                                                            color: $main-color;
                                                                        }
                                                                    }
                                                                    .dropdown-menu {
                                                                        li {
                                                                            a {
                                                                                color: $body-color;

                                                                                &:hover, &:focus, &.active {
                                                                                    color: $main-color;
                                                                                }
                                                                            }
                                                                        }
                                                                    }
                                                                    &.active {
                                                                        a {
                                                                            color: $main-color;
                                                                        }
                                                                    }
                                                                }
                                                            }
                                                            &.active {
                                                                a {
                                                                    color: $main-color;
                                                                }
                                                            }
                                                        }
                                                    }
                                                    &.active {
                                                        a {
                                                            color: $main-color;
                                                        }
                                                    }
                                                }
                                            }
                                            &.active {
                                                a {
                                                    color: $main-color;
                                                }
                                            }
                                        }
                                    }
                                    &.active {
                                        a {
                                            color: $main-color;
                                        }
                                    }
                                }
                            }
                            &.active {
                                a {
                                    color: $main-color;
                                }
                            }
                        }
                    }
                }
            }
            .others-option {
                .option-item {
                    .cart-btn {
                        a {
                            color: $body-color;
                            &:hover {
                                color: $main-color;
                            }
                        }
                    }
                    .search-btn-box {
                        .search-btn {
                            color: $body-color;
                            &:hover {
                                color: $main-color;
                            }
                        }
                    }
                }
            }
        }
    }

    //Banner
    .banner-area-two {
        background-color: #DA70D6;
        .banner-content {
            p {
                color: $body-color;
            }
        }
    }

    //Page Title
    .page-title-area {
        &::before {
            background-color: #8A2BE2;
        }
        .page-title-content {
            ul {
                li {
                    a {
                        color: $body-color;
                    }
                    &::before {
                        background-color: $body-color;
                    }
                }
            }
        }
    }

    //Education
    .education-content {
        ul {
            li {
                color: $body-color;
            }
        }
    }

    //Courses
    .courses-area {
        background-image: unset;
        background-color: #9400D3;
    }
    .single-course {
        background-color: #9932CC;
        .course-content {
            .rating {
                li {
                    a {
                        color: $body-color;
                    }
                }
            }
        }
    }
    .single-course-area {
        .single-course-tab {
            .tabs {
                background-color: #BA55D3;
                li {
                    a {
                        color:$body-color;
                    }
                    &.current {
                        a {
                            color: $main-color;
                        }
                    }
                }
            }
        }
        .curriculum-content {
            ul {
                li {
                    background-color: #D8BFD8;
                    color: $body-color;
                    &.transparent {
                        background-color: transparent;
                    }
                    .meet-title {
                        color: $body-color;
                    }
                    .meet-time {
                        .min {
                            color: #EE82EE !important;
                        }
                        .preview {
                            color: #DA70D6;
                        }
                    }
                }
            }
        }
        .advisor-content {
            ul {
                li {
                    a {
                        i {
                            background-color: #8A2BE2;
                        }
                    }
                }
            }
        }
        .review-content {
            .course-reviews-content {
                .course-reviews {
                    li {
                        span {
                            color: $body-color;
                        }
                    }
                }
            }
        }
    }

    //Features
    .feature-wrap {
        background-color: #9400D3;
    }

    //Enroll
    .enroll-wrap {
        background-color: #9932CC;
        .courses-form {
            .form-group {
                .form-control {
                    background-color: #BA55D3;
                    color: $body-color;
                }
                .nice-select {
                    background-color: #D8BFD8;
                    .list {
                        background-color: #EE82EE;
                    }
                    .option {
                        color: $body-color;
                        background-color: #DA70D6;
                         background-color: $main-color;
                    }
                }
            }
        }
    }

    //Teachers
    .single-teachers {
        .teachers-content {
            background-color: #8A2BE2;
        }
    }
    .teachers-area {
        &::before {
            background-color: #9400D3;
        }
    }
    .teachers-area-two {
        background-image: unset;
        background-color: #9932CC;
    }

    //Events
    .event-area {
        background-image: unset;
        background-color: #BA55D3;
    }
    .single-event {
        background-color: #D8BFD8;
    }
    .event-area-two {
        background-image: unset;
        background-color: #EE82EE;
        &.event-area-style {
            .single-tutor {
                background-color: #DA70D6;
                p {
                    color: $body-color;
                }
            }
        }
    }

    //Feed Back
    .feedback-area {
        &.feedback-area-three {
            &.feedback-area-style {
                .section-title {
                    h2 {
                       color: #8A2BE2 !important;
                    }
                }
                .feedback-item {
                    h3 {
                        color: #9400D3 !important;
                    }
                }
            }
        }
    }

    //Video 
    .video-area {
        &::before {
            background-color: #9932CC;
        }
    }

    //Discover
    .discover-area {
        .discover-img {
            &::before {
                background-color: #BA55D3;
            }
        }
    }
    .discover-content {
        ul {
            li {
                color: $body-color;
            }
        }
    }

    //News
    .news-listing-content {
        background-color: #D8BFD8;
    }
    .single-news {
        background-color: #EE82EE;
    }
    .single-blog-content {
        .blog-top-content {
            blockquote {
                background-color: #DA70D6;
                p {
                    color: $body-color;
                }
            }
        }
        .social-wrap {
            background-color: #8A2BE2;
            li {
                span {
                    color: $body-color;
                }
            }
        }
        .leave-reply-wrap {
            .form-group {
                .form-control {
                    background-color: #9400D3;
                    color: $body-color;
                    &::placeholder {
                        color: $body-color;
                    }
                }
            }
        }
    }

    //Account
    .account-wrap {
        ul {
            li {
                color: $body-color;
                span {
                    color: $body-color;
                }
            }
        }
        .social-content {
            ul {
                li {
                    a {
                        i {
                            background-color: #9932CC;
                        }
                    }
                }
            }
        }
    }
    .user-area-style {
        .contact-form-action {
            form {
                .form-group {
                    .form-control {
                        color: $body-color;
                        background-color: #BA55D3;
                        &::placeholder {
                            color: $body-color;
                        }
                    }
                }
                .default-btn {
                    &.register {
                        border: 1px solid $body-color;
                        color: $body-color;
                    }
                }
            }
        }
    }

    //Faq
    .faq-accordion {
        .accordion {
            .accordion-title {
                background-color: #D8BFD8;
                color: $body-color;
            }
        }
    }

    //Coming soon
    .coming-soon-area {
        .coming-soon-content {
            background-color: rgba(31, 30, 30, 0.9);
            .newsletter-form {
                .input-newsletter {
                    background-color: #EE82EE;
                    color: $body-color;
                    &::placeholder {
                        color: $body-color;
                    }
                }
            }
        }
    }

    //Error Area
    .error-area {
        background-color: #DA70D6;
    }

    //Shop
    .single-shop {
        .default-btn {
            border-color: $body-color;
            color: $body-color;
        }
    }
    .sidebar-widget {
        &.search {
            .search-form {
                .form-control {
                    color: $body-color;
                    background-color: #8A2BE2;
                    &::placeholder {
                        color: $body-color;
                    }
                }
            }
        }
    }

    //Cart
    .cart-area {
        .cart-table {
            table {
                thead {
                    tr {
                        th {
                            border-bottom: 1px solid #9400D3;
                            color: $body-color;
                        }
                    }
                }
                tbody {
                    tr {
                        td {
                            color: $body-color;
                            a {
                                color: $body-color;
                            }
                        }
                    }
                }
            }
        }
        .coupon-cart {
            .default-btn {
                &.update {
                    border-color: $body-color;
                    color: $body-color;
                    float: right;
                }
            }
        }
        
    }
    .cart-totals {
        ul {
            li {
                color: $body-color;
                span {
                    color: $body-color;
                }
            }
        }
    }

    //Cheackout
    .checkout-area {
        .billing-details {
            .form-group {
                label {
                    color: $body-color;
                }
                .form-control {
                    background-color: #9932CC;
                    color: $body-color;
                    &::placeholder {
                        color: $body-color;
                    }
                }
            }
            .form-check {
                .form-check-label {
                    color: $body-color;
                }
            }
        }
    
    }

    //Single Product
    .product-details-area {
        .product-details-desc {
            .price {
                color: $body-color;
            }
            .product-review {
                .rating-count {
                    color: $body-color;
                }
            }
            .product-summery {
                li {
                    color: $body-color;
                }
            }
            .social-wrap {
                li {
                    color: $body-color;
                    a {
                        i {
                            color: $body-color;
                        }
                    }
                }
            }
        }
        .products-details-tab {
            .tabs {
                li {
                    a {
                       color: $body-color;
                    }
                    &.current {
                        a {
                            color: $main-color
                         }
                    }
                }
            }
            .tab_content {
                .tabs_item {
                    .products-details-tab-content {
                        .product-review-form {
                            .review-comments {
                                .review-item {
                                    .review-report-link {
                                        color: $body-color;
                                    }
                                }
                            }
                        }
                        .product-review-form {
                            .review-form {
                                form {
                                    .form-group {
                                        label {
                                            color: $body-color;
                                        }
                                        .form-control {
                                            color: $body-color;
                                            background-color: #BA55D3;
                                            &::placeholder {
                                                color: $body-color;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    //Contact
    .main-contact-area {
        .contact-wrap {
            .form-control {
                background-color: #D8BFD8;
                border-color: 1px solid #EE82EE;
                color: $body-color;
            }
        }
    }
    .contact-info-area {
        .single-contact-info {
            a {
                color: $body-color;
            }
        }
    }

    //Modal
    .modal-content {
        background-color: #DA70D6;
    }


    @media only screen and (max-width: 991px) {
        .mean-container {
            .mean-bar {
                background-color: #8A2BE2;
            }
            a {
                &.meanmenu-reveal {
                    span {
                        background-color: $body-color;
                    }
                }
            }
        }
        .mobile-nav {
            .logo {
                .main-logo {
                    display: none;
                }
                .white-logo {
                    display: block;
                }
            }
        }
        .others-option-for-responsive {
            .dot-menu {
                .inner {
                    .circle {
                        background-color: $black-color;
                    }
                }
            }
        }
    }



}