/*
Theme Name: Spice Child Theme
Theme URI: https://spice.axiomthemes.com/
Description: Spice is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: AxiomThemes
Author URI: https://axiomthemes.com/
Version: 1.14.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: spice
Template: spice
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

/* Keep portfolio tabs horizontal on mobile */
/* Portfolio Tabs - keep normal tabs on mobile */
@media (max-width: 767px) {

    /* Show the desktop tab navigation */
    .portfolio-tabs .elementor-tabs-wrapper {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    /* Hide scrollbar */
    .portfolio-tabs .elementor-tabs-wrapper::-webkit-scrollbar {
        display: none;
    }

    /* Keep each tab next to each other */
    .portfolio-tabs .elementor-tab-desktop-title {
        display: block !important;
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }

    /* IMPORTANT: Hide Elementor's mobile accordion titles */
    .portfolio-tabs .elementor-tab-mobile-title {
        display: none !important;
    }

    /* Keep the tab content area normal */
    .portfolio-tabs .elementor-tabs-content-wrapper {
        display: block !important;
        width: 100% !important;
    }

    /* Hide inactive content */
    .portfolio-tabs .elementor-tab-content {
        display: none !important;
    }

    /* Show active tab content */
    .portfolio-tabs .elementor-tab-content.elementor-active {
        display: block !important;
    }
}