@import "vars";
@import "mixins";

body.demo3 {
    .btn-danger,
    .button,
    a.button,
    button.button,
    input.button,
    a.alt.button,
    button.alt.button,
    input.alt.button,
    input[type=submit] {
        background-color: #FEBD69;
        border-color: #FEBD69;
    }

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger:active,
    .button:hover,
    .button:focus,
    .button:active,
    a.button:hover,
    a.button:focus,
    a.button:active,
    button.button:hover,
    button.button:focus,
    button.button:active,
    input.button:hover,
    input.button:focus,
    input.button:active,
    a.alt.button:hover,
    button.alt.button:hover,
    input.alt.button:hover,
    a.alt.button:focus,
    button.alt.button:focus,
    input.alt.button:focus,
    a.alt.button:active,
    button.alt.button:active,
    input.alt.button:active,
    input[type=submit]:hover,
    input[type=submit] :focus,
    input[type=submit] :active {
        background-color: rgba(254, 189, 105, 0.91);
        border-color: rgba(254, 189, 105, 0.91);
    }

    .woocommerce ul.products li.product .price,
    .price,
    &.woocommerce div.product p.price,
    .woocommerce ul.products li.product .price,
    .price,
    .woocommerce div.product p.price,
    .woocommerce div.product span.price {
        color: #FEBD69;
    }

    .woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol,
    .price .woocommerce-Price-currencySymbol,
    .woocommerce div.product p.price .woocommerce-Price-currencySymbol,
    .woocommerce div.product span.price .woocommerce-Price-currencySymbol {
        color: #FEBD69;
    }

    .woocommerce ul.products li.product .price ins,
    .price ins,
    .woocommerce div.product p.price ins,
    .woocommerce div.product span.price ins {
        color: #FEBD69;
    }

    .woocommerce-MyAccount-content .products-list .item .price, .woocommerce-MyAccount-content .posts-list .item .price {
        color: #FEBD69;
    }

    .woocommerce-MyAccount-content .products-list .item .price .woocommerce-Price-currencySymbol,
    .woocommerce-MyAccount-content .posts-list .item .price .woocommerce-Price-currencySymbol {
        color: #FEBD69;
    }

    .product-content div.product .product-main div.summary .column-2 .inner .price {
        color: #FEBD69;
    }

    .product-content div.product .product-main div.summary .column-2 .inner .price .woocommerce-Price-currencySymbol {
        color: #FEBD69;
    }

    .product-content div.product .product-main div.summary .column-2 .inner .price ins {
        color: #FEBD69;
    }

    body.irk-page-compare .compare-table-wrapper .compare-table tbody tr.product td .price {
        color: #FEBD69;
    }

    body.irk-page-compare .compare-table-wrapper .compare-table tbody tr.product td .price ins {
        color: #FEBD69;
    }

    body.irk-page-compare .compare-table-wrapper .compare-table tbody tr.product td .price .woocommerce-Price-currencySymbol {
        color: #FEBD69;
    }

    .dokan-other-vendor-camparison .dokan-other-vendor-camparison-table .table-cell.price .price .woocommerce-Price-amount {
        color: #FEBD69;
    }

    &.woocommerce ul.products li.product .price .discount-percent,
    .price .discount-percent,
    &.woocommerce div.product p.price .discount-percent,
    &.woocommerce div.product span.price .discount-percent {
        background-color: #FEBD69;
    }
}

body.demo3 {
    .main-header {
        background: #232F3E;

        .search-form {
            &:before {
                color: #FEBD69;
            }

            input[type=text] {
                background-color: #FFF;
            }
        }

        .header-btn {
            .login-btn {
                color: #B7B7B7;
                border-color: #B7B7B7;
            }

            .dropdown-toggle {
                color: #B7B7B7;

                &:before {
                    color: #B7B7B7;
                }
            }
        }

        .mini-cart #cart-button {
            &:before {
                color: #B7B7B7;
            }
        }
    }

    .top-menu ul a {
        color: #B7B7B7;

        &:hover, &:focus, &:active {
            color: #FFF;
        }
    }

    #cat-menu {
        background: #1D2834;

        a {
            color: #B7B7B7;

            &:hover, &:focus, &:active {
                color: #FFF !important;
            }
        }

        .sub-menu {
            background: #1D2834 !important;
        }

        .menu-item.mega-menu-main-item > a:before {
            color: #FFF;
        }
    }

    .amazing-slider {
        background: #ADB5B7;
    }

    .widget-promotion-categories .promotion-categories {
        .col {
            .mdi {
                width: 80px;
                height: 80px;
                display: inline-block;
                background: #FAFAFA;
                padding-top: 22px;
                border-radius: 50%;
                color: $danger;
            }

            .category-quantity {
                color: $danger;
            }
        }
    }

    .main-footer {
        background: #232F3E;
        color: #999;

        a {
            color: #999;

            &:hover, &:focus, &:active {
                color: #FFF;
            }
        }

        .jump-to-top {
            color: #FFF;
            background-color: #37475A;
        }

        .footer-services {
            border-bottom-color: #3A4553;
        }

        .footer-menus .footer-menu .header h3 {
            color: #FFF;
        }

        .newsletter form {
            button, input[type=submit] {
                background: #FEBD69;
                border-color: #FEBD69;
            }
        }

        .footer-apps {
            background: #131A22;
        }

        .footer-address {
            border-top-color: #3A4553;
        }

        .footer-info {
            background: #131A22;

            .info-text a {
                color: #FFF;
            }
        }

        .footer-partners {
            background: #131A22;
            border-top: 1px solid #3A4553;

            .inner .row .col:not(:last-child) {
                border-color: #3A4553;
            }
        }

        .footer-copyright {
            background: #131A22;

            .inner {
                border-top-color: #3A4553;
            }
        }
    }
}

body.demo3 {
    @media (min-width: 992px) {
        #cat-menu .menu-item.mega-menu-main-item > .sub-menu {
            background: #11171E !important;
        }
        #cat-menu .menu-item.mega-menu-main-item > .sub-menu > .menu-item > a {
            background: #11171E;
        }
        #cat-menu .menu-item.mega-menu-main-item > .sub-menu.active > .menu-item:first-child > a {
            background: #1D2834 !important;
            color: #FFF;
        }
        #cat-menu .menu-item.mega-menu-main-item > .sub-menu > .menu-item:hover > a {
            background: #1D2834;
        }
        #cat-menu .menu-item.mega-menu-main-item > .sub-menu .menu-item-has-children .sub-menu .menu-item-has-children .menu-item a {
            color: #B7B7B7;
        }
        #cat-menu .menu-item.mega-menu-main-item > .sub-menu .menu-item-has-children .sub-menu {
            background-color: #11171E !important;
            border-top-color: #293A4B;
        }
    }
}