/* 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, #pun-stats.section h2 span, #pun-about .container a, table thead .tcl, table thead .tc2, table thead .tc3, table thead .tcr, .post h3, .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, .podfortext, .podforlink, .Tems_And_messages, #tooltip, #pun-main h1, #post-form h2, input.button,  button.button,  button.sticker, button.size {
  font-family: 'Playfair Display';
}

.punbb .category h2 span, #pun-stats.section h2 span:before {font-family: 'Shallow';}

#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: #bab9c5; 
  border-radius: 2px;
  box-shadow: 0 0 7px rgb(106 90 103 / 30%) inset;
}

#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: #bab9c5;
  border-radius: 2px;
  box-shadow: 0 0 7px rgb(106 90 103 / 30%) inset;
}

#mask_form {width: 96%}
#mask_dialog .inner {background: #bab9c5; !important; border-radius: 2px; box-shadow: 0 0 7px rgb(106 90 103 / 30%) inset;}
#font-area {width: 60%;}
#font-area div {display: inline-block; margin: 0 5px !important;}




/* scroll */
::-webkit-scrollbar-thumb:vertical {background-color: rgb(79 81 107 / 60%);}
::-webkit-scrollbar-thumb:horizontal {background-color: rgb(79 81 107 / 60%);}
::-webkit-scrollbar {width: 6px; height: 6px; background-color: #b8b7c4; box-shadow: 0 0 5px rgb(73 76 100 / 40%) inset;}

::selection {background: #4f516b!important; color: #b8b7c4;}




/* admin panel */
#fld-o_pm_subject {width: 96% !important;}
#pun-adnav a {color: #6a5a67 !important;}
#pun-adnav a:hover, #pun-adnav a:active, #pun-adnav a:focus {color: #6a5a67 !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: #dbdad6;}

#pun-admain h2, #pun-admain1.adformal h2, #pun-admain #pun-adnav h2 {
  background-color: rgb(56 24 25 / 10%);
  color: #6a5a67;
  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-fld3 .fld-name {display: none;}
li#pa-fld2{display:none;}
#pun-index .subforums {display: none;}
#pun-index .tclcon br {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;}






.light-head {
    height: 248px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 1px;
    z-index: 99;
    width: 1028px;
    margin-left: -30px;
    opacity: 1;
}

.lens-center {
    position: relative;
    width: 44px;
    height: 48px;
    left: 270px;
    top: 23px;
    background: radial-gradient(closest-side circle at center,
        rgb(236 183 89 / 3%), 
        rgb(236 183 89 / 15%), 
        rgb(236 183 89 / 50%) 30%,
        rgb(236 183 89 / 30%) 55%,
        rgb(236 183 89 / 5%), 75%,
        transparent 99%
    );
    filter: blur(4px);
}
.lens-center::before{
    content: '';
    display: block;
    width: 30vmin;
    height: 30vmin;
    left: calc((53vmin - 40vmin) / 2 * -1);
    top: calc((52vmin - 40vmin) /2 * -1);
    position: absolute;
    border-radius: 100%;
    background: radial-gradient(closest-side circle at center,
      rgb(236 183 89 / 25%) 0%,
      transparent 100%);
    transition: all 0.8s linear;
}

.lens-center::after {
    content: '';
    display: block;
    width: 4vmin;
    height: 4vmin;
    left: 65%;
    bottom: 15%;
    position: absolute;
    background: radial-gradient(closest-side circle at center,
        rgb(236 183 89 / 90%), 0%,
        transparent 75%);
    transition: all 0.8s linear;
}

.circle-1 {
    width: calc(40vmin * 0.7);
    height: calc(40vmin * 0.7);
    left: 65%;
    top: 65%;
    border-radius: 100%;
    position: absolute;
    background: radial-gradient(closest-side circle at center,
        transparent 50%,
        rgb(236 183 89 / 10%) 90%,
        transparent 100%);
    filter: blur(5px);
    transition: all 0.8s linear;
  
}

.circle-2 {
    width: 50px;
    height: 548px;
    left: 519px;
    top: -130px;
    border-radius: 100%;
    position: absolute;
    background:  rgb(236 183 89 / 40%);
    filter: blur(20px);
    transform: rotate(-70deg);
    transition: all 0.8s linear;
}

.horizontal-flare {
    position: absolute;
    height: 5vh;
    transition: all 0.8s linear;
}

.right-flare {
    left: 290px;
    width: 600px;
    top: 30px;
    background: radial-gradient(ellipse at center left,
        rgb(236 183 89 / 80%) 0%,
        rgb(236 183 89 / 30%) 30%,
        transparent 75%);
    filter: opacity(30%);
}

.left-flare {
    left: 0px;
    width: 290px;
    top: 30px;
    background: radial-gradient(ellipse at center right,
        rgb(236 183 89 / 60%) 0%,
        hsl(calc(4 + 10) 10% 70% / 40%) 30%,
        transparent 75%);
    filter: opacity(40%);
}

.full-flare {
    background: radial-gradient(closest-side ellipse at 45% center,
        rgb(236 183 89 / 30%) 0%,
        rgb(236 183 89 / 10%) 30%,
        transparent 95%);
    left: 159px;
    width: 400px;
    top: 30px;
    filter: blur(5px);
}

.left-flare:hover, .right-flare:hover, .full-flare:hover, .circle-1:hover, .circle-2:hover {opacity: 0.2;}




/*_________ Стрелки вверх-вниз ___________*/

.go-up, .go-down {
  cursor: pointer;
  margin-bottom: 160px;
  opacity: 1.0;
  position: fixed;
  z-index: 9999;
  text-align: center;
  transition: all .4s ease-in-out 0s;
  background: #8f7552; 
  opacity: 1; /*прозрачность*/
  box-shadow: 0 0 10px rgb(73 76 100 / 30%) inset;
  border-radius: 15px;
  border: 1px solid #6c573c;
  height: 20px;
  width: 20px;
} 

.go-up:hover, .go-down:hover {opacity: 0.6; /*эффект при наведении*/ border-radius: 5px;}

.go-up {top: 505px; margin-left: 1010px !important;}
.go-down {top: 535px; margin-left: 1010px !important;}

@media screen and (max-width: 1100px) {.go-up, .go-down {display:none;}}