/* I. РАЗНЫЕ ВАЖНЫЕ ИМПОРТЫ
-----------------------------------------*/

/* normalize.css */
@import url(//forumstatic.ru/files/0014/65/a2/48626.css);

/* extra.css */
@import url(//forumstatic.ru/files/001b/ef/4a/60465.css?v=8);

/* mybb default icons from extra.css */
@import url(//forumstatic.ru/files/0014/65/a2/81584.css?v=7);

/* colors.css */
@import url(style_cs.1764567267.css);

/* мобильный стиль */
@import url(https://forumstatic.ru/files/001b/ef/4a/30804.css?v=210);

/* II. ШРИФТЫ
-----------------------------------------*/

@import url(//forumstatic.ru/files/001b/ef/4a/78620.css?v=4);
@import url(//forumstatic.ru/files/001b/ef/4a/42021.css?v=11);

/* bootstrap icons */
@import url(//forumstatic.ru/files/001b/ef/4a/97093.css);

/* III. КОДЕКИ РАЗНЫХ ЭЛЕМЕНТОВ
-----------------------------------------*/

/* личные страницы */
@import url(//forumstatic.ru/files/001b/ef/4a/82018.css?v=69);

/* для фоточек - insta old*/
@import url(//forumstatic.ru/files/001b/ef/4a/16581.css?v=18);

/* memories (insta) */
@import url(//forumstatic.ru/files/001b/ef/4a/34007.css?v=4);

/* Lanesthetics */
@import url(//forumstatic.ru/files/001b/ef/4a/15187.css?v=4);

/* chicago news */
/* old */
@import url(//forumstatic.ru/files/001b/ef/4a/31913.css?v=39);
/* new */
@import url(//forumstatic.ru/files/001b/ef/4a/67347.css?v=42);

/* challenge */
@import url(//forumstatic.ru/files/0019/9e/ef/17276.css?v=5);

/* sns */
@import url(//forumstatic.ru/files/0019/9e/ef/45491.css?v=3);

/* мемограм */
@import url(//forumstatic.ru/files/001b/ef/4a/91794.css?v=12);

/* чс */
@import url(//forumstatic.ru/files/001b/ef/4a/26323.css);

@font-face {
    font-family: "Aila";
    src: url(//forumstatic.ru/files/001b/ef/4a/20204.ttf) format("truetype");
}

@font-face {
    font-family: "dietdidottitle";
    src: url(//forumstatic.ru/files/001b/ef/4a/84627.otf) format("opentype");
}

@font-face {
    font-family: "Manege-Light";
    src: url(//forumstatic.ru/files/001b/ef/4a/77437.ttf) format("truetype");
}

/* IV. ПЕРЕМЕННЫЕ
-----------------------------------------*/

/* ОБЩЕЕ НА ДЕНЬ И НОЧЬ */

:root {
    /* отступ от контента */
    --general-padding: 35px;
    --hover-transition: all 200ms cubic-bezier(0.2, 0.2, 0.2, 1);

    /* шрифты  */
    --mem-font-v1: "Alegreya Sans SC";
    --mem-font-v2: "arial";
    --mem-font-v3: "DINCondensed-Regular";
    --mem-font-v4: "FontAwesome";
    --mem-font-v5: "Montserrat";
    --mem-font-v6: "Roboto Condensed";
    --mem-font-v7: "Raleway";
    --dis-font: "Playfair Display";

    /* картиночки */
    --foot: url(//forumstatic.ru/files/001b/ef/4a/45949.png);
    --header: url(//forumstatic.ru/files/001b/ef/4a/75831.png);
    --av_gost: url(//forumstatic.ru/files/001b/ef/4a/28338.png);
}

/* СВЕТЛАЯ ТЕМА (ДЕНЬ) */

:root {
    /* ФОН И ТЕЛО ФОРУМА */

    --body: #d7d5e6 url(//forumstatic.ru/files/001b/ef/4a/65846.png);
    --nav: url(//forumstatic.ru/files/001b/ef/4a/65846.png) no-repeat center bottom;
    --guest: url(//forumstatic.ru/files/001b/ef/4a/65846.png) no-repeat center bottom/cover;

    --pun-bg: #b9b7d6b3;
    --pun-border: 10px solid #00000010;
    --pun-outline: #ffffff30 1px solid;
    --pun-box-shadow: 0 0 0 1px inset #c0bdd3;

    --punbb-bg: #efedf5;
    --punbb-index-bg: transparent;
    --punbb-border: 1px solid #b7b3d2;
    --punbb-outline: 1px solid #efedf5;

    /* ТЕКСТ */

    /* основной */
    --text-color: #202031;
    /*  */
    --colored-text: #928bb0;
    --light-text: #f3f2fa;
    --contrast-text: #8786b2;

    /* ссылки */
    --links-color: #5d9d90;
    --links-hover: #8884a6;
    --index-links-color: #5d9d90;
    --index-links-hover: #8884a6;
    --ulinks-color: #ece9ff;
    --ulinks-hover: #8884a6;

    /* надписи с фоном: ссылки в подфоре, стата, тайтлы */
    --text-badge-bg: #b7b3d2;
    --text-badge-color: #f9f9f9;
    /* фон ссылок при наведении */
    --text-badge-hover-bg: #91c2b8;

    /* КАТЕГОРИИ И ПОДФОРУМЫ */
    --category-title: #f4f2fb;
    --category-title-shadow: #dfdbff;
    --topic-title: #8786b2;

    --forum-bg: #d8d5ebd9;
    --forum-box-shadow: #dddaef;
    --forum-text: #807eb4;

    /* иконочное */
    --icon-bg: #b1aecd;
    --icon-new-bg: #91c2b8;
    --icon-box-shadow: #67658945;

    /* ПРОФИЛЬ */
    --profile-bg: #efedf5;
    --profile-color: #868396;
    --profile-login: #fff;
    --profile-box-shadow: none;
    --profile-av-border: #fff;
    --profile-av-shadow: 0 0 8px 0 #a8a4c1;
    --profile-after-box-shadow: 0 0 5px 1px #c9c7db, 0 0 0 6px #efedf5,
        0 0 0 7px #e1deeb;

    /* иконка и анкета */
    --profile-anketa-bg: #cad7e0;
    --profile-anketa: #fff;
    --profile-icon-bg: #efedf5;
    --profile-links: #94b1be;

    /* ТЕМЫ, ШАБЛОНЫ, ЦИТАТЫ И ДР. КОНТЕЙНЕРЫ */

    /* всякие большие контейнеры текста, например цитаты, код, всякие модалки и тд */
    --container-bg: #dad8e7;
    --container-border: 1px solid #cfcce1;
    /* тут окантовка, сделанная на box-shadow - для тем */
    --container-stroke: 0 0 0 1px #c9c7db, 0 0 2px #f1f1fd inset;
    /* а здесь просто тень для модальных окошек */
    --container-shadow: 0 0 8px 0px #b7b3d2;
    --container-text: #6a6a81;
    --container-headline: #675a97;

    /* какие-нибудь мини-элементы внутри контейнера */
    --container-element-bg: #d7d6e5;
    --container-element-color: #928bb0;
    --container-element-box-shadow: 0 0 0px 1px #e3e1eb, inset 0 0 7px #cbc9db;

    /* полупрозрачные */
    --container-transparent: #0231363d;
    --container-transparent-text: #f3f2fa;
    --container-transparent-box-shadow: #fff;

    /* ЭЛЕМЕНТЫ УПРАВЛЕНИЯ */

    /* поля ввода, форма ответа */
    --input-bg: #f2f0f7;
    --input-border: 1px solid #d4d1df;
    --input-text: #928bb0;

    /* кнопки, стрелки и т.п. */
    --controls-1: #e4e5e55c;
    --controls-2: #83bbbc8c;
    --controls-3: #9b98c0;
    --controls-4: white;

    /* прокрутка */
    --scrollbar-bg: #d7d5e6;
    --scrollbar-color: #aac2cd;
    --scrollbar-border: 0.5px solid #dbdbf1;

    /* ОСОБОЕ */

    /* большая обводка для гостевой и принятия и т.п. */
    --big-box-shadow: inset 0 0 12px 2px #b7b3d2, 0 0 0px 2px #e2e0ea,
        0 0 9px 3px #b7b3d2, 0 0 0px 12px #c9c7db;

    /* табличное */
    --table-container: #82b0b190;
    --table-container-text: #faf6f2;
    --table-links-bg: #5c538edb;
    --table-links-hover: #91c2b8;
    --table-links-color: #ffffff;
    --table-links-border: #dbdbf1d9;
}

/* ТЕМНАЯ ТЕМА (НОЧЬ) */

:root .night {
    /* ФОН И ТЕЛО ФОРУМА */

    --body: #47436a url(//forumstatic.ru/files/001b/ef/4a/88981.png);
    --nav: url(//forumstatic.ru/files/001b/ef/4a/88981.png) no-repeat center bottom;
    --guest: url(//forumstatic.ru/files/001b/ef/4a/88981.png) no-repeat center bottom/cover;

    --pun-bg: #504c74b3;
    --pun-border: 10px solid #ffffff10;
    --pun-outline: #00000020 1px solid;
    --pun-box-shadow: 0 0 0 1px inset #66608d;

    --punbb-bg: #908aab;
    --punbb-index-bg: transparent;
    --punbb-border: 1px solid #686193;
    --punbb-outline: 1px solid #78748d;

    /* ТЕКСТ */

    /* основной */
    --text-color: #191927;

    /*  */
    --colored-text: #383457;
    --light-text: #f3f2fa;
    --contrast-text: #d7d4e9;

    /* ссылки */
    --links-color: #3e544f;
    --links-hover: #504c74;
    --index-links-color: #7ea79e;
    --index-links-hover: #9991da;
    --ulinks-color: #afa9d6;
    --ulinks-hover: #9991da;

    /* надписи с подложкой/фоном: ссылки в подфоре, стата, тайтлы, уведы */
    --text-badge-bg: #69638b;
    --text-badge-color: #d8d8d8;
    /* фон ссылок при наведении */
    --text-badge-hover-bg: #728c9c;

    /* КАТЕГОРИИ И ПОДФОРУМЫ */

    --category-title: #e2e0ea;
    --category-title-shadow: #a39adb;
    --topic-title: #e2e0ea;

    --forum-bg: #3c375f;
    --forum-box-shadow: #00000010;
    --forum-text: #d7d4e9;

    /* иконочное */
    --icon-bg: #48426b;
    --icon-new-bg: #9ab2c2;
    --icon-box-shadow: #24213980;

    /* ПРОФИЛЬ */

    --profile-bg: #726b8f;
    --profile-color: #d5ceef;
    --profile-box-shadow: none;
    --profile-av-border: #9792b1;
    --profile-av-shadow: 0 0 8px 0 #656180;
    --profile-after-box-shadow: 0 0 5px 1px #7570a8, 0 0 0 6px #9993b3,
        0 0 0 7px #8a83b0;

    /* иконка и анкета */
    --profile-anketa-bg: #6b7f90;
    --profile-anketa: #d7d5e6;
    --profile-icon-bg: #908aab;
    --profile-links: #9eb0be;
    --profile-login: #d7d7d7;
    --container-bg: #847da1;

    /* ТЕМЫ, ШАБЛОНЫ, ЦИТАТЫ И ДР. КОНТЕЙНЕРЫ */

    /* всякие большие контейнеры текста, например цитаты, код, всякие модалки и тд */
    --container-bg: #847da1;
    --container-border: 1px solid #7b779590;
    /* тут окантовка, сделанная на box-shadow - для тем */
    --container-stroke: 0 0 0 1px #817b9d, 0 0 2px #d2cee5 inset;
    /* а здесь просто тень для модальных окошек */
    --container-shadow: 0 0 8px 0px #686193;
    --container-text: #3a354f;
    --container-headline: #37304f;

    /* какие-нибудь мини-элементы внутри контейнера */
    --container-element-bg: #908aab;
    --container-element-box-shadow: 0 0 0px 1px #8880af, inset 0 0 7px #87829b;
    --container-element-color: #c6c1de;

    /* полупрозрачные */
    --container-transparent: #0231363d;
    --container-transparent-text: #cdccd5;
    --container-transparent-box-shadow: #929dbf;

    /* ЭЛЕМЕНТЫ УПРАВЛЕНИЯ */

    /* поля ввода, форма ответа */
    --input-bg: #aea9c5;
    --input-border: 1px solid #bfbcd9;
    --input-text: #3f3d53;

    /* кнопки, стрелки и т.п. */
    --controls-1: #cacecb6b;
    --controls-2: #507a7b8c;
    --controls-3: #545175;
    --controls-4: #d8d8d8;

    /* прокрутка */
    --scrollbar-bg: #3c375f;
    --scrollbar-color: #819daf;
    --scrollbar-border: 1px solid #8985a9;

    /* ОСОБОЕ */

    /* большая обводка для гостевой и принятия и т.п. */
    --big-box-shadow: inset 0 0 12px 2px #686193, 0 0 0px 2px #7d7a8e,
        0 0 9px 3px #686193, 0 0 0px 12px #433c65;

    /* табличное */
    --table-container: #79aaab8c;
    --table-container-text: #faf6f2;
    --table-links-bg: #3c375f;
    --table-links-hover: #678192;
    --table-links-color: #fff;
    --table-links-border: #6b6b79d9;
}

/* V. ФИКС РАЗНОГО ОТОБРАЖЕНИЯ В БРАУЗЕРАХ
-----------------------------------------*/

fieldset,
ol,
ul,
dl,
li,
dd,
dt,
applet,
object,
iframe,
center,
marquee {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    list-style: none;
}

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

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

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.punbb .main div.inline:after,
.punbb .container:after {
    clear: both;
    content: "";
    display: block;
}

/* VI. СОКРЫТЫЕ ЭЛЕМЕНТЫ
-----------------------------------------*/

.acchide,
.punbb h1,
#pun-navlinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .multipage .topic h2,
form#post.container legend span,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
#pun-userlist .main h2,
span.item4,
.lastedit,
#pun .modlist,
.stickytext,
.closedatafield,
.punbb .modmenu span a,
div#pun-live-rusff,
.topic a.sharelink,
li.pl-share,
li.pl-reports,
#pun-viewforum #pun-main h2,
#pun-announcement h2,
#pun-break4,
#pun-index #pun-main thead,
.pa-reg,
.pa-gifts,
.pa-replies,
.pa-fld1 .fld-name,
.pa-fld4 .fld-name,
.pa-fld5 .fld-name,
#pun-main div.catleft,
#pun-main div.catright,
#pun-viewforum .modmenu .container span,
#pun-searchtopics .modmenu .container span,
#pun-post .FNTslider,
#pun-searchposts .FNTslider,
#pun-messages .FNTslider,
#pun-messages .post-sig,
#pun-messages .post-links .pl-email:nth-child(1),
#pun-profile #viewprofile-next #profilenav,
#profile-right li#pa-invites,
#profile-gifts,
#pun-post #pun-main h2,
.tipsy-arrow,
.clearer,
div#pun-searchtopics #pun-main h2,
#pun-crumbs1 .container em,
#pun-crumbs2 .container em,
div#pun-searchposts h3 em,
#pun-navlinks #navawards,
#pun-ulinks .container li.item3,
#pun-ulinks .container li.item5,
#pun-crumbs2 .container.crumbs span,
.reactions-container,
#post-form h2 span,
#pun-index #pun-crumbs1,
#pun-index #pun-crumbs2,
#pun-index tr.isub,
#pun-index td.tcr br,
/* скрытие профиля в теме тегом */
.hideprofile .post-author,
.hideprofile .pl-website,
.hideprofile .blockButton,
.hideprofile .post-sig,
#pun-messages #wysi-mode,
#pun-messages .pa-from,
.post-author img.a-info,
#pun-main .forum thead,
.post-links li.pl-email.email,
.cool2,
div#pun-live-rusff .cooltext,
#pun-viewtopic .postlink,
/* скрываем кнопку скрытого текста в постах */
.punbb[data-forum-id="7"] #button-hide,
.punbb[data-forum-id="8"] #button-hide,
.punbb[data-forum-id="9"] #button-hide {
    display: none !important;
}

#pun-index th {
    font-size: 0;
}

.hideprofile .post-body,
.hideprofile .post-links,
.hideprofile .post-links ul,
.post.hideprofile h3>span {
    margin: 0 !important;
}

.punbb-admin #pun-crumbs1 {
    visibility: hidden;
}

/* VII. НАСТРОЙКА ШРИФТОВ ЦВЕТОВ
-----------------------------------------*/

/* цвет текста на форуме */
.punbb {
    font: normal 75% verdana, arial, helvetica, sans-serif;
    color: var(--text-color);
}

/* цвет отдельных пунктов */
#onlinelist,
.linkst,
.linksb,
.punbb .required label,
.punbb .datafield span.input,
.selectfield label,
.areafield label,
.inputfield label,
.punbb th,
#setmods dt,
#notify-settings {
    color: var(--contrast-text);
}

#pun-viewtopic .modmenu .container,
#pun-main .forum td,
.pa-ip,
.punbb .post-content s,
strike,
del,
#pun-messages table,
#viewprofile #profile-right li span,
#viewprofile #profile-right li span a,
.crumbs,
.crumbs a,
div#pun-searchposts h3 a:after,
.punbb .post-links a {
    color: var(--colored-text);
}

/* ссылки */
a {
    text-decoration: none;
    transition: var(--hover-transition);
    color: var(--links-color);
}

#pun-index a {
    color: var(--index-links-color);
}

/* после наведения*/
a:hover,
a:focus,
a:active {
    color: var(--links-hover);
}

#pun-index a:hover,
#pun-index a:focus,
#pun-index a:active {
    color: var(--index-links-hover);
}

/* для админки и менюшек в профиле/соо */
#pun-admain a,
#profilenav a {
    color: var(--contrast-text) !important;
}

#pun-admain a:hover,
#profilenav a:hover {
    text-shadow: 0 0 2px var(--light-text), 0 0 12px var(--light-text);
}