.forum {
    padding: var(--sp-0) !important
}

.forum:not(li),.forum-content {
    margin: 100px var(--sp-0);
    list-style: none
}

.forum-content:first-child {
    margin-top: var(--sp-0)
}

.forum:first-child {
    margin-top: var(--sp-0)
}

.forum:last-child {
    margin-bottom: var(--sp-0)
}

.forum li {
    display: block
}

.forum li h2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 42px var(--sp-7)
}

.forum-global-desc,.forum-desc {
    display: block;
    font-size: 14px;
    color: var(--light-color);
    font-weight: 500;
    width: 75%;
    padding-top: var(--sp-1)
}

.forum li h2 a i {
    padding-right: var(--sp-2)
}

.forum li h2 .expand,.expand2 {
    font-size: 22px;
    position: relative
}

.expand2 {
    font-size: 16px
}

.forum li h2 .expand:hover .custom-tooltip,.expand2:hover .custom-tooltip {
    opacity: 1;
    z-index: 2
}

.forum li h2 .expand:hover {
    cursor: pointer
}

li.forum-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #090c0c url(/images/cszjarani/forum_row.png);
    background-size: 100% 110%;
    padding: var(--sp-4) var(--sp-7)
}

li.forum-item:last-child {
    padding-bottom: 42px;
    border-radius: var(--border-radius)
}

.forum-content {
    padding: var(--sp-0);
    margin: var(--sp-0)
}

.forum-main h4 {
    font-size: 16px;
    font-weight: 700;
    padding: var(--sp-0) var(--sp-0) var(--sp-2) var(--sp-0);
    margin: var(--sp-0)
}

.subforum-content {
    flex: 1 0 93%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 42px var(--sp-4)
}

.subforum-content .forum-main {
    flex: 0 0 50%
}

.forum-icon {
    flex: 0 0 7%
}

.forum-icon span {
    display: block;
    background: url(../../../../images/cszjarani/forum_icons.png) no-repeat;
    width: var(--sp-8);
    height: var(--sp-8)
}

.forum-stats {
    text-align: center
}

.forum-stats ul {
    margin: var(--sp-0);
    padding: var(--sp-0);
    list-style: none
}

.forum-stats ul li {
    display: inline-block;
    margin-right: var(--sp-4)
}

.forum-stats ul li:last-child {
    margin-right: var(--sp-0);
    text-align: right
}

.forum-stats ul li h3,.forum-stats ul li p {
    margin: var(--sp-0);
    padding: var(--sp-0)
}

.forum-stats ul li h3 {
    font-size: 14px;
    font-weight: 500
}

.forum-last-poster {
    flex: 0 0 20%;
    line-height: 1.4;
    display: flex;
    align-items: center
}

.forum-last-poster .avatarep_fd.avatarep_forumdisplay {
    margin-right: var(--sp-3)
}

.forum-last-poster .avatarep_fd.avatarep_forumdisplay img {
    width: 45px;
    height: 45px;
    border-radius: var(--border-radius-2)
}

.forum-last-poster p {
    margin: var(--sp-0);
    padding: var(--sp-0)
}

.avatarep_fd.avatarep_forumindex {
    display: inline-block
}

.avatarep_fd.avatarep_forumindex {
    width: 50px;
/*     height: 50px */
}

.last-poster-content>a {
    font-size: 16px;
    font-weight: 700;
}

.last-poster-content p:last-child {
    color: var(--light-color)
}

.forum-never {
    text-align: center
}

.unapproved {
    color: #f54242
}

.forum-subforums {
    margin: var(--sp-3) var(--sp-0) var(--sp-0) var(--sp-0);
    padding: var(--sp-0);
    list-style: none
}

.forum-subforums li {
    float: left;
    width: calc(100% / 2 - 5px);
    font-weight: 500;
    margin-top: 5px;
}

.subforum-status {
    display: inline-block;
    background-color: #131313;
    width: var(--sp-2);
    height: var(--sp-2);
    border-radius: var(--border-radius-2);
    margin-right: var(--sp-2)
}

.subforum-status.subforum-status_minion {
    background-color: #29cc94
}

.subforum-status ~ a {
    font-weight: 500;
    color: var(--light-color);
}

.subforum-status ~ a:hover {
    color: var(--link-clr);
}

.subforum-status.subforum-status_minion ~ a {
    font-weight: 700
}

@media screen and (max-width: 1080px) {

    .forum-box {
        display: block;
        width: 100%;
    }

    .sidebar-box {
        display: block;
        overflow: visible;
        padding-left: var(--sp-0);
        margin-top: var(--sp-9);
    }

    li.forum-item {
        flex-wrap:wrap;
        padding: var(--sp-3)
    }

    .forum-icon {
        display: none
    }

    .forum-subforums li {
        float: unset;
        width: 100%
    }

    .subforum-content {
        flex: var(--sp-0) var(--sp-0) 100%;
        padding: var(--sp-4);
        padding-right: var(--sp-0)
    }

    .subforum-content .forum-main {
        flex: var(--sp-0) var(--sp-0) 73%
    }

    li.forum-item:first-child .subforum-content {
        padding-right: var(--sp-0)
    }

    li.forum-item:nth-child(even) .subforum-content {
        background-color: transparent
    }

    li.forum-item .forum-global-desc,.forum-desc {
        width: 100%
    }

    li.forum-item .forum-desc img {
        height: 100%;
        width: 100%
    }

    .forum-last-poster {
        display: none;
    }

    .forum-last-poster .avatarep_fd.avatarep_forumindex {
        width: var(--sp-8);
        height: var(--sp-8);
        position: absolute;
        right: var(--sp-0)
    }

    .last-poster-content>a {
        font-size: 26px
    }

    li.forum-item .hide-desktop {
        padding-left: var(--sp-5);
        margin-top: var(--sp-4);
        flex: 1 var(--sp-0) 60%
    }

    .avatarep_fd.avatarep_forumindex {
        margin-right: var(--sp-0)
    }

    .forum-stats {
        display: none
    }

    .last-poster-content.hide-desktop .avatarep_fd.avatarep_forumindex {
        position: relative;
        top: var(--sp-5)
    }
}

.forum-desc2 {
    font-size: 12px;
    color: var(--light-color);
    font-weight: 500;
    width: 100%;
    padding-top: var(--sp-1)
}

.avatarep_fd.avatarep_forumdisplay {
    display: inline-block
}

.avatarep_forumdisplay {
    width: 50px;
    height: 50px;
}

.box {
    background: #090f0f url(/images/cszjarani/forum.png) left top no-repeat;
    box-shadow: none;
    position: relative;
    transition: all 0.4s ease 0s;
    border-radius: var(--border-radius);
    border-top-left-radius: 0px;
}

.box:after {
    content: "";
    background: url(/images/cszjarani/forum_light.png) left top no-repeat;
    display: block;
    width: calc(100% + 115px);
    height: calc(100% + 142px);
    position: absolute;
    left: -114px;
    top: -142px;
    z-index: -1;
    pointer-events: none;
}

.box h2, .box h3 {
    font-size: 15px;
    font-weight: 900;
    margin: var(--sp-0);
    padding: var(--sp-4) var(--sp-0);
}

@media (min-width: 1080px) {
.hide-desktop, .show-tablet {
    display: none !important;
    }
}

.posts_av_stats {
    background: var(--gradient-color);
    border-radius: 30px;
    width: 100%;
    height: 55px;
    padding: var(--sp-0) 4px var(--sp-0) 15px;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    line-height: 55px;
    position: relative;
    display: flex;
    align-items: center;
    min-width: 150px;
}

.posts_av_stats span {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    flex: 2;
}

.hide_if_not_mobile {
    display: none;
}

.custom-tooltip {
    background-color: #0d0f1d;
    display: block;
    border-radius: var(--border-radius);
    padding: var(--sp-2) var(--sp-4);
    min-width: 200px;
    max-width: 320px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    top: -41px;
    opacity: 0;
    transition: 0.2s ease;
    left: calc( 50% - 0.2rem );
    transform: translate(-50%,var(--sp-0));
    z-index: -1;
}

.serwer_banner {
    width: 330px;
    height: 150px;
    background: url(/images/cszjarani/banner_serwerowy.png) center top no-repeat;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.serwer_banner_text {
    padding: 5px var(--sp-0) var(--sp-0) 160px;
}

.serwer_banner_text_header {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

.serwer_banner_text_description {
    font-weight: lighter;
    color: #fff;
    font-size: 12px;
}

.serwer_admins {
    margin-top: 10px;
}

.servstyle {
    border-radius: 20px;
    background: #212121;
    padding: 0.1em 0.8em;
    font-size: 14px;
}