/* LTW (Lilac Template Wind) */

/* CHARSET - КОДИРОВКА */
@charset "windows-1251";



/* IMPORT */
/* import the the colour scheme - импорт цветовой схемы style_cs.1765912390.css */
@import url(style_cs.1765912390.css);
/* import fonts - импорт шрифтов */
@import url('https://fonts.googleapis.com/css2?family=Bellota+Text:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tektur:wght@400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');





/* GLOBAL SETTING - НАСТРОЙКИ*/
* {margin: var(--margAll); padding: var(--paddALL); border: var(--bordAll); font-weight: var(--fonwAll);}
ul li, div#pun-adnav ul .adsubnav li {list-style: var(--lsMenu);} /*маркеры пунктов меню*/
a, div#pun-adnav ul .adsubnav a, .punbb-admin #pun-admain a, div#pun-adnav ul.adsubnav a  {text-decoration: var(--tdecLink);}
strong, legend {font-weight: bold; letter-spacing: 0.5px;}

/* BODY */
body {background: var(--bgBody);}
#pun {font-size: var(--fontsBase); font-family: var(--fontfBase); letter-spacing: var(--fontlsBase); margin: 5rem 0 0 0;}

/*PUNBB*/
.punbb {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
/*scrollbar*/
/*скролл закладок*/
#MyBookmarks ul::-webkit-scrollbar {
  width: 0.5rem;               /* ширина scrollbar */
}
#MyBookmarks ul::-webkit-scrollbar-track {
  background: #ffedfd;        /* цвет дорожки f8edff*/
}
#MyBookmarks ul::-webkit-scrollbar-thumb {
  background-color: #e2c2fb;    /* цвет плашки */
  border-radius: 0.5rem;       /* закругления плашки */
  border: 1px solid #be8ef3;  /* padding вокруг плашки 9660d1*/
}



/* MENUS */
#pun-navlinks h2, #pun-ulinks h2 {display: none;}
#pun-navlinks, #pun-ulinks {position: fixed; left: 0; width: 100%; background: var(--bgMenu); backdrop-filter: blur(1px); justify-content: center; z-index: 102;}
#pun-navlinks ul, #pun-ulinks ul {display: flex; max-width: 70%;}
#pun-navlinks ul, #pun-ulinks ul, #pun-adnav ul {font-family: var(--fontfMenu);}
/*форумное меню*/
#pun-navlinks {top: 0;}
#pun-navlinks ul {text-transform: var(--fontttMenuF); font-size: var(--fontsMenuF); margin: 0 auto; width: max-content;}
#pun-navlinks ul li {border: var(--borderMenuFnap); margin: var(--margMenuFP); padding: var(--paddMenuP); }
#pun-navlinks ul li.isactive {border: var(--borderMenuFap); background-color: var(--bgMenuFap);}
#pun-navlinks a {color: var(--colorLinkMenu);}
#pun-navlinks a:hover {color: var(--colorLinkMenuH);}
#pun-navlinks ul li.isactive a {color: var(--colorLinkMenuAP);}
/*пользовательское меню*/
#pun-ulinks {top: 2rem; z-index: 101;} /*вынести положение меню в переменные*/
#pun-ulinks ul {text-transform: var(--fontttMenuU); font-size: var(--fontsMenuU); border-top: var(--borderMenuU); border-bottom: var(--borderMenuU); margin: 0 auto; width: max-content;}
#pun-ulinks ul li {margin: var(--margMenuUP);}
#pun-ulinks a {color: var(--colorLinkMenu);}
/*административное меню*/
/*#pun-adnav ul {text-transform: var(--ttMenuAdm); font-size: var(--fsizeMAdm);}
div#pun-adnav ul.adsubnav {text-transform: var(--ttMenuAdSub);}*/

/* crumbs*/
#pun-crumbs1 {
    position: fixed;
    top: 3.2rem;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    font-weight: bolder;
    background: var(--bgMenu);
    box-shadow: 2px 2px 5px #83838375;
    z-index: 100;
}
#pun-crumbs2 {display: none;}


/* bottom copyrights*/
#pun-about {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #dbdbdb;
    border-top: 1px solid #b1acac;
    left: 0;
    height: 1.3rem;
    display: flex;
    justify-content: flex-end;
    z-index: 104;
}
#pun-about p.container {padding: 0 5%;}
#pun-about strong {display: inline-flex;}


/*нижняя панель, пагинатор*/
.linksb .pagelink {position: fixed; bottom: 0.2rem; z-index: 105;}

/* закладки */
#pun #BookmCntToggle {
    z-index: 103;
    color: #8936e1;
    background: #ddb0ff;
    height: 3rem;
    width: 2.2rem;
    box-shadow: none;
}
div#MyBookmarks {height: calc(100vh - 1.3rem); background: #fdfdfddb; backdrop-filter: blur(2px); width: 18rem!important;}
#MyBookmarks h2 {text-transform: var(--fontttMenuU); font-size: var(--fontsMenuF); font-family: var(----fontfMenu); font-family: var(--fontfMenu); color: #f5f5f5; background: #835ca7;}
#pun #MyBookmarks .container {height: calc(100vh - 2.8rem)!important; overflow: auto;}
#MyBookmarks .container span {display: none;}
#MyBookmarks .container inner {height: auto; padding-top: 0;}
#MyBookmarks li.BookmarkL {border-bottom: none!important; background: #f8edff; margin: 0.7rem 0;}
#MyBookmarks li>span {
    display: grid !important;
    grid-template-columns: 1fr 2rem;
    grid-auto-rows: min-content;
    justify-items: center;
    border: 1px solid #ac7ada;
    border-radius: 0.5rem;
    box-shadow: 2px 2px 2px #bdb6b696;
    margin: 0.2rem 0!important;
    padding: 0!important;
}
#MyBookmarks li num {width: 90%!important; padding: 0!important; font-weight: 900; align-self: center;}
#MyBookmarks num:before {content: 'закладка #';}
#pun #MyBookmarks li.BookmarkL>span>dd {
    position: static;
    visibility: visible;
    opacity: 1;
    grid-column: 1 / -1;
    grid-row: 2 / 3;
    width: 100%;
    border: none;
    font-size: 0.8rem;
}
#pun #MyBookmarks li.BookmarkL>span:hover>dd {
    margin-left:0;
}
#MyBookmarks li span strong {font-size: 1.5rem!important; padding: 0!important;}
#MyBookmarks li.BookmarkL>span>a {padding: 0 0.2rem!important; grid-column: 1 / -1;}
#pun #MyBookmarks li.BookmarkL>span em {background: transparent; color: #2d2d2d!important; padding: .2em .5em;}
#MyBookmarks li.BookmarkL>span em a {color: #7600bd!important;}
#MyBookmarks span>a {
    border: 1px solid #dbdadb;
    border-radius: 0.5rem;
    background: #835ca7;
    box-shadow: 2px 2px 5px #a4a0a7de;
    width: 80%;
    height: 2rem;
    margin: 0 0 .5rem;
    text-align: center;
    align-content: center;
    color: #fff;
    font-weight: bold;
    display: -webkit-box!important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
}
#MyBookmarks li span:hover {background: #eddefb;}









/* LOGOTYPE */
/*отображение названия форума*/
.title-logo span {
    position: fixed;
    top: 0;
    z-index: 103;
    /*color: var(--colorLogotype);
    text-shadow: 1px 1px 2px #7d0ce5;
    font-family: 'Great Vibes';
    font-size: 3.5rem;*/
    max-width: 20%;
    visibility: hidden; /*при неабходимости убрать/закомментировать*/
}
/*логотип mybb при необходимости убрать/закомментировать*/
.title-logo span:after {
    content: 'mybb';
    visibility: visible;
    position: fixed;
    left: 10rem;
    top: 0;
}


/* КНОПКИ  */ /* #register */
input.button {
    background: transparent;
    font-family: tektur;
    text-transform: uppercase;
    font-size: 1.1rem;
    color: #653ac2;
    font-weight: 600;
    letter-spacing: 1.5px;
    background: #e9d4f9;
    box-shadow: 1px 1px 2px #7d0ce5;
    border-radius: 0.3rem;
    padding: 0.3rem 1rem;
}
p.required {color:red; margin-top: 1rem;}



/* ПОЛЯ ВВОДА */
fieldset input {
    border-bottom: 3px dotted #caa2f0;
    background: transparent;
}
input[type='text'] {height: 2.5rem; font-family: 'Great Vibes'; font-size: 2rem; text-align: center; color: green;}
legend {background: linear-gradient(180deg, rgb(239, 239, 239) 30%, rgb(250, 250, 250)); position: absolute; top: -0.5rem;}
fieldset legend {padding: 0 0.5rem;}


/*НАЗВАНИЯ СТРАНИЦ*/
h1 {color: var(--colorLogotype);
    text-shadow: 1px 1px 2px #7d0ce5;
    font-family: 'Great Vibes';
    font-size: 3.5rem;
    text-align: center;
}
#pun-index .main h1 {display: none;} /*название не выводится на индексной странице*/

/* ПРИВЕТСТВИЕ */
#pun-status h2 {display: none;}
#pun-status {
    width: 12%;
    height: 3.5rem;
    position: fixed;
    right: 5%;
    top: -2px;
    z-index: 102;
    background: #ece0f5;
    /*border-radius: 0 0 1rem 1rem;*/
    border: 2px solid #ab79d9;
    padding: 0.2rem 0.5rem 0.9rem;
    text-align: center;
    font-family: 'Tektur';
    font-size: 0.8rem;
    box-shadow: 1px 1px 3px #0000003b;
}
#pun-status p.container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
#pun-status strong {display: inline-flex;}

/*фонд форума*/
#pun-status .item3 {
    float: right;
    position: fixed;
    left: 4.4rem;
    top: 3.2rem;
    z-index: 105;
}
#pun-status strong {
    margin-left: 1.3rem;
}


/*КАТЕГОРИИ*/
.category {margin: 1.5rem 0; padding: 1rem;}
.isguest .category, .isuser .category {border: 1px solid #fff; /*border-radius: 1rem;*/ width: -webkit-fill-available; background: #ffffffab; box-shadow: 2px 2px 5px #00000078;}
.category h2 {
    text-transform: var(--fontttMenuF);
    font-size: 1.4rem;
    font-weight: 600;
    border-top: var(--borderMenuU);
    border-bottom: var(--borderMenuU);
    border-color: #f2acf5;
    margin: 0 auto;
    padding: 0 1rem;
    width: max-content;
    font-family: 'tektur';
    /*color: #6717b1;*/
    color: var(--colorLogotype);
    text-shadow: 1px 1px 1px #7d0ce5;
    letter-spacing: 2px;
}


/* ПОСТ */
.post {border: 1px solid #fff; /*border-radius: 1rem;*/ width: -webkit-fill-available; background: #ffffffab; box-shadow: 2px 2px 5px #00000078; margin: 1.5rem 0;}

/*  СТРАНИЦА РЕГИСТРАЦИИ   */
.info-box, #register fieldset {border: 1px solid #d2adf9; background: #ffffffab;}
form#register {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 1rem; grid-auto-flow: dense;}
.info-box {grid-row: 1; grid-column: 2 / -2;} /*инфобокс с важной информации*/
p.legend {margin-top: -1rem;
        width: max-content;
        padding: 0 1rem;
}
#register p.legend {background: linear-gradient(180deg, rgb(239, 239, 239) 62%, rgb(250, 250, 250));}
#register p {grid-column: 2 / 4;}
#register fieldset {position: relative;}
#register fieldset:nth-child(4) {grid-column: 4 / -1; text-align: center;}
#register fieldset:nth-child(3), #register fieldset:nth-last-child(3), #register fieldset:nth-last-child(4) {grid-column: 1 / 3;}
#register fieldset:nth-last-child(2) {grid-column: 3 / 5; grid-row: span 3;}
#register p {padding: 0.5rem;}
#register fieldset.radiofield input {margin: 0 0.5rem;}
#register p.checkfield input {margin: 0 0.5rem 0 0;}
#register .fs-box fieldset {border: none;}
#register p.formsubmit {justify-self: center;}
#register fieldset:nth-last-child(4) .fs-box br {display: none;}
legend, p.legend {color: #4813ba; text-transform: uppercase; font-size: 0.8rem;}
fieldset {display: flex; flex-wrap: wrap;}
.fs-box {width: 100%;}
input[name='invite'] {width: 100%;}



/* СТРАНИЦА АВТОРИЗАЦИИ */
form#login {display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    text-align: center;
    border: 1px solid #ffff;
    width: min-content;
    margin: auto;
    padding: 2rem;
    background: rgba(255, 255, 255, 0.67);
    border-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.47) 2px 2px 5px;
}
#pun-login p.formsubmit {gap: 1rem; margin-top: 2rem;}
#pun-login .fs-box, #pun-login p.formsubmit {
    display: flex;
    flex-direction: column;}
#pun-login p:nth-last-child(2) {align-self: center;}
#pun-login p.infofield {width: 80%; margin: 1rem auto 0;}

/* СТРАНИЦА СПИСКА УЧАСТНИКОВ*/
#pun-userlist #pun-main {
    display: grid;
    grid-template-columns: 25% 75%;
    grid-template-rows: auto;
    grid-auto-flow: dense;
}
 h1 {grid-column: span 2;}
.linkst {display: none;}

/*панель поиска*/
#pun-userlist .formal {margin: 1rem 0;}

#pun-userlist form#userlist {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    background: rgba(255, 255, 255, 0.67);
    border-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.47) 2px 2px 5px;
}
#pun-userlist .main p {margin: 1rem auto;}
#pun-userlist h2 {display: none;}
#pun-userlist .fs-box {display: flex; flex-direction: column;}
#pun-userlist p.infofield {
    color: #9f0101;
    background: #fbf0f0ab;
    border: 1px solid;
    padding: 0.5rem;
    text-align: center;
    order: -1;
}
#pun-userlist .fs-box p {margin: 1rem;}
/*user*/
#pun-userlist table {width: 100%;}
#pun-userlist thead {display: none;}
#pun-userlist tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

#pun-userlist .main tr[class^="group"] {
    background: rgba(255, 255, 255, 0.67);
    border-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.47) 2px 2px 5px;
    margin: 1rem;
}
#pun-userlist .main tr[class^="group"]  {
    display: grid;
    grid-template-columns: repeat(6, 3.5rem);
    grid-template-rows: 2fr repeat(4, 1fr);
    padding: 1rem;
    border-radius: 0.5rem;
    font-weight: 600;
    counter-increment: item;
    position: relative;
}
.usertable tbody tr[class^="group"]:before {content: counter(item); font-size: 6rem; z-index: -1; position: absolute; right: 1rem; color: #c770db47; font-family: 'Tektur';}

#pun-userlist .username {grid-column: 1 / 3; grid-row: 1 / 6;}
#pun-userlist .user_title, #pun-userlist .relation, #pun-userlist .num_posts, #pun-userlist .registered, #pun-userlist .last_visit {grid-column: 3 / 7;}
#pun-userlist .username {display: flex; flex-direction: column;}
#pun-userlist .user_title {grid-row: 1; overflow: hidden;}
#pun-userlist .relation {grid-row: 2;}
#pun-userlist .num_posts {grid-row: 3;}
#pun-userlist .registered {grid-row: 4;}
#pun-userlist .last_visit {grid-row: 5;}
#pun-userlist .user_title:before {content: 'статус: ';}
#pun-userlist .relation:before {content: 'уважение: ';}
#pun-userlist .num_posts:before {content: 'сообщений: ';}
#pun-userlist .registered:before {content: 'зарегистрирован: ';}
#pun-userlist .last_visit:before {content: 'был: ';}
#pun-userlist td {color: #2c008b;}
#pun-userlist td:before {color: #212121; font-weight: 300;}
#pun-userlist .username {position: relative;}
#pun-userlist em.user-avatar {
    width: 90% !important;
    height: 90% !important;
    z-index: 1;
}
#pun-userlist span.avatar-image {
    width: 100% !important;
    height: 100% !important;
}
#pun-userlist span.usersname {z-index: 2; position: absolute; bottom: 0; width: 90%; text-align: center; background: #eedcf3;}

#pun-userlist .isonline {
    top: -3% !important;
    right: -5% !important;
    z-index: -1 !important;
    width: 109% !important;
    height: 109% !important;
    background: #d082ff!important;
}
#pun .user-avatar .avatar-image {border: 1px solid #eeb1ff;}

/* USERS FORUM для шаблона не подойдет */

.isadmin .category-5 h2 {color: #a7a700fc; border-color: #a7a700fc; text-shadow: 1px 1px 1px #696c30;}
.ismoderator .category-4 h2 {border-color: #5edf63; color: #11ab00; text-shadow: 1px 1px 1px #025005;}
.isadmin .category-5 {border-color: #a7a700fc; background: #f3f2b03d;}
.ismoderator .category-4 {border-color: green; background: #c6f1c278;}