@import "config.less";

@media (min-width: 1025px) and (max-width: 1199px) {
    .recent-posts {
        .col-md-3 {
            width: 32%;
        }

        .col-md-9 {
            width: 68%;
        }
    }

    #footer .sidebar-bottom .col-md-4 {
        padding-left: 15px;

        .social-link ul li {
            margin-right: 10px;
        }
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .navbar-nav > li > a, .navbar-nav > li > span.disable_link {
        padding: 15px 18px 14px 18px;
    }

    .rev-heading {
        font-size: 40px !important;
    }

    .recent-posts {
        .col-md-3 {
            width: 30%;
        }

        .col-md-9 {
            width: 70%;
        }
    }

    .product-filter .display {
        width: 15%;
    }

    .site-content {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #footer .sidebar-bottom .col-md-4 {
        padding-left: 0;

        .social-link ul li {
            margin-right: 14px;
        }
    }

    body .wave-separator {
        bottom: -8px;
    }

    .events {
        .content-item .event-content .button {
            margin-top: 30px;
        }

        .item .content-item .event-content {
            top: 30px;

            .event-heading, .event-title {
                margin-bottom: 15px;
            }
        }

        .owl-controls {
            margin-top: 0;
            bottom: 3% !important;
        }
    }
}

@media (max-width: 768px) {
    .woocommerce-result-count {
        display: none;
    }

    body.archive .product-filter {
        width: 100%;
    }

    body.archive .product-filter .display,
    body.single-product .product-filter .display,
    body.search .product-filter .display {
        width: 30%;
        display: inline;
    }

    body a.tp-button i {
        vertical-align: middle;
    }
}

@media (max-width: 767px) {
    .vc_row.counter-box-contain {
        padding-left: 85px !important;
        width: auto !important;
    }

    body.archive.post-type-archive-recipe .top_site_main .page-title-wrapper .banner-wrapper {
        margin-top: 0 !important;
    }

    .rev-heading {
        font-size: 30px !important;
    }

    body .rev_slider_wrapper .hesperiden.tparrows {
        background: none !important;
        border: none !important;

        &.tp-leftarrow {
            left: -4% !important;
        }
    }

    //page
    .woocommerce-cart {
        table {
            td, th {
                &.product-subtotal {
                    display: none;
                }

                padding-left: 0 !important;
                padding-right: 0 !important;

                &.product-price {
                    display: none;
                }

                &.product-thumbnail {
                    width: 20%;
                }

                &.product-name {
                    padding-left: 10px !important;
                    padding-right: 10px !important;
                }

                &.actions {
                    text-align: center !important;

                    .coupon {
                        width: 100% !important;
                        margin-bottom: 15px;
                    }

                    input.button {
                        margin-bottom: 10px;
                    }
                }
            }
        }

        .cart-collaterals {
            margin-bottom: 15px;

            .cart_totals {
                width: 100%;

                .wc-proceed-to-checkout a {
                    width: 85%;
                }

                td {
                    text-align: right;
                }
            }
        }
    }

    .woocommerce-checkout {
        .checkout-notices {
            form.login {
                p.form-row-first, p.form-row-last {
                    width: 100%;
                }
            }
        }

        #customer_details {
            .col-1, .col-2 {
                width: 100%;
            }

            .col-2 {
                margin-top: 20px;
            }
        }
    }

    .woocommerce-account {
        #customer_login {
            .col-1, .col-2, .col-3 {
                width: 100% !important;
            }

            .col-1 {
                margin-bottom: 20px;
            }

            .col-3 {
                form.register {
                    padding: 0 !important;
                }
            }
        }
    }

    .woocommerce-wishlist {
        table.wishlist_table {
            td, th {
                padding-left: 0 !important;
                padding-right: 0 !important;

                &.product-price, &.product-stock-status {
                    display: none;
                }

                &.product-thumbnail {
                    width: 20%;
                }

                &.product-name {
                    padding-left: 10px !important;
                    padding-right: 10px !important;
                }

                &.product-add-to-cart a.button {
                    &.loading {
                        &:after {
                            display: none !important;
                        }
                    }
                }
            }
        }
    }

    ul.product-list li.product {
        img {
            width: 100%;
        }

        .product__title {
            margin-top: 20px;
            padding: 0 15px;
        }

        .product_thumb, .product__title {
            width: 100% !important;
            max-width: 100% !important;

            .burst-price {
                right: 0 !important;
            }
        }
    }

    body.single-product .product {
        > .images, > .summary {
            width: 100% !important;

            h1 {
                font-size: 24px;
            }
        }
    }

    .woocommerce .product-filter {
        display: inline-block;

        .display {
            width: auto;
            margin: 0;
            display: inline-block;
        }

        .sbHolder {
            display: inline-block;
            margin-right: 10px;
        }
    }

    .sharing {
        margin-bottom: 20px;
    }

    .single-recipe .name-recipe {
        font-size: 24px;
    }

    .post-type-archive-recipe .search-recipe, .tax-recipe_category .search-recipe, .single-recipe .search-recipe, .search .search-recipe {
        margin: 0 0 30px 0 !important;
    }

    .archive #ourHolder article.recipe {
        text-align: center;
    }

    .navigation .table-right .navbar-nav {
        padding-right: 0;
        margin-right: -20px;

        li {
            &.menu-item {
                display: none;
            }

            .widget_shopping_cart {
                //display: none;
            }
        }
    }

    .navigation {
        #header-search-form-input {
            background: @thim_bg_color_white;
            z-index: 9;

            input {
                font-size: 16px !important;
                padding: 0 15px;
            }
        }

        .search-date {
            display: none;
        }

        .header-search-close i {
            color: @thim_body_secondary_color;
        }

        .ob_list_search {
            margin-right: 0;

            &.active {
                padding: 10px 20px;

                li {
                    margin: 10px 0;
                }
            }
        }
    }

    .top-header {
        height: auto;
        text-align: center;

        .top_right {
            text-align: inherit;
        }

        span.line {
            display: none;
        }

        ul.menu-toolbar li:first-child {
            margin-left: 0;
        }
    }

    .sm-logo-affix {
        text-align: center;
        padding-left: 15px;
    }

    body main .home-icon-box {
        margin-top: 0 !important;
    }

    #footer .sidebar-bottom .col-md-4 {
        padding-left: 15px;
    }

    #footer .social-link li {
        margin-right: 10px;
    }

    .wrap-recipes ul li {
        text-align: center;
    }

    .testimonials .testimonial_content {
        width: 100%;
    }

    body #footer .mc4wp-form-fields .tm-table {
        padding: 0;

        .title {
            display: inline-block;
            text-align: center;
        }

        .mail.table-cell {
            display: block;
            margin-top: 20px;

            input[type=email] {
                width: 100%;
            }
        }

        .burst {
            margin: 0 auto 25px auto;
        }
    }

    #footer #powered .container .copyright .right {
        text-align: center !important;
    }

    #footer .footer-sidebars {
        text-align: center;

        .recent-posts .row {
            text-align: left;

            .col-xs-3 {
                width: 35%;
            }

            .col-xs-9 {
                width: 65%;
            }
        }
    }
}

@media (min-width: 600px) {
    body.search #contain-search-form {
        width: 500px;
    }
}

@media (max-width: 599px) {

    .rev_slider_wrapper a.tp-button, .rev-description {
        display: none;
    }

    body.search #contain-search-form {
        width: 90%;
    }

    .tp-mask-wrap .tp-caption a {
        //margin-left: -25px !important;
        border: 1px solid !important;
    }

    .tp-caption {
        padding-left: 0 !important;
    }

    .tp-mask-wrap .tp-caption a {
        //margin-left: -25px !important;
        border: 1px solid !important;
    }
}

@media (max-width: 399px) {
    .wrap-recipes ul li {
        float: none !important;
        margin: 0 auto !important;
    }

    .sharing .social-share {
        margin-bottom: 20px !important;
    }

    .tp-caption {
        padding-left: 0 !important;
    }
}

@media (max-width: 480px) {
    .mobile-menu-container .navbar-nav {
        margin-bottom: 200px;
    }

    .rev-heading {
        line-height: 30px !important;
    }

    .recipe-gallery .control-slide-recipe .icon-control-slide-recipe {
        top: 25% !important;
    }

    .sc-new-product-woocommerce .product_thumb img {
        width: 100%;
    }

    .events .item .content-item .event-content h2 {
        padding-top: 4px;
        margin-bottom: 0;
    }

    .events .item .content-item .event-content h3 {
        margin-top: 5px;
    }

    .events .owl-theme .owl-controls {
        z-index: 999;
        position: absolute;
        left: 50%;
        margin-left: -37px;
    }

    .recipe .entry-header .other-media {
        position: relative;
        top: 0;
    }

    .tp-caption {
        padding-left: 0 !important;
    }

    .tp-mask-wrap .tp-caption a {
        //margin-left: -25px !important;
        border: 1px solid !important;
    }
}

@media (max-width: 450px) {
    .woocommerce-result-count {
        display: none;
    }

    ul.product-grid li.product img {
        width: 100% !important;
    }
}

@media (max-width: 350px) {
    .vc_row.counter-box-contain {
        padding-left: 63px !important;
        width: auto !important;
    }

    .woocommerce-cart table.cart td.actions .coupon .input-text {
        float: none !important;
        margin: 20px auto;
    }

    .icon-box-left .content {
        margin-top: 0 !important;
    }

    .tp-caption {
        padding-left: 0 !important;
    }
}

@media (max-width: 320px) {
    .rev-heading {
        font-size: 25px !important;
        line-height: 25px !important;
        margin-left: -15px !important;
    }

    .tp-caption {
        padding-left: 0 !important;
    }

    .tp-mask-wrap .tp-caption a {
        margin-left: -25px !important;
        border: 1px solid !important;
    }

    .events .item .content-item .event-content h2 {
        font-size: 12px !important;
        margin: 0 !important;
        padding: 0 !important;
        margin-top: -10px !important;
        padding-top: 6px !important;
        background-size: 45%;
    }

    .events .item .content-item .event-content h3 {
        font-size: 25px !important;
        margin-top: 0;
    }

    .events .item .content-item .event-content .time .time-value p {
        display: inline-block;
        //margin-right: 3px;
    }

    .events .item .content-item .event-content .time .time-value::before {
        left: 0px;
    }

    .events .item .content-item .event-content .button {
        margin: 0 !important;
    }

    .events .item .content-item .event-content .button a {
        padding: 3px 5px;
    }

    .events .item .content-item .event-heading {
        display: block !important;
    }

    .events .owl-theme .owl-controls {
        margin-top: 0;
    }

    .recipe .entry-header .other-media {
        position: relative;
        top: 0;
        //margin-top: 15px;
    }

    .recipe .entry-header .other-media a.print:after {
        height: 20px;
        top: 0;
    }

    .top_site_main .page-title-wrapper .banner-wrapper {
        position: absolute;
        left: 0;
        top: 45px;
        right: 0;
        bottom: 0;
    }
}

@media (max-width: 300px) {
    .woocommerce-ordering label {
        display: none;
    }

    .top_site_main .page-title-wrapper .banner-wrapper h1, h2 {
        padding-top: 50px;
    }
}

@media (max-width: 768px ) {
    .quick-view-product {
        display: none;
    }

    .recipe-detail-other .row .recipe-detail-component:nth-child(2n+2) {
        border-right: none;
    }

    body #main-content .content-area .top_site_main img {
        height: 200px !important;
    }

    .top_site_main .page-title-wrapper .banner-wrapper h1, h2 {
        font-size: 25px !important;
    }
}

body.archive .archive-product-content.alignright {
    margin: 0 !important;
}

@media (min-width: 993px) and (max-width: 768px) {
    .widget-recent-recipes .recent-recipes {
        .recipe-thumbnail {
            width: 50%;
        }

        .recipe-info {
            width: 50%;
            padding-left: 0 !important;
        }
    }
}

@media (max-width: 992px) and (min-width: 769px ) {
    .widget-recent-recipes .recent-recipes {
        .recipe-thumbnail {
            width: 100%;
        }

        .recipe-info {
            width: 100%;
        }
    }
}

//fix Firefox, IE, Edge
@-moz-document url-prefix() {
    @media (min-width: 500px) {
        .home-iconbox-firefox {
            margin-top: -185px !important;
            padding-top: 190px !important;
        }
    }
}
