@import url(https://forumstatic.ru/files/001c/52/c6/73890.css);
@import url(style_cs.1751946898.css);

/*******************************************************
Подключение шрифтов
*******************************************************/
@import url('https://forumstatic.ru/files/001b/df/32/99049.css'); /*Font Awesome ver 6.5.1*/

/******************************************************
Корневые элементы
*******************************************************/
:root {
  --text-main: ;
  --text-title: ; 
  --text: #232d24;
  --link: #2b4730;
  --link-hover: #4c6324;
  --link-light: #dad7cd;
  --link-light-hover: #a3b18a;
  --accent: ;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

html {box-sizing: border-box;}

*,
*::before,
*::after {box-sizing: inherit;}

a {
  color: inherit;
  text-decoration: none;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

h1,
h2,
h3,
p {
  margin: 0;
}

button, input {
  background: transparent;
  border: 0;
  padding: 0;
}

.punbb table {
  table-layout: fixed;
  width: 100%;
}

/*Скрываем элементы*/
#pun-title, 
#pun-navlinks h2,
#pun-ulinks h2,
#pun-status h2,
#pun-break1,
#pun-break2,
#pun-main h1,
.crumbs strong,
#pun-break3,
#pun-break4,
.forum h2,
.acchide,
.topic h2,
.sharelink,
#post-form h2,
#post legend span,
.post-sig dt,
#formkey, 
#formetc,
.author-avatar,
#image_upload_input,
.modlist,
#pun-announcement h2,
#pun-status .status-right,
#pun-userlist h2,
.closedatafield,
#pa-edit,
#profilenav h2,
.pa-respect a,
.post-vote {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0);
}

/*Скролл бары*/
/* Общий стиль для всех */
*::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

*::-webkit-scrollbar-thumb {
  background-color: #2f3229;
  border-radius: 10px;
}

/* Firefox (современно!) */
* {
  scrollbar-width: thin;
  scrollbar-color: #2f3229 rgba(0, 0, 0, 0.2);
}


body {
  background: url(https://forumstatic.ru/files/001c/34/47/48294.jpg) fixed center / cover;
  font-size: 12px;
  font-family: 'Arial';
  color: var(--text);
}

body a {
  color: var(--link);
  transition: all 0.3s ease;
}

body a:hover {
  color: var(--link-hover);
}

#pun {
  margin: 75px auto;
  padding: 420px 34px 34px;
  width: 1060px;
  background: url(https://forumstatic.ru/files/001c/34/47/65267.jpg);
  border-radius: 40px;
  position: relative;
}

.punbb {
  background: #dad7cd;
  border-radius: 40px;
  padding: 0 20px 20px;
}

/*Шапка*/
.header-box {
  position: absolute;
  top: 34px;
  background: url(https://forumstatic.ru/files/001c/34/47/37739.jpg) no-repeat center / cover;
  left: 34px;
  width: 992px;
  height: 329px;
  border-radius: 20px;
  padding: 20px 20px 10px;
}

.header__top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 47px;
}

.header__top-ams {
  background: rgb(17 29 19 / 70%);
  padding: 10px 15px;
  border-radius: 10px;
}

.top-ams__title {
  font-family: 'Book Antiqua';
  font-size: 14px;
  color: var(--link-light);
  margin-bottom: 5px;
}

.top-ams__items {
  display: flex;
  gap: 5px;
}

.top-ams__img {
  width: 85px;
  height: 80px;
  border-radius: 5px;
  object-fit: cover;
  filter: grayscale(0.7);
  opacity: .7;
  transition: all 0.3s ease;
  cursor: pointer;
}

.top-ams__img:hover {
  filter: grayscale(0);
  opacity: 1;
}

.header__top-best-post {
  flex-basis: 447px;
  height: 120px;
  background: rgb(17 29 19 / 70%);
  padding: 10px 15px;
  border-radius: 10px;
  font-family: 'Book Antiqua';
  color: var(--link-light);
  font-size: 11px;
}

.best-post__title {
  text-align: end;
  margin-bottom: 5px;
}

.best-post__link {
  color: #9caa85;
  font-size: 13px;
}

.best-post__text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  line-clamp: 3;
  text-align: justify;
  line-height: 1.3;
}

.header__title {
  font-size: 36px;
  font-family: 'Book Antiqua';
  margin-bottom: 32px;
}

.header__title-h1 {
  color: var(--link-light);
}

.header__title-h2 {
  color: #a3b18a;
}

.header__bottom {
  background: rgb(17 29 19 / 70%);
  padding: 5px 40px;
  border-radius: 10px;
  display: flex;
  width: 564px;
  justify-content: space-between;
  position: relative;
}

.spirit-navigation1,
.spirit-navigation2 {
  color: #a3b18a;
  font-size: 15px;
  font-family: 'Book Antiqua';
  cursor: pointer;
}

#navigblock1,
#navigblock2 {
  position: absolute;
  top: 25px;
  z-index: 15;
}

#navigblock1 {
  left: 10px;
}

#navigblock2 {
  right: 20px;
}

.sslka {
  width: 200px;
  background: #c5c8b3;
  border-radius: 5px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 10px;
  gap: 5px;
}

.sslka a {
  background: #98a38d;
  padding: 5px;
  text-align: center;
  font-size: 16px;
  font-family: 'Book Antiqua';
  color: var(--text);
  border-radius: 5px;
}

.sslka a:hover {
  background: #b0b499;
}

.news-plash {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  margin: -15px 0 20px;
}

.news-plash__link {
  background: #c5c8b3;
  padding: 5px 10px 5px 5px;
  display: flex;
  gap: 10px;
  border-radius: 18px;
  align-items: center;
  transition: all 0.7s ease;
}

.news-plash__descr {
  color: var(--text);
  transition: all 0.7s ease;
}

.news-plash__date {
  background: #2b4730;
  color: var(--link-light);
  font-size: 16px;
  font-weight: 700;
  padding: 8px;
  border-radius: 14px;
  transition: all 0.7s ease;
}

.news-plash__title {
  text-transform: uppercase;
  font-weight: 700;
}

.news-plash__link:hover {
  background: #2b4730;  
}

.news-plash__link:hover .news-plash__date {
  background: #c5c8b3;
  color: var(--text);
}

.news-plash__link:hover .news-plash__descr {
  color: var(--link-light);
}

/*Формы, инпуты и кнопки*/
.punbb input {
  padding: 6px 25px 4px 5px;
  transition: all 0.8s;
  cursor: pointer;
  border-radius: 10px;
  margin: 5px 0 7px;
  background: #c5c8b3;
}

input.button {
  transition: all 0.8s;
  cursor: pointer;
  background: #b4b7a1;
  padding: 5px 20px;
  border-radius: 15px;
  text-transform: lowercase;
  font-weight: 600;
  font-size: 11px;
  border: 0 solid #c5c8b3;
}

input.button:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
}

input.button:active {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transform: translateY(1px);
}

input[type="radio"], 
input[type="checkbox"] {
  background: #b4b7a1ad;
  appearance: none;
  padding: 4px;
  cursor: pointer;
  transition: all .4s ease-in-out 0s;
  border-radius: 100%;
  margin-right: 5px;
  box-shadow: 0 0 0 1px #dad7cd, 0 0 0 2px #676a5296;
}

input[type="checkbox"]:checked, 
input[type="radio"]:checked {
    background: #676a52;
}

select {
  cursor: pointer;
  border-radius: 10px;
  padding: 4px;
  margin: 5px 0;
  background: #c5c8b3;
  border: none;
}

textarea {
  appearance: none;
  -webkit-appearance: none;
  resize: vertical;
  overflow: auto;
  box-sizing: border-box;
  padding: 10px;
  width: 100%;
  font-family: inherit;
  background: #c6c8b8;
  border-radius: 8px;
}

/*Закладки*/
#pun #BookmCntToggle {
  z-index: 15;
}

/*Индивидуальный фон*/
.post[data-user-id="2"] .post-author {
  background: url(https://forumstatic.ru/uploads/0004/e7/0d/3943/952152.gif) no-repeat center / cover;
}

.post[data-user-id="4033"] .post-author {
  background: url(https://forumstatic.ru/uploads/0004/e7/0d/3943/832066.webp) no-repeat center / cover;
}

.post[data-user-id="3966"] .post-author {
  background: url(https://forumstatic.ru/uploads/0004/e7/0d/3943/234940.webp) no-repeat center / cover;
}

.post[data-user-id="3982"] .post-author {
  background: url(https://forumstatic.ru/uploads/0004/e7/0d/3943/816169.webp) no-repeat center / cover;
}

.transparent25 {
    filter: alpha(Opacity=25);
    opacity: 0.25; 
   }