@import url(style_cs.1765200613.css);
@import url('https://fonts.googleapis.com/css2?family=Literata:ital,opsz,wght@0,7..72,200..900;1,7..72,200..900&family=Lora:ital,wght@0,400..700;1,400..700&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&family=Prata&family=Vollkorn:ital,wght@0,400..900;1,400..900&subset=cyrillic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Oranienbaum&display=swap');
@import url('https://use.fontawesome.com/releases/v7.1.0/css/all.css'); 

html { -webkit-text-size-adjust: none; }
html, body { margin: 0; padding: 0; text-align: justify; }
.punbb { width: 100%; height: auto; }
.punbb * { margin: 0 }
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt { padding: 0; list-style: none; }
.punbb img { border: none; }
.punbb .main table { table-layout: fixed; width: 100%; }
.punbb .post { width: 977px; margin-left: -13px; }
.checkfield input[type="checkbox"], .radiofield input[type="radio"] { margin: 0 0.3em; }
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.7em; vertical-align: middle ; }
#pun:after, .punbb .container:after, .punbb .post-links ul:after, .punbb .main div.inline:after, .punbb .post-box:after, { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0; }
.acchide, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks h2, #pun-status h2, #pun-ulinks h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, .punbb .required label em, .punbb .formsubmit label, .punbb .submitfield label, .punbb .modmenu label, #pun-userlist .main h2 { font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden; }
.punbb .category, .punbb .post { margin-top: 0.4em; }
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0; }
#pun-post .topic { margin-top: 1em; }
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, .punbb .container { border: none; }
.title-logo span, .punbb .datafield br { display: none; }
.scrollbox { height: auto; max-height: 13em; overflow-y: auto; }

/* база */

body {
    background-image: var(--crosses-bg); 
    background-color: var(--crosses-bg-color);
    background-position:  bottom;
    background-size: cover;
    background-attachment: fixed; 
    background-repeat: no-repeat;
    font-family: var(--crosses-font-main);
    font-size: 11.5px;
    color: var(--crosses-font-color);
}

#pun {
    background-image: var(--crosses-pun-bg);
    background-color: var(--crosses-pun-bg-color);
    background-size: contain;
    width: 950px;
    padding: 0 50px;
    margin: 60px auto;
}

#pun-title {
    background-image: var(--crosses-pun-title-bg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 536px;
    width: 1050px;
    margin: 0 0 0 -50px;
}

#pun-about {
    background-image: var(--crosses-pun-about-bg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 184px;
    width: 1050px;
    margin: 0 0 0 -50px;
}

.punbb a {
    color: var(--crosses-font-color-dark);
    text-decoration: none;
    transition: color 300ms ease-in;
}

.punbb a:hover {
    color: var(--crosses-font-color-dark-hover);
 }

#topic-users-in a, #onlinelist a {
color: var(--crosses-font-color-dark-hover);
}

#topic-users-in a:hover, #onlinelist a:hover {
 color: var(--crosses-font-color-dark);}


/* подфорумы */
#pun-index {
    text-transform: lowercase;
}

.category table {
    border-collapse: collapse;
}

.category tr:not(:last-child) {
    border-bottom: 1px solid #c3c3c3;
}

.tclcon {
    position: relative;
    text-align: justify;
    padding: 0px 140px 10px 30px;
    font-size: 10px;
}

.tclcon h3,
.tclcon .tcl-subtitle {
    display: inline-flex;
    vertical-align: middle;
    padding-bottom: 5px;
}

.tclcon .tcl-subtitle {
    white-space: nowrap;
    margin-left: 11px;
    position: static; 
    font-size: 11px;
}


.tcl-subtitle {
    font-family: var(--crosses-font-accent);
    font-style: italic;
    margin-top: 3px!important;
}

.tcl-links {
    padding: 15px 0 0 0;
}

.tcl-link {
    background-color: #dfdfdf;
    padding: 5px 11px;
    border-bottom: 1px solid #00000018!important;
    font-family: var(--crosses-font-accent);
}

#pun-index .tcl h3 {
    font-family: var(--crosses-font-accent);
    font-size: 24px;
    font-style: italic;
    font-weight: normal;
}

#pun-index .tcl h3 a {
    color: var(--crosses-font-color);
    transition: color 300ms ease-in;
}

#pun-index .tcl h3 a:hover {
    color: var(--crosses-font-color-dark-hover);
}


#pun-index thead, #pun-index .tc2, #pun-index .tc3, .user-avatar {
    display: none;
}

.lastpost {
    font-size: 10px;
}

/* навигация */
#pun-navlinks .container {
    padding: 0em 1em 0.5em 1em;
    text-align: center;
    font-size: 16px;
    text-transform: lowercase;
}

#pun-navlinks li, #pun-navlinks a {
    display: inline;
    font-family: var(--crosses-font-accent);
    color: var(--crosses-font-color-dark);
    transition: color 300ms ease-in;
}

#pun-navlinks a:hover {
    color: var(--crosses-font-color-dark-hover);
}


#pun-ulinks .container {
    padding: 0 1em 1em 1em;
    text-align: center;
    text-transform: lowercase;
    font-size: 11px;
}

#pun-ulinks li, #pun-ulinks li a {
    display: inline;
    font-family: var(--crosses-font-accent);
    font-style: italic;
    color: var(--crosses-font-color-dark);
    transition: color 300ms ease-in;
}


#pun-ulinks a:hover {
    color: var(--crosses-font-color-dark-hover);
}


#pun-navlinks li:not(:last-child), #pun-ulinks li:not(:last-child) {
    padding: 0 10px 0 0;
}

#pun-crumbs1, #pun-crumbs2 {
    font-family: var(--crosses-font-accent);
    font-style: italic;
    font-size: 16px;
    text-align: center;
    text-transform: lowercase;
    padding: 15px;
}

#pun-crumbs2 {
    margin: 24px 0 0 0;
}

#pun-status, #pun-status .container {
    margin-top: 1em;
    text-transform: lowercase;
    font-size: 10px;
    text-align: center;
}


/* список онлайна */
.punbb .main .tcl.username {
    width: 16%; 
}

.section.online-list {
    padding: 1em 0;
}

/* внутри подфорумов */
#pun-main thead, #pun-main h1 {
    display: none;
}

.tclcon .byuser-username{
    font-family: var(--crosses-font-accent);
    font-size: 10px;
    font-style: italic;
}

.tclcon .byuser-username::before {
    content: '\A by ';
    white-space: pre-line;
}

.tclcon strong {
    gap: 2px;
    display: flex;
    flex-direction: column;
}

#pun-viewforum .linkst, #pun-viewforum .linksb, #pun-userlist .linkst, #pun-userlist .linksb, #profile .linksb, #pun-searchtopics .linkst, #pun-searchtopics .linksb, .show_user_posts .linkst, .show_user_posts .linksb {
    background-color: #e8e8e8;
    border: 1px solid #d3d3d3;
    display: flex;
    justify-content: space-between;
    padding: 6px 8px;
    width: 933px;
    margin: 1em 0;
    text-transform: lowercase;
    align-items: center;
    font-size: 11px;
}

.postlink.long {
    width: auto!important;
}

#topic-users-in {
    text-transform: lowercase;
}


.punbb .modmenu .container {
    text-align: left;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 11px;
}

#pun-viewforum {
    text-transform: lowercase;
}

#pun-viewforum td {
    padding: 0!important;
}

#pun-viewforum .tclcon {
    position: relative;
    text-align: justify;
    display: flex;
    line-height: 8px;
    height: 50px;
    padding: 0 0 0 0;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
}

#pun-main.main.multipage td div.tclcon a {
    color: #3a3a3a;
    font-weight: 500;
    font-size: 12px;
    
}

#pun-main.main.multipage td div.tclcon a:hover {
    color: var(--crosses-font-color-dark-hover); 
    transition: color 300ms ease-in;}

#pun-viewforum .tcr {
    height: 82px;
}

#pun-viewforum .tcr .byuser-username::before {
    content: '\A ';
    white-space: pre-line;
}

/* формы, тэги кода и тд */
pre {
    font-family: var(--crosses-font);
}

.fs-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 0 10px 0;
}

.post-content td {
    border: none!important;
    border-style: none!important;
}

.punbb .post-content .blockcode, .punbb .post-content blockquote {
    width: 100%;
    overflow: hidden;
}

.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 1em;
    padding: 1em 2em;
    background-color: var(--crosses-color-super-light);
    border: 1px solid #c3c3c3;
    border-radius: 0 0 20px 20px;
}

.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding: 0 0 8px 0;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 8px 0;
    border-bottom: 1px solid #c3c3c3;
    font-family: var(--crosses-font-accent);
    font-style: italic;
}

#post-form h2 {
    display: none;
}

.punbb fieldset {
    border: none;
    padding: 0;
}

.punbb fieldset legend {
    display: none;
}

#pun-main #profile fieldset legend {
    display: block;
    padding: 10px 0;
}

.punbb .required label, .punbb .datafield span.input {
    font-family: var(--crosses-font-accent);
    font-size: 12px;
    font-style: italic;
}

input, textarea, p.inputfield.required.longinput label {
    background-color: var(--crosses-color-super-light);
    border: 1px solid #c3c3c3;
    border-radius: 0;
    color: var(--crosses-font-color);
    outline: none!important;
}

input, textarea {
    font-family: var(--crosses-font);
    font-size: 12px;
    outline: none!important;
}

p.inputfield.required.longinput label {
    border-right: none;
    padding: 0 8px;
    height: 17px;
}

p.inputfield.required.longinput {
    display: flex;
    align-items: center;
    height: 20px;
    padding: 0 0 10px 0;
}

p.inputfield.required.longinput input {
    height: 15px;
}

.formsubmit input, .checkfield {
    text-transform: lowercase;
}


/* посты на страницах */
#pun-viewtopic .linkst {
    display: flex;
    justify-content: space-between;
    margin: 1em -13px;
    text-transform: lowercase;
    border-bottom: 1px solid #c3c3c3;
    padding-bottom: 10px;
    width: 977px;
}

#pun-viewtopic .linksb {
    display: grid;
    grid-template-columns: auto auto 1fr auto;
    align-items: center;
    text-transform: lowercase;
    padding: 10px 0 25px;
}

#pun-viewtopic .linksb > :nth-child(3) {
    justify-self: end; 
}

#pun-viewtopic .linksb .postlink {
    margin: 0 8px 0 0!important;
}

#pun-viewtopic .pagelink, #pun-viewtopic .postlink, #pun-viewtopic .subscribelink {
    background-color: #eaeaea;
    border: 1px solid #c3c3c3;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 10.5px;
    font-weight: 400;
}

#pun-viewtopic .sharelink {
     display: none;
}

.punbb .post .container {
    display: grid;
    grid-template-columns: 24% 74%;
    grid-template-rows: auto auto;
    gap: 16px;
}

form#post.container {
    display: flex;
    flex-direction: column;
}

#pun-viewtopic .post-box {
    padding: 45px 0 0 0;
}

#pun-viewtopic .post h3 {
    font-size: 9px;
    text-transform: lowercase;
    font-weight: normal;
    margin: 11px 0px 7px 250px;
    position: absolute;
    display: block;
    color: #5d5d5d;
    width: 724px;
    border-bottom: 1px solid #c3c3c3;
    padding: 0 0 8px 0;
}

#pun-viewtopic .post h3 strong {
    float: right;
    font-size: 11px;
    font-weight: 500;
    font-style: italic;
}

#pun-viewtopic .post h3 strong::before {
    /* content: '';*/
    /* position: absolute; */
    /* top: 24px;*/
    /* left: 370px;*/
    /* width: 540px;*/
    /* height: 1px;*/
    /* background-color: #c3c3c3;*/
   /*  margin: -4px 0 4px 0;*/
}

#pun-viewtopic .post-links, #profile.formal.messages-container .post-links {
    grid-column: 1 / span 2;
    grid-row: 2;
    border-bottom: 1px solid #c3c3c3;
    padding: 0 0 8px 0;
    margin: 0 0 8px 0;
}

/* страница уведомлений */
#profilenav ul:has(.profile-item-notifications)  {
    font-size: 10px;
}

/* список пользователей */
#pun-userlist .main .tcl {
    width: 16%
  }

#pun-userlist .main .tc2 {
    text-align: left;
    width: 20%;
}

#pun-userlist .fs-box.inline, #punbbsearch .fs-box.inline {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto;
}

#pun-userlist .infofield, #punbbsearch .infofield {
    grid-column: 1 / span 4;
    grid-row: 2;
    padding: 1em 0;
}

.show_user_posts h3 {
    text-align: right;
    padding: 1em 0;
    font-size: 10px;
    font-style: italic;
}

.show_user_posts h3 strong::after {
    content: ', ';
}

.show_user_posts .post-author ul {
    text-align: center!important;
}

/* страница сообщений */
#profilenav {
    display: flex;
    background-color: var(--crosses-color-light);
    border: 1px solid #cbcbcb;
    justify-content: space-between;
    margin: 1em 0 0 0!important;
    text-transform: lowercase;
    font-size: 11px;
}

#profilenav ul {
    display: flex;
    gap: 8px;
    padding: 1em;
}

#profilenav h2, #messages fieldset legend {
    display: none!important;
}

#messages .tclcon {
    height: 30px;
    align-content: center;
}

#profile.formal.messages-container fieldset legend {
    font-family: var(--crosses-font-accent);
    text-align: center;
    font-style: italic;
    font-size: 16px;
    font-weight: 300;
    padding: 1em 0 0 0;
}

#profile.formal.messages-container h3 {
    font-weight: normal;
    text-transform: lowercase;
    text-align: right;
    font-size: 10px;
    font-style: italic;
    padding: 0 0 1em 0;
}

#profile.formal.messages-container .pa-title, #profile.formal.messages-container .pa-reg, #profile.formal.messages-container .pa-posts {
    display: none;
}

#profile.formal.messages-container .pa-author {
    text-align: center;
}

/* страница профиля */
#viewprofile-next {
    display: flex;
    padding: 1em 0;
    gap: 1em;
    text-transform: lowercase;
}

#viewprofile-next #profilenav ul {
    display: flex;
    gap: 8px;
    padding: 1em;
    flex-direction: column;
}

#profile-left {
    text-align: center;
}

#profile-left #profile-name {
    font-family: var(--crosses-font-accent);
    font-size: 16px;
    font-style: italic;
}

#profile .clearer {
    display: none;
}

#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  }

#viewprofile li span {
    float: left;
    width: 14em;
    margin-left: -16em;
    padding: 0.5em 1em;
    font-weight: bold;
}

#setmods dt {
    float: left;
    width: 14em;
    margin-left: -16em;
    padding: 0.8em 1em;
    font-weight: bold;
    display: inline;
  }

#viewprofile li strong, #viewprofile li div, #setmods dd {
    display: block;
    padding: 0.5em 1em;
    font-weight: normal;
 }

/* основная разметка */
.punbb .post-content {
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
    text-align: justify;
}


.punbb .post-content p {
    margin: 0;
    padding: 0 0 1em 0;
    line-height: 150%;
}

.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
    text-align: center;
    width: 10%;
    font-size: 11px;
}

.punbb .main .tcr {
    overflow: hidden;
    text-align: left;
    width: 25%;
}

.punbb td.tcr > a {
    font-size: 13px;
    font-weight: 500;
    font-family: 'Noto Serif Display';
    font-style: italic;
}

#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
    width: 40%
}

#pun-searchtopics .main .tc2 {
    text-align: left;
    width: 20%;
}

.punbb td span.youposted {
    font-weight: bold;
    margin-left: -1em;
    position: absolute;
}

.punbb td .modlist {
    display: block;
    padding-top: 0.3em
}

.punbb .main td {
    padding: 13px 0;
border-style: none!important;
}

.punbb .main th {
    padding: 0.4em 1em 0.4em 1em;
}

/* форма ответа */
#tags {
    position: relative;
}

#tags .container {
    background-color: #f4f4f4!important;
    position: absolute!important;
    right: 6px!important;
    top: 12px!important;
    z-index: 2!important;
    padding: 1em!important;
    border: 1px solid #c3c3c3!important;
}

#plng {
    width: 36px !important;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
    line-height: 22px !important;
    font-size: 8px;
    font-weight: 700;
}

#button-sticker::before {
    font-family: 'Font Awesome 7 Free'; 
    content: '\f54c'; 
    padding: 5px 4px; 
    font-weight: 900; 
    margin-top: 5px !important; 
    display: inline-block; 
    position: relative;
}

/*скрыть улучшить аккаунт*/
 #pun-status .item4.status-right{
  display:none;
}


.punbb .post-content img.postimg {
    margin: 0!important;
   vertical-align: middle;
}