.elementor-widget-dyester-dome-filter,
.elementor-widget-dyester-dome-filter > .elementor-widget-container {
    width: 100%;
}

.dyester-dome-filter {
    /* Keep the filter visible below the sticky header when scrolling from lower cards.
       Override this variable in site CSS if the header height changes. */
    scroll-margin-top: var(--dyester-dome-filter-scroll-offset, 110px);
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    column-gap: 32px;
    row-gap: 12px;
}

.dyester-dome-filter__tab,
.dyester-dome-filter__link {
    display: inline-block;
    position: relative;
    padding: 8px 0 10px;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    font: inherit;
    line-height: inherit;
    text-decoration: none;
    white-space: nowrap;
}

.dyester-dome-filter__tab {
    color: inherit;
    cursor: pointer;
}


/* Prevent theme/global Elementor button rules from styling filter tabs as filled buttons. */
.dyester-dome-filter button.dyester-dome-filter__tab,
.dyester-dome-filter button.dyester-dome-filter__tab:hover,
.dyester-dome-filter button.dyester-dome-filter__tab:focus,
.dyester-dome-filter button.dyester-dome-filter__tab:active {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.dyester-dome-filter__tab::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 2px;
    background: currentColor;
    opacity: 0;
    transform: translateX(-50%);
}

.dyester-dome-filter__tab[aria-pressed="true"]::after {
    opacity: 1;
}

.dyester-dome-filter__tab:focus-visible,
.dyester-dome-filter__link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

.dyester-dome-filter__link {
    color: var(--e-global-color-accent, #d46e35);
}

.dyester-domes-loop .e-loop-item.is-filtered-out {
    display: none !important;
}