@charset "windows-1251";
/*========================== =============================*/
/*========================================================
Экспериментальный responsive стиль ver. 1
начало: 2024-09-09
окончание: 
=======================================================*/



/*==========================ИМПОРТ СТИЛЕЙ НАЧАЛО=============================*/
@import url(style_cs.1790346898.css);
/*@import url(https://style.directory/designers/nou/minimal_full/admin.css);*/
/*==========================ИМПОРТ СТИЛЕЙ КОНЕЦ=============================*/


/*==========================ИМПОРТ ШРИФТОВ НАЧАЛО=============================*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Unbounded:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kalnia+Glaze:wght@100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lemonada:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sevillana&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Qwigley&display=swap'); /*прикольно*/
@import url('https://fonts.googleapis.com/css2?family=Merienda:wght@300..900&display=swap'); /*пойдет*/
@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');/*хрень*/
@import url('https://fonts.googleapis.com/css2?family=Allura&display=swap'); /*пойдет*/
@import url('https://fonts.googleapis.com/css2?family=Tangerine:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Parisienne&display=swap');

/*==========================ИМПОРТ ШРИФТОВ КОНЕЦ=============================*/




/*==========================ПЕРЕМЕННЫЕ НАЧАЛО=============================*/
:root {
    --color0: #000;
    --color1: #fff;
    --color2: #d00c0c; /*предупреждения, бросающиеся в глаза*/
    --color8: #f6f6f6d6;
    --color9: #fff9;
    --color00: #333; /*цвет текста, потемнее, темный серый, фон полосок-меню*/
    --color10: #c9c9c9;  /*цвет ссылок меню, на темном фоне*/
    --color11: #d1c7cb;
    --color12: #ededed; /*цвет фона, светлый, серый*/
    --color13: #f2f2f2;
    --color23: #412f39; /*основной бордовый, фон меню, заголовки в админке*/
    --color25: #715163; /*цвет фона заголовков*/
    --color26: #9e6581; /*фон активной ссылки в админке админменю*/
    --color28: #b38ba1;
    --color29: #71475e54; /*цвет фона легенды*/
    --color30: #710641; 
    --color37: #ec8bbb; /*граница розовая в админке в админ меню разделители*/
    --color38: #e3bed0;
    --color39: #f2e3e3db;
}
/*==========================БАЗОВЫЕ УСТАНОВКИ НАЧАЛО=============================*/
html {font-size: 10px;} /*ДЛЯ REM*/
html * {margin: 0; padding: 0;} /*обнуление отступов и полей*/
body {font-size: 1.4rem; background-color: var(--color12); color: var(--color00);}
#pun-navlinks h2 span {display: none;}
li  {list-style-type: none;}
/*==========================БАЗОВЫЕ УСТАНОВКИ КОНЕЦ=============================*/







/*==========================СТРУКТУРА НАЧАЛО=============================*/
.punbb {/*grid общий блок, обычная и админка, если не нужна колочность при разделении (тела, лого, глобального меню, пользовательского меню, статус, статистика, объява крошки - то оставить 1 колонку) [разделение .punbb -все, punbb-admin - только админка]*/
        display: grid;
        grid-template-columns: 2rem repeat(3,1fr) 2rem 17rem 2rem;
        grid-auto-flow: row;
        align-items: center;
        position: absolute;
        top: 3rem;
        width: 100%;
}

/*все элементы
#pun-title, #pun-navlinks, #pun-ulinks, #pun-status, #pun-break1, #pun-crumbs1, #pun-break2, [advertising], #pun-main/#pun-admain, [advertising], #pun-break3, #pun-crumbs2, #pun-break4, #pun-about
*/
/*скрытие не нужных элементов*/
#pun-break1, #pun-break2, #pun-break3, #pun-break4, #pun-crumbs2 {display: none; }
#pun-ulinks {display: none;} /*??? нужны*/
/*зафиксированные элементы*/
/*==========================МЕНЮ НАЧАЛО=============================*/
#pun-navlinks {position: fixed; top: 0; background: var(--color00); width: 100vw; height: 1.5rem; z-index: 7;} /*общий вид*/
#pun-navlinks {width: 100vw; padding: 1rem;}
#pun-navlinks ul {display: grid; grid-auto-flow: column; grid-column-gap: 2rem; justify-content: center; width: calc(100% - 25rem);}
#pun-navlinks a, #pun-navlinks a:hover, p.crumbs a, p.crumbs a:hover {color: var(--color10); font-weight: bold; font-size: 1.2rem; text-transform: uppercase; text-decoration-line: none;}
#pun-navlinks a:hover, p.crumbs a:hover {color: var(--color12);}
/*==========================МЕНЮ КОНЕЦ=============================*/
#pun-crumbs1 { /*крошки внизу*/
    position: fixed;
    bottom: 0;
    width: 100vw;
    background: var(--color00);
    z-index: 10;
}

/*колонки*/
#mybb-counter, #pun-announcement, #pun-main,  #pun-about, div.section:not([id]) {grid-column: 2/-2;}
#pun-title, #pun-about, #pun-admain, #pun-stats {grid-column: 2/-4;}
#pun-about, #pun-status {grid-column: 6;}


/*строки*/
#mybb-counter {grid-row: 1; height: 2rem;} /*место под меню*/
#pun-title, #pun-status {grid-row: 2;}
#pun-announcement {grid-row: 3;}
#pun-main, #pun-admain {grid-row: 5;}
#pun-stats, #pun-about {grid-row: 7;}
div.section:not([id]),
div.section[id=""]:last-child {grid-row: 6;}
div#pun-break2 + div.section {grid-row: 4;}

/*центровка*/
#pun-title {justify-self: center;} /*если только админка то добавить в начало .punbb-admin*/
/*==========================СТРУКТУРА КОНЕЦ=============================*/





/*==========================МЕНЮ АДМИНИСТРИРОВАНИЯ НАЧАЛО=============================*/
punbb-admin #pun-admain #pun-adnav h2 {
            display: none;
}

.punbb-admin #pun-adnav {
            background-color: var(--color23);
            font-size: 1.2rem;
            text-transform: uppercase;
}
.punbb-admin #pun-adnav .adcontainer {
            border: none;
            width:  100%;
}
.punbb-admin sup.new {
            display: none;
}
.punbb-admin #pun-adnav li {
            padding: 0 1rem;
            position: relative;
}

.punbb-admin #pun-adnav li a {
            display: block;
            width: 98%;
            text-decoration: none;
            color: var(--color10);
             padding: 0.3rem 0.4rem;
             border-bottom: 0.1rem dotted var(--color37);
            -moz-transition: background-color .3s ease-in;
            -webkit-transition: background-color .3s ease-in;
            -o-transition: background-color .3s ease-in;
            transition: background-color .3s ease-in;
}
.punbb-admin #pun-adnav li a:hover {
            background-color: var(--color26);
            color: var(--color1);
            -moz-transition: background-color 0.01s;
            -webkit-transition: background-color 0.01s;
            -o-transition: background-color 0.01s;
            transition: background-color 0.01s;
}


.punbb-admin .adcontainer .item-forms:before,
.punbb-admin .adcontainer .item6:before,
.punbb-admin .adcontainer .item7:before {
            content: '>';
            float: left;
            font-size: 1.1rem;
            margin-left: -0.5rem;
} 

.punbb-admin .item-forms:before,
.punbb-admin .item6:before,
.punbb-admin .item7:before {
            color: var(--color0);
}


.punbb-admin .isactive.item-forms:before,
.punbb-admin .isactive.item6:before,
.punbb-admin .isactive.item7:before {
            color: var(--color10);
}
.punbb-admin #adnav-standard li.isactive {
    background-color: var(--color26);
}
.punbb-admin #adnav-standard li.isactive a, .punbb-admin #adnav-standard li.isactive a:hover {
    color: var(--color1);
}
.punbb-admin #pun-adnav ul.adsubnav {
            display: block!important;
            list-style:none;
            position:absolute;
            left:-9999px;
            opacity:0;
            -webkit-transition:0.25s linear opacity; /* В Webkit пункты проявляются */
}


.punbb-admin #pun-adnav li:hover ul.adsubnav  { /* Выводим выпадающий пункт при наведении курсора */
            left:0rem; /* Приносим его обратно на экран, когда нужно */
            opacity:1; /* Делаем непрозрачным */
            width: 170px;
            background-color: var(--color23);
            font-size: 1rem;
            margin-left: 0.8rem;
            margin-top: -2.2rem;
            text-transform: uppercase;        
}
.punbb-admin #pun-adnav li:hover ul.adsubnav {
            position: absolute;
            z-index: 10;
            left: -17.5rem;
}


.punbb-admin #pun-adnav ul.adsubnav li {
            list-style: none!important; 
            font-size: 1.2rem;
}
.punbb-admin #pun-adnav ul.adsubnav li a {color: var(--color10);}
.punbb-admin #pun-adnav ul.adsubnav li a:hover {color: var(--color1);}
/*==========================МЕНЮ АДМИНИСТРИРОВАНИЯ КОНЕЦ=============================*/


/*==========================ЛОГОТИП НАЧАЛО=============================*/
.title-logo span {font-family: "Qwigley"; font-size: 7rem; color: var(--color28); text-shadow: 1px 1px var(--color9);}
/*==========================ЛОГОТИП КОНЕЦ=============================*/


/*==========================КРОШКИ НАЧАЛО=============================*/
.punbb-admin p.crumbs {color: var(--color38); font-size: 1.5rem; padding: 0.5rem 1rem; margin: 0; width: 50vw;}
/*==========================КРОШКИ КОНЕЦ=============================*/


/*==========================АДМИНИСТРИРОВАНИЕ ОБЩИЕ СТИЛИ НАЧАЛО=============================*/
/*==========================АДМИНИСТРИРОВАНИЕ ОБЩИЕ СТИЛИ КОНЕЦ=============================*/


/*==========================АДМИН ПЕРЕБИВКА НАЧАЛО=============================*/
.adminmain {padding: 0!important; margin: 0!important;}
.punbb-admin #pun-adnav {float: none; margin-left: 0;}
 #pun-admain .adformal legend span {background-color: transparent;}
#pun-admain .adformal legend {width: 80%; margin: 0 auto; text-align: center; background-color: var(--color29); backdrop-filter: hue-rotate(310deg);}

/*==========================АДМИН ПЕРЕБИВКА КОНЕЦ=============================*/



/*==========================АДМИНИСТРИРОВАНИЕ НАЧАЛО НАЧАЛО=============================*/
.punbb-admin #pun-admain #pun-adnav {position: fixed; right: 0rem; top: 3.5rem; z-index: 10; height: 100vh;}
#pun-admain .adformal h2 {background-color: var(--color25); border-radius: 2rem 2rem 0 0; font-variant: small-caps; text-align: center; font-size: 1.6rem; color: var(--color13);}

#pun-admain .adformal fieldset {background-color: var(--color8);}
    
#pun-admain .adformal fieldset, #pun-admain  .adformal .adcontainer {box-shadow: 1px 1px 2px var(--color10);}
#pun-admain .adformal .adcontainer {border-radius: 0 0 2rem 2rem;}
#pun-admain .adformal fieldset .adfs-box {-webkit-backdrop-filter: blur(2px);
     backdrop-filter: blur(2px);}
#pun-admain .adformal fieldset:nth-child(1) {border-radius: 2rem 2rem 0 0;}
#pun-admain .adformal fieldset:nth-child(2) {border-radius: 0 0 2rem 2rem;}

#pun-about {position: fixed; bottom: 0.5rem; right: 0; z-index: 10; width: 17rem; text-align: center; font-size: 1.2rem;}



#pun-about a {color: var(--color10); text-decoration: none;}
#pun-about a:hover {color: var(--color12);}
#pun-admain .adformal legend {
    width: 80%;
    padding: 0.7rem;
    border-radius: 0.5rem;
    border: 1px solid var(--color28);
    box-shadow: 2px 3px 0 rgba(0,0,0,.2); color: var(--color30); text-shadow: 1px 1px var(--color9)} /*разделы админки*/

.punbb-admin #pun-status {font-size: 0; display: block;}
.punbb-admin #pun-status .item1 strong, .punbb-admin #pun-status .status-right {font-size: 1.3rem; top: 1rem; z-index: 7; position: fixed;}
.punbb-admin #pun-status .status-right a {color: var(--color10); text-decoration: none;}
.punbb-admin #pun-status .status-right a:hover {color: var(--color12); text-decoration: none;}
.punbb-admin #pun-status .item1 strong {width: 10rem; right: 18rem; color: white; text-align: end;}
.punbb-admin #pun-status .status-right a, .punbb-admin #pun-status .status-right a:hover {right: 11rem;}
#pun-admain .adformal ul li::marker {
  content: '\2713  ';
  color: var(--color26);
  font-size: 2rem;
}
#pun-admin_index #pun-admain .adformal div.adfs-box ul {margin-left: 2rem;}
#pun-admain .adformal a {color: var(--color30);}

.punbb-admin .adformal {background: url(http://forumstatic.ru/files/0018/50/4d/41768.svg) no-repeat; background-size: 1.5rem; background-position: left bottom;}
/*==========================АДМИНИСТРИРОВАНИЕ НАЧАЛО КОНЕЦ=============================*/






/*==========================АДМИНКА ЧИСТКА НАЧАЛО=============================*/
#pun-admin_prune #pun-admain .adformal fieldset {border-radius: 2rem;}
#pun-admin_prune #pun-admain .adformal fieldset .adfs-box {width: 100%; background: url(http://forumstatic.ru/files/0018/50/4d/27323.svg)no-repeat;     background-size: 25rem; background-position: right bottom 2rem;
    display: grid; grid-template-columns: repeat(3,1fr) 25rem; grid-auto-flow: row;}
#pun-admin_prune .adfs-box p {grid-column:1/-2;}
#pun-admin_prune .adfs-box p:nth-child(1) {grid-row: 1; grid-column:1/-2;}
#pun-admin_prune .adfs-box p:last-child {grid-row: 1/span 6; grid-column: 4/-1; color: var(--color2); font-size: 1.4rem; font-weight: bold; align-self: end; text-align: center; bottom: 1.5rem;}
#pun-admin_prune .adfs-box p:last-child .adinput {background-color: var(--color39); border-radius: 2rem; border: solid 1px; box-shadow: 1px 1px 2px var(--color10);}
#pun-admin_prune #pun-admain span.adsubmit input {padding: 0.3rem 0.5rem;}

/*admin css*/
#pun-admain fieldset .handle, #pun-admain fieldset p {
  border: none!important;
  margin: 0!important;
  padding: 0.7rem!important;
  background-color: transparent!important;
}
/*admin css*/
#pun-admin_prune #pun-admain span.adsubmit {
  bottom: 1rem !important;
  left: calc(100% - 24rem)!important;
  position: fixed!important;
  top: unset!important;
}
/*admin css*/
#pun-admin_prune #pun-admain .adlabel {
  float: none;
  margin-left: 0;
}


#pun-admin_prune #pun-admain .adinput {
  border: 1px solid var(--color10);
  border-radius: .5rem;
  box-shadow: 1px 1px 2px var(--color10);
  top: -1rem;
  position: relative;
  padding: 1.7rem !important;
}

#pun-admin_prune #pun-admain .adlabel {
  background-color: var(--color11);
  margin: 0 5rem;
  z-index: 1;
  width: 25rem;
  display: block;
  border-radius: .5rem;
  box-shadow: 1px 1px 2px var(--color10);
  text-align: center;
}

#pun-admin_prune #pun-admain p #fld1 {display: block;}
#pun-admin_prune #pun-admain p #fld1, #pun-admin_prune #pun-admain p #fld6,  #pun-admin_prune #pun-admain p #fld7, #pun-admin_prune #pun-admain p #fld4, #pun-admin_prune #pun-admain p #fld5, #pun-admin_prune #pun-admain p .adinput label, #pun-admin_prune #pun-admain p #fld2, #pun-admin_prune #pun-admain p #fld3 {position: absolute;}
#pun-admin_prune #pun-admain p #fld1, #pun-admin_prune #pun-admain p #fld6,  #pun-admin_prune #pun-admain p #fld7 {top: -1.4rem;}
#pun-admin_prune #pun-admain p #fld1, #pun-admin_prune #pun-admain p #fld6,  #pun-admin_prune #pun-admain p #fld7, #pun-admin_prune #pun-admain p #fld4, #pun-admin_prune #pun-admain p #fld2 {left: 35rem;}
#pun-admin_prune #pun-admain p #fld4, #pun-admin_prune #pun-admain p #fld5, #pun-admin_prune #pun-admain p #fld2, #pun-admin_prune #pun-admain p #fld3 {top: -0.75rem;}
#pun-admin_prune #pun-admain p #fld5, #pun-admin_prune #pun-admain p #fld3 {left: 45rem;}
#pun-admin_prune #pun-admain p #fld6, #pun-admin_prune #pun-admain p #fld7 {width: 55%;}
#pun-admin_prune #pun-admain p .adinput label {top: -1.2rem;}
#pun-admin_prune #pun-admain p .adinput label[for^="fld2"], #pun-admin_prune #pun-admain p .adinput label[for^="fld4"] {left: 37rem;}
#pun-admin_prune #pun-admain p .adinput label[for^="fld3"], #pun-admin_prune #pun-admain p .adinput label[for^="fld5"] {left: 47rem;}


#pun-admin_prune .adfs-box p:nth-child(3) em {margin-top: -2rem;}
#pun-admin_prune .adfs-box p:nth-child(5) em {margin-top: 1rem;}

/*==========================АДМИНКА ЧИСТКА КОНЕЦ=============================*/









/*==========================АДМИНКА СКРИПТЫ НАЧАЛО=============================*/
#pun-admin_scripts fieldset#o-scripts-category-1 {border-radius: 2rem 2rem 0 0;}
#pun-admin_scripts fieldset#o-scripts-category-2 {border-radius: 0 0 2rem 2rem;}
#pun-admin_scripts fieldset p {display: flex; flex-direction: column;}
#pun-admin_scripts span.adinput {display: flex!important;} /*admin.css*/
#pun-admin_scripts #pun-admain .adlabel {float: none; margin-left: 0; /*position: relative;*/ /*admin.css*/ width: fit-content !important;}
#pun-admin_scripts span.adinput em {order: -1; padding-right: 1rem;}
/*==========================АДМИНКА СКРИПТЫ КОНЕЦ=============================*/