@mio-forum-listing-mobile: 500px;

.forum__listing {
    &__forums {
        margin: 2px;
    }

    &__none {
        margin: 0 3px;
    }

    &__entry {
        display: flex;
        align-items: stretch;
        min-height: 50px;

        &:not(:last-child) {
            border-bottom: 1px solid #9475b2;
            margin-bottom: 2px;
            padding-bottom: 2px;
        }

        &__icon {
            flex-shrink: 0;
            flex-grow: 0;
            align-self: center;
        }

        &__info {
            flex-grow: 1;
            flex-shrink: 1;
            padding-left: 4px;
            display: inline-flex;
            flex-direction: column;
            justify-content: center;
        }

        &__title {
            font-size: 1.2em;
            line-height: 1.5em;
            color: #306;

            &__link {
                color: inherit;
                text-decoration: none;

                &:hover {
                    text-decoration: underline;
                }
            }
        }

        &__description,
        &__subforums {
            font-size: .8em;
            line-height: 1.3em;
        }

        &__subforum {
            content: inherit;
            text-decoration: none;

            &:hover {
                text-decoration: underline;
            }

            &--unread {
                font-weight: 700;
            }
        }

        &__stats {
            text-align: center;
            justify-content: center;
            min-width: 100px;
            flex-direction: column;

            @media (max-width: @mio-forum-listing-mobile) {
                display: none;
            }
        }

        &__topics {
            font-size: 1.5em;
            color: #222;
        }

        &__posts {
            font-size: .9em;
            color: #555;
        }

        &__activity {
            min-width: 270px;
            min-height: 50px;
            align-items: center;

            @media (max-width: @mio-forum-listing-mobile) {
                display: none;
            }

            &__title {
                line-height: 1.4em;
                margin-bottom: 2px;

                &__link {
                    color: inherit;
                    text-decoration: none;

                    &:hover {
                        text-decoration: underline;
                    }
                }

                &--unread {
                    font-weight: 700;
                }
            }

            &__info {
                font-size: .9em;
                line-height: 1.2em;
            }

            &__user {
                font-weight: 700;
                text-decoration: none;

                &:hover {
                    text-decoration: underline;
                }
            }

            &__avatar {
                display: block;
                text-decoration: none;
                color: inherit;
                width: 44px;
                height: 44px;
                margin-right: 3px;
                flex-grow: 0;
                flex-shrink: 0;
            }

            &__none,
            &__details {
                margin-left: 5px;
                flex-grow: 1;
                flex-shrink: 1;
            }
        }

        &__stats,
        &__activity {
            display: flex;
            flex-shrink: 0;
            flex-grow: 0;
            border-left: 1px solid #9475b2;
        }
    }
}