.simplepress-container {
    max-width: var(--page-width);
    width: var(--page-width);
    margin: 0 auto;
    font-family: var(--font-text);
    box-sizing: border-box !important;
}

.sp-avatar {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
}

.sp-avatar__initials {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    font-weight: 700;
    line-height: 1;
    user-select: none;
    border-radius: 50%;
}

.sp-avatar img {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.sp-avatar__status {
    position: absolute;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    background: var(--color-offline);
    border-style: solid;
    border-radius: 50%;
}

.sp-avatar__status.is-online {
    background: var(--color-online);
}

@media (max-width: 1044px) {
    .simplepress-container {
        max-width: 100%;
        width: 90%;
        margin: 0 5%;
    }
}

/* group */
.simplepress-group {
    font-size: 15px;
    margin-bottom: 40px;
}

.simplepress-group__content {
    padding: 20px 0;
    box-shadow: none;
}

.simplepress-group__title {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0;
    line-height: 1.3;
    color: var(--color-dark-text);
    font-family: var(--font-heading);
}

.simplepress-group__description {
    color: var(--color-gray-3);
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}

/* forum */
.simplepress-forum-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
}

@media (max-width: 800px) {
    .simplepress-forum-item {
        flex-direction: column;
    }
}

.simplepress-forum-item__content {
    flex-grow: 1;
}

.simplepress-forum-item__title {
    font-size: 20px;
    font-weight: 700;
    margin: 0px 0;
    line-height: 1.3;
    color: var(--color-dark-text);
    font-family: var(--font-heading);
    padding-left: 8px;
    border-left: solid var(--color-accent-2) 3px;
}

.simplepress-forum-item__title a {
    color: var(--color-dark-text);
    text-decoration: none;
}

.simplepress-forum-item__description {
    color: var(--color-gray-3);
    padding-left: 11px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}

.simplepress-inline-stats {
    display: flex;
    flex-shrink: 0;
    min-width: 150px;
    text-align: left;
    text-transform: uppercase;
    line-height: 160%;
    font-weight: 700;
    padding: 10px 0;
}
.simplepress-inline-stats__topics {
    padding: 10px;
    border-right: solid var(--color-gray-2) 1px;
}

.simplepress-inline-stats__topics-number {
    font-size: 20px;
    color: var(--color-dark-text);
}
.simplepress-inline-stats__topics-label {
    font-size: 14px;
    color: var(--color-gray-3);
}
/* .simplepress-inline-stats__posts {
    padding: 10px;
} */
.simplepress-inline-stats__posts-number {
    font-size: 20px;
    color: var(--color-dark-text);
}
.simplepress-inline-stats__posts-label {
    font-size: 14px;
    color: var(--color-gray-3);
}


/* ############# Old #######################*/
.simplepress-list-item-forum .simplepress-user-inline > div {
    display: inline-block;
    vertical-align: text-top;
}

.simplepress-list-item-forum .simplepress-user-inline a {
    text-decoration: none;
    color: var(--color-accent-1);
}

/* list-header-topics */
.simplepress-list-header-topics {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    text-transform: uppercase;
    color: var(--color-gray-3);
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 6px;
    border-bottom: solid var(--color-gray-2) 1px;
}

@media (max-width: 800px) {
    .simplepress-list-header-topics {
        display: none;
    }
}

.simplepress-list-header-topics .simplepress-list-header-topics-col-1 {
    flex-basis: 62%;
}

.simplepress-list-header-topics .simplepress-list-header-topics-col-2 {
    flex-basis: 18%;
    min-width: 180px;
    display: flex;
}

.simplepress-list-header-topics .simplepress-list-header-topics-col-2 > div:first-of-type {
    margin-right: 30px;
}

.simplepress-list-header-topics .simplepress-list-header-topics-col-3 {
    flex-basis: 20%;
    min-width: 230px;
}

/* list-item-topic */
.simplepress-list-item-topic {
    display: flex;
    align-items: stretch;
    border-bottom: solid var(--color-gray-2) 1px;
    font-size: 15px;
    padding: 10px;
}

@media (max-width: 800px) {
    .simplepress-list-item-topic {
        flex-direction: column;
    }
}

.simplepress-list-item-topic:last-child {
    border: none;
}

.simplepress-list-item-topic .simplepress-topic-col-1 {
    flex-basis: 62%;
}

.simplepress-list-item-topic .simplepress-topic-col-2 {
    flex-basis: 18%;
    min-width: 200px;
    display: flex;
    align-items: center;
}

.simplepress-list-item-topic .simplepress-topic-col-3 {
    flex-basis: 20%;
    min-width: 220px;
}

.simplepress-list-item-topic > * {
    margin: 10px 0;
}

.simplepress-list-item-topic h3 {
    font-size: 18px;
    margin: 0 0;
    line-height: 1.2;
    font-family: var(--font-heading);
}

.simplepress-list-item-topic h3 a {
    color: inherit;
    text-decoration: none;
}

.simplepress-list-item-topic .simplepress-muted {
    color: var(--color-gray-3);
}

.simplepress-list-item-topic .simplepress-user-inline > div {
    display: inline-block;
    vertical-align: middle;
}

.simplepress-list-item-topic .simplepress-user-inline a {
    text-decoration: none;
    color: var(--color-accent-1);
}

.simplepress-list-item-topic .simplepress-compact {
    line-height: 1.6;
    margin-top: 4px;
}

/* list-item-post */
.simplepress-list-item-post {
    display: flex;
    align-items: stretch;
    border-bottom: solid var(--color-gray-2) 1px;
    font-size: 15px;
    padding: 30px 0;
}

@media (max-width: 800px) {
    .simplepress-list-item-post {
        flex-direction: column;
    }

    .simplepress-list-item-post .simplepress-post-col-2 {
        border-left: none;
        padding-left: 0;
    }
}

.simplepress-list-item-post > div {
    margin: 10px;
    flex: 1;
}

.simplepress-list-item-post.simplepress-index-1 {
    background-color: var(--color-gray-1);
    border-radius: var(--radius);
    border-bottom: none;
}

.simplepress-list-item-post .simplepress-post-col-1 {
    flex-basis: 17%;
}

.simplepress-list-item-post .simplepress-post-col-2 {
    flex-basis: 75%;
    border-left: solid var(--color-gray-2) 1px;
    padding-left: 30px;
}

@media (max-width: 800px) {
    .simplepress-list-item-post .simplepress-post-col-2 {
        border-left: none;
        padding-left: 0;
    }
}

.simplepress-list-item-post .simplepress-post-col-3 {
    flex-basis: 8%;
    padding-right: 0;
    position: relative;
}

.simplepress-list-item-post .simplepress-post-col-3 .simplepressToolsButton {
    visibility: hidden;
}
.simplepress-list-item-post .simplepress-post-col-3 .simplepressToolsButton:after {
    content: '*';
    display: block;
    visibility: visible;
    pointer-events: all;
    position: absolute;
    top: 0;
    right: 0;
    margin: 10px;
    height: 24px;
    width: 24px;
    background-color: var(--color-accent-1);
    -webkit-mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cg clip-path='url(%23clip0_62_9822)'%3e%3cpath d='M11 12C11 12.2652 11.1054 12.5196 11.2929 12.7071C11.4804 12.8946 11.7348 13 12 13C12.2652 13 12.5196 12.8946 12.7071 12.7071C12.8946 12.5196 13 12.2652 13 12C13 11.7348 12.8946 11.4804 12.7071 11.2929C12.5196 11.1054 12.2652 11 12 11C11.7348 11 11.4804 11.1054 11.2929 11.2929C11.1054 11.4804 11 11.7348 11 12Z' stroke='%23222223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M11 19C11 19.2652 11.1054 19.5196 11.2929 19.7071C11.4804 19.8946 11.7348 20 12 20C12.2652 20 12.5196 19.8946 12.7071 19.7071C12.8946 19.5196 13 19.2652 13 19C13 18.7348 12.8946 18.4804 12.7071 18.2929C12.5196 18.1054 12.2652 18 12 18C11.7348 18 11.4804 18.1054 11.2929 18.2929C11.1054 18.4804 11 18.7348 11 19Z' stroke='%23222223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M11 5C11 5.26522 11.1054 5.51957 11.2929 5.70711C11.4804 5.89464 11.7348 6 12 6C12.2652 6 12.5196 5.89464 12.7071 5.70711C12.8946 5.51957 13 5.26522 13 5C13 4.73478 12.8946 4.48043 12.7071 4.29289C12.5196 4.10536 12.2652 4 12 4C11.7348 4 11.4804 4.10536 11.2929 4.29289C11.1054 4.48043 11 4.73478 11 5Z' stroke='%23222223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_62_9822'%3e%3crect width='24' height='24' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cg clip-path='url(%23clip0_62_9822)'%3e%3cpath d='M11 12C11 12.2652 11.1054 12.5196 11.2929 12.7071C11.4804 12.8946 11.7348 13 12 13C12.2652 13 12.5196 12.8946 12.7071 12.7071C12.8946 12.5196 13 12.2652 13 12C13 11.7348 12.8946 11.4804 12.7071 11.2929C12.5196 11.1054 12.2652 11 12 11C11.7348 11 11.4804 11.1054 11.2929 11.2929C11.1054 11.4804 11 11.7348 11 12Z' stroke='%23222223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M11 19C11 19.2652 11.1054 19.5196 11.2929 19.7071C11.4804 19.8946 11.7348 20 12 20C12.2652 20 12.5196 19.8946 12.7071 19.7071C12.8946 19.5196 13 19.2652 13 19C13 18.7348 12.8946 18.4804 12.7071 18.2929C12.5196 18.1054 12.2652 18 12 18C11.7348 18 11.4804 18.1054 11.2929 18.2929C11.1054 18.4804 11 18.7348 11 19Z' stroke='%23222223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M11 5C11 5.26522 11.1054 5.51957 11.2929 5.70711C11.4804 5.89464 11.7348 6 12 6C12.2652 6 12.5196 5.89464 12.7071 5.70711C12.8946 5.51957 13 5.26522 13 5C13 4.73478 12.8946 4.48043 12.7071 4.29289C12.5196 4.10536 12.2652 4 12 4C11.7348 4 11.4804 4.10536 11.2929 4.29289C11.1054 4.48043 11 4.73478 11 5Z' stroke='%23222223' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_62_9822'%3e%3crect width='24' height='24' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    cursor: pointer;
}

.simplepress-list-item-post .simplepress-post-profile {
    text-align: center;
}

.simplepress-list-item-post .simplepress-display-name {
    margin-top: 10px;
}

.simplepress-list-item-post .simplepress-display-name a {
    margin-top: 10px;
    font-weight: 700;
    text-decoration: none;
}
.simplepress-list-item-post .simplepress-display-name a:hover {
    color: var(--color-accent-1);
}

.simplepress-list-item-post .simplepress-usergroups {
    justify-content: center;
}

.simplepress-list-item-post .simplepress-post-content {
    font-size: 16px;
    position: relative;
}

.simplepress-list-item-post .simplepress-post-content pre {
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    background: var(--color-gray-1);
    color: var(--color-dark-text);
    font-family: var(--font-mono);
    white-space: pre-wrap;
}

/* Profile page */
.simplepress-profile-content {
    display: flex;
    align-items: stretch;
    flex-direction: row;
}

@media (max-width: 800px) {
    .simplepress-profile-content {
        flex-direction: column;
    }
}

.simplepress-profile-content .simplepress-profile-member-info {
    flex-basis: 30%;
    min-width: 330px;
    background: var(--color-gray-1);
    min-height: 100vh;
    padding: 30px 30px;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    color: var(--color-gray-4);
}
@media (max-width: 800px) {
    .simplepress-profile-content .simplepress-profile-member-info {
        min-height: 0;
    }
}

.simplepress-profile-content .simplepress-profile-member-info h2 {
    font-family: var(--font-heading);
    font-size: 24px;
    font-weight: 700;
    margin: 10px 0 0 0;
    color: var(--color-dark-text);
}

.simplepress-profile-content .simplepress-profile-member-info h3 {
    font-family: var(--font-heading);
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    line-height: 1.6;
    color: var(--color-dark-text);
    text-transform: uppercase;
}

.simplepress-profile-content p {
    margin: 0 0 10px 0;
}

.simplepress-profile-content .simplepress-profile-location {
    font-size: 16px;
    font-weight: 700;
    vertical-align: middle;
}
.simplepress-profile-content .simplepress-profile-location .simplepress-icon {
    margin: 0 4px 4px 0
}

.simplepress-profile-content .simplepress-profile-member-activity {
    flex-basis: 70%;
    margin-left: 30px
}

.simplepress-profile-content .simplepress-profile-block {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid var(--color-gray-2) 1px;
}

/* breadcrumbs */
.simplepress-breadcrumbs {
    font-size: 14px;
    color: var(--color-gray-3);
    margin-bottom: 8px;
}

.simplepress-breadcrumbs a {
    text-decoration: none;
    color: var(--color-gray-3);
}

.simplepress-breadcrumbs a:hover {
    color: var(--color-dark-text);
}

.simplepress-breadcrumbs__sep {
    margin: 0 6px;
}

/* forum-heading */
.simplepress-forum-heading h1 {
    font-family: var(--font-heading);
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 12px 0;
    color: var(--color-dark-text);
}

/* forum started-by line */
.simplepress-forum-started {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
}

.simplepress-forum-started .simplepress-forum-item__avatar {
    display: inline-flex;
}

/* toolbar: pagination + new-topic button on same row */
.simplepress-forum-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
}

.simplepress-forum-toolbar .simplepress-pagination {
    margin: 0;
}

.simplepress-forum-toolbar__actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.simplepress-mark-read-form {
    display: inline-flex;
}

.simplepress-mark-read-form .sp-btn {
    gap: 6px;
}


.simplepress-usergroups {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin: 10px 0;
}

.simplepress-usergroup-badge {
    display: inline-block;
    line-height: 1.5;
    border-radius: var(--radius);
    padding: 6px 10px;
    background-color: var(--color-badge-1);
    color: var(--color-white);
    font-family: var(--font-heading);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.simplepress-top-button-row {
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
}

@media (max-width: 800px) {
    .simplepress-top-button-row {
        flex-direction: column;
    }

    .simplepress-top-button-row .simplepressButton {
        display: block;
        margin-top: 20px;
        text-align: center;
    }
}

.simplepress-bottom-button-row {
    display: flex;
    justify-content: space-between;
    border-top: solid var(--color-gray-3) 2px;
    padding-top: 30px;
}

@media (max-width: 800px) {
    .simplepress-bottom-button-row {
        flex-direction: column;
    }

    .simplepress-bottom-button-row .simplepressButton {
        display: block;
        margin-top: 20px;
        text-align: center;
    }
}

/* ----------------------------------------------------------------
   Who's Online block
   ---------------------------------------------------------------- */

.simplepress-whos-online {
    margin-top: 24px;
    padding: 16px 20px;
    background: var(--color-gray-1);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-gray-2);
}

.simplepress-whos-online__heading {
    font-family: var(--font-heading);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-dark-text);
    margin: 0 0 12px 0;
}

.simplepress-whos-online__count {
    font-weight: 400;
    color: var(--color-gray-3);
}

.simplepress-whos-online__list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.simplepress-whos-online__user {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: var(--color-dark-text);
    font-size: 13px;
    transition: color 0.15s;
}

.simplepress-whos-online__user:hover {
    color: var(--color-accent-1);
}

.simplepress-whos-online__user img {
    border-radius: 50%;
    display: block;
}

.simplepress-whos-online__name {
    white-space: nowrap;
}

.simplepress-whos-online__empty {
    margin: 0;
    font-size: 13px;
    color: var(--color-gray-3);
}

/* Maintenance page */
.simplepress-maintenance {
    text-align: center;
    padding: 80px 20px;
}

.simplepress-maintenance__icon {
    color: var(--color-gray-3);
    margin-bottom: 20px;
}

.simplepress-maintenance__heading {
    font-family: var(--font-heading);
    font-size: 24px;
    font-weight: 700;
    color: var(--color-dark-text);
    margin: 0 0 12px 0;
}

.simplepress-maintenance__message {
    font-size: 16px;
    line-height: 1.6;
    color: var(--color-gray-4);
    max-width: 500px;
    margin: 0 auto 24px;
}

.simplepress-maintenance__back a {
    color: var(--color-accent-1);
    text-decoration: none;
    font-weight: 600;
}

.simplepress-maintenance__back a:hover {
    text-decoration: underline;
}