@media only screen and (min-width: 767px) {

    /* Hide inactive sections */

    .foo-tabs-active section:first-of-type~section {
        display: none;
    }

    /* Show the first tab */

    .foo-tabs-active section:first-of-type~section.foo-tab-active {
        display: block;
    }

    /* Style buttons */

    .foo-tabs-navigation .elementor-widget-button {
        height: 100%;
    }

    .foo-tabs-navigation .elementor-widget-button .elementor-button {
        background-color: transparent;
        border-radius: 0;
        border: 0;
        border-bottom: 2px solid rgba(255, 255, 255, 0.5);
        line-height: normal;
        color: rgba(255, 255, 255, 0.8);
        font-weight: bold;
        text-transform: uppercase;
        font-size: 0.9rem;
    }

    .foo-tabs-navigation .elementor-widget-button .elementor-button:hover {
        border-bottom: 2px solid white;
        color: white;
    }

    .foo-tabs-navigation .elementor-widget-button .elementor-button.foo-tab-active {
        border-bottom: 2px solid white;
        color: white;
    }

    /* Center multi line tabs */

    .foo-tabs-navigation .elementor-button-text {
        line-height: normal;
    }

    .foo-tabs-navigation .elementor-button-content-wrapper {
        display: table-cell;
        vertical-align: middle;
    }

    .foo-tabs-navigation .elementor-button-link {
        height: 100%;
        display: table;
    }

    .foo-tabs-navigation .elementor-button-wrapper {
        flex: 1;
    }

    .foo-tabs-navigation .elementor-widget-container {
        display: flex;
        height: 100%;
    }

    /* Remove default padding between buttons */

    .foo-tabs-navigation .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
        padding-left: 0;
        padding-right: 0;
    }

}

/* Two 50% width columns followed by a 100% width column, need this in nested containers */

@media (min-width:1023px) {

    .foo-two-half-page-columns-one-full-page-columns .elementor-container {
        flex-wrap: wrap;
    }

    .foo-two-half-page-columns-one-full-page-columns .elementor-container>.elementor-column:nth-of-type(1) {
        width: 50% !important;
    }

    .foo-two-half-page-columns-one-full-page-columns .elementor-container>.elementor-column:nth-of-type(2) {
        width: 50% !important;
    }

    .foo-two-half-page-columns-one-full-page-columns .elementor-container>.elementor-column:nth-of-type(3) {
        width: 100% !important;
    }

}