HOME


Mini Shell 1.0
DIR: /home/otwalrll/silvercommercialkitchen.com/wp-content/themes/martfury/css/
Upload File :
Current File : /home/otwalrll/silvercommercialkitchen.com/wp-content/themes/martfury/css/mobile.scss
.mf-navigation-mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    background-color: $light;
    border-top: 1px solid #ccc;

    .navigation-list {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        padding: 10px 15px;
    }

    .navigation-icon {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: $dark;

        i {
            font-size: 24px;
        }

        &.active {
            color: var(--mf-primary-color);
        }
    }

    .navigation-mobile_search,
    .navigation-mobile_account,
    .navigation-mobile_cart {
        i {
            font-size: 22px;
        }
    }

    .navigation-mobile_cart {
        position: relative;
        .mini-item-counter {
            position: absolute;
            top: 0;
            left: -7px;
            font-size: 12px;
            font-weight: 700;
            border-radius: 50%;
            min-width: 18px;
            padding: 0 5px;
            height: 18px;
            text-align: center;
            line-height: 18px;
        }
    }
}

body.navigation-mobile-active {
    overflow: hidden;

    .martfury-off-canvas-layer {
        display: block;
        z-index: 9999;
    }
}

.mf-els-modal-mobile {
    width: 100%;
    background-color: $light;
    position: fixed;
    left: -100%;
    top: 0;
    overflow: auto;
    height: 100%;
    color: #aaa;
    z-index: -999999;
    transition: transform 0.35s ease;
    display: none;
    padding-bottom: 65px;

    &.has-header-cat {
        width: 85%;
        left: -85%;
    }

    &.open {
        transform: translate3d(100%, 0, 0);
    }

    .widget-footer-cart {
        display: none;
    }

    .search-wrapper {
        padding: 15px;
        background-color: var(--mf-background-primary-color);
        display: flex;
        align-items: center;
        width: 100%;
        position: relative;
    }

    .search-field {
        border: none;
        float: left;
        height: 42px;
        line-height: 42px;
        padding-right: 15px;
        padding-left: 15px;
        position: relative;
        width: 100%;
    }

    .search-submit {
        height: 42px;
        line-height: 42px;
        width: 50px;
        min-width: 42px;
        text-align: center;
        background-color: $dark;
        border: none;
        font-weight: 700;
        color: $light;
        font-size: 20px;
    }

    .search-trending {
        margin-top: 55px;
        text-align: center;

        h3 {
            font-size: 18px;
            font-weight: 600;
            margin: 0 0 20px;
            line-height: 1;
        }

        ul {
            margin: 0;
            padding: 0;
            list-style: none;

            li {
                padding: 8px 0;
                margin-bottom: 0;
                a {
                    color: $dark;
                }
            }
        }
    }

    .products-search {
        .search-results {
            position: absolute;
            top: 72px;
            left: 0;
            right: 0;
            display: none;
            max-height: 70%;
            overflow-y: auto;
            overflow-x: hidden;

            ul {
                margin: 15px 0 0;
                padding: 0 15px;
                list-style: none;

                li {
                    display: flex;
                    align-items: flex-start;
                    margin-bottom: 15px;

                    img {
                        max-width: 60px;
                        margin-right: 10px;
                    }

                    .title-item {
                        font-size: 14px;
                        font-weight: 400;
                        line-height: 1;
                    }

                    .star-rating {
                        float: none;
                    }

                    .price-item {
                        font-size: 16px;
                        color: $dark;
                        line-height: 1;
                        margin-top: 5px;
                    }

                    del {
                        font-size: 14px;
                        color: #999;
                        padding-left: 10px;
                    }

                    ins {
                        text-decoration: none;
                        color: #ff3300;
                    }
                }

                .search-item {
                    display: flex;
                    align-items: center;
                }
            }
        }

        &.searching {
            .search-wrapper {
                &:before {
                    border-width: 1px;
                    border-color: #fff #fff #fff transparent;
                    border-radius: 50%;
                    border-style: solid;
                    -webkit-animation: mf-spin-fast 1s linear infinite;
                    animation: mf-spin-fast 1s linear infinite;
                    content: "";
                    width: 16px;
                    height: 16px;
                    font-weight: 400;
                    position: absolute;
                    top: 27px;
                    right: 28px;
                    z-index: 999;
                }
            }

            .search-submit i {
                opacity: 0;
            }
        }

        &.actived {
            .search-trending {
                display: none;
            }

            & + .search-trending {
                display: none;
            }

            .search-results {
                display: block;
            }
        }
    }

    .primary-mobile-nav {
        display: none;

        &.current {
            display: block;
        }
    }

    .mf-search-mobile-modal {
        display: none;
        &.current {
            display: block;
        }
    }

    .mf-cart-mobile {
        display: none;
        height: calc(100% - 67px);
        overflow: hidden;

        .mobile-cart-header {
            background-color: var(--mf-background-primary-color);
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 15px;

            h2 {
                font-size: 18px;
                font-weight: 600;
                margin: 0;
                line-height: 1;
                color: var(--mf-background-primary-text-color);

                a {
                    color: var(--mf-background-primary-text-color);
                }
            }

            .close-cart-mobile {
                font-size: 18px;
                color: var(--mf-background-primary-text-color);
                line-height: 1;
            }
        }

        &.current {
            display: block;
        }

        .woocommerce-mini-cart__empty-message {
            padding: 20px;
        }

        .woocommerce-mini-cart {
            height: 100vh;
            overflow-y: auto;
            padding-bottom: 270px;
        }

        .mf-cart-panel-footer {
            position: absolute;
            bottom: 67px;
            left: 0;
            right: 0;
            border-top: 1px solid #e5e5e5;
            z-index: 10;
            background-color: #fff;
        }

        .widget_shopping_cart_content {
            padding: 10px 0 0;
            border: none;

            ul.product_list_widget li {
                padding-left: 15px;
                padding-right: 25px;
                .remove_from_cart_button {
                    right: 15px;
                }
            }
        }

        .woocommerce-mini-cart__total,
        .woocommerce-mini-cart__buttons {
            padding-left: 15px;
            padding-right: 15px;
        }

    }
}

.mf-catalog-sorting-mobile {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    display: none;
    padding-bottom: 65px;
    z-index: 999999;

    &.mf-active {
        display: block;
    }

    .woocommerce-ordering {
        position: absolute;
        top: 50%;
        left: 15px;
        right: 15px;
        transform: translateY(-50%);
        background-color: $light;
        margin: 0;
        padding: 0;
        list-style: none;

        li {
            margin-bottom: 0;
        }

        .current > span {
            display: none;
        }

        .cancel-ordering {
            display: block;
            text-align: center;

            a {
                font-size: 16px;
                font-weight: 600;
                color: $dark;
                padding: 10px 0;
                display: block;
            }
        }

        ul {
            margin: 0;
            padding: 0;
            text-align: center;

            li {
                margin-bottom: 0;
                border-bottom: 1px solid #dedede;
                a {
                    font-size: 16px;
                    color: $dark;
                    padding: 10px 0;
                    display: block;

                    &.active {
                        color: var(--mf-primary-color);
                    }
                }
            }
        }
    }
}

.mobile-version {

    &.mobile-nav-enable {
        padding-bottom: 65px;

        .backtotop {
            bottom: 70px;
        }
    }

    &.page-template-template-coming-soon-page {
        padding-bottom: 0;
    }

    .primary-mobile-nav {
        position: static;
        transform: none;
        width: 100%;

        .mobile-nav-header {
            .close-mobile-nav {
                display: block;
            }
        }
    }

    .mf-els-modal-mobile {
        z-index: 999999;
        display: block;

        .aws-container {
            width: 100%;
            .aws-search-form {
                .aws-main-filter {
                    display: none;
                }

                .aws-search-field {
                    border: none;
                }

                .aws-form-btn {
                    border-radius: 0 !important;
                    background-color: #000;

                    .aws-search-btn_icon {
                        color: #fff;
                    }
                }
            }
        }
    }

    &.display-mobile-menu .primary-mobile-nav {
        transform: none;
    }

    .site-header {
        .header-logo {
            width: 70%;
            display: block;
        }

        .header-main {
            padding-bottom: 15px;
            padding-top: 25px;
            justify-content: space-between;
            align-items: center;

            .header-extras {
                justify-content: flex-end;
            }

            .header-title {
                padding-right: 5px;
                width: 60%;
                h1 {
                    font-size: 18px;
                    font-weight: 600;
                    margin: 0;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: block;
                    padding-left: 13px;
                }

                .header-go-back {
                    font-size: 24px;
                    line-height: 1;
                    color: var(--mf-dark-color);
                    display: flex;
                    align-items: center;
                }
            }

        }

        .extras-menu .menu-item-account.logined > a {
            width: auto;
        }

        .header-extras .extras-menu > li {
            padding-left: 8px;
            padding-right: 8px;

            &:last-child {
                padding-right: 0;
            }

            &.menu-item-cart {
                padding-right: 10px;
            }
        }

        .mobile-menu {
            padding-bottom: 15px;
            display: flex;
            align-items: center;

            .site-header-category--mobile {
                font-size: 30px;
                padding-right: 20px;
                line-height: 1;
                display: block;
                color: var(--mf-dark-color);
            }
        }

        .product-extra-search {
            .search-field {
                border-left: 1px solid #ccc;
            }

            .product-cat {
                display: none;
            }
        }
    }

    &.sticky-header .site-header.minimized .header-main {
        padding-bottom: 10px;
        padding-top: 25px;
    }

    &.sticky-header .site-header.minimized .header-mobile-v2 .header-main {
        padding-top: 25px;
    }

    &.header-layout-1,
    &.header-layout-2,
    &.header-layout-6 {
        .site-header {
            .header-mobile-v2 {
                border-bottom: 1px solid #e1e1e1;
            }
        }
    }

    .site-footer {
        .footer-layout > .container,
        .footer-layout > .martfury-container {
            padding-right: 0;
            padding-left: 0;
        }

        .footer-widgets {
            padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 30px;
            .widget.widget_nav_menu {
                .widget-title {
                    position: relative;
                    padding-right: 20px;
                    margin-bottom: 20px;
                    &:after {
                        @include icon("\e93a");
                        font-size: 16px;
                        position: absolute;
                        top: 50%;
                        transform: translateY(-50%);
                        right: 0;
                    }

                    &.active {
                        &:after {
                            content: "\e939";
                        }
                    }
                }
            }

            .widget-title {
                font-size: 18px;
            }

            .footer-sidebar {
                border-bottom: 1px solid #e1e1e1;
                margin-bottom: 20px;
                width: 100%;
                max-width: 100%;

                &:last-child {
                    border-bottom: none;
                    margin-bottom: 0;
                }

                //&:first-child {
                //    border-bottom: none;
                //}

                .widget {
                    margin-bottom: 20px;
                }
            }

        }

        .footer-links {
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 50px;
            padding-bottom: 40px;
            .widget {
                border-bottom: 1px solid #e1e1e1;

                .clicked {
                    padding-bottom: 20px;
                }

                &:last-child {
                    border-bottom: none;

                    .clicked {
                        padding-bottom: 0;
                    }
                }

                &.widget_nav_menu {
                    .widget-title {
                        position: relative;
                        padding-right: 20px;
                        font-size: 18px;
                        margin-bottom: 20px;
                        &:after {
                            @include icon("\e93a");
                            font-size: 16px;
                            position: absolute;
                            top: 50%;
                            transform: translateY(-50%);
                            right: 0;
                        }

                        &.active {
                            &:after {
                                content: "\e939";
                            }
                        }
                    }

                    .clicked {
                        display: none;
                    }

                    ul li {
                        width: 100%;
                        padding-top: 3px;
                        padding-bottom: 3px;

                        &:after {
                            display: none;
                        }
                    }
                }

            }
        }

        .footer-bottom {
            padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 30px;
            padding-top: 30px;

            .footer-row {
                display: flex;
                flex-direction: column;
                text-align: left;

                .col-footer-payments {
                    order: 1;
                }

                .col-footer-copyright {
                    order: 2;
                }
            }

            .footer-payments {
                text-align: left;
                margin-top: 0;
                padding-bottom: 40px;
                display: block;

                ul {
                    justify-content: flex-start;
                    padding-left: 0;
                    margin-top: 15px;

                    li {
                        padding-right: 10px;
                        padding-left: 0;
                    }
                }
            }
        }

        .footer-newsletter {
            padding-top: 40px;
            padding-bottom: 40px;
        }

        .footer-info {
            padding-top: 10px;
            padding-bottom: 40px;
            margin: 0;

            .info-item {
                margin-top: 30px;
                display: flex;
                justify-content: flex-start;
            }

            .info-thumb {
                margin-bottom: 10px;
            }
        }
    }

    .mf-image-box {
        .box-title {
            font-size: 14px;
        }

        &.style-2 {
            .box-title {
                padding-left: 7px;
                padding-right: 7px;
            }
        }
    }

    .mf-banner-large {
        .banner-content {
            padding-top: 0;
            .box-title {
                font-size: 24px;
                font-weight: 400;
            }
        }

        .banner-price {
            padding-top: 0;
            padding-bottom: 0;
        }
    }

    .mf-banner-large.layout-2,
    .mf-banner-large.layout-3 {
        padding-top: 30px;
        padding-bottom: 25px;
        .featured-image {
            background-position: center;
        }
    }

    .mf-banner-medium {
        .banner-content {
            .title {
                font-size: 18px;
                margin-bottom: 13px
            }

            .desc {
                font-size: 12px;
                line-height: 1.4;

                .price {
                    font-size: 14px;
                }
            }
        }

    }

    .mf-products-grid .cat-header {
        display: flex;
        flex-wrap: wrap;

        .tabs-header-nav {
            margin-top: 0;
        }

        .tabs-nav {
            display: none;
        }
    }

    .mf-products-carousel:not(.mf-product-deals-day) .cat-header {
        display: flex;
        flex-wrap: wrap;

        .cat-title {
            font-size: 20px;
        }

        .extra-links {
            margin-top: 0;
        }
    }

    .mf-banners-grid {
        max-width: 370px;
        margin: 0 auto;
        .l-banners .item-large:last-child {
            display: block;
        }

        .l-banners {
            border-style: solid;
            border-color: #d9d9d9;
            border-width: 0 1px 0 1px;
        }

        .r-banners {
            display: flex;
            width: 100%;
            border-style: solid;
            border-color: #d9d9d9;
            border-width: 0 0 1px 1px;
        }
    }

    .mf-category-tabs {
        &.single-tab {
            .tabs-header {
                display: none;
            }
        }

        .tabs-content ul li {
            width: 25%;
            margin-top: 15px;
        }

        .tabs-content {
            padding: 5px 0 30px;
        }
    }

    .mf-products-of-category-2 {
        .cats-header {
            display: flex;
            flex-wrap: wrap;
            padding-left: 15px;
            padding-right: 15px;

            .extra-links {
                margin-top: 0;
            }
        }

        .col-product-content:after {
            display: none;
        }

        .images-slider {
            display: block;
            padding: 15px;
        }

        .mf-products-tabs {
            padding-left: 15px;
            padding-right: 15px;
        }
    }

    .mf-product-deals-carousel {
        padding-left: 10px;
        padding-right: 10px;
        .cat-header {
            display: flex;
            flex-wrap: wrap;

            .slick-arrow {
                padding-left: 5px;
                padding-right: 0;
            }
        }

        ul.products {
            margin-left: 0;
            margin-right: 0;
        }

        &.woocommerce .product {
            margin-right: 0;

            .entry-summary {
                margin-top: 20px;
            }

            .entry-summary .tawc-deal .deal-expire-date .deal-expire-countdown {
                justify-content: space-between;
                .timer {
                    width: auto;
                    margin-bottom: 0;
                }

                .digits {
                    min-width: 55px;
                    padding-top: 14px;
                    padding-bottom: 14px;
                    font-size: 24px;
                }

                .divider {
                    display: block;
                    padding-top: 10px;
                }

                .text {
                    font-size: 13px;
                }
            }

            .woocommerce-product-gallery .flex-control-thumbs {
                position: static;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-top: 20px;
                opacity: 1;

                .slick-track {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                li {
                    padding: 0;
                    margin: 0 5px;
                    width: 8px !important;

                    .i-video {
                        display: none;
                    }

                    img {
                        width: 8px;
                        border: 4px solid #dbdbdb;
                        border-radius: 100%;

                        &.flex-active {
                            border-color: var(--mf-border-primary-color);
                        }
                    }
                }
            }
        }

    }

    .mf-products-list-carousel {
        border: 1px solid #e1e1e1;
        padding-top: 15px;
        padding-bottom: 40px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .mf-category-box {
        padding-left: 15px;
        padding-right: 15px;
        .cat-header {
            display: flex;
            flex-wrap: wrap;
            .cat-name {
                font-size: 20px;
                font-weight: 600;
            }

            .extra-links {
                margin-top: 0;
            }
        }

        .sub-categories {
            padding-top: 15px;

            .term-item {
                padding: 0;
                border: none;
            }

        }
    }

    .mf-banner-medium.layout-4 .banner-content {
        .subdesc {
            margin-top: 10px;
            line-height: 1.2;
        }

        .subtitle {
            margin-bottom: 5px;
        }
    }

    .martfury-latest-post .post-header {
        display: flex;
        flex-wrap: wrap;

        .extra-links {
            margin-top: 0;
        }
    }

    .mf-banner-large.layout-3 .banner-price {
        padding-left: 0;
    }

    .martfury-testimonial-slides {
        .testimonial-info {
            padding: 0 20px 20px;
        }

        .slick-dots {
            margin-top: 10px;
        }
    }

    .mf-products-tabs .tabs-header {
        display: flex;
        flex-wrap: wrap;
        .tabs-header-nav {
            margin-top: 0;
        }
    }

    &.woocommerce.mf-catalog-page {
        .site-content {
            padding-top: 0;
        }

    }

    .dokan-single-store {
        width: 100% !important;
        margin: 0;
    }

    .dokan-store-tabs {
        margin-left: -15px;
        margin-right: -15px;
    }

    .dokan-single-store .dokan-store-tabs ul {
        margin-bottom: 10px;
    }

    #mf-catalog-toolbar {
        flex-wrap: nowrap;
        justify-content: space-between;
        margin-left: -15px;
        margin-right: -15px;
        display: flex;
        align-items: center;
        width: auto;

        &:after,
        &:before {
            display: none;
        }

        .mf-filter-mobile {
            order: 1;
            font-size: 14px;
            font-weight: 400;
            color: #000;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            padding-right: 40px;
            margin-right: 30px;
            width: 40%;

            i {
                font-size: 20px;
                padding-right: 10px;
                color: #999;
            }

            span {
                display: inline-block;
            }

            &:before {
                position: absolute;
                top: 5px;
                right: 30px;
                content: '\e93a';
                display: inline-block;
                font: normal normal normal 12px/1 linearicons;
                color: #000;
            }

            &:after {
                content: "";
                position: absolute;
                top: -5px;
                right: 0;
                height: 32px;
                width: 1px;
                background-color: #ccc;
            }
        }

        .woocommerce-ordering {
            width: 55%;
            position: relative;
            justify-content: center;
            order: 2;

            &:before {
                @include icon('\e9ba');
                font-size: 20px;
                color: #999;
                padding-right: 10px;
            }

            li > ul {
                display: none;
            }

            .current {
                min-width: 130px;
                border: none;
                background-color: transparent;
                padding: 0 15px 0 0;

                span {
                    text-overflow: ellipsis;
                    min-width: 98%;
                }

                &:after {
                    font-size: 12px;
                    right: 0;
                }
            }
        }
    }

    &.mf-catalog-page.full-content {
        #mf-catalog-toolbar .mf-filter-mobile {
            display: none;
        }
    }

    #wcfmmp-store {
        #mf-catalog-toolbar {
            margin-left: 0;
            margin-right: 0;
        }
    }

    &.wcfm-store-page {
        .widget-area.sidebar {
            position: fixed;
            top: 49px;
            left: -100%;
            opacity: 0;
            width: 100%;
            background-color: rgba(0, 0, 0, 0.75);
            overflow: auto;
            height: 100%;
            color: #aaa;
            z-index: 9999999;
            -webkit-transition: -webkit-transform 0.35s ease;
            transition: transform 0.35s ease;
            padding-left: 0;
            padding-right: 0;
            padding-bottom: 50px;
            margin-top: -1px !important;
            border: none !important;
        }

        &.mf-filter-active {
            .widget-area.sidebar {
                transform: translate3d(100%, 0, 0);
                opacity: 1;
            }

            .martfury-off-canvas-layer {
                z-index: 9999;
                display: block;
            }

            .mf-catalog-close-sidebar {
                transform: translate3d(100%, 0, 0);
                opacity: 1;
            }
        }
    }

    .mf-catalog-close-sidebar {
        position: fixed;
        top: 0;
        left: -100%;
        opacity: 0;
        width: 100%;
        z-index: 9999999;
        background-color: $light;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 15px 13px;
        border-bottom: 1px solid #dedede;
        transition: transform 0.35s ease;

        h2 {
            font-size: 16px;
            font-weight: 600;
            margin: 0;
        }

        .close-sidebar {
            font-size: 18px;
            color: $dark;
            line-height: 1;
        }

    }

    &.mf-catalog-page {
        .catalog-sidebar,
        .vendor_sidebar {
            position: fixed;
            top: 0;
            left: -100%;
            opacity: 0;
            width: 100%;
            background-color: rgba(0, 0, 0, 0.75);
            overflow: auto;
            height: 100%;
            color: #aaa;
            z-index: 99999;
            transition: transform 0.35s ease;
            margin-top: 0;
            padding-left: 0;
            padding-right: 0;
            padding-bottom: 50px;
            padding-top: 50px;

            .widget {
                margin-bottom: 0;
                padding-top: 30px;
                padding-bottom: 30px;

                &:after {
                    display: block;
                }

                &:last-child {
                    &:after {
                        display: none;
                    }
                }
            }
        }

        .catalog-sidebar {
            background-color: #f5f5f5;
            .widget {
                .widget-title {
                    position: relative;

                    &:after {
                        content: "\e93a";
                        display: inline-block;
                        font: normal normal normal 14px/1 linearicons;
                        font-size: 16px;
                        position: absolute;
                        top: 50%;
                        transform: translateY(-50%);
                        right: 0;
                    }

                    &.non-active {
                        margin-bottom: 0;
                        transition: 0.5s;
                    }

                    &.active {
                        margin-bottom: 25px;
                        &:after {
                            content: "\e939";
                        }
                    }

                }

                .closed {
                    display: none;
                }
            }
        }

        .vendor_sidebar {
            .widget {
                background-color: #f5f5f5;
                padding-left: 20px;
                padding-right: 20px;
                position: relative;

                &:after {
                    position: absolute;
                    bottom: 0;
                    left: 20px;
                    right: 20px;
                    content: "";
                    height: 1px;
                    background-color: #d8d8d8;
                }
            }
        }

        &.mf-filter-active {
            .catalog-sidebar,
            .vendor_sidebar {
                transform: translate3d(100%, 0, 0);
                opacity: 1;
            }

            .martfury-off-canvas-layer {
                z-index: 9999;
                display: block;
            }

            .mf-catalog-close-sidebar {
                transform: translate3d(100%, 0, 0);
                opacity: 1;
            }
        }

        .mf-toolbar-empty-space {
            height: 5px;
        }

        .site-content {
            padding-bottom: 60px;
        }

        ul.products {
            margin-left: -12.5px;
            margin-right: -12.5px;
            display: flex;
            flex-wrap: wrap;

            &:after,
            &:before {
                display: none;
            }

            li.product {
                padding-left: 2.5px;
                padding-right: 2.5px;
                margin-bottom: 5px;

                .product-inner {
                    padding: 10px 10px 15px;
                    border: 1px solid #dfdfdf;
                    margin-bottom: 0;
                    height: 100%;
                }
            }

            li.product-category {
                padding-top: 0;
                padding-bottom: 0;
                & > a {
                    display: block;
                    padding: 10px 10px 15px;
                    border: 1px solid #dfdfdf;
                    margin-bottom: 0;
                    height: 100%;
                }
            }
        }
    }

    &.dokan-store {

        .site-content {
            padding-top: 0;
        }

        .dokan-store-sidebar {
            position: fixed;
            top: 49px;
            left: -100%;
            opacity: 0;
            width: 100% !important;
            background-color: rgba(0, 0, 0, 0.75);
            overflow: auto;
            height: 100%;
            color: #aaa;
            z-index: 9999999;
            transition: transform 0.35s ease;
            margin-top: 0;
            padding-left: 0;
            padding-right: 0;
            padding-bottom: 50px;
            margin: 0;

            .widget {
                background-color: #f5f5f5;
                padding-left: 20px;
                padding-right: 20px;
                position: relative;

                &:after {
                    position: absolute;
                    bottom: 0;
                    left: 20px;
                    right: 20px;
                    content: "";
                    height: 1px;
                    background-color: #d8d8d8;
                }

                &:last-child {
                    &:after {
                        display: none;
                    }
                }
            }
        }

        &.mf-filter-active {
            .dokan-store-sidebar {
                transform: translate3d(100%, 0, 0);
                opacity: 1;
                margin-top: 0;
            }

            .martfury-off-canvas-layer {
                z-index: 999999;
                background-color: rgba(0, 0, 0, 0.75);
            }

            .mf-catalog-close-sidebar {
                transform: translate3d(100%, 0, 0);
                opacity: 1;
            }
        }
    }

    &.wcfmmp-store-page {
        #wcfmmp-store {
            .mf-shop-content {
                ul.products {
                    margin-left: -2.5px;
                    margin-right: -2.5px;

                    li {
                        padding-left: 2.5px;
                        padding-right: 2.5px;
                    }
                }
            }
        }
    }

    &.show-featured-icons {
        ul.products li.product .product-inner .mf-product-thumbnail .footer-button {
            position: static;
            opacity: 1;
        }
    }

    .mf-recently-products {

        .recently-header {
            margin-bottom: 20px;
        }

        .product-list {
            padding: 15px 5px 35px;

            li {
                padding-left: 2.5px;
                padding-right: 2.5px;
            }
        }

        .slick-dots {
            display: flex !important;
            align-items: center;
            justify-content: center;
            margin-top: 25px;

            li {
                padding-right: 5px;
                padding-left: 5px;

                button {
                    border: none;
                }
            }

            li:not(.slick-active) {

                button {
                    background-color: #cccccc;
                }
            }
        }

        .slick-arrow {
            display: none !important;
        }

    }

    &.mf-add-to-cart-fixed {
        padding-bottom: 50px;

        .mf-navigation-mobile {
            display: none;
        }

        div.product:not(.qv-modal) {

            .cart {
                .single_add_to_cart_button,
                .buy_now_button {
                    position: fixed;
                    bottom: 0;
                    left: 0;
                    z-index: 500;
                    width: 100%;
                    opacity: 1;
                    border-radius: 0;
                    height: 50px;
                    line-height: 50px;
                    min-width: auto;
                    padding: 0 10px;
                    overflow: hidden;
                }

                .buy_now_button {
                    left: auto;
                    right: 0;
                }

                .mf-compare-button,
                .yith-wcwl-add-to-wishlist,
                .wcboost-wishlist-button {
                    padding-top: 0 !important;
                }

                div.quantity {
                    margin-bottom: 5px;
                }
            }

            &.mf-has-buy-now {
                .cart {
                    .single_add_to_cart_button,
                    .actions-button .buy_now_button {
                        width: 50%;
                        min-width: auto;
                    }

                }
            }
        }

        &.single-product .backtotop {
            bottom: 50px;
        }

    }

    &.woocommerce div.product {
        div.images {
            padding-left: 0;
            padding-bottom: 0;

            .product-image-ms {
                display: none;
            }

            .flex-control-nav {
                position: static;
                opacity: 1;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-wrap: wrap;
                margin-top: 10px;

                li {
                    padding: 0;
                    margin: 0 5px;
                    width: 8px !important;

                    .i-video {
                        display: none;
                    }

                    img {
                        width: 8px;
                        border: 4px solid #dbdbdb;
                        border-radius: 100%;

                        &.flex-active {
                            border-color: var(--mf-border-primary-color);
                        }
                    }
                }
            }
        }

        .product_title {
            font-size: 20px;
        }

        .quantity .qty {
            width: 100%;
            min-width: 60px;
        }

        form.cart {
            margin-bottom: 20px;
        }

        .summary-sep {
            height: 45px;
        }

        .tawc-deal {
            padding: 0;
            background-color: transparent;
            padding-bottom: 20px;
            border-bottom: 1px solid #e1e1e1;

            .deal-expire-date {
                .deal-expire-text {
                    font-size: 14px;
                    font-weight: 500;
                    text-transform: capitalize;
                }
                .deal-expire-countdown {
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
                    .timer {
                        width: auto;
                        margin-bottom: 0;
                        padding: 0 5px;
                    }

                    .days {
                        padding-left: 0;
                    }

                    .seconds {
                        padding-right: 0;
                    }

                    .digits {
                        min-width: 55px;
                        padding-top: 14px;
                        padding-bottom: 14px;
                        font-size: 24px;

                        &:after {
                            display: none;
                        }
                    }

                    .divider {
                        display: block;
                        padding-top: 10px;
                    }

                    .text {
                        font-size: 13px;
                    }
                }
            }

            .deal-sold-text {
                display: none;
            }
        }

        .wc-tabs-wrapper {
            margin-bottom: 0;
            .panel {
                margin-bottom: 30px;

                &:last-child {
                    margin-bottom: 20px;
                }

                .tab-title {
                    font-size: 20px;
                    font-weight: 600;
                    border-bottom: 1px solid #e1e1e1;
                    margin: 0 0 20px;
                    padding-bottom: 15px;
                }

                .container {
                    padding-left: 0;
                    padding-right: 0;
                }

                table {
                    th,
                    td {
                        padding-left: 10px;
                        padding-right: 10px;
                    }
                }
            }

            &.product-collapse-tab-enable {
                .tab-title {
                    position: relative;
                    padding-right: 30px;

                    .tab-toggle {
                        position: absolute;
                        right: 0;
                        top: 3px;
                    }

                    &.active {
                        .tab-toggle i:before {
                            content: '\e939';
                        }
                    }
                }

                .tab-content-wrapper.closed {
                    display: none;
                }
            }
        }
    }

    &.woocommerce #reviews {

        .average-rating {
            display: flex;
            align-items: center;
            .average-label,
            .bar-rating {
                display: none;
            }

            .average-value {
                font-size: 48px;
                margin-right: 20px;
            }
        }

        .woocommerce-product-rating .star-rating {
            margin-top: 0;
        }

        #review_form #respond .form-submit .submit {
            width: 100%;
        }

        #comments {
            .woocommerce-Reviews-title {
                display: none;
            }

            ol.commentlist li {
                padding-bottom: 20px;
                margin-bottom: 30px;

                img.avatar {
                    display: none;
                }

                .comment-text {
                    margin-left: 0;
                }

                &:last-child {
                    margin-bottom: 0;
                    padding-bottom: 0;
                }
            }
        }
    }

    &.woocommerce div.product.product-type-variable form.cart .variations td.value {
        width: 100%;
    }

    .mf-product-fbt {
        padding: 15px;
        margin-bottom: 35px;

        ul.products {
            padding-left: 0;
            width: auto;

            li.product {
                margin-bottom: 15px;
            }

            li.product-buttons {
                width: 100%;
                clear: both;
                margin-top: 20px;
            }

            .product-content {
                padding-right: 0;
                .thumbnail:after {
                    display: none;
                }
            }
        }

        .product-buttons {
            .mf-wishlist-button,
            .mf_add_to_cart_button {
                min-width: 140px;
                padding-left: 8px;
                padding-right: 8px;
            }
        }

        .fbt-cart,
        .product-buttons .mf-wishlist-button {
            float: left;
            width: 50%;
        }
    }

    .mf-product-instagram {
        margin-bottom: 30px;
        h2 {
            margin-bottom: 30px;
        }
    }

    section.up-sells,
    section.related {
        margin-bottom: 50px;
        .related-title {
            margin-bottom: 30px;
        }

        ul.products .slick-dots {
            margin-top: 0;
        }
    }

    .pswp .mf-video-wrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
        top: 50%;
        transform: translateY(-50%);
        iframe,
        .wp-video {
            width: 90%;
            height: 90%;
        }
    }

    .topbar .widget:after {
        display: none;
    }

    &.woocommerce-cart {
        .site-content {
            padding-top: 30px;
        }

        .woocommerce table.shop_table td.product-name .product-content-detail {
            padding-left: 115px;
        }

        .woocommerce {
            .coupon {
                margin-bottom: 30px;
                label {
                    font-size: 20px;
                    font-weight: 600;
                    margin-bottom: 30px;

                    &:after {
                        display: none;
                    }
                }

                .input-text {
                    margin-bottom: 15px;
                }
            }

            .cart-collaterals .woocommerce-shipping-calculator {
                margin-bottom: 50px;
                .shipping-calculator-button {
                    font-size: 20px;
                    font-weight: 600;
                    margin-bottom: 30px;

                    &:after {
                        display: none;
                    }
                }

                .button {
                    margin-top: 0;
                }

            }

        }
    }

    &.woocommerce-cart .woocommerce-cart-form {
        .cart-title {
            font-size: 18px;
            font-weight: 600;
            margin: 0 0 20px;
        }
    }

    &.woocommerce-checkout {
        .site-content {
            padding-top: 20px;
        }

        .woocommerce-info .showcoupon {
            display: block;
        }

        .woocommerce-terms-and-conditions-wrapper .validate-required {
            margin-bottom: 0;
        }

        form.checkout .woocommerce-form__label > span:before {
            top: 0;
        }
    }

    &.dokan-dashboard {
        .site-content {
            padding-top: 20px;
        }
    }

    &.single-post {
        .site-content {
            padding-top: 30px;
        }

       .entry-header .entry-title {
           font-size: 24px;
       }

        &.single-post-layout-3 .single-post-wrapper .entry-header {
            margin-bottom: 50px;
        }

        .comments-area {
            padding-top: 30px;
            margin-top: 30px;
        }
    }

    .single-post-header.layout-3 {
        padding-top: 20px;
    }

    .mf-vendor-header-tabs {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 0;
    }

    &.search-no-results .mf-catalog-title,
    &.search-results .mf-catalog-title {
        display: none;
    }

    &.search-no-results {
        .woocommerce-info {
            margin-top: 15px;
        }
    }

    .martfury-newletter {
        &.no-image {
            padding-top: 0;
            padding-bottom: 0;

            .form-area {
                padding-right: 30px;
            }
        }
    }

    .woocommerce-error, .woocommerce-info, .woocommerce-message {
        display: flex;
        flex-direction: column;
        padding-right: 10px;
        padding-left: 40px;
        padding-bottom: 20px;

        a.button:not(.add_to_wishlist) {
            order: 2;
            text-align: left;
            background-color: transparent;
            padding: 0;
            color: #000;
            text-decoration: underline;
            height: auto;
            line-height: 1;
            margin-top: 5px;
            font-size: 14px;
        }

        &:before {
            left: 10px;
        }
    }

    .mf-newsletter-popup .newletter-content .n-desc p {
        white-space: normal;
    }

    .mf-newsletter-popup.hide-on-mobile {
        display:none;
    }

    .sticky-product-info-wapper {
        display: block;

        &.viewport {
            top: 0;
        }

        .sc-product-info {
            margin-right: 0;
            width: 100%;
            overflow: auto;

            .sc-tabs {
                margin-left: -7px;
                margin-right: -7px;
                flex-wrap: nowrap;
                li {
                    padding: 0 7px;

                    a {
                        white-space: nowrap;
                    }
                }
            }
        }

        .product-thumb,
        .product-name > h2,
        .sc-product-cart {
            display: none;
        }
    }

    &.sticky-header {
        .sticky-product-info-wapper {
            &.viewport {
                top: 65px;
            }

        }
    }

    &.mf-add-to-cart-fixed {
        .mf-els-modal-mobile {
            padding-bottom: 0;
            overflow: hidden;
        }

        .widget-footer-cart {
            position: fixed;
            left: 0;
            bottom: 0;
            right: 0;
            height: 67px;
            display: flex;
            align-items: center;
            justify-content: center;

            a {
                color: $dark;
                font-size: 16px;
                font-weight: 500;
            }
        }
    }

}

.woocommerce div.product form.cart div.quantity .decrease, .woocommerce div.product form.cart div.quantity .increase {
    width: 30px;
    font-size: 24px;
}

.woocommerce div.product form.cart div.quantity .increase {
    text-align: right;
}

.mobile-version .right_side_full {
    #mf-catalog-toolbar {
        .mf-filter-mobile {
            display: none;
        }

        .shop-view {
            width: 100%;
        }
    }
}

.mobile-version.wcfmmp-store-page.vendor-store-not-filter .shop-toolbar .shop-view {
    width: 100%;
}

.mobile-version.mobile-nav-enable {
    .mf-quick-view-modal .modal-content,
    .mf-quick-view-modal .modal-content div.product .cart .actions-button {
        padding-bottom: 65px;
    }
}

@media (max-width: 820px) and (min-width: 768px) {
    .mobile-version {
        &.woocommerce div.product {
            form.cart {
                display: flex;

                div.quantity {
                    margin-right: 15px;
                }

                div.actions-button {
                    margin-top: 0;

                    .mf-compare-button,
                    .yith-wcwl-add-to-wishlist,
                    .wcboost-wishlist-button {
                        margin-top: 0;
                        padding-top: 0;
                    }
                }
            }

            &.mf-has-buy-now {
                form.cart {
                    .single_add_to_cart_button {
                        margin-right: 15px;
                    }
                }
            }
        }
    }
}