/* fonts */
#topic-users-in, #pun-navlinks .container, #pun-ulinks .container, #pun-status .container, #pun-crumbs1 .container, #pun-crumbs2 .container, #viewprofile .lzvn, #viewprofile .lzvn-txt, .post-author, #pun-viewforum table thead .tcl, #pun-viewforum table thead .tc2, #pun-viewforum table thead .tc3, #pun-viewforum table thead .tcr, #pun-index .tcl h3, .statscon .container, .punbb .category h2 span, #pun-stats.section h2 span, #post-form h2, #pun-main h1, #pun-about .container a, table thead .tcl, table thead .tc2, table thead .tc3, table thead .tcr, .quote-box cite, .code-box strong.legend, .tab-a .post-content::first-letter, .post-links ul, .post-rating p a, .subscribelink, .linksb, .linkst, select, optgroup, button.button,  button.sticker, button.size, fieldset legend span, .modmenu .container, #pun-messages .fs-box h3 span, #profilenav h2 span, #pun-online tbody, #pun-searchtopics tbody, #pun-userlist tbody, #pun-index .tcr a, #pun-index .tcr .lastpost, #pun-viewforum .hasicon .tcl, #pun-main thead tr, input.button,  button.button,  button.sticker, button.size, #pun-viewforum .modmenu strong, .podforlink, .news, .Tems_And_messages, .best-p, #tooltip {
  font-family: 'Playfair Display';
}

.podfortext, .post h3 {
  font-family: 'Lora';   
}

#pun-viewforum .tcl, #pun-searchtopics .tcl, #pun-modviewforum .tc, #pun-viewforum .tcr, #pun-searchtopics .tcr, #pun-modviewforum .tcr, #pun-viewforum .tc2, #pun-viewforum .tc3, #pun-searchtopics .tc2, #pun-searchtopics .tc3, #pun-modviewforum .tc2, #pun-modviewforum .tc3, #pun-modviewforum .tcmod, #pun-respect.punbb table {
  font-family: 'Playfair Display';
}


/* popup windows */
#pun-popup_awards div, #pun-reputation div, #pun-admin-award-form .inner {background-color: #adadad; border-radius: 3px;}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #spoiler-area, .modal-inner.section {
  padding: 20px;
  background-color: #adadad;
  border-radius: 3px;
}

#mask_form {width: 96%}
#mask_dialog .inner {background: #adadad !important; border-radius: 3px;}
#font-area {width: 60%;}
#font-area div {display: inline-block; margin: 0 5px !important;}




/* scroll */
::-webkit-scrollbar-thumb:vertical {background-color: #1c453c;}
::-webkit-scrollbar-thumb:horizontal {background-color: #1c453c;}
::-webkit-scrollbar {width: 4px; height: 4px; background-color: #6f807b;}

::selection {background: #2a3834 !important; color: #e8e8e8;}

audio::-webkit-media-controls-panel {
  background-color: rgb(26 36 32 / 50%); 
  box-shadow: 0 0 3px rgb(17 21 19 / 70%) inset;
}




/* admin panel */
#fld-o_pm_subject {width: 96% !important;}
#pun-adnav a {color: #6c2829 !important;}
#pun-adnav a:hover, #pun-adnav a:active, #pun-adnav a:focus {color: #073243 !important;} 
#pun-admain .adformal, #pun-admain .adcontainer {border: none;}
.adinput textarea {width: 99% !important;}
.admin-advert-block {margin: 172px 0 0 130px;}
#page-content.tinymce.processed {background: url(http://forumstatic.ru/files/001a/fa/19/59114.jpg) center repeat;}

#pun-admain h2, #pun-admain1.adformal h2, #pun-admain #pun-adnav h2 {
  background-color: rgb(56 24 25 / 10%);
  color: #073243;
  border: none;
  text-align: center;
  margin: 0;
  text-transform: uppercase;
  font-weight: 600;
}




/* display: none */
#title-logo-table h1 span {display: none  !important;}
.punbb .modmenu .container span {display: none;}
.modlist {display: none !important;}
.category .container thead {display: none;}
li {list-style: none;}
#pun-main div.catleft, #pun-main div.catright {display: none;}
.modlist {display: none !important;}
#pun td .modlist {display:none;}
.lastedit {display: none;}
#pun-announcement h2 {display: none;}
#pun-navlinks #navawards {display:none;}
.category .container thead {display: none;}
.topic .sharelink {display:none;}
.stickytext,.closedatafield{ display:none;}
.punbb .modmenu .container span {display: none;}
.post-content td {border-color: transparent !important;}
.pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld4 .fld-name, .pa-fld5 .fld-name {display: none;}
#pun-index .intd br {display: none;}
/* #pun-userlist th.tc3.posts {display: none;} */
#pun-index .subforums {display: none;}
.pa-awards br, .mini_awards_label {display: none;}




/* блюр вместо зачеркивания */
.post-content del {text-decoration: none !important; filter: blur(3px); transition-duration: 0.3s;}
.post-content del:hover {filter: blur(0px); transition-duration: 0.3s;}


/* стиль объявлений */

#pun-announcement .container {
  background-color: rgb(29 45 40 / 10%);
  box-shadow: 0 0 5px rgb(35 47 39 / 20%) inset;
  padding: 10px;
  border-radius: 3px;
}

#pun-announcement .container table {width: 100%; table-layout: fixed;}
#pun-announcement .container table ul {padding: 0; margin: 0;}

#pun-announcement .container table .aktiv-ob {width: 100%; text-align: center; margin-bottom: 5px;}
#pun-announcement .container table .aktiv-ob img, .best-post img {border: 1px solid #668078; border-radius: 3px; opacity: 0.5; transition: 0.5s linear;}
#pun-announcement .container table .aktiv-ob img:hover, .best-post img:hover {opacity: 1; border-radius: 10px;}

#pun-announcement .container table .best-post ul {display: inline-flex; margin: 0; padding: 0;}
#pun-announcement .container table .best-post .best-post-txt {height: 60px; overflow-y: auto;}

#pun-announcement .container table .best-post .best-post-txt {
  font-family: Lora; 
  font-size: 10px; 
  text-align: justify; 
  padding: 0 5px;
}

#pun-announcement .container table .navi-ob {text-align: center; margin: 0 10px;}

#pun-announcement .container table .navi-ob li {
  background: #b0b0b0; 
  margin: 3px 0; 
  box-shadow: 0 0 5px rgb(35 47 39 / 20%) inset;
  border: 1px solid #668078;
  border-radius: 3px;
  text-align: center;
  padding: 1px 0;
  transition: 0.5s linear;
}

#pun-announcement .container table .navi-ob li a {
  font-family: 'Playfair Display';
  color: #1d2d28;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1.5px;
  transition: 0.3s linear;
  text-shadow: 0 0 3px #485f55;
}

#pun-announcement .container table .navi-ob li:hover {background: #909392; border: 1px solid #84524e;}
#pun-announcement .container table .navi-ob li a:hover {color: #761d17; letter-spacing: 3px;}

#pun-announcement .container table .needs-ob {
  border-bottom: 2px solid #668078; 
  font-family: 'Playfair Display'; 
  text-align: center;
  height: 73px;
  overflow-y: auto;
  padding: 0 6px;
}

#pun-announcement .container table .needs-ob span {text-transform: uppercase; color: #668078; letter-spacing: 2px; font-weight: 600;}
#pun-announcement .container table .needs-ob p {margin: 0; color: #2a3834; padding-bottom: 5px;}
#pun-announcement .container table .needs-ob p a {color: #2a3834; font-weight: 500; font-size: 12px;}

#pun-announcement .container table .ocherednost-ob {height: 50px; overflow-y: auto; margin: 4px 0; text-align: center; font-family: Lora;}
#pun-announcement .container table .ocherednost-ob a {color: #485f55; font-weight: 500;}


/* Стиль для вкладок в постах (done by Kolobdur) */

.tabbed > input, .tabbed1 > input {
  display: none;
}
.tabbed > label, .tabbed1 > label {
  display: block;
  padding: 12px 20px;
  transition: background-color .3s;
  text-align: center;
}
.tabbed1 > label{
    margin-left:-10px;
}
.tabbed > label:not(.nav-top-start):not(.nav-top-end):not(.nav-bottom-start):not(.nav-bottom-end), .tabbed1 > label:not(.nav-top-start):not(.nav-top-end):not(.nav-bottom-start):not(.nav-bottom-end) {cursor: pointer;z-index: 1;}
 
/* Оформление */
 
/* Оформление неактивного переключателя */
.tabbed > label:not(.nav-top-start):not(.nav-top-end):not(.nav-bottom-start):not(.nav-bottom-end), .tabbed1  > label:not(.nav-top-start):not(.nav-top-end):not(.nav-bottom-start):not(.nav-bottom-end) {
  background: transparent;
  color: #1d2d28;
  font-family: Lora;
  box-shadow: 0 0 5px rgb(35 47 39 / 30%) inset;
  margin: 3px;
  border-radius: 3px;
  transition: all 0.5s linear;
}
 
/* Оформление активного переключателя и при наведении */
.tabbed > label:not(.nav-top-start):not(.nav-top-end):not(.nav-bottom-start):not(.nav-bottom-end):hover, .tabbed1  > label:not(.nav-top-start):not(.nav-top-end):not(.nav-bottom-start):not(.nav-bottom-end):hover,
.tabbed > input:checked + label, .tabbed1  > input:checked + label 
{
  background: #1d2d28 !important;
  color: #c0c0c0!important;
  box-shadow: 0px 2px 2px #8d160e, 0 0 5px rgb(35 47 39 / 90%);
  border-radius: 5px;
  transition: all 0.5s linear;
}
 
/* Оформление поля с контентом */
.tabs-body, .tabs-body1 {
  border: 1px solid #668078;
  background: #b3b3b3;
  color: #1d2d28;
  border-radius: 3px;
}
 
/* Даем имена переключателям и полю с контентом */
 
/* Имя поля с контентом */
.tabs-body {grid-area: tabs-body;}
.tabs-body1 {grid-area: tabs-body1;}
 
/* Имена переключателей сверху */
#nav-top-start {grid-area: nav-top-start;}
#nav-top-1 {grid-area: nav-top-1;}
#nav-top-2 {grid-area: nav-top-2;}
#nav-top-3 {grid-area: nav-top-3;}
#nav-top-4 {grid-area: nav-top-4;}
#nav-top-5 {grid-area: nav-top-5;}
#nav-top-6 {grid-area: nav-top-6;}
#nav-top-7 {grid-area: nav-top-7;}
#nav-top-8 {grid-area: nav-top-8;}
#nav-top-1 {grid-area: nav-top-9;}
#nav-top-2 {grid-area: nav-top-10;}
#nav-top-end {grid-area: nav-top-end;}
 
/* Имена переключателей слева */
#nav-left-1 {grid-area: nav-left-1;}
#nav-left-2 {grid-area: nav-left-2;}
#nav-left-3 {grid-area: nav-left-3;}
#nav-left-4 {grid-area: nav-left-4;}
#nav-left-5 {grid-area: nav-left-5;}
#nav-left-6 {grid-area: nav-left-6;}
#nav-left-7 {grid-area: nav-left-7;}
#nav-left-8 {grid-area: nav-left-8;}
#nav-left-9 {grid-area: nav-left-9;}
#nav-left-10 {grid-area: nav-left-10;}
 #nav-left-1 {grid-area: nav-left1-1;}
#nav-left1-2 {grid-area: nav-left1-2;}
#nav-left1-3 {grid-area: nav-left1-3;}
#nav-left1-4 {grid-area: nav-left1-4;}
#nav-left1-5 {grid-area: nav-left1-5;}
#nav-left1-6 {grid-area: nav-left1-6;}
#nav-left1-7 {grid-area: nav-left1-7;}
#nav-left1-8 {grid-area: nav-left1-8;}
#nav-left1-9 {grid-area: nav-left1-9;}
#nav-left1-10 {grid-area: nav-left1-10;}
/* Имена переключателей справа */
#nav-right-1 {grid-area: nav-right-1;}
#nav-right-2 {grid-area: nav-right-2;}
#nav-right-3 {grid-area: nav-right-3;}
#nav-right-4 {grid-area: nav-right-4;}
#nav-right-5 {grid-area: nav-right-5;}
#nav-right-6 {grid-area: nav-right-6;}
#nav-right-7 {grid-area: nav-right-7;}
#nav-right-8 {grid-area: nav-right-8;}
#nav-right-9 {grid-area: nav-right-9;}
#nav-right-10 {grid-area: nav-right-10;}
 
/* Имена переключателей снизу */
#nav-bottom-start {grid-area: nav-bottom-start;}
#nav-bottom-1 {grid-area: nav-bottom-1;}
#nav-bottom-2 {grid-area: nav-bottom-2;}
#nav-bottom-3 {grid-area: nav-bottom-3;}
#nav-bottom-4 {grid-area: nav-bottom-4;}
#nav-bottom-5 {grid-area: nav-bottom-5;}
#nav-bottom-6 {grid-area: nav-bottom-6;}
#nav-bottom-7 {grid-area: nav-bottom-7;}
#nav-bottom-8 {grid-area: nav-bottom-8;}
#nav-bottom-9 {grid-area: nav-bottom-9;}
#nav-bottom-10 {grid-area: nav-bottom-10;}
#nav-bottom-end {grid-area: nav-bottom-end;}
 
.tabs-body, .tabs-body1 {
  width: auto;
  height: auto;
  position: relative;
}
 
.tabs-body > div, .tabs-body1 > div {
  position: absolute;
  top: 0;
  left: 0;
  overflow: auto;
  line-height: 1.4em;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.2s, transform 0.2s;
  transition-delay: 0.4s;
  height: 88%;
   padding: 15px 15px 20px 15px;
  z-index: 0;
}
 .tabs-body1 > div {
     width: 420px;
 }
 .quote {
    width: 80%;
    font-size: 16px;
    margin: 10px 10%;
    border-radius: 15px;
    padding: 10px;
    font-family: 'Playfair Display';
    text-align: center;
    background-color: rgb(29 45 40 / 10%);
    box-shadow: 0 0 5px rgb(35 47 39 / 20%) inset;
    text-shadow: 0 0 3px rgb(255 45 32 / 20%), 0 0 3px #7e2728;
    letter-spacing: 1px;
 }
/* Переключатели */
 
/* Верх */
#nav-top-1:checked ~ .tabs-body > .body-top-1,
#nav-top-2:checked ~ .tabs-body > .body-top-2,
#nav-top-3:checked ~ .tabs-body > .body-top-3,
#nav-top-4:checked ~ .tabs-body > .body-top-4,
#nav-top-5:checked ~ .tabs-body > .body-top-5,
#nav-top-6:checked ~ .tabs-body > .body-top-6,
#nav-top-7:checked ~ .tabs-body > .body-top-7,
#nav-top-8:checked ~ .tabs-body > .body-top-8,
#nav-top-9:checked ~ .tabs-body > .body-top-9,
#nav-top-10:checked ~ .tabs-body > .body-top-10,
 #nav-top-1:checked ~ .tabs-body1 > .body-top-1,
#nav-top-2:checked ~ .tabs-body1 > .body-top-2,
#nav-top-3:checked ~ .tabs-body1 > .body-top-3,
#nav-top-4:checked ~ .tabs-body1 > .body-top-4,
#nav-top-5:checked ~ .tabs-body1 > .body-top-5,
#nav-top-6:checked ~ .tabs-body1 > .body-top-6,
#nav-top-7:checked ~ .tabs-body1 > .body-top-7,
#nav-top-8:checked ~ .tabs-body1 > .body-top-8,
#nav-top-9:checked ~ .tabs-body1 > .body-top-9,
#nav-top-10:checked ~ .tabs-body1 > .body-top-10,
/* Низ */
#nav-bottom-1:checked ~ .tabs-body > .body-bottom-1,
#nav-bottom-2:checked ~ .tabs-body > .body-bottom-2,
#nav-bottom-3:checked ~ .tabs-body > .body-bottom-3,
#nav-bottom-4:checked ~ .tabs-body > .body-bottom-4,
#nav-bottom-5:checked ~ .tabs-body > .body-bottom-5,
#nav-bottom-6:checked ~ .tabs-body > .body-bottom-6,
#nav-bottom-7:checked ~ .tabs-body > .body-bottom-7,
#nav-bottom-8:checked ~ .tabs-body > .body-bottom-8,
#nav-bottom-9:checked ~ .tabs-body > .body-bottom-9,
#nav-bottom-10:checked ~ .tabs-body > .body-bottom-10,
 
/* Слева */
#nav-left-1:checked ~ .tabs-body > .body-left-1,
#nav-left-2:checked ~ .tabs-body > .body-left-2,
#nav-left-3:checked ~ .tabs-body > .body-left-3,
#nav-left-4:checked ~ .tabs-body > .body-left-4,
#nav-left-5:checked ~ .tabs-body > .body-left-5,
#nav-left-6:checked ~ .tabs-body > .body-left-6,
#nav-left-7:checked ~ .tabs-body > .body-left-7,
#nav-left-8:checked ~ .tabs-body > .body-left-8,
#nav-left-9:checked ~ .tabs-body > .body-left-9,
#nav-left-10:checked ~ .tabs-body > .body-left-10,
 #nav-left1-1:checked ~ .tabs-body1 > .body-left1-1,
#nav-left1-2:checked ~ .tabs-body1 > .body-left1-2,
#nav-left1-3:checked ~ .tabs-body1 > .body-left1-3,
#nav-left1-4:checked ~ .tabs-body1 > .body-left1-4,
#nav-left1-5:checked ~ .tabs-body1 > .body-left1-5,
#nav-left1-6:checked ~ .tabs-body1 > .body-left1-6,
#nav-left1-7:checked ~ .tabs-body1 > .body-left1-7,
#nav-left1-8:checked ~ .tabs-body1 > .body-left1-8,
#nav-left1-9:checked ~ .tabs-body1 > .body-left1-9,
#nav-left1-10:checked ~ .tabs-body1 > .body-left1-10,
/* Справа */
#nav-right-1:checked ~ .tabs-body > .body-right-1,
#nav-right-2:checked ~ .tabs-body > .body-right-2,
#nav-right-3:checked ~ .tabs-body > .body-right-3,
#nav-right-4:checked ~ .tabs-body > .body-right-4,
#nav-right-5:checked ~ .tabs-body > .body-right-5,
#nav-right-6:checked ~ .tabs-body > .body-right-6,
#nav-right-7:checked ~ .tabs-body > .body-right-7,
#nav-right-8:checked ~ .tabs-body > .body-right-8,
#nav-right-9:checked ~ .tabs-body > .body-right-9,
#nav-right-10:checked ~ .tabs-body > .body-right-10 {
  transform: translateY(0px);
  transform: translateX(0%);
  opacity: 1;
  z-index: 1;
}
 
input[id^=nav] ~ .tabs-body > div[class^=body], input[id^=nav] ~ .tabs-body1 > div[class^=body] {
  transition: transform 0.2s;
  transform: translateX(100%);
}



.accordionblock2 {
    margin: 5px 5px;
    padding: 5px 10px;
    position: relative;
    background-color: rgb(29 45 40 / 10%);
    box-shadow: 0 0 5px rgb(35 47 39 / 20%) inset, 0 0 5px #7e2728;
    border-radius: 3px;
        display:inline-block;
}
.accordionblock {
    margin: 5px 5px;
    padding: 5px 10px;
    position: relative;
    background-color: rgb(29 45 40 / 10%);
    box-shadow: 0 0 5px rgb(35 47 39 / 20%) inset, 0 0 5px #7e2728;
    border-radius: 3px;
    display:inline-block;
}