@charset "UTF-8";
/**
 * @file forum_v2.css
 * Стили раздела «Форум» нового дизайна (v2):
 * /forum/index.php (разделы), /forum/themes.php и /forum/topic.php (темы раздела),
 * /forum/theme.php (тема с сообщениями), /forum/new_theme.php (создание темы).
 *
 * Дополняет базовый набор assets/templates/clubber/{reset,simple,common}.css,
 * в котором нет классов filter-panel / ro-button / breadcrumbs / paginator-div
 * (в боевой вёрстке 2016 года они лежали в обрезанном common.css), поэтому
 * раздел держит свою копию — как persons.css, news_articles.css, events.css.
 */

/* ------------------------------------------------------------------ */
/* кнопки                                                              */
/* ------------------------------------------------------------------ */
.ro-button {
  font-family: 'Proxima Nova';
  border: 2px solid #00aeef;
  border-radius: 4px;
  display: inline-block;
  padding: 6px 20px 5px;
  text-align: center;
  text-decoration: none;
  position: relative;
  background-color: #fff;
  font-size: 16px;
  cursor: pointer;
  color: #000;
  -webkit-transition: background-color .15s ease;
  -moz-transition: background-color .15s ease;
  -ms-transition: background-color .15s ease;
  -o-transition: background-color .15s ease;
  transition: background-color .15s ease;
}

.ro-button-cyan {
  color: #00aeef;
}

.ro-button-lightblue {
  background-color: #d0f2ff;
  border-color: #d0f2ff;
}

.ro-button-active,
.ro-button-highlight,
.ro-button:hover {
  color: #fff;
  border-color: #00aeef;
  background-color: #00aeef;
}

.ro-button-small {
  padding: 3px 12px 2px;
  font-size: 14px;
}

/* ------------------------------------------------------------------ */
/* хлебные крошки + заголовок раздела                                  */
/* ------------------------------------------------------------------ */
.breadcrumbs {
  margin-bottom: 40px;
  text-transform: uppercase;
  font-size: 20px;
  font-family: 'Proxima Nova Condensed Bold';
}

.breadcrumbs-item {
  color: #000;
}

.breadcrumbs-divider:after {
  content: "/";
  margin: 0 8px;
}

span.breadcrumbs-item {
  color: #555;
}

.section-header-actions {
  float: right;
  margin-top: -8px;
}

.header-action {
  font-family: 'Proxima Nova Regular';
  font-size: 20px;
  font-style: normal;
  text-transform: none;
  color: #00aeef;
}

/* ------------------------------------------------------------------ */
/* фильтр-панель                                                       */
/* ------------------------------------------------------------------ */
.filter-panel {
  margin-bottom: 25px;
}

.filter-panel-item {
  margin-right: 10px;
  margin-bottom: 10px;
}

/* ------------------------------------------------------------------ */
/* пагинация                                                           */
/* ------------------------------------------------------------------ */
.paginator-div {
  margin-top: 40px;
}

.paginator-div a,
.paginator-div .paginate_current {
  display: inline-block;
  min-width: 22px;
  margin: 0 3px 8px;
  padding: 8px 14px 7px;
  border: 2px solid #d5d5d5;
  border-radius: 30px;
  color: #000;
  text-decoration: none;
  text-align: center;
  font-family: 'Proxima Nova Condensed Bold';
  font-size: 12pt;
  line-height: 1;
}

.paginator-div a:hover {
  border-color: #00aeef;
  color: #00aeef;
}

.paginator-div .paginate_current {
  border-color: #00aeef;
  color: #00aeef;
}

.paginator-div .paginator-label {
  margin-right: 10px;
  color: #555;
}

.paginator-div .paginator-dots {
  display: inline-block;
  margin: 0 3px 8px;
  color: #999;
}

.empty-result {
  padding: 20px 0 50px;
  color: #555;
  font-size: 15pt;
}

/* ------------------------------------------------------------------ */
/* сетка страницы: слева панель, справа список                         */
/* ------------------------------------------------------------------ */
.forum-layout {
  display: table;
  width: 100%;
}

.forum-side {
  display: table-cell;
  width: 270px;
  padding-right: 30px;
  vertical-align: top;
}

.forum-main {
  display: table-cell;
  vertical-align: top;
}

/* ------------------------------------------------------------------ */
/* боковая панель                                                      */
/* ------------------------------------------------------------------ */
.forum-box {
  margin-bottom: 25px;
}

.forum-box-title {
  margin-bottom: 12px;
  text-transform: uppercase;
  font-family: 'Proxima Nova Condensed Bold';
  font-size: 18px;
  color: #000;
}

.forum-box-list a {
  display: block;
  padding: 3px 0;
  color: #00aeef;
  font-size: 14px;
}

.forum-box-list a:hover {
  color: #00aeef;
}

.forum-filter-row {
  margin-bottom: 8px;
}

.forum-filter-row label {
  display: block;
  margin-bottom: 3px;
  color: #777;
  font-size: 13px;
}

.forum-filter-row input[type="text"] {
  width: 100%;
  padding: 6px 10px;
  border: 2px solid #d5d5d5;
  border-radius: 4px;
  font-size: 14px;
}

.forum-feed-item {
  margin-bottom: 15px;
  overflow: hidden;
}

.forum-feed-item .forum-feed-ava {
  float: left;
  width: 36px;
  margin-right: 10px;
}

.forum-feed-item .forum-feed-ava img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.forum-feed-item .forum-feed-date {
  color: #999;
  font-size: 12px;
}

.forum-feed-item .forum-feed-text {
  font-size: 13px;
  line-height: 1.35;
  overflow: hidden;
}

.forum-online {
  overflow: hidden;
}

.forum-online a {
  float: left;
  margin: 0 6px 6px 0;
}

.forum-online img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: block;
}

/* ------------------------------------------------------------------ */
/* таблица разделов и тем                                              */
/* ------------------------------------------------------------------ */
.forum-table {
  width: 100%;
  border-collapse: collapse;
}

.forum-table thead th {
  padding: 10px 12px;
  border-bottom: 2px solid #00aeef;
  color: #555;
  text-align: left;
  text-transform: uppercase;
  font-family: 'Proxima Nova Condensed Bold';
  font-size: 14px;
  font-weight: normal;
}

.forum-table thead th.forum-col-num {
  width: 90px;
  text-align: center;
}

.forum-table thead th.forum-col-last {
  width: 190px;
}

.forum-table tbody td {
  padding: 12px;
  border-bottom: 1px solid #e6e6e6;
  vertical-align: top;
  font-size: 15px;
}

.forum-table .forum-row-category td {
  padding: 18px 12px 8px;
  border-bottom: none;
  background-color: #f7fbfe;
}

.forum-table .forum-row-category h2 {
  font-family: 'Proxima Nova Condensed Bold';
  font-size: 22px;
  text-transform: uppercase;
}

.forum-table .forum-row-category .forum-cat-ctrl {
  float: right;
  font-size: 13px;
}

.forum-table .forum-row-category .forum-cat-ctrl a {
  color: #999;
}

.forum-theme-title {
  font-size: 16px;
}

.forum-theme-title a {
  color: #000;
}

.forum-theme-title a:hover {
  color: #00aeef;
}

.forum-theme-info {
  margin-top: 4px;
  color: #888;
  font-size: 13px;
}

.forum-theme-pages {
  margin-top: 5px;
  font-size: 13px;
}

.forum-theme-pages a {
  display: inline-block;
  margin-right: 6px;
  color: #00aeef;
}

.forum-col-num {
  text-align: center;
  color: #555;
}

.forum-last-login {
  color: #00aeef;
}

.forum-last-date {
  display: block;
  color: #999;
  font-size: 13px;
}

.forum-sticky-mark {
  color: #f0a30a;
  font-size: 12px;
  text-transform: uppercase;
}

.forum-closed-mark {
  color: #d9534f;
  font-size: 12px;
  text-transform: uppercase;
}

.forum-status-ico {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #cfe9f7;
}

.forum-status-ico-closed {
  background-color: #e2e2e2;
}

/* ------------------------------------------------------------------ */
/* тема: шапка, сообщения, форма ответа                                */
/* ------------------------------------------------------------------ */
.forum-thread-info {
  margin-bottom: 20px;
  color: #555;
  font-size: 15px;
}

.forum-thread-info .forum-thread-controls {
  margin-top: 8px;
  font-size: 14px;
}

.forum-thread-info .forum-thread-controls a {
  margin-right: 18px;
  color: #00aeef;
}

.forum-post {
  border-bottom: 1px solid #e6e6e6;
  padding: 18px 0;
}

.forum-post-author {
  float: left;
  width: 170px;
  padding-right: 20px;
  text-align: center;
}

.forum-post-author .forum-post-ava img {
  width: 72px;
  height: 72px;
  border-radius: 50%;
}

.forum-post-author .forum-post-login {
  display: block;
  margin-top: 8px;
  font-size: 15px;
}

.forum-post-author .forum-post-login a {
  color: #00aeef;
}

.forum-post-author .forum-post-date {
  display: block;
  margin-top: 3px;
  color: #999;
  font-size: 12px;
}

.forum-post-author .forum-post-ctrl {
  margin-top: 8px;
  font-size: 12px;
}

.forum-post-author .forum-post-ctrl a {
  color: #999;
}

.forum-post-body {
  overflow: hidden;
  font-size: 15px;
  line-height: 1.5;
}

.forum-post-body img {
  max-width: 100%;
}

.forum-post-body .forum-post-text {
  margin-bottom: 10px;
  word-wrap: break-word;
}

.forum-post-body .forum-post-text blockquote {
  margin: 10px 0;
  padding: 8px 14px;
  border-left: 3px solid #00aeef;
  background-color: #f4f9fd;
  color: #444;
}

.forum-post-ctrl a {
  margin-right: 18px;
  color: #999;
  font-size: 13px;
}

.forum-reply {
  margin-top: 30px;
  overflow: hidden;
}

.forum-reply-ava {
  float: left;
  width: 72px;
  margin-right: 20px;
}

.forum-reply-ava img {
  width: 72px;
  height: 72px;
  border-radius: 50%;
}

.forum-reply-form {
  overflow: hidden;
}

.forum-reply-toolbar {
  margin-bottom: 10px;
}

.forum-reply-toolbar span {
  margin-right: 10px;
  color: #555;
  font-size: 15px;
}

.forum-reply-toolbar a {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}

.forum-reply-toolbar img {
  width: 20px;
  height: 20px;
  display: block;
}

.forum-smiles {
  margin-bottom: 10px;
  padding: 10px;
  border: 2px solid #d5d5d5;
  border-radius: 4px;
}

.forum-smiles img {
  margin: 0 5px 5px 0;
  cursor: pointer;
  vertical-align: middle;
}

.forum-reply textarea {
  width: 100%;
  min-height: 160px;
  margin-bottom: 12px;
  padding: 10px;
  border: 2px solid #d5d5d5;
  border-radius: 4px;
  font-family: 'Proxima Nova Regular';
  font-size: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* ------------------------------------------------------------------ */
/* «кто на сайте» внизу страницы                                       */
/* ------------------------------------------------------------------ */
.forum-online-stat {
  margin: 40px 0 15px;
  color: #555;
  font-size: 15px;
}

.forum-online-stat b {
  color: #000;
}

/* ------------------------------------------------------------------ */
/* старые (не переведённые) страницы форума: создание темы, онлайн     */
/* ------------------------------------------------------------------ */
.forum-form-row {
  margin-bottom: 15px;
}

.forum-form-row label {
  display: block;
  margin-bottom: 5px;
  color: #555;
  font-size: 15px;
}

.forum-form-row input[type="text"],
.forum-form-row select,
.forum-form-row textarea {
  width: 100%;
  max-width: 560px;
  padding: 8px 12px;
  border: 2px solid #d5d5d5;
  border-radius: 4px;
  font-family: 'Proxima Nova Regular';
  font-size: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.forum-form-row textarea {
  min-height: 200px;
}

/* ------------------------------------------------------------------ */
/* список пользователей (кто на форуме, забаненные)                     */
/* ------------------------------------------------------------------ */
.forum-users {
  overflow: hidden;
}

.forum-user {
  float: left;
  width: 50%;
  padding: 12px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.forum-user-ava {
  float: left;
  width: 72px;
  margin-right: 15px;
}

.forum-user-ava img {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: block;
}

.forum-user-info {
  overflow: hidden;
  padding-top: 8px;
}

.forum-user-login {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
  color: #00aeef;
}

.forum-user-link {
  display: block;
  margin-bottom: 3px;
  font-size: 13px;
  color: #999;
}

/* ------------------------------------------------------------------ */
/* правила форума (нумерованный текст из старого rules.tpl)            */
/* ------------------------------------------------------------------ */
.forum-rules {
  max-width: 900px;
}

.forum-rules li {
  list-style-type: none;
}

.forum-rules ol {
  counter-reset: list1;
}

.forum-rules ol li:before {
  counter-increment: list1;
  content: counter(list1) ". ";
}

.forum-rules ol ol {
  counter-reset: list2;
}

.forum-rules ol ol li:before {
  counter-increment: list2;
  content: counter(list1) "." counter(list2) ". ";
}

.forum-rules ol li {
  font-size: 18px;
  font-family: 'Proxima Nova Condensed Bold';
  margin-bottom: 14px;
}

.forum-rules ol ol li {
  font-family: 'Proxima Nova Regular';
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 8px;
  text-align: justify;
  color: #666;
}

.forum-rules ol ol li span {
  color: #000;
}

.forum-rules a {
  color: #00aeef;
}

/* ------------------------------------------------------------------ */
/* гостевая подсказка (замена popup_window из старого __topmenu.tpl)    */
/* ------------------------------------------------------------------ */
#cb-guest-popup {
  position: fixed;
  z-index: 1300;
  top: 30%;
  left: 50%;
  width: 420px;
  margin-left: -210px;
  background: #fff;
  border-radius: 3px;
  padding: 24px 26px;
  box-shadow: 0 14px 40px rgba(0, 0, 0, .35);
  display: none;
  font-size: 15px;
  color: #2b3a42;
}

#cb-guest-popup .cb-gp-close {
  float: right;
  color: #8a949c;
  font-size: 13px;
}

#cb-guest-popup a {
  color: #00aeef;
}

#cb-guest-shadow {
  position: fixed;
  z-index: 1299;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .5);
  display: none;
}

/* сообщения форума приходят готовым html из bbcode-парсера */
.forum-post-body a {
  color: #00aeef;
}

.forum-post-body .quote,
.forum-post-body .quote-author {
  color: #555;
}

.forum-post-body pre,
.forum-post-body code {
  display: block;
  margin: 10px 0;
  padding: 10px;
  background-color: #f4f4f4;
  font-family: monospace;
  white-space: pre-wrap;
}