/*
Forum specific style sheet
*/

body.bbpress article { max-width: unset; }
#content #bbpress-forums li { margin-bottom: 0; margin-left: 0; }
i.forumTypeIcon { color: var(--primary); }
#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta { font-size: var(--fs-fine); line-height: normal; }
.bbp-reply-header a.bbp-reply-permalink { font-size: 14px; }
#bbpress-forums li.bbp-header { background-color: var(--blue); color: #fff; }
#bbpress-forums li.bbp-header li { color: #fff; padding-bottom: 0; }


/*
Forum Menu/Header section
*/
#content ul.forumMenu { background-color: var(--primary); display: flex; width: 100%; justify-content: space-around; margin-bottom: 20px;  }
#content #bbpress-forums .forumMenu li { padding: 0.25em; margin: 0; }
#content .forumMenu li { padding: 0; margin: 0; }
.forumMenu li a { color: #fff; font-size: 110%; display: block; padding: 0.5em; }

/* Mobile Forum Menu */
#mobileForumMenu { display: none; }
#mobileForumMenu .c-accordion__title, #mobileForumMenu .inner-content .c-accordion__title { font-size: var(--fs-normal); padding-top: 15px; padding-bottom: 15px; }


@media (max-width: 900px)
{
    #desktopForumMenu { display: none; }
    #mobileForumMenu { display: block; }
    #content ul.forumMenu { background-color: transparent; flex-wrap: wrap; gap: 1px; }
    #content .forumMenu li { background-color: var(--primary); text-align: center; flex-basis: calc(50% - 1px); flex-grow: 1; }
    body.logged-in #content .forumMenu li { flex-basis: calc(33.3333333333% - 1px); }
}

@media (max-width: 600px)
{
    #content #bbpress-forums li { font-size: 14px; }
}

@media (max-width: 480px)
{
    #content .forumMenu li, body.logged-in #content .forumMenu li { flex-basis: calc(50% - 1px); }
}

@media (max-width: 320px)
{
    #content .forumMenu li, body.logged-in #content .forumMenu li { flex-basis: 100%; }
}