/**
 * specified classes to provide some functionality
 */

/**
 * .mobile-expander
 */
.mobile-expander{}
.expander-title{
    font-family: var(--fntfamily-title);
    font-weight: 600;
    font-size: 1.125em;
    display: flex;
    justify-content: space-between;
    cursor:pointer;
    word-break: break-word;
}
.expander-title:after {
    content:'\e816';
    font-family: 'fontello';
    color:var(--color-underemphasize);
}


.mobile-expander.__open .expander-title:after {
    transform: rotate(180deg);
}

@media (max-width: 768px) {
    .expander__active .expander-title + * {
        display: none;
    }
    .open-default .expander-title + * {
        display: block;
    }
}