@import url('/wp-content/themes/jbl-website/blocks/icon-tabs/../tabbed-content/block-tabbed-content.css');

.block__icon-tabs {

    .tabs-list {
        margin-bottom: var(--spacing-gutter-lg);
    }

    .js-tab {
        border-bottom: 3px solid var(--border-color);
        color: var(--text-muted);
        transition: all 0.3s ease-in-out;

        img {
            opacity: 0.5;
            transition: opacity 0.3s ease-in-out;
        }

        &.is-active, &:hover {
            border-bottom-color: var(--text-color);
            color: var(--text-color);

            img {
                opacity: 1;
            }
        }
    }

    .js-tab-panel {
        opacity: 0;
        transition: opacity 0.3s ease-in-out;

        &.is-active {
            opacity: 1;
        }
    }

    /* Small screen only */
    @media (max-width:500px) {
        .js-tab {
            font-size: var(--text-h6);
        }
    }
}