.timeline-article-toggle .elementor-tab-title {
    color: #fff;
    font-size: 33px;
    border: none;
    font-family: 'Noto Serif', serif;
    padding: 30px 10px;
}

.timeline-article-toggle .elementor-tab-title .article-count {
    display: inline;
    color: #fff;
    font-size: 16px;
    float: right;
    padding: 15px;
    text-transform: uppercase;
}

.timeline-article-toggle.elementor-toggle .elementor-tab-title:not(.elementor-active) .elementor-toggle-icon .elementor-toggle-icon-opened,
.timeline-article-toggle.elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon .elementor-toggle-icon-closed {
    display: none;
}


.timeline-article-toggle .elementor-tab-content {
    padding: 1rem;
}

.timeline-article-toggle .elementor-toggle-item:not(:has(.elementor-tab-title.elementor-active)) .elementor-tab-content {
    display: none;
}

.timeline-article-toggle .elementor-tab-content .year-section-header {
    color: #52796f;
    font-size: 24px;
    border-bottom: solid 1px #52796f;
    margin-bottom: 10px;
    font-weight: bold;
}

.timeline-article-toggle .elementor-tab-content ul {
    list-style: none;
    padding: 0;
}

.timeline-article-toggle .elementor-tab-content ul li {
}

.timeline-article-toggle .elementor-tab-content ul li a {
}

.toggle-filters a {
    min-width: 10%;
    padding: 10px 5px;
    text-decoration: none;
    list-style: none;
    display: inline-block;
    margin-bottom: 10px;
    text-align: center;
    vertical-align: middle;
    border-radius: 30px;
    /*height: 25px;*/
    width: 120px;
}

.toggle-filters {
    text-align: right;
    cursor: pointer;
}

.toggle-filters .active {
    font-weight: bold;
    border-width: 2px !important;
}

.toggle-filters a.article-type-all {
    border: solid 1px #52796f;
    color: #52796f !important;
    line-height: 1.6em;
}

.toggle-filters a.article-type-p {
    border: solid 1px #0978c8;
}

.toggle-filters a.article-type-e {
    border: solid 1px #11884b;
}

.timeline-article-toggle .elementor-tab-content ul li.article-type-p:before,
.toggle-filters a.article-type-p:before {
    content: url(images/s_principle.png);
    padding-right: 10px;
    vertical-align: middle;
}

.article-type-p {
    color: #0978c8;
}

.timeline-article-toggle .elementor-tab-content ul li.article-type-e:before,
.toggle-filters a.article-type-e:before {
    content: url(images/s_vest.png);
    padding-right: 10px;
    vertical-align: middle;
}

.article-type-e {
    color: #11884b;
}

.elementor-widget-tzu-chi-timeline-articles-toggle .toggle-filters a {
    width: 140px;
}

@media screen and (max-width: 870px) {
    .timeline-article-toggle .elementor-tab-content ul li {
        display: flex;
    }

    .timeline-article-toggle .elementor-tab-content ul li:before {
        float: left;
    }

    .timeline-article-toggle .elementor-tab-content ul li a {
        width: 88%;
        float: left;
        display: contents;
    }

    .elementor-widget-tzu-chi-timeline-articles-toggle .toggle-filters a:first-child {
        width: 60px;
    }

    .elementor-widget-tzu-chi-timeline-articles-toggle .toggle-filters a {
        width: 39%;
    }

    .timeline-article-toggle .elementor-tab-title {
        min-height: 100px;
    }

    .timeline-article-toggle .elementor-tab-title a {
        font-size: 0.8em;
        display: block;
    }

    .timeline-article-toggle .elementor-tab-title span.article-count {
        display: inline-block;
        font-size: 0.4em;
        float: left;
        padding-left: 0;
    }

    .timeline-article-toggle .article-type-p, .timeline-article-toggle .article-type-e {
        padding: 5px 0;
        line-height: 1.6em;
    }


}