/************************************************************************************************************************************************************************************

 ██████╗ ██████╗ ██████╗ ██████╗  ██████╗ ██████╗  █████╗ ████████╗███████╗    ██████╗ ███████╗███████╗██████╗  ██████╗ ███╗   ██╗███████╗██╗██████╗ ██╗██╗     ██╗████████╗██╗   ██╗
██╔════╝██╔═══██╗██╔══██╗██╔══██╗██╔═══██╗██╔══██╗██╔══██╗╚══██╔══╝██╔════╝    ██╔══██╗██╔════╝██╔════╝██╔══██╗██╔═══██╗████╗  ██║██╔════╝██║██╔══██╗██║██║     ██║╚══██╔══╝╚██╗ ██╔╝
██║     ██║   ██║██████╔╝██████╔╝██║   ██║██████╔╝███████║   ██║   █████╗      ██████╔╝█████╗  ███████╗██████╔╝██║   ██║██╔██╗ ██║███████╗██║██████╔╝██║██║     ██║   ██║    ╚████╔╝
██║     ██║   ██║██╔══██╗██╔═══╝ ██║   ██║██╔══██╗██╔══██║   ██║   ██╔══╝      ██╔══██╗██╔══╝  ╚════██║██╔═══╝ ██║   ██║██║╚██╗██║╚════██║██║██╔══██╗██║██║     ██║   ██║     ╚██╔╝
╚██████╗╚██████╔╝██║  ██║██║     ╚██████╔╝██║  ██║██║  ██║   ██║   ███████╗    ██║  ██║███████╗███████║██║     ╚██████╔╝██║ ╚████║███████║██║██████╔╝██║███████╗██║   ██║      ██║
 ╚═════╝ ╚═════╝ ╚═╝  ╚═╝╚═╝      ╚═════╝ ╚═╝  ╚═╝╚═╝  ╚═╝   ╚═╝   ╚══════╝    ╚═╝  ╚═╝╚══════╝╚══════╝╚═╝      ╚═════╝ ╚═╝  ╚═══╝╚══════╝╚═╝╚═════╝ ╚═╝╚══════╝╚═╝   ╚═╝      ╚═╝

************************************************************************************************************************************************************************************/

.page-template-default .main-page-content article,
.congress_highlights-template-default .main-page-content article {
    margin: 3rem 0;
}

.responsibility {
    position: relative;
    overflow: hidden;
}

.responsibility-year {
    position: relative;
    font-family: var(--font-light);
    font-size: 8rem;
    color: var(--color-red);
    z-index: 3;
    background: white;
}

.responsibility-year:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 40%;
    height: 1px;
    background: var(--color-red);
}

.responsibility-year:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 40%;
    background: var(--color-red);
    height: 1px;
}

.laptop .responsibility-text:before {
    position: absolute;
    content: '';
    top: 2%;
    left: 5%;
    transform: translateX(-10%);
    width: 1px;
    background: var(--color-red);
    height: 100%;
    z-index: -1;
}

.page-template-default .main-page-content h4,
.congress_highlights-template-default .main-page-content h4,
.single-article-container h4,
.single-terms h4 {
    font-family: var(--font-bold);
    text-transform: uppercase;
    color: var(--color-red);
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: calc(0.5 * var(--text-rhythm));
    margin-top: calc(0.5 * var(--text-rhythm));
}

.page-template-default .main-page-content p>strong,
.congress_highlights-template-default .main-page-content p>strong {
    font-family: var(--font-bold);
    font-weight: 500;
}

.page-template-default .main-page-content ul li,
.congress_highlights-template-default .main-page-content ul li {
    font-family: var(--font-light);
    font-size: 1.8rem;
    color: black;
}

.title-of-page.inner-menu-added,
.year-counter {
    /* background: var(--color-brown); */
    background: var(--color-white);
}

.year-counter a {
    font-family: var(--font-light);
    color: white;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.year-counter a.active {
    background: #a59d95;
}

.responsibility-text .responsiville-accordion-header {
    text-align: center;
    margin-top: 5rem;
}

.responsibility-text p {
    margin-bottom: 1.5rem;
}

.responsibility-text .button {
    font-family: var(--font-bold);
    background: var(--color-red);
    padding-bottom: 0.5rem;
    border-radius: 0!important;
    text-transform: uppercase;
    font-size: 1.6rem;
}

.responsibility-text .responsiville-accordion-excerpt,
.responsibility-text .responsiville-accordion-content {
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.responsibility-text .responsiville-accordion-excerpt p,
.responsibility-text .responsiville-accordion-content p {
    padding: 0;
}

.responsibility-text .responsiville-accordion-content p:last-child {
    border-bottom: none;
}

.responsibility:nth-of-type(1) {
    margin-top: 3rem;
}