/*****************************************************************
    WOLVES OF SNOW FOREST
    STRUCTURE STYLE.CSS
*****************************************************************/


/* ------------------------------
   ÎÁÙÅÅ
------------------------------ */

html, body {
    margin: 0;
    padding: 0;
}

.punbb {
    overflow-x: hidden;
}


/* ------------------------------
   ÎÑÍÎÂÍÎÉ ÊÎÍÒÅÉÍÅÐ
------------------------------ */

#pun-index .main,
#pun-viewforum .main,
#pun-viewtopic .main,
#pun-profile .main {
    width: 1280px;
    margin: auto;
}


/* ------------------------------
   ÂÅÐÕÍÅÅ ÌÅÍÞ
------------------------------ */

#pun-navlinks {
    position: sticky;
    top: 0;
    z-index: 999;

    height: 65px;

    backdrop-filter: blur(10px);
}

#pun-navlinks .container {
    height: 65px;

    display: flex;
    align-items: center;
    justify-content: center;
}

#pun-navlinks ul {
    display: flex;
    gap: 35px;
}

#pun-navlinks li {
    list-style: none;
}

#pun-navlinks a {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11px;
}


/* ------------------------------
   ØÀÏÊÀ
------------------------------ */

#pun-title {
    position: relative;

    height: 540px;

    overflow: hidden;
}

#pun-title h1 {
    display: none;
}

/* ëîãîòèï */
#pun-title:before {

    content: "WOLVES\A OF\A SNOW FOREST";

    white-space: pre;

    position: absolute;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    text-align: center;

    font-size: 70px;
    line-height: 95%;

    letter-spacing: 4px;

    z-index: 5;
}


/* ------------------------------
   ÊÀÒÅÃÎÐÈÈ
------------------------------ */

.category,
.main-head {

    border-radius: 20px;

    overflow: hidden;

    margin-top: 30px;

    backdrop-filter: blur(8px);
}

.main-head h2 {
    padding: 20px 30px;

    text-transform: uppercase;
    letter-spacing: 3px;

    font-size: 14px;
    font-weight: normal;
}


/* ------------------------------
   ÒÀÁËÈÖÛ ÔÎÐÓÌÀ
------------------------------ */

.forumtable {
    border-collapse: separate;
    border-spacing: 0 10px;
}

/* óáðàòü ëèøíèå êîëîíêè */
.tc2,
.tc3,
.icon {
    display: none !important;
}

/* ñòðîêè */
.forumtable tr {
    transition: .35s;
}

/* ÿ÷åéêè */
.forumtable td {
    padding: 22px !important;

    border: none !important;
}

/* ëåâàÿ êîëîíêà */
.tcl {
    width: 78%;
}

/* ïîñëåäíèé îòâåò */
.tcr {
    width: 22%;

    text-align: right;

    font-size: 11px;
    line-height: 170%;
}

/* çàãîëîâêè */
.tcl h3 {
    font-size: 18px;

    text-transform: uppercase;
    letter-spacing: 2px;

    margin-bottom: 6px;
}

/* îïèñàíèå */
.foruminfo {
    font-size: 12px;
    line-height: 170%;
}


/* ------------------------------
   ÒÅÌÛ
------------------------------ */

.topictitle {
    font-size: 15px;
    letter-spacing: 1px;
}


/* ------------------------------
   ÏÎÑÒÛ
------------------------------ */

.post {

    border-radius: 24px;

    overflow: hidden;

    margin-bottom: 30px;
}

/* ïðîôèëü */
.post-author {

    width: 240px;

    padding: 25px;
}

/* àâàòàð */
.pa-avatar img {

    border-radius: 18px;
}

/* íèê */
.post-author strong {

    text-transform: uppercase;
    letter-spacing: 2px;

    font-size: 17px;
}

/* òåëî ïîñòà */
.post-body {

    padding: 40px;

    line-height: 190%;
}


/* ------------------------------
   ÊÍÎÏÊÈ
------------------------------ */

.button,
input[type=submit] {

    border-radius: 12px;

    padding: 10px 18px;

    text-transform: uppercase;
    letter-spacing: 2px;
}


/* ------------------------------
   ÔÎÐÌÀ ÎÒÂÅÒÀ
------------------------------ */

textarea {

    border-radius: 18px;

    min-height: 250px;

    padding: 20px;
}


/* ------------------------------
   ÑÊÐÎËË
------------------------------ */

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 20px;
}


/* ------------------------------
   ÌÎÁÈËÜÍÀß ÂÅÐÑÈß
------------------------------ */

@media(max-width: 1400px){

#pun-index .main,
#pun-viewforum .main,
#pun-viewtopic .main,
#pun-profile .main {

    width: 95%;
}

#pun-title {
    height: 340px;
}

#pun-title:before {

    font-size: 38px;

    width: 90%;
}

.post-author {
    width: 170px;
}

}

/* 

/* ===================================
   REAL SIDEBAR FOR MYBB
=================================== */


/* ÎÑÍÎÂÀ */

#pun-index .main {

width:calc(100% - 360px);

display:block;
}


/* SIDEBAR */

#wolves-sidebar {

position:absolute;

top:620px;
right:40px;

width:300px;

z-index:50;
}


/* ÁËÎÊÈ */

.wolves-box {

background:
rgba(10,20,35,.88);

border-radius:20px;

padding:22px;

margin-bottom:20px;

backdrop-filter:blur(10px);
}


/* ÇÀÃÎËÎÂÊÈ */

.wolves-box-title {

font-size:12px;

letter-spacing:3px;

text-transform:uppercase;

margin-bottom:18px;
}


/* ÏÐÎÔÈËÜ */

.wolves-profile {

text-align:center;
}

.wolves-profile img {

width:120px;
height:120px;

border-radius:18px;

object-fit:cover;

margin-bottom:15px;
}


/* ÈÌß */

.wolves-name {

font-size:20px;

letter-spacing:2px;

margin-bottom:15px;
}


/* ÑÏÈÑÎÊ */

.wolves-list {

display:flex;

flex-direction:column;

gap:12px;
}


/* ÌÎÁÈËÊÀ */

@media(max-width:1400px){

#wolves-sidebar {

position:relative;

top:auto;
right:auto;

width:100%;

margin-top:30px;
}

#pun-index .main {

width:100%;
}

}