/* Слайдер Вывод новостей из темы в шапку или объявление. Версия 9.0 © Kolobdur
-------------------------------------------------------------------------------*/

/* Настройки 
#title-logo-tdl {width: 300px !important;}                                                                         - Настройка левой ячейки таблицы (ширина). Убрать если слайдер установлен не в шапку
#title-logo-tdr {padding-right: 0  !important;}                                                                    - Настройка правой ячейки таблицы (внутренний отступ). Сюда вставляется слайдер. Убрать если слайдер установлен не в шапку
.stance {margin: 10px 14px 0 0;}                                                                                   - Внешние отступы слайдера 
.sautor {background: #8EA1BC url(https://i.ibb.co/HF69GH1/cellpic4.jpg) repeat-x top left / contain; color: #fff;} - Фон и цвет текста ячейки с автором 
.goover, .sdata {background: url(https://i.ibb.co/G2g52Cb/cat-big.png) repeat-x #EDF0F5;}                          - Фон даты и названия темы 
.stance:before {background: white url(https://i.ibb.co/9rfv8S0/cat-mini4.jpg) repeat-x top left / contain;}        - Фон сообщения 
.news-slider {width: 586px;}                                                                                       - Ширина слайдера
.author-static + .Ticker .news-slider {width: 454px;}                                                              - Ширина слайдера при одном сообщении
.news-slider {display: flex; flex-direction: column;}                                                      - Сортировка от первого сообщения к последнему (добавить column-reverse для реверса)
*/

@charset "Windows-1251";

/* 1 */
.stance, 
.p-stance, 
.v-stance, 
.Ticker, 
.slid, 
.author-data,
.author-static,
.sautor, 
.running_line,
#pun-title tr {
  display: grid;
}

/* 2 */
.stance {
  grid: auto / 22% 1fr 77%;
  pointer-events: none;
}

/* 3 */
.p-stance, 
.v-stance, 
.slid {
  grid-column: 1 / -1;
}

/* 4 */
.author-data,
.author-static,
.sautor, 
.goover {
  text-align: center;
}

/* 5 */
.stance, .slid {
  align-items: start;
}

/* 6 */
.stance:before {
  content: "";
  display: block;
  grid-column: 3;
  border-radius: 8px;
  height: 106px;
}

/* 7 */
.stance:before, 
.p-stance, 
.v-stance {
  grid-row: 1;
}

/* 8 */
.p-stance {
  height: 103px;
  position: relative;
  margin: 1px 0 2px;
}

/* 9 */
.v-stance {
  overflow: hidden;
  grid: "author-static . Ticker" / 22% 1fr 77%;
  justify-items: start;
}

/* 10 */
.Ticker {
  position: relative;
  overflow: hidden;
  height: 103px;
}

/* 11 */
.author-static + .Ticker {
  grid-area: Ticker;
}

/* 12 */
.running_line {
  pointer-events: auto;
  will-change: top;
  position: relative;
  width: 100%;
}

/* 13 */
.slid {
  grid: "autor-data . slider-post" / 22% 1fr 77%;
  justify-items: start;
}

/* 14 */
.slider-post {
  position: relative;
  grid-area: slider-post;
  width: calc(100% - 20px) !important;
  padding: 10px !important;
}

/* 15 */
.author-data, 
.author-static {
  align-content: start;
  justify-items: start;
  position: sticky;
  top: -1.1px;
  margin-bottom: 2px;
  width: 100%;
}

/* 16 */
.author-data, 
.author-static {
  grid-area: autor-data;
}

/* 17 */
.author-static {
  grid-area: author-static;
  pointer-events: auto;
  z-index: 2;
}

/* 18 */
.author-static + .Ticker .author-data {
  display: none;
}

/* 19 */
.author-static + .Ticker .slid {
  grid: none;
}

/* 20 */
.author-data div,
.author-static div {
  width: calc(100% - 6px);
  margin-bottom: 1px;
  margin: 1px;
  padding: 2px;
}

/* 21 */
.sautor {
  grid: "simg strongs" / 26px auto;
  align-items: center;
  justify-content: center;
  border: 0;
}

/* 22 */
.sautor img {grid-area: simg;}
.sautor strong {grid-area: strongs;}

/* 23 */
/* Правка списка */
.slider-post ul {padding: 0 0 1em 2.3em;}
.slider-post ul[style="list-style: i"] {list-style-type: decimal !important;}
.slider-post ul[style="list-style: upper-roman"] {list-style-type: upper-roman !important;}
.slider-post ul[style="list-style: upper-alpha"] {list-style-type: upper-latin !important;}
.slider-post li {list-style: inherit;}

/* 24 */
.slider-post .blockcode, .slider-post blockquote {
  width: 100%;
  overflow: hidden;
}

/* 25 */
#pun-title .stance span {
  font-size: inherit;
}