/* 
Theme Name: Baddim Blank

Theme URI: https://riggo.ru
Author: Baddy Riggo
Author URI: https://riggo.ru, https://baddim.ru
Description: Baddim Blank theme based by LC-Blank & 1814 by Ucoz
Version: 2.0
1814 General Style CSS (шпаргалка внизу)
*/
/* ver.2025-09-11 */



/* ------- */
/* ЛЕГЕНДА */
/* ------- */

/* ЕДИНИЦЫ ИЗМЕРЕНИЯ */
/* 
pt - абс.ед. 
px - элементарная точка, зависит от разрешения экрана
em - пропорциональный размер относительно родительского элемента
rem - пропорциональный размер относительно базового элемента html
vw, vh - пропорциональный размер относительно ширины/высоты экрана

Базовый шрифт по умолчанию для Mozilla - 16px
16px = 100% = 1rem
13.12px - 82% (по умолчанию в body, принят за 1rem) 
rem задает базовый формат сайта/браузера, em - относительный от родителя
*/

/* Адаптивные условия */
/* Определение viewport: esolutions.se/test */
/* viewport для планшета Samsung - 712x972 / 1138x545) */
/* viewport для Redmi 8 - 360x760 / 720x1520) */


/* Глобальные блоки, внешние блоки сайта */
html, body {}
#basic, #casing, #content, .content {}
.blur {}

/* Глобальный div (вместо basic, устранение конфликта css для файла и сайта) */
/* блокировщик рекламы adblock блокирует класс adv, поэтому использовать расширенные названия класса advent/adventure */
[id*=advent], #advent, 
[class*=advent], .advent {}

/* Header (Hat), Footer (Feet), Coordinator, Buttons */
/* пересечение разных свойств классов header*, footer* на сайте и в advent! Изменить имена на Hat/Feet */ 
#advent_header {}
[id*=advent_feet], #advent_feet {} 
[class*=feet], [class*=advent_feet] {}
.coord {}
[class*=block-], .block-coord, .block-name, .block-xN {}
[class*=butt], .butt-name, .butt-xN {}

/* Заголовки */
/* H6 - отдельный заголовок для сносок */
h1-h6, .title {}

/* Подзаголовки (Локации, Даты) */
.sub-title, [class^=sub-], [class^=loc], .loc, .date {} 

/* Эпиграф */
[class*=epig], .epig, .epig-XX {} 

/* Прямая речь (din), внутренние диалоги (dir) */
/* (din - табуляция, dir - внутри абзацев) */
.din, .dir {}

/* Цитаты, внешние диалоги (без полей с табуляцией) */
.quot {}
/* Многострочные цитаты (с полями, без табуляции) */
[class^=cit], .citate, .cite {} 

/* Увеличенный шрифт (цитаты, комменты, выделение мысли) */
[class*=big], [class*=large] {}

/* Коментарии (Серые), Ремарки (в скобках) */
[class*=comm], .comm, .comment {}
.rem {}

/* Блок комментариев (встроенный), прочие классы с текстом comment */
[class*=comment], [class*=commT], [class*=commS], [class*=_comm] {}

/* Cтихи, строфы (с полями, без табуляции) */
[class*=lir], .lir, .lirXX, .lir-XX, 
.poem, .stanza 

/* Нестихотворные блоки на страницах стихов */
.non-poem

/* Стихи: припев/рефрен */
.ref, .refXX, .ref-XX, .refrain {}

/* Стихи: эпиграф, дата, автор */
:is([class*=lir], .poem, .non-poem, [class*=poem]) :is([class*=epig], .date, .author) {}

/* Выделение (фон за буквами) */
.bck, .cifer, .cross {}

/* Скрытый, модерированный текст (Красный, Бордо) */
.moder, .hidden {}

/* Нижний индекс */
.sub-index {}

/* Примечания */
#prim, .prim, .hiddprim {}

/* Картинки (избегать названий прочих классов с фрагментом "pic". Разобраться с классом modula jpg.pic) */
[class*=pic], .pic, .picXX, .pic-close, .closepic {} /* блок картинок и сами картинки */

/* Modula (полностью обрабатывается в style) */
.modula-gallery, [class*=modula] {}

/* Списки */
/* mark - галочки, num - арабская нумерация, numa - латинские буквы */
.mark, .num, .numa {}

/* Подпись (лого) */
.logo, .copy {}

/* Даты, Тэги, Крошки */
.date, .tag, .tags {}
[id*=bread], [class*=bread], .bread {}


/* МАТЕРИАЛЫ САЙТА */
/* Пост (single) */
.post {}
/* Краткое представление поста в списке категорий (category) */
/* Отдельный пост (flex) */
.cat-post {}
.flex-cat {}
/* Тамб-картинка */
.pic-thumb {}
/* Краткий текст */
.entry {}
/* Скрытие части текста в кратком представлении */
.entry-none {}


/* Шрифты */
.fХХ {}
/* Табуляция, вертикальные поля */
.tab, .vert {}
/* Поля, Отступы, Границы */
.marg, .marg-XX, .padd-XX {}
/* Линия */
.line {}
/* Размеры, Адаптивные условия */
.mXX, .mob, .mobXX {}

/* ---- */


/* ---- */
/* ROOT */
/* ---- */

/* Множители (применять: значение - var(--name), значение в формуле - calc(var(--name)...)) */
/* Подробней см. root.css */
/* 
1vw = 1280px/100, 1vh = 1024/100. Xpx/12.8px = vw, Xpx/10.24 = vh
2px = 0.1953vh / 0.1563vw
3px = 0.2930vh / 0.2344vw
5px = 0.4883vh / 0.3906vw
7px = 0.6836vh / 0.5469vw
10px = 0.9766vh / 0.7813vw
15px = 1.4648vh / 1.1719vw
20px = 1.9531vh / 1.5625vw
36px = 2.813vw
*/


:root {

/* ЕДИНИЦЫ PX/VW */
/* 1vw = 100vw / 100 */
--1px: calc(1vw / 12.8); 
--2px: calc(var(--1px) * 2); 
--3px: calc(var(--1px) * 3); 
--4px: calc(var(--1px) * 4); 
--5px: calc(var(--1px) * 5); 
--6px: calc(var(--1px) * 6); 
--7px: calc(var(--1px) * 7); 
--8px: calc(var(--1px) * 8); 
--10px: calc(var(--1px) * 10); 
--12px: calc(var(--1px) * 12); /* 0.9375vw / calc(12 / 1vw) / 12px/12.8 */ 
--13px: calc(var(--1px) * 13);
--14px: calc(var(--1px) * 14); 
--15px: calc(var(--1px) * 15); 
--20px: calc(var(--1px) * 20); 
--22px: calc(var(--1px) * 22); 
--30px: calc(var(--1px) * 30); 
--50px: calc(var(--1px) * 50); 

/* х12 */
--24px: calc(var(--12px) * 2); 
--36px: calc(var(--12px) * 3); 
--48px: calc(var(--12px) * 4); 
--60px: calc(var(--12px) * 5); 
--72px: calc(var(--12px) * 6); 
--84px: calc(var(--12px) * 7); 
--96px: calc(var(--12px) * 8); 
--108px: calc(var(--12px) * 9); 
--120px: calc(var(--12px) * 10); 
--132px: calc(var(--12px) * 11); 
--144px: calc(var(--12px) * 12); 
--156px: calc(var(--12px) * 13); 
--168px: calc(var(--12px) * 14); 
--180px: calc(var(--12px) * 15); 
--200px: calc(var(--12px) * 16); /* 192px */

/* х8 */
--16px: calc(var(--8px) * 2); 
--40px: calc(var(--8px) * 5); 
--56px: calc(var(--8px) * 7); 
--64px: calc(var(--8px) * 8); 
--80px: calc(var(--8px) * 10); 
--104px: calc(var(--8px) * 13); 
--152px: calc(var(--8px) * 19); 

/* VH */
--vh: 1vh; 
--1vh: 1vh; 
--2vh: 2vh; 
--3vh: 3vh; /* 2.4vh */
--4vh: 4vh; 
--5vh: 5vh; /* calc(var(--3vh) + var(--2vh)); */
--6vh: 6vh; 

/* Header, Footer */
--header: 70px; 
--footer: 80px; 
--ancor: calc((var(--header) + 15px));


/* ШРИФТЫ */
/* Базовый множитель размера шрифта */
--k-font: 1.0;

/* Базовый размер */
/* 16px = var(--f16) = 1rem */
--1rem: 1.0rem;

/* Базовый шрифт (font0 - без учета множителя, font - c множителем) */
/* --font:  calc(.918rem * var(--k-font)); /* OLD - 14.688 */
/* --font-nk: .9219rem; /* NEW - 14.75px = 0.9219 * 16px */
--font-nk: 1.0rem; /* 2024-06-13 - 16px */
--font: calc(var(--font-nk) * var(--k-font)); 

/* Без учета множителя */
--rem9-nk: calc(var(--font-nk) * .9); 
--rem92-nk: calc(var(--font-nk) * .92); 
--rem105-nk: calc(var(--font-nk) * 1.063); 
--rem110-nk: calc(var(--font-nk) * 1.1); 
--rem120-nk: calc(var(--font-nk) * 1.2); 

--f14-nk: calc(var(--font-nk) * .875); 
--f22-nk: calc(var(--font-nk) * 1.375); 
--f26-nk: calc(var(--font-nk) * 1.625); 

/* С учетом множителя */
--rem82: calc(var(--font) * .825); /* 13.2px */
--rem84: calc(var(--font) * .84); /* 13.44px */
--rem85: calc(var(--font) * .85); /* 13.6px */
--rem9: calc(var(--font) * .9); /* 14.4px */
--rem95: calc(var(--font) * .95); /* 15.2px */
--rem96: calc(var(--font) * .96); /* 15.36 */
--rem97: calc(var(--font) * .97); /* 15.52 */
--rem105: calc(var(--font) * 1.063); /* 17px = var(--f17) */
--rem110: calc(var(--font) * 1.1); /* 17.6px */
--rem120: calc(var(--font) * 1.2); /* 19.2px */
--rem135: calc(var(--font) * 1.35); /* 21.6px */

--f5: calc(var(--font) * .2755); /* 4.5px */
--f6: calc(var(--font) * .375); /* 6px */ 
--f7: calc(var(--font) * .4375); /* 7px */ 
--f8: calc(var(--font) * .5); /* 8px */ 
--f9: calc(var(--font) * .5625); /* 9px */ 
--f10: calc(var(--font) * .625); /* 10px */
--f11: calc(var(--font) * .6875); /* 11px */
--f12: calc(var(--font) * .75); /* 12px */
--f13: calc(var(--font) * .8125); /* 13px */
--f14: calc(var(--font) * .875); /* 14px */
--f15: calc(var(--font) * .9375); /* 15px */
--f16: var(--font); /* 16px */	
--f17: calc(var(--font) * 1.063); /* 17px = var(--rem105) */
--f18: calc(var(--font) * 1.125); /* 18px */
--f20: calc(var(--font) * 1.25); /* 20px */
--f22: calc(var(--font) * 1.375); /* 22px */
--f24: calc(var(--font) * 1.5); /* 24px */
--f26: calc(var(--font) * 1.625); /* 26px */
--f29: calc(var(--font) * 1.8125); /* 29px */
--f32: calc(var(--font) * 2.0); /* 32px */

/* Заголовки */
--f-bebas: calc(var(--font) * 1.5); /* 24px */
--f-verdana: var(--font); /* 16px */


/* VIEWPORT - видимая область экрана (100vw учитывает скролл) */
--w-100: calc(100vw - var(--scroll)); 
--scroll: 17px; 

/* Ширина контента (с учетом полей) */
--content-100: calc(var(--w-100) - 2 * (var(--w-padd)));
--w-76: 76%; 
--content: var(--w-76); 
--aside: calc(100% - var(--w-76)); /* 24% (100% - 76%) */
--w-75: 75%; 
--w-70: 70%; 

--w-55: 52%; /* 55% */
--w-45: calc(100% - var(--w-55)); 
--w-coord: min(700px, 100%);


/* Поля, Отступы, Табуляция */

/* Поле страницы - 48px */
--w-padd: var(--48px); 
--w-marg: var(--48px); 

/* Табуляция - 36px */
--tab: var(--36px); /* max(var(--36px), 20px) */
--w-tab: var(--36px);

/* Поля/Отступы */
--padd: 7px;
--padd7: var(--padd); /* 7px */
--padd8: max(var(--8px), var(--padd)); /* 7-8px */
--par: max(var(--10px), var(--padd)); /* 7-10px */
--padd10: var(--par);


/* H1-H6 */
/* --H1: var(--104px); /* 104px = 152 - 48 = 8 * 13 */
/* --H1: calc(var(--w-padd) * 2); */ /* 96px */	
--H1: calc(var(--w-padd) * 2 + var(--padd)); /* 103px = 48 * 2 + 7 */
--H3: calc(var(--tab) + var(--padd)); /* NEW */

--top-H1: var(--6vh); 
--top-H2: var(--5vh);
--top-H3: var(--5vh); /* 4vh / 5vh */
--top-H4: var(--3vh); /* 2vh / 3vh */
--top-H5: var(--2vh); /* 2vh */ 
--top-H6: var(--1vh); 

--bott-H3: var(--2vh); 

--h-H1: var(--2vh); 
--h-H2: calc(var(--1vh) * 1.5); 
--h-H3: var(--1vh); 

/* PIC */
--top-pic: var(--4vh); 

/* LIR-POEM */
--w-lir: var(--tab); /* - var(--par)); */
--w-poem: calc(var(--w-padd) + var(--tab)); /* calc(var(--w-padd) + var(--tab) - var(--par)) */
--w-lir-H1: calc(var(--tab) - var(--padd));


/* Ширина блока картинок (без полей и отступа - по ширине текста) */
--pic-w100: calc(100% - 2 * var(--w-padd)); /* calc(100% - 2 * (var(--tab) - var(--w-padd))); */

/* Стандартный отступ вокруг картинки */
--pic-marg: calc(2 * var(--tab)); /* 2 * 36px */
--pic-padd: calc(2 * var(--padd)); /* 2 * 7px */


/* aspect-ratio */
--k43: calc(4 / 3); 
--k34: calc(3 / 4); 

--k54: calc(5 / 4); 
--k45: calc(4 / 5);

--k85: calc(8 / 5); 
--k58: calc(5 / 8);

--k57: calc(5 / 7); 
--k75: calc(7 / 5); 

--k32: calc(3 / 2); 
--k23: calc(2 / 3); 

/* Комбинация картинок разных пропорций */
/* k1 - высота к ширине 1-й картинки (обратный к) */
/* k2 - ширина к высоте 2-й картинки */
/* Формулы вида:
OLD
--k1-WH-WH: calc(1 / (1 + var(k1HW) * var(k2WH)));
--k2-WH-WH: calc(var(k1HW) * var(k2WH) / (1 + var(k1HW) * var(k2WH)));
NEW
--k1-W1H1-W2H2: calc(W1 * H2 / (W1 * H2 + H1 * W2));
--k2-W1H1-W2H2: calc(H1 * W2 / (H1 * W2 + W1 * H2));
*/

/* Общая формула расчета пропорций картинок */
/* 
--asp01: calc(var(--aW1) * var(--aH2));
--asp02: calc(var(--aH1) * var(--aW2));
--aspect01: calc(var(--asp01) / (var(--asp01) + var(--asp02)));
--aspect02: calc(var(--asp02) / (var(--asp01) + var(--asp02))); */
/* --aspect01: calc(var(--aW1) * var(--aH2) / (var(--aW1) * var(--aH2) + var(--aH1) * var(--aW2)));
--aspect02: calc(var(--aH1) * var(--aW2) / (var(--aW1) * var(--aH2) + var(--aH1) * var(--aW2))); */

/* Примеры старой верстки пропорций картинок */
/* 4:3 / 3:4 */
/* --k1-43-34: calc(1 / (1 + var(--k34) * var(--k34)));
--k2-43-34: calc(var(--k34) * var(--k34) / (1 + var(--k34) * var(--k34))); */
--k1-43-34: calc(4 * 4 / (4 * 4 + 3 * 3));
--k2-43-34: calc(3 * 3 / (4 * 4 + 3 * 3)); 

/* 3:4 / 4:3 */
/* --k1-34-43: calc(1 / (1 + var(--k43) * var(--k43)));
--k2-34-43: calc(var(--k43) * var(--k43) / (1 + var(--k43) * var(--k43))); */
--k1-34-43: calc(3 * 3 / (3 * 3 + 4 * 4));
--k2-34-43: calc(4 * 4 / (4 * 4 + 3 * 3));

/* 
--max-width: max-width; 
--max-height: max-height; 
--aspect: calc(--max-width / --max-height);
 */


/* БАЗОВЫЙ ФОН */
/* --back06-09: linear-gradient(rgba(240, 240, 240, .6), rgba(240, 240, 240, .9)); */
--back01-08-10: linear-gradient(rgba(240, 240, 240, .1), rgba(240, 240, 240, .8) 20%, rgb(240, 240, 240) 60%); 
--back05-08-10: linear-gradient(rgba(240, 240, 240, .5), rgba(240, 240, 240, .8) 20%, rgb(240, 240, 240) 60%); 
--back06-09-10: linear-gradient(rgba(240, 240, 240, .6), rgba(240, 240, 240, .9) 20%, rgb(240, 240, 240) 60%); 

--back03-08: linear-gradient(rgba(240, 240, 240, .3), rgba(240, 240, 240, .8)); 
--back04-08: linear-gradient(rgba(240, 240, 240, .4), rgba(240, 240, 240, .8)); 
--back05-09: linear-gradient(rgba(240, 240, 240, .5), rgba(240, 240, 240, .9)); 
--back06-09: linear-gradient(rgba(240, 240, 240, .6), rgba(240, 240, 240, .9)); 

--back01: rgba(240, 240, 240, .1); 
--back02: rgba(240, 240, 240, .2); 
--back03: rgba(240, 240, 240, .3); 
--back04: rgba(240, 240, 240, .4); 
--back05: rgba(240, 240, 240, .5); 
--back06: rgba(240, 240, 240, .6); 
--back07: rgba(240, 240, 240, .7); 
--back08: rgba(240, 240, 240, .8); 
--back09: rgba(240, 240, 240, .9); 
--back10: rgb(240, 240, 240); 


/* ЦВЕТА */
/* Общий фон */
--col-back: #f0f0f0; /* светло-серый (основной фон) */
--col-back0: #fafafa; /* светло-светло-серый (фон) */

/* Меню */
--col-dgray: #4f4f4a; /* общий тёмно-серый */
--col-menu: var(--col-dgray); /* #4f4f4a - тёмный дымчато-серый (фон меню) */
--col-menu02: #302e30; /* более тёмный дымчато-серый (фон меню) */
--col-menu03: #202022; /* тёмный-тёмный дымчато-серый (фон меню) */

/* Текст */
--col-gray: #66645b; /* общий тёмно-серый с желта */
--col-h: #656660; /* тёмно-серый (заголовки, стихи) / #666 (#555 - темнее) / замена на серый с зелена - #666660 */
--col-comm: var(--col-gray); /* серый с синя (комменты, сноски) - #666469 / замена на общий серый - #66645b */
--col-lgray: #797A6E; /* #777 серый / #797A6E - с желта (даты) */
--col-dir: #313c34; /* серо-зелёный (прямая речь) */
--col-mark: #6b8c75; /* дымчато-зелёный (маркеры, надписи кнопок) */
--col-mark02: #788C7E; /* дымчато-зелёный (маркеры, надписи кнопок) */

/* --col-green: #7d9985; /* общий дымчато-зелёный */
--col-green: #85998B; /* общий дымчато-зелёный */
--col-green01: #7fa48a; /* общий светло-дымчато-зелёный */
--col-green02: #9ab4a0; /* светлый-светлый дымчато-зелёный */
--col-green03: #abc8b2; /* дымчато-зелёный (logo) */
--col-logo: var(--col-green03); /* #abc8b2 - дымчато-зелёный (logo) */

/* Кнопки, фон кнопок */
--col-butt: #908f87; /* серый (фон кнопок) */
--col-back00: #908f8712; /* прозрачность 7% (#12) */
--col-back01: #908f871f; /* прозрачность 15% (#26) / 12% (#1f) */
--col-back02: #908f8740; /* прозрачность 25% (#40) */

--col-butt04: #A0A092; /* серый светлей+ (фон кнопок) */
--col-butt01: #aeada3; /* серый светлей++ (фон кнопок) */
--col-butt03: #a9b0a7; /* серый с зелена (фон кнопок) */

--col-butt02: #9bb094; /* дымчато-зелёный (фон кнопок) */
--col-back03: #9bb09426; /* прозрачность 15% (#26) */

/* Тени */
--col-shad01: #48665180; /* прозрачность 50% (#80) */
--col-shad02: #6b8c7580; /* прозрачность 50% (#80) */
--col-shad03: #6b8c75b3; /* прозрачность 70% (#b3) */ 

/* Прочие */
--col-bordo: #ae0000; /* общий бордо (модерация, скрытый) */
--col-line: #ffffff66; /* линия меню (белый, 40% прозрачности) */
--col-line02: #ffffff80; /* линия меню (белый, 50% прозрачности) */

--col-dblue01: #285aaa; /* темно-синий */
--col-dblue02: #355c96; /* темно-синий */
}


/* Адаптивные условия (ROOT) */
/* pointer - указатель основного устройства ввода (none - нет устройства ввода, coarse - малая точность указателя) */

/* Множитель размера шрифта для мобильных */
@media screen and (max-width: 1200px) and (min-width: 801px)/* and (hover: none) and (pointer: coarse)*/ {
/*:not(:is([class], [class*=coord], [class*=note]) *)*/:root {
--k-font: 1.3; /* 1.25 */
}
}
@media screen and (max-width: 800px) and (min-width: 481px) {
:root/* :not(#basic *) */ {
--k-font: 1.35; /* 1.25 */
/* Должно работать, но не работает (1.35 все равно перебивает 1.2) */
.header, .header *, 
.logo-link, .show-menu, .show-search {
/* --k-font: 1.2 !important; */
}
.butt-name {
/* --k-font: 1.05; /* 1.1 */
/* font-size: var(--font); */ 
}
}
/* не работают связки [свойство]:root, :root [свойство], :root {[свойство]} */
/* :not(#basic *):root */
/* :root {
#base {
--k-font: 1.1; 
}
} */
}
@media screen and (max-width: 480px) {
:root {
--k-font: 1.25; /* 1.25 */
}
}
@media screen and (hover: none) and (pointer: none) {
:root {
/* --k-font: 1.1; */
}
}


@media screen and (max-width: 900px) {
:root {
/* VH */
/* vmin - рассчитывается относительно минимального значения высоты/ширины вьюпорта */
/* --vh: calc(1vmin * var(--k-font)); /* 1vmin; */
/* --1vh: calc(1vmin * var(--k-font));  /* 1vmin; */
/* --2vh: calc(2vmin * var(--k-font)); /* 2vmin; */
/* --3vh: calc(3vmin * var(--k-font));  /* 3vmin; */
/* --4vh: calc(4vmin * var(--k-font));  /* 4vmin; */
/* --5vh: calc(5vmin * var(--k-font)); /* 5vmin; */
/* --6vh: calc(6vmin * var(--k-font)); /* 6vmin; */

/* --vh: 1vmax; 
--1vh: 1vmax; 
--2vh: 2vmax; 
--3vh: 3vmax; 
--4vh: 4vmax; 
--5vh: 5vmax; 
--6vh: 6vmax; */

/* H1-H6 */
/* --top-H1: 4vmin; 
--top-H2: 3vmin; 
--top-H3: 2.4vmin; 
--top-H4: 2vmin; 
--bott-H3: 2vmin; */

--w-75: 70%; 
}
}

/* ----- */



/* -------------------------------------------- */
/* БАЗОВЫЕ ЭЛЕМЕНТЫ (ГЛОБАЛЬНЫЕ БЛОКИ СТРАНИЦЫ) */
/* -------------------------------------------- */

/* HTML */
html {}

#head {display: none}

/* BOX-SIZING */
/* content-box - width и height не включают отступы/поля/границы */
/* border-box - width и height включают поля (padding) и границы (border), но не включают отступы (margin) */
* {box-sizing: border-box} /* глобальная настройка. не трогать! */


/* BODY */
/* WHERE - Сброс специфичности стилей браузеров (заголовки, отступы, поля) */
/* По умолчанию у Body по периметру поле 8px */
/* body:where(*) */
body {
width: 100%; 
max-width: 100%; 
height: 100%; 
min-height: 100%; 
margin: 0; 
padding: 0; 
scroll-behavior: smooth; 
}

/* ОТСЛЕЖИВАНИЕ ОШИБОК (красная рамка блоков) */
/* все блоки сайта, страница по id */
body *, .page-id-XXXX * {
/* border: 1px solid red; */
}

/* Адаптивные условия (BODY) */
@media screen and (max-width: 1920px) {body {max-width: 1920px}}
@media screen and (max-width: 1280px) {body {max-width: 1280px}}
@media screen and (max-width: 1200px) {body {max-width: 1200px}}
@media screen and (max-width: 1024px) {body {max-width: 1024px}}
@media screen and (max-width: 900px) {body {max-width: 900px}}
@media screen and (max-width: 800px) {body {max-width: 800px}}
@media screen and (max-width: 700px) {body {max-width: 700px}}
@media screen and (max-width: 600px) {body {max-width: 600px}}
@media screen and (max-width: 480px) {body {max-width: 480px}}
@media screen and (max-width: 360px) {body {max-width: 360px}}

/* m - Адаптивный размер окна */
/* @viewport {width: device-width} /* ; zoom: 1 */


/* #BASE - id для body сайта */
/* #BASIC - id для body advent */
/* #ADVENT - замена #BASE/#BASIC (устранение конфликта css сайта и файла) */
#base {
font-family: Roboto; 
font-size: var(--font); 
font-style: normal; 
letter-spacing: 0.01rem; /* 0.015rem */ 
word-spacing: 0.05rem; 
color: var(--col-menu02); 
}


/* Фон - Главная + Обо */
#base:is(.home, .page-id-73/*, [class*=id-699], .category-news, .category-blog*/) {
background: var(--back04-08), url(/css/Back/mainFV_16.jpg) no-repeat fixed; 
background-position-x: right; 
background-size: cover; 
}

/* ФОН (Страницы) */
#base {
/* background: var(--col-back0); */
background: var(--back06-09), url(/css/Back/mainFV_16.jpg) no-repeat fixed; /* var(--back06-09) */
background-position-x: right; 
background-size: cover; 
/* transition: background 0.7s ease-in-out; */
transition: background-size 0.7s ease-in-out; 
}

/* Фон - Way */
#base:is(.page-id-77) {
/* background: linear-gradient(var(--back03), var(--back08)), url(/css/Back/ikra23.jpg) no-repeat fixed; */
background: var(--back03-08), url(/css/Back/ikra23.jpg) no-repeat fixed; 
background-position-x: right; 
background-size: cover; 
}

/* Фон - Ikra */
#base:is(/*.parent-pageid-77,*/
.page-id-353, .page-id-354, .page-id-355, .page-id-356) {
/* background: linear-gradient(var(--back05), var(--back08) 20%, var(--back10) 60%), url(/css/Back/ikra20.jpg) no-repeat fixed; */
background: var(--back05-08-10), url(/css/Back/ikra23.jpg) no-repeat fixed; 
background-position-x: right; 
background-size: cover; 
}

/* Фон - Cuba */
#base:is(.page-id-306, .page-id-334, .page-id-340, .page-id-347) {
background: var(--back05-08-10), url(/css/Back/cuba24.jpg) no-repeat fixed; 
/* background: var(--back01-08-10), url(/css/Back/cuba25.jpg) no-repeat fixed; */
background-position-x: right; 
background-size: cover; 
}

/* Фон без картинки (Материалы/Публикации) */
#base:is(.category-publ/*, .single, .archive*/) {
/* background-image: linear-gradient(rgba(240, 240, 240, .5), rgba(240, 240, 240, .8)) no-repeat fixed; */
background: var(--back06-09-10); 
}

#base > .cont-wrap {
/* height: 100vh; */
/* min-height: 100vh; */
/* min-height: calc(100vh - 51px) */
} 


/* Адаптивные условия (BASE) */
@media screen and (min-width: 1281px) {
#base, #base:is(.home, .page-id-73, [class*=id-699], .category-news, .category-blog) {
background-size: max(65vw); 
/* background-position-x: 90%; 
background-position-y: max(var(--64px), var(--4vh)); */ 
}
}
	
@media screen and (max-width: 1024px) {
#base, #base:is(.home, .page-id-73, [class*=id-699], .category-news, .category-blog) {
background-size: max(90vw, 75vh); /* 80vh */
background-position-x: 90%; 
background-position-y: max(var(--64px), var(--4vh)); 
}
}

@media screen and (max-width: 900px) {
#base.home {
/* background-size: max(70vw, 60vh); 
background-position-y: 20%; */
}
/* Без фоновой картинки на всех страницах менее 900px */
#base {
background-image: var(--back06-09-10) !important; 
}
/* Без фоновой картинки для определенных страницы (отключено) */
/* 73-Ovo, 77-Way, 601-Графика, 83-Глаголы, 32-Вирши, 86-Музыка */
#base:is(.category-publ, .single, .archive,  
[class*=id-73], [class*=id-77], [class*=id-601], [class*=id-83], [class*=id-32], [class*=id-86]) { 
/* background-image: var(--back06-09-10); */
}

#base > .cont-wrap {
min-height: calc(100vh - 80px);  
/* height: calc(100vh - 80px); */
} 
}

@media screen and (max-width: 600px) {
/* #base {background-size: 80vh}; */
#base/*:is(.home, .page-id-73, [class*=id-699], .category-news, .category-blog)*/ {
background-image: var(--back06-09-10); 
}
}

@media screen and (max-width: 480px) {
#base {
background-image: var(--back06-09-10); 
}
}


/* HEADER (Закрепленное меню) */
header.container {
height: 100%; 
padding: 0 var(--20px); 
}

.header {
width: 100%; 
max-width: 100%; 
height: var(--header); /* 70px */
/* background: var(--col-dgray); */
position: fixed; 
z-index: 10; 
left: 0; 
top: 0; 
letter-spacing: normal; 
} 

.header div {max-width: 100%}


/* LOGO (Header) */
.logo-wrap {
-ms-flex-positive: 1; flex-grow: 1; 
width: 20%; 
padding-right: var(--15px); 
}
.logo-link { /* перенесено в шрифты */
text-transform: uppercase; 
}


/* FOOTER */
.footer {
width: 100%; 
max-width: 100%; 
min-height: var(--footer); /* 80px */
/* margin-top: 6vh; */ /* перенести отступ от контента до футера в настройки контента */
padding: 10px 3vw; 
font-size: var(--f14); 
} 

/* .footer .cont-wrap, */
.footer-wrap {
max-width: 1170px; 
margin: 0 auto; 
display: flex; display: -ms-flexbox; 
-ms-flex-align: center; align-items: center; 
-ms-flex-pack: justify; 
justify-content: space-between; 
}

/* Счетчик LiveInternet */
.live-count {
width: 25px; 
height: 25px; 
aspect-ratio: 1/1; 
margin-right: 15px; 
}

.footer-left {
display: flex; 
align-items: center; 
} 
.footer-right {margin-right: 64px} /* margin-right: 8% / margin: 0 70px 0 */


/* SOCIAL */
.soc-block {
display: flex; 
justify-content: center; 
}
.soc-block a {
width: 50px; 
height: 50px; 
margin: 4px; 
display: inline-flex; display: -ms-inline-flexbox; 
-ms-flex-align: center; align-items: center; -ms-flex-pack: center; 
justify-content: center; 
-webkit-clip-path: polygon(0 50%,50% 0,100% 50%,50% 100%); 
clip-path: polygon(0 50%,50% 0,100% 50%,50% 100%); 
font-size: var(--f16); 
} 

/* Кинопоиск (вместо подменного circle-xmark) */
.fa-kp {
/* display: block; 
width: 20px; height: 20px; 
background: url("/css/kp_old_02_wht.svg") no-repeat; */
}
.fa-kp:before {
/* content: ""; 
background: url("/css/kp_22_wht.png") no-repeat; */
content: url("/css/kp_22.svg") !important;
/* display: block; 
width: 22px; */
height: 22px; 
}

/* Подмена стандартного значка circle-xmark на значок Кинопоиск */
.fa-circle-xmark:before {
/* content: url("/css/kp_20_wht.png") !important; */
/* content: url("/css/kp_22_wht.png") !important; */
content: url("/css/kp_22.svg") !important;
/* position: relative; 
top: 2px; */
/* display: block; */
/* width: 22px; /* var(--20px); */
height: 22px; 
}


/* Адаптивные условия (footer) */
@media screen and (max-width: 800px) {
/* .footer .cont-wrap, */
.footer-wrap {
display: block; 
width: max-content; 
/* min-width: 320px; */
/* min-width: 360px; */
text-align: center; 
} 
.live-count {display: none} /* width: 1px; height: 1px; */
.footer-left {margin-bottom: 12px; text-align: center}
.footer-right {margin: 0 auto}
.soc-block a {
width: 40px; 
height: 40px; 
font-size: var(--rem120-nk); 
clip-path: none; 
}
.brand {display: none}
}

@media screen and (max-width: 600px) {.soc-block a {margin: 4px var(--6px)}; }

@media screen and (max-width: 480px) {
/* .footer .cont-wrap, */
.footer-wrap {
/* margin: 0; */
margin-left: var(--tab); 
padding: 0; 
}
.footer-left {margin: 0 0 4px}
.footer-right {margin: 0}
.soc-block {justify-content: left}
.soc-block a {
margin: 4px var(--6px); 
width: calc(100% / 5);
}
}

@media screen and (max-width: 360px) {
.soc-block a {width: 40px}
}


/* PROMO (блок на Главной) */
.promo {
width: 100%; 
overflow: hidden; 
display: -ms-flexbox; display: flex; 
-ms-flex-align: center; align-items: center; -ms-flex-pack: center; 
justify-content: center
}
.promo > .container {
width: 100%; 
/* margin: 10px 0; */
/* padding: 0 var(--20px); */
margin: 0; 
padding: 0; 
}
.promo_content {
display: flex; display: -ms-flexbox; 
width: 500px; 
height: 500px; 
margin-top: var(--top-H3); 
background: #111108ba; 
/* background: var(--col-menu03); 
background: var(--col-dgray); 
background: #111108ba; */
-webkit-clip-path: polygon(0 50%,50% 0,100% 50%,50% 100%); 
clip-path: polygon(0 50%,50% 0,100% 50%,50% 100%); 
} 

.prom_align {width: 60%; margin: auto}
.prom_align hr {
width: 76px; 
border: 1px solid white; 
margin: 20px auto; 
}
.prom_align h2 { /* перенесено в шрифты */
/* font-family: Bebas Neue; 
font-size: var(--f29); /* 1.8125rem; */
/* line-height: 1.14; 
text-transform: uppercase; */
margin: 0; 
}
.prom_align h2, .prom_align p {
color: white; 
font-weight: 400; 
text-align: center; 
}
.prom_align p {
margin: 0 auto; 
font-size: var(--f14); /* var(--f13); */
line-height: 1.5; 
} 

.intro {
width: 100%; 
margin: var(--top-H3) 0; 
/* padding: 0 var(--20px); */
}
.intro p {
margin: 0 var(--tab); /* var(--padd) var(--tab); */
padding: 0 var(--par); 
text-indent: 0; 
}


/* ВЫВОД МАТЕРИАЛОВ В КАТЕГОРИИ (THE_CONTENT, THE_EXCERPT) */
/* Подмена стандартного заголовка в THE_CONTENT */
:is(.the-content, .the-cat, .cat-content) :is(h1, h2, h3, h4, h5, [class*=epig]) {display: none}
:is(.the-content, .the-cat, .cat-content) div {display: block}
:is(.the-content, .the-cat, .cat-content) [class*=flex] div {
width: auto; 
margin-right: 0; 
}
:is(.the-content, .the-cat, .cat-content) [class*=lir] {
width: 100%; 
/* padding-left: var(--tab); */
padding-left: 0; 
padding-right: 0; 
}

/* Вывод подзаголовка в категориях */
.the-sub :not([class*=sub]) {display: none}

/* Сокрытие ненужных блоков в кратком содержании (в списке категорий) */
.entry .entry-none {display: none}

/* Отображение преамбулы на 1-й и последующих страницах пагинации */
body:not([class*=paged]) .none-paged-select, 
body[class*=paged] .paged-select {display: none}


/* Адаптивные условия (THE_CONTENT, THE_EXCERPT) */
@media screen and (max-width: 1200px) {
:is(.the-content, .the-cat, .cat-content) [class*=flex] [class*=lir] {
margin-left: var(--tab) !important; 
margin-right: 0 !important;
padding: 0; 
}
}
@media screen and (max-width: 900px) {
/* :is(.the-content, .the-cat, .cat-content) [class*=flex] [class*=lir] {
margin-left: var(--w-padd); 
margin-right: 0 !important; 
} */
}
@media screen and (max-width: 480px) {
:is(.the-content, .the-cat, .cat-content) [class*=flex] [class*=lir] {margin: 0 !important}
}
/* ----- */



/* -------------------------------- */
/* БЛОЧНАЯ СИСТЕМА (ОБЩИЕ СВОЙСТВА) */
/* -------------------------------- */

#catmenu li.uWithSubmenu:hover > ul, article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {display: block}
audio, canvas, video {display: inline-block}
audio:not([controls]) {display: none; height: 0}
[hidden] {display: none}
.inner ul:not(.archUl) {text-align: center}
#blocks-ch-2 {text-align: left}



/* ------------------- */
/* ПОЛЯ СТРАНИЦЫ САЙТА */
/* ------------------- */

/* Общее поле (включая Header-Footer)  */
.cont-wrap {margin: 0 auto} /* #casing */


/* CASING, WRAPPER (Общее поле без Header-Footer) */
#casing {
height: 100%; 
min-height: calc(100vh - var(--footer)); /* высота без учета footer */
/* max-width: 1170px; */
position: relative; 
} 

.wrapper {
width: 100%; 
display: flex; display: -ms-flexbox; 
margin-bottom: var(--bott-H3); 
/* padding-top: 69px; */
} 

/* CONTENT */
/* Левое (основное) поле. Отступы внутри */
#content.wide-page {
/* width: auto; 
max-width: 100%; 
float: none; */
}
/* Полная ширина для advent */
.parent-pageid-77 #content {
width: 100%; 
max-width: 100%;
/* max-width: calc(100vh); */
}
/* Для широких экранов */
@media screen and (min-width: 1281px) {
/* .parent-pageid-77 #content {max-width: 100vh} */
/* .parent-pageid-77 #content {max-width: 70vw} */
#base/*:is(.home, .page-id-73, .page-id-77, [class*=id-699], .category-news, .category-blog)*/ #content {
max-width: max(70vw, 1200px)
}
.parent-pageid-77 #content {max-width: max(70vw, 1200px)}
}
#content {
width: var(--content); 
max-width: 1024px; 
padding: var(--header) var(--w-padd) 0; 
}
#content, aside {
/* -ms-flex-positive: 1; 
flex-grow: 1; */
}
#content #advent{
background: none; 
}

/* ASIDE */
/* Боковое поле. Отступы внутри */
aside {
width: var(--aside); 
max-width: 300px; 
padding: 60px 0; 
}

/* Ширина основного блока в Публикациях (Категории) */
#content.cat {width: 80%}
.sidebar {
position: relative; 
float: right; 
padding: 40px 0 70px; 
}	

/* БЛОК КОММЕНТАРИЕВ (встроенный) */
.comment-form-url {display: none}
[class*=comment]:is([class*=author], [class*=email]) label, 
label:is([for*=author], [for*=email]) {
display: inline-block; 
width: 60px;
}
  
/* Адаптивные условия (content) */
@media screen and (max-width: 900px) {#content.cat {width: 100%}}

/* ----- */



/* ------------- */
/* БАЗОВЫЕ СТИЛИ */
/* ------------- */

/* ЗАГОЛОВКИ (+ ПОДЗАГОЛОВКИ) */
h1, h2, h3, h4, h5, .title, 
:is(h1, h2, h3, h4) + :is(.sub-title, .loc, .date) {
/* font-family: Verdana; */
/* margin-top: var(--top-H1); /* унифицировано */
margin-bottom: var(--h-H3); /* унифицировано */
margin-left: var(--H3); 
margin-right: var(--w-padd); 
padding-left: var(--par); /* --padd */
padding-right: var(--par); /* --padd */
/* border: 1px solid red; */
} 

/* костыль для "схлопывания" margin заголовка внутри блока-родителя */
/* #advent_text > :is(h1, h2, h3, h4, h5):first-child { */
#advent_text > :is(h1, h2, h3, h4, h5):first-of-type {
margin-top: 0; 
padding-top: var(--top-H2); 
}
h1, h2 {
margin-top: var(--top-H1); 
}
h3 {
margin-top: var(--top-H3); 
} 
h4 {
margin-top: var(--top-H4); 
}
h5 {
/* margin-top: var(--top-H5); */
margin-top: var(--top-H6); 
margin-bottom: 0; 
}

/* Заголовки в координаторе */
[class*=coord] :is(h1, h2, h3, h4, h5, .title) {
margin-top: var(--padd); 
margin-bottom: var(--padd); 
}

/* Заголовки в категориях материалов */
[class*=post][class*=cat] :is(h2, h2 + :is(.sub-title, .loc, .date)) {
margin-left: var(--tab); 
}

/* ПОДЗАГОЛОВКИ */
.sub-title, .loc, .date {
margin-top: var(--top-H5); 
margin-bottom: var(--h-H3);
}


/* КОМБИНАЦИЯ ЗАГОЛОВКОВ */
h1 + h1, 
h1 + :is([id^=блок], [class*=часть], [class*=раздел], [class*=глава]) h1:first-child {
margin-top: var(--top-H5); 
} 
h1 + :is(h2, h3), 
h1 + :is([id^=блок], [class*=часть], [class*=раздел], [class*=глава]) > :is(h2, h3):first-child {
margin-top: var(--top-H5); 
} 
#advent h1 + :is(h2, h3), 
#advent h1 + :is([id^=блок], [class*=часть], [class*=раздел], [class*=глава]) > :is(h2, h3):first-child {
margin-top: var(--top-H1); 
} 
h2 + h2, 
/* h2:nth-of-type(2), */
h2 + [class*=ancor] + h2, 
h2 + :is([id^=блок], [class*=часть], [class*=раздел], [class*=глава]) h2:first-child {
margin-top: calc(var(--top-H6) * (-1)) /* !important */; 
} 
h2 + :is(h3/*, h4, h5*/), 
h2 + [class*=ancor] + :is(h3, h4, h5), 
h2 + :is([id^=блок], [class*=часть], [class*=раздел], [class*=глава]) :is(h3/*, h4, h5*/):first-child, 
h2 + :is([id^=блок], [class*=часть], [class*=раздел], [class*=глава]) :is(h3/*, h4, h5*/):first-of-type {
margin-top: var(--top-H5); 
} 
h3 + :is(h4, h5), 
h3 + [class*=ancor] + :is(h4, h5) {
margin-top: calc(var(--top-H6) * (-1)); 
}
:is(h1, h2, h3, h4, h5) + :is(.sub-title, .loc, .date) {
margin-top: calc(var(--top-H6) * (-1)); 
}
h3 + h3 {
margin-top: 0; 
}
:is(h3, h4, h5) + [class*=epig] {
/* margin-top: -1%; */
}
:is(h3, h4, h5) + [class*=vert], 
:is(h3, h4, h5) + :is(.sub-title, .loc, .date) + [class*=vert] {
margin-top: var(--padd); 
}
.loc + :is(h1, h2, h3, h4) {
/* margin-top: 6vh; */
}
div[class*=pic] + :is(h1, h2, h3, h4, h5) {
/* margin-top: 30px; */ /* унифицировано с прочими заголовками */
}


/* Адаптивные условия (Заголовки) */
@media screen and (max-width: 800px) {
h1, h2, h3, h4, h5, .title, 
:is(h1, h2, h3, h4, h5) + :is(.sub-title, .loc, .date) {
margin-left: var(--tab); 
} 
}

@media screen and (max-width: 480px) {
h1, h2, h3, h4, h5, .title, 
:is(h1, h2, h3, h4, h5) + :is(.sub-title, .loc, .date) {
margin-left: var(--tab)/* !important */; 
}
}


/* СТРОЧНЫЕ ЭЛЕМЕНТЫ, ССЫЛКИ, КУРСИВ, ЖИРНЫЙ */

/* Строчные элементы */
span:not(.segoescr, .bar, .sub-index, .red, .bordo, .mirr, .page-numbers) {
/* margin: 0 !important; */
font-size: inherit; 
/* line-height: initial !important; */
line-height: inherit; 
}


/* ССЫЛКИ */
a, a:is(:hover, :active, :focus) {
text-decoration: none; 
outline: 0; 
}
a {transition: .2s ease-in-out}
a:is(:hover, :active, :focus) {transition: .5s ease-in-out}
/* a:is(:hover, :active, :focus) {outline: 0} */

/* ЯКОРЬ (ANCOR) */
.ancor {
/* display: none; */
position: relative; 
}
.ancor :is([id*=якорь], [id*=ancor]) {
position: absolute;
display: block;
top: calc(var(--ancor) * (-1)); 
/* top: -100px; */
}

a:is([id*=якорь], [id*=ancor]) {
/* display: inline-block */
}
:is([id*=якорь], [id*=ancor]):before {
/* display: block; 
content: ""; 
height: var(--ancor); 
margin: calc(var(--ancor) * (-1)) 0 0; */
}


/* КУРСИВ (Italic) */
h1, h2, h3, h4, h5, header * {font-style: normal}
/* :not(header, [class*=menu], [class*=Menu]) :is(ol, ul), */
:is(ol, ul):not([class*=Menu]), 
#advent :is([class*=lir], [class*=lir] p, .poem, .poem p), 
.dir, .din, .quot, .cite, 
/* [class*=dir], [class*=din], [class*=quot],[class*=cite], */ /* мешает, когда надо временно отключить класс добавив дефис в конце */ 
/* p.comm, p[class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm]), */
.logo, 
.sub-title, .loc, .date,
:is([class*=pic], .modula-galery, .video) p:not(.description) {font-style: italic}
#advent b {/* font-style: italic */}
.rem {font-style: normal}
li::marker, li:before {font-style: normal}


/* ЖИРНЫЙ ШРИФТ (Bold) */
h1, h2, h3, h4, h5 {font-weight: normal} /* для Bebas */				 
.moder, .cross, 
.logo a, 
li::marker, li:before {font-weight: bold}
.f16, .f17, .f18, .f19, .f20, .f22, .f24, .f26 {font-weight: bold}


/* ВЫДЕЛЕНИЕ (Bold, Italic) */
/* Пока свойства объединены и унифицированы */
/* Лучше дополнительно добавлять it (???) */
.bck, .cifer {
font-style: italic; 
font-weight: normal; 
}
span:is(.bck, .cifer) {/* font-style: italic */}
b:is(.bck, .cifer) {/* font-style: normal */}
span:is(.bck, .cifer) {/* font-weight: normal */}
b:is(.bck, .cifer) {/* font-weight: normal */} /* !important */

/* Регистр символов (заглавные-прописные) */
.low-case {text-transform: lowercase}
.none-case {text-transform: none}
.cap-case {text-transform: capitalize}

/* ----- */



/* ПОЛЯ, ОТСТУПЫ, ТАБУЛЯЦИЯ, ИНТЕРВАЛЫ (БЛОКИ, ПАРАГРАФЫ, АБЗАЦЫ) */

/* Вертикальные поля */
p:not(
[class], div[class*=epig] p, .intro p, 
.quot p, .din p, .quot + .rem, .din + .rem, 
[class*=lir] p, .poem p, 
div[class*=pic] p, .video p, 
.logo, .note p[id^=n], .note p), 
div.din, p.din, 
:is(p.comm, p[class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-)):not([class*=vert]), 
.logo p {
/* margin: var(--padd) 0; /* 7-10px */
margin-top: var(--padd); /* 7-10px */
margin-bottom: var(--padd); /* 7-10px */
}

/* Отступы вокруг */
h6, p:not(
:is([class*=epig], .intro, 
.quot, .din, 
[class*=lir], .poem) p, 
div[class*=pic], .modula-galery, .video,  
.logo, .note p[id^=n]), 
p:is(.din, .comm, [class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-)), 
.logo p, 
div:is(.din, .quot) {
padding-left: var(--par); /* --padd */ 
padding-right: var(--par); /* --padd */
}

/* Нулевой Отступ - 0 */
/* p:not([class*=din] p), */
/* #advent :is(ol, ul), */ .line {
/* padding: 0 var(--w-padd); */
padding: 0; 
} 


/* ТАБУЛЯЦИЯ / КРАСНАЯ СТРОКА - 36px (var(--tab)) */
p:not(
/* [class], */
.promo p, .intro p,  
div[class*=epig] p, p[class*=epig], 
.cite p, 
[class*=lir], [class*=lir] p, .poem, .poem p, 
div[class*=pic], [class*=pic] p, [class*=close]:not(.close-menu), 
.modula-galery p, div[class*=modula] p, 
.video p, 
.sub-title, .loc, .date, 
.logo, .logo p, 
.moder, 
/* [id*=advent_feet] p, */
[class*=block][class*=butt] p, 
[class*=comment], 
[id*=bread], [class*=bread]), 
.comm, [class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-), 
.quot, .din, .rem {
text-indent: var(--tab); 
}

/* Принудительная ТАБУЛЯЦИЯ */
.tab-par {text-indent: var(--par) !important} /* 10px */
.tab12, .tab-x1 {text-indent: var(--12px) !important}
.tab24, .tab-x2 {text-indent: var(--24px) !important}
.tab, .tab36, .tab-x3 {text-indent: var(--tab) !important} /* var(--36px) */
.tab48, .tab-x4 {text-indent: var(--48px) !important}
.tab60, .tab-x5 {text-indent: var(--60px) !important}
.tab72, .tab-x6 {text-indent: var(--72px) !important}
.tab84, .tab-x7 {text-indent: var(--84px) !important}
.tab96, .tab-x8 {text-indent: var(--96px) !important}

/* БЕЗ ТАБУЛЯЦИИ (перенесен на ПОЛЯ) */
[id*=advent_feet] *, h1, h2, h3, h4, h5, 
#advent :is(ol, ul), 
div[class*=epig] p, p[class*=epig], 
div[class=pic], [class*=pic] p, [class*=close]:not(.close-menu), 
.video p, 
.sub-title, .loc, .date, 
.logo, .logo p, 
.cite, .cite p, 
[class*=lir], [class*=lir] p, .poem, .poem p {text-indent: 0} /* !important */

/* Принудительная отмена ТАБУЛЯЦИИ, поле - 48px (см. аналог - lmarg) */
.notab, .nontab {margin-left: var(--w-padd) !important; text-indent: 0 !important}


/* МЕЖСТРОЧНЫЙ ИНТЕРВАЛ (по умолчанию в браузере - 1.25), на сайте 1.7 */
h1, h2, h3, h4, h5, h6, 
:is(ol, ul), p, :is(:not(body).tag, .tags, [class*=bread]) a {line-height: 1.7} 
:is([class*=butt], [class*=turn]) a {line-height: 1.4} 
.more-link {line-height: 1.7}
.page-numbers {line-height: 1.4} 
[class*=epig] p, .logo {line-height: 1.5}

/* Адаптивные условия (line-height) */
@media screen and (max-width: 900px) {.din p {line-height: 1.6}}

/* ----- */



/* --------------- */
/* ОСНОВНЫЕ КЛАССЫ */
/* --------------- */


/* ЭПИГРАФ */
/* Эпиграф - общие свойства */
[class*=epig]/*, */
/* div[class*=epig], p[class*=epig], */
/* :is([class*=lir], .poem) [class*=epig]*/ {
width: fit-content; 
margin-top: calc(var(--padd) * 3); /* 21px */
margin-bottom: calc(var(--padd) * 3); /* 21px */
margin-left: auto;
margin-right: var(--tab); 
padding: 0 var(--par); 
/* border: 1px solid red; */
} 

/* Эпиграф с отступом */
.epig-h1, [class*=epig][class*=h1] {margin-left: var(--H3)}
.epig-152 {margin-left: var(--152px)}

/* Ширина эпиграфов */
[class*=epig]/*:not([class*=epig-])*/ {max-width: 420px} /* 400px */
[class*=epig-] {max-width: 100%}
:is([class*=lir], .poem) [class*=epig] {max-width: 250px}

/* Эпиграф - параграфы */
[class*=epig] p/*, p[class*=epig]*/ {
margin-top: 0; 
margin-bottom: 0; 
/* padding: 0 var(--par); */
}

/* АВТОР (можно в <div> через <p>, можно в <p> через <span>) */
.author {
display: inherit; 
margin: 0; 
text-align: right; 
}
[class*=epig] + p {margin-top: 0}

/* Адаптивные условия (эпиграф) */
@media screen and (max-width: 800px) {
div[class*=epig], p[class*=epig] {
/* width: auto; 
max-width: 100%; 
margin-left: var(--tab); 
margin-right: var(--tab); */
}
.epig-h1, [class*=epig][class*=h1] {
margin-left: var(--tab); 
}
}

@media screen and (max-width: 700px) {
/* :is(div[class*=epig], p[class*=epig]):not([class*=epig-]) */
[class*=epig]:not([class*=epig-]) {
/* width: auto; */
max-width: max(350px, 100%); 
/* margin-left: var(--H3); */
margin-left: var(--tab); 
/* margin-right: var(--tab); */
}
p[class*=epig]/* , div[class*=epig] p */ {/* margin-left: var(--H3) */}
}

@media screen and (max-width: 480px) {
[class*=epig], [class*=epig-] {
margin-left: var(--tab) !important; 
}
}


/* ПРЯМАЯ РЕЧЬ (din), ВНУТРЕННИЕ ДИАЛОГИ (dir) - 36px */
/* din - табуляция, dir - внутри абзаца */
.din p {margin: 0} 


/* ЦИТАТЫ, внешние диалоги */
/* quot - с красной строки, cite - многострочные без табуляции - 36px (h-padd) */
.quot, .cite {
/* margin: 12px 0 var(--padd); */
margin: var(--par) 0 var(--padd); 
}
.quot p {margin: 0} /* !important */
.cite, .cite p {margin-left: var(--tab)}


/* КОММЕНТАРИИ */
/* Глава-коммент (наследует базовые свойства параграфа - интервалы + табуляция) */
/* Абзац-коммент с вертикальными полями - через доп-класс "comm vert" */ 
div.comm {}

/* Строчный коммент */
:is(p.comm, p[class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-)):not[class*=vert] {margin: 0} 
:is(.comm, [class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-)):before {
/* content: ""; 
width: 1px; 
height: 100%; 
float: left; 
margin-right: 10px; 
background: var(--col-gray); */
}

/* Увеличенный текст (цитаты, комменты, выделенные мысли) */
:is(.quot, .quot p, .cite, .cite p, .comm, .comm p, 
[class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-), 
[class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-) p):is([class*=big], [class*=large]) {}


/* Ремарки в скобках */
p.rem, div.din > p.rem {margin: 0}
p + .rem {margin-top: calc(var(--padd) * (-1));} /* -4px */
:is(div.quot, div.din) + .rem {margin-top: 2px}

/* Логическая отбивка сцен многоточием */
/* <p class="rem">.........</p> */


/* ЛОГО - 36/84px (поле, без табуляции) */
.logo {margin: var(--top-H1) var(--24px) var(--top-H3) var(--tab)}
.feet-left .logo {margin: var(--top-H2) var(--24px) var(--top-H2) var(--tab)}

/* Адаптивные условия (лого) */
@media screen and (max-width: 900px) {
.logo {/* margin-top: var(--top-H1) */}
}

/* COPY (COPYRIGHT) */
/* Подпись в тексте */
.copy, .copy a {
margin: var(--top-H3) 1vw 3vw; 
/* margin: 1vw 1vw 3vw; */
font-style: italic; 
text-align: right; 
}
.copy img {box-shadow: none}
/* Подпись в футере */
footer :is(.copy, .copy a) {
margin: 0; 
padding: 0; 
font-style: normal; 
text-align: left; 
}

/* ДЕТАЛИ: ДАТА, ТЭГИ, ПРОСМОТРЫ (под материалом) */
.details {margin: var(--top-H3) 0}

.date, :not(body).tag, .tags {
margin-left: var(--tab); 
padding-left: var(--par); 
padding-right: var(--par); 
}

.bread {
margin-top: var(--top-H2); /* H1 */
margin-left: var(--tab); 
}

/* ----- */



/* ----------------- */
/* СТИХИ (lir, poem) */
/* ----------------- */

/* lir - фрагменты стихов, цитаты из стихов, отдельные строчки. Табуляция слева (36px) */
/* lir-XX - стихи с заданным отступом слева */
/* poem - полные стихотворения (увеличенный отступ слева) */
/* non-poem - нестихотворные блоки на страницах стихов */
/* Отступ мужду строфами <p> в размер пустой строки */
/* - var(--par) - компенсация отступа параграфа */ 

/* Стихи - общие свойства */
[class*=lir], .poem {
width: fit-content; 
min-width: min(350px, 100%); 
/* margin-top: max(var(--top-H3), 20px); */
/* margin-top: var(--top-H3); */
margin-top: var(--top-H6); 
margin-bottom: var(--h-H3); 
margin-right: var(--par); 
/* border: 1px solid red; */
} 
[class*=lir] {margin-left: var(--tab)} 
.poem {margin-left: var(--w-poem)} 

/* Отступы параграфа стиха */
/*:where*/:is([class*=lir], .poem) :not(
h1, h2, h3, h4, h5, b, 
a, a div,  
[class*=epig], [class*=epig] p, 
span:is([class*=author], [class*=bold], [class*=bck], [class*=cifer], [class*=it], [class*=red], [class*=bordo], [class*=mirr])) {
max-width: 100%; 
margin: 0; 
padding: var(--padd) var(--par); 
}

/* Стихи (flex) */
[class*=flex] :is([class*=lir], .poem) {
width: auto; 
max-width: max-content; 
height: min-content; 
/* margin-top: 0 /* !important; */
padding: 0; 
}
[class*=flex] :is([class*=lir], .poem):nth-child(n) {
/* min-width: calc(100% / 3); */
min-width: calc(100% / 2 - var(--w-padd) * 2); 
/* margin-left: var(--w-poem); /* calc(var(--w-padd) + var(--tab) - var(--par)); */
margin-right: var(--24px); 
}
[class*=flex] :is([class*=lir], .poem):nth-child(2n+1) {
/* margin-left: var(--w-poem); */
/* margin-right: var(--24px); */
}
[class*=flex] :is([class*=lir], .poem):nth-child(2n) {
/* margin-left: var(--24px); 
margin-right: var(--64px); */
}

/* Стихи в сносках */
.note :is([class*=lir], .poem) {
margin: 0; 
padding: 0 var(--tab); 
} 

/* Заголовок стиха */
:is([class*=lir], .poem) :is(h2, h3, h4, h5) {
/* margin-top: 0; */
margin-right: var(--par); 
}
[class*=lir] :is(h2, h3, h4, h5) {
margin-left: calc(var(--H3) - var(--tab)); 
}
:is(.poem, [class*=flex] :is([class*=lir], .poem)) :is(h2, h3, h4, h5) {
margin-left: calc(var(--w-padd) - var(--w-lir-H1)); 
/* margin-right: var(--par); */
}
[class*=flex] :is([class*=lir], .poem) :is(h2, h3, h4, h5) {
margin-top: 0; /* эксперимент */
/* margin-left: calc(var(--w-padd) - var(--w-lir)); 
margin-right: var(--par); */
}

/* Эпиграф, Автор и Дата стиха */
:is([class*=lir], .poem) [class*=epig] {
width: fit-content; 
max-width: 300px; 
margin: 0 0 0 auto; 
padding: var(--padd) var(--par); 
font-style: italic; 
} 
:is([class*=lir], .poem) .author {
padding-top: 0;  
}
:is([class*=lir], .poem) [class*=date] {
margin-top: calc(var(--padd) * (-1)); 
text-align: right; 
}

/* Припев / красная строфа / refrain */
/* замена на чистые px для одинакового отображения на разных экранах */
:is([class*=lir], .poem)  :is(.ref24, .ref-x2) {padding-left: 24px !important} 
:is([class*=lir], .poem)  :is(.ref36, .ref-x3) {padding-left: 36px !important}
:is([class*=lir], .poem)  :is(.ref48, .ref-x4) {padding-left: 48px !important}
:is([class*=lir], .poem)  :is(.ref, .ref60, .ref-x5) {padding-left: 60px !important}
:is([class*=lir], .poem)  :is(.ref72, .ref-x6) {padding-left: 72px !important}
:is([class*=lir], .poem)  :is(.ref84, .ref-x7) {padding-left: 84px !important}
:is([class*=lir], .poem)  :is(.ref96, .ref-x8) {padding-left: 96px !important}
:is([class*=lir], .poem)  :is(.ref-x9) {padding-left: 108px !important}

/* Следование стихов */
:is(h1, h2) + [class*=flex] :is([class*=lir], .poem),
:is(h1, h2, p) + :is([class*=lir], .poem) {margin-top: 0}
:is(h1, h2, [class*=lir], .poem) + :not([class*=flex]) :is([class*=lir], .poem) {
/* margin-top: 6vh; */ /* корректировать? */
margin-top: 0; 
} 

/* Специфические свойства стиха */
.center-left {
text-align: right; 
display: inline-block; 
width: max(var(--180px), 172px);
}
.center-left-pare {
padding-left: calc(max(var(--180px), 172px) - var(--24px)) !important; 
}
/* PRE (вариант без <br>, отказался) */
[class*=pre] p {
white-space: pre-wrap; /* pre-line */
}


/* СТИХИ (САЙТ) */
/* Стихи в архиве материалов */
[class*=cat][class*=post] :is([class*=lir], .poem) {
width: auto; 
max-width: 100%; 
margin-left: var(--tab);
margin-right: 0; 
}

/* Раздел Вирши (id-32) - двойной отступ между стихами (h1 исключен) */
[class*=parent-pageid-32] :is(
:is([class*=lir], [class*=poem], div:not([class]), .ancor, p) + :is(h2, h3), 
:is([class*=lir], [class*=poem], 
/* div[class*=pic], div[class*=modula], */
/* Все-таки так! *//*:is(h2, h3), */ 
.comm, .ancor, p) + :is([class*=lir], [class*=poem]), 
:is([class*=flex]/*, div[class*=pic], div[class*=modula]*/, .ancor, p) + [class*=flex] :is([class*=lir], [class*=poem]), 
:is([id*=вирши], [id*=virsh]) :is(div, p) + :is([id*=вирши], [id*=virsh]) :is(div, p):not(.comm, .ancor), 
:is([class*=lir], [class*=poem]) + :is(div, p):not([id], [class*=pic], [class*=modula], .comm, .ancor), 
:is(div, p) + div.lir) {
margin-top: calc(var(--top-H2) * 2); 
}
[class*=parent-pageid-32] :is(
:is(div[class*=pic], div[class*=modula]) + :is([class*=lir], [class*=poem]), 
:is(div[class*=pic], div[class*=modula]) + [class*=flex] :is([class*=lir], [class*=poem])) {
margin-top: calc(var(--top-H2) * 2/* + var(--bott-H3)*/); 
}
[class*=parent-pageid-32] [class*=flex] :is([class*=lir], [class*=poem]) {/* margin-top: var(--top-H2) */} 
:is([class*=lir], [class*=poem], .ancor, div:not([class]), p) h4 {margin-top: var(--top-H3)}
:is([class*=lir], [class*=poem], .ancor, div:not([class]), p) :is(h5, h6) {margin-top: var(--top-H4)}
[class*=parent-pageid-32] :is([class*=lir], [class*=poem]) h3 + h3 {margin-top: 0}

[class*=parent-pageid-32] div[class*=pic] {
margin-top: var(--top-H2)/* !important*/; 
/* margin-bottom: var(--top-H2); */
margin-bottom: var(--bott-H3);
} 


/* Адаптивные условия (стихи) */
@media screen and (max-width: 1200px) {
[class*=flex] [class*=lir]:nth-child(n) {
min-width: min(350px, 100%); 
/* margin-left: var(--w-poem); */
margin-right: var(--par); 
}
}

@media screen and (max-width: 1024px) {
[class*=flex] :is([class*=lir], .poem):nth-child(n) {
min-width: min(350px, 100%); 
margin-left: var(--w-poem); 
margin-right: var(--par); 
}
[class*=flex] :is([class*=lir], .poem) + :is([class*=lir], .poem) {
margin-top: var(--top-H1); 
}
}

@media screen and (max-width: 900px) {
[class*=lir], .poem {
max-width: 100%; 
margin-top: var(--top-H3);
}
[class*=lir] {
/* margin-left: var(--w-poem); */
margin-right: var(--par); 
}
[class*=lir] :is(h1, h2, h3, h4, h5) {
margin-left: calc(var(--w-padd) - var(--w-lir-H1)); 
}
:is([class*=lir], .poem) p {width: auto}
}

@media screen and (max-width: 700px) {
:is([class*=lir], .poem) :is(.ref24, .ref-x2) {padding-left: max(var(--24px), 20px) !important}
:is([class*=lir], .poem) :is(.ref36, .ref-x3) {padding-left: max(var(--36px), 30px) !important}
:is([class*=lir], .poem) :is(.ref48, .ref-x4) {padding-left: max(var(--48px), 40px) !important}
:is([class*=lir], .poem) :is(.ref, .ref60, .ref-x5) {padding-left: max(var(--60px), 50px) !important}
:is([class*=lir], .poem) :is(.ref72, .ref-x6) {padding-left: max(var(--72px), 60px) !important}
:is([class*=lir], .poem) :is(.ref84, .ref-x7) {padding-left: max(var(--84px), 70px) !important}
:is([class*=lir], .poem) :is(.ref96, .ref-x8) {padding-left: max(var(--96px), 80px) !important}
:is([class*=lir], .poem) :is(.ref-x9) {padding-left: max(var(--108px), 90px) !important}
/* .center-left {width: max(var(--108px), 90px) !important} /* ??? */
}

@media screen and (max-width: 600px) {
[class*=flex] [class*=lir] {
width: fit-content; 
}
}

@media screen and (max-width: 480px) {
[class*=lir], .poem , [class*=flex] [class*=lir]:nth-child(n) {
width: auto; 
min-width: auto; 
max-width: 100%; 
margin-left: var(--tab); 
}
:is([class*=lir], .poem) :is(h1, h2, h3, h4, h5) {
/* margin-left: var(--tab); */
margin-left: 0 !important;
/* margin-left: var(--w-padd) !important; */
}
:is([class*=lir], .poem) [class*=epig] {
/* width: auto; */
max-width: 100%; 
/* margin: 0 0 0 auto; */
/* text-align: right; */
}
}

/* ----- */



/* Примечания, Сноски (Звёздочки) */
/* Использование подключаемых звездочек: конфликт подключения к внешнему Font Awesome, залил Font Awesome на сайт */
/* Использоваание svg влечет прописывание всех свойств картинки (display, width, color...) */
/* Использование стандартных звездочек влияет на межстрочный интервал (при увеличении размера шрифта звезды) */
#prim, .prim {
margin-top: var(--top-H1); 
margin-bottom: var(--bott-H3); 
}
.notes, [id^=n] {
/* font-weight: bold; */ 
font-style: normal; 
} /* свойства перенесены на id=nnXX */
.note :is(h6, p)[id^=n] {
/* margin-top: calc(var(--padd) * 3); 
margin-bottom: 0; */
/* margin: calc(var(--padd) * 3) var(--w-padd) 0 var(--tab); */
margin: calc(var(--padd) * 3) var(--w-padd) 0 0; 
}
.note p:not(.sub-title, .loc, .date, [id^=n]) {
margin-top: 0; 
margin-bottom: 0; 
}
a:is([id^=n], /*[id^=pr], */[href^='#nn']/*, .pr0*/):before {
/* font-family: Roboto; */
/* font-family: Tahoma; */
/* font-family: Bebas Neue Pro; */
/* content: "*"; 
font-weight: normal; */
font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands'; 
/* display: inline-block; */
content: '\f069'; /* asterisk */
/* content: url("../../Adventure/css/icon/asterisk-solid.svg"); */
font-weight: bold; /* Font Awesome */
} 
a[id^=n]:before {
vertical-align: top; /* Font Awesome */
/* vertical-align: text-top; */
padding-left: 3px; /* 1px; */
padding-right: 1px; 
} 
:is(h1, h2, h3, h4, h5) a[id^=n]:before {
/* vertical-align: super; /* Font Awesome */
vertical-align: text-top; /* Font Awesome */
} 
a:is(/*[id^=pr], */[href^='#nn']/*, .pr0*/):before {
/* vertical-align: top; /* Tahoma */
vertical-align: text-top; /* Font Awesome */
} 
/* Следование за italic */
:is(#advent :is(ol, ul, [class*=lir], [class*=lir] p, .poem, .poem p), 
.it, .italic, 
.dir, .din, .quot, .cite, 
.logo, 
.sub-title, .loc, .date,
[class*=pic] p) a[id^=n]:before {
padding-left: 4px; 
/* padding-right: 2px; */
word-spacing: 0.2rem;
} 
/* Следование за bold */
/* b + a[id^=n]:before, */
a:has(b) + a[id^=n]:before {padding-left: 0} 

[id^=n]:hover:before {/* font-weight: bold */} 

a:is(/*[id^=pr], */[href^='#nn']/*, .pr0*/):before {
/* vertical-align: middle; */
/* vertical-align: initial; */
padding-right: 4px; 
}

/* Перекрестные ссылки в примечаниях (свойства объединены с bold) */
.cross {}

a[id^=rr0] {
padding-left: 3px ; 
} 
a[class^=r0] span {
padding-right: 4px ; 
} 

/* Смеещение анкора (на высоту шапки) */
.anchor {position: relative}
.anchor > a {
position: absolute; 
top: calc(var(--header) * (-1)); 
}

/* ----- */



/* ------------------------------------ */
/* ОБЩАЯ РАЗМЕТКА (универсальные стили) */
/* ------------------------------------ */


/* ЖИРНЫЙ (Bold) */
.norm {font-weight: normal !important}
.bold {font-weight: bold}

/* КУРСИВ (Italic) */
.it, .italic {font-style: italic} /* font-style: oblique; transform: skew(15deg); */
.non-it, .non-italic {font-style: normal !important}


/* ТАБЛИЦЫ */
table {max-width: 100%}
td {vertical-align: top; text-align: center} /* padding: 2px */
td {padding: 2px var(--2px); border-spacing: 3px var(--3px)} /* padding: 2px; border-spacing: 3px; border: 1px solid grey */
/* table {border-spacing: unset} */

/* Альтернатива свойству cellpadding */
.cellpadd td {padding: 2px var(--2px)} /* padding: 2px */
.cellspac td {border-spacing: 3px var(--3px)} /* border-spacing: 3px */
.tabBord td {border: 1px solid grey}

table.padd2 td {padding: 2px var(--2px) !important} /* 2px */
table.padd3 td {padding: 3px var(--3px) !important} /* 3px */
table.padd5 td {padding: 5px var(--5px) !important} /* 5px */
table.padd7 td {padding: var(--7px) !important} /* 7px */
table.padd10 td {padding: 10px var(--10px) !important} /* 10px */

.tablecell, .table-cell {
display: table-cell; 
width: 100%; 
float: none; 
}

#advent table td div {margin-top: 0 !important; margin-bottom: 0 !important} 


/* СПИСКИ */
/* Классы .mark (.num, .numa) необходимы для конкретного стиля списков, не затрагивая общую схему разметки css */
ul {
margin: 0; 
padding: 0; 
list-style: none; 
}

:is(#advent, #content) :is(ul, ol) {
/* margin: calc(var(--padd) * 2) calc(var(--tab) - var(--par)); */
margin: calc(var(--padd) * 2) var(--tab); 
padding-left: var(--par); /* --padd */ 
padding-right: var(--par); /* --padd */
/* list-style: decimal; */
/* list-style-position: inside; */
}
:is(#advent, #content) li {
/* margin: 5px 0 0 var(--tab); - разрядка либо 5px, либо 1.8 */
/* margin-left: var(--tab); */
line-height: 1.8; 
} 

/* Галочки */
:is(#advent, #content) ul.mark {list-style: none}
:is(#advent, #content) ul.mark li:before {
font-style: normal; 
/* font-family: Tahoma; */
/* content: "\2714"; /* обычная */ 
/* content: "\2713"; /* широкая */
/* font-family: Material Icons; */
display: inline; 
vertical-align: middle; 
/* font-weight: bold; */
/* content: "\e313"; /* стрелка вниз */
/* content: "\e876"; /* обычная */
font-family: Material Symbols Outlined; 
/* content: "\e5ca"; /* обычная */
/* content: "\e86c"; /* в круге */
content: "\e834"; /* в квадрате */
/* content: "\e92f"; /* двойная */
padding-right: 10px; 
font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 0, 'opsz' 24; 
font-weight: 100 1000; 
font-stretch: 25% 151%; 
}
}


/* Арабская нумерация */ 
/* (par - имитация стандартного параграфа с вертикальной разрядкой, num - с отступом от общей разметки) */
:is(#advent, #content) ol:is(.par, .tab) {
margin: 0; 
padding-top: var(--par);
padding-bottom: var(--par);
text-indent: var(--tab) !important; /* Пинудительное переназначение свойсв Chrome */
list-style-position: inside; 
}

:is(#advent, #content) ol.num {
/* list-style: decimal; */
list-style-position: inside; 
}

/* Буквенно-латинская нумерация (вложенный список) */
:is(#advent, #content) ol.numa {
/* margin: var(--padd) 0; */
margin-top: var(--padd); 
margin-bottom: var(--padd); 
list-style: upper-latin; 
/* line-height: 1.5; 
list-style-position: inside; 
list-style: upper-russian; */
}
:is(#advent, #content) ol.numa > li {margin-left: 0}

:is(.mark, .num, .numa) li {/* padding-left: var(--par) */}
li::marker, li:before {padding-right: 10px} /* не работает? */

/* ----- */



/* ------------ */
/* ПРОЧИЕ СТИЛИ */
/* ------------ */

/* ЛИНИЯ */
hr {
display: block; 
margin: var(--h-H3) 0; 
padding: 0; 
height: 1px; /* 0px */
border: 0; 
}

/* Нижнее отчеркивание */
.line {border-left: 1px solid var(--col-gray)} /* замена на общий серый (col-gray) */
.dashed {border-bottom: 1px dashed var(--col-gray); padding: 0} /* #ddd */
.nodashed {border: 0}

/* Скрытый, модерированный текст */
.moder {width: fit-content; margin: 17px var(--tab)} /* !important */
#pass, .hidden, .hiddprim {display: none}

/* Перечеркнутый текст */
.strike {text-decoration: line-through}

/* Нижний индекс */
.sub-index {
vertical-align:sub; 
font-size: smaller; 
}

/* Запрет переноса */
.nowrap {white-space: nowrap}

/* Позиция элемента */
.position0 {position: absolute; top: 0; left: 0}
@media screen and (max-width: 800px) {
.mposition {
position: absolute; 
right: 20px; 
top: -130px; 
}
}

/* Контрольная рамка вокруг блочного объекта */
[class*=bord]:not([class*=bordo]), .frame {border: 1px solid}
[class*=bord]:not([class*=bordo]), .frame {border-color: var(--col-gray)} /* #66645B */
[class*=bord][class*=red]:not([class*=bordo]), .bordred {border-color: red}
[class*=bord][class*=blue]:not([class*=bordo]), .bordblue {border-color: blue}

/* Подсветить все блоки (звезочка обязательна) */
/* *{border: 1px solid red} */
.bordred *, [class*=bord][class*=red]:not([class*=bordo]) * {border: 1px solid red}

/* МНОГОТОЧИЕ (логическая отбивка сцен) */
/* <p class="rem">.........</p> */

/* ТЕНЬ (рисунки, фото) */
/* свойства box-shadow: X Y размытыие расширение цвет (можно в rgba) */
/* .border, .bordshadow {box-shadow: 1px 2px 5px 0 var(--col-gray) !important}
.bordnone, .bordnone img, .shadownone, .shadownone img {box-shadow: none !important} */

/* ПРОЗРАЧНОСТЬ */
/* rgba(255, 255, 255, .XX) или #ffffffYY - YY по таблице */
.transp0 {background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0))} /* rgba(255, 255, 255, .0), */
.transp20 {background: linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .2))}
.transp30 {background: linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, .3))}
.transp50 {background: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5))}
.transp70 {background: linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .7))}

/* ДЛИННЫЙ ТЕКСТ */
.long-txt, .txt-long, .longtxt {word-break: break-all}
/* ДЛИННОЕ СЛОВО */
.long-word {word-break: break-word}

/* ОТРАЖЕНИЕ */
[class*=mirr], .mirr, .mirror {
transform: scaleX(-1) translateY(0); 
display: inline-block; 
/* text-align: center; 
padding: 0; */
}

/* ----- */




/* ---------------- */
/* БЛОЧНЫЕ ЭЛЕМЕНТЫ */
/* ---------------- */


/* -------- */
/* КАРТИНКИ */
/* -------- */

/* Картинки - Общие настройки */
[class*=pic], img {line-height: normal}
img {
max-width: 100%; 
height: auto; 
}
/* :not([class*=close], [class*=pic][class*=flex]) > img:not([class]), */
:not([class*=close]) img:not([class]) {
flex-basis: 100%; 
width: fill-available; width: -webkit-fill-available; width: -moz-available; 
max-width: fill-available; max-width: -webkit-fill-available; max-width: -moz-available;
}
/* [class*=pic] > img, */ 
[class*=pic] img {
height: min-content; 
min-height: min(30px, calc(var(--font) + 14px));
margin: 0 auto; 
padding: var(--padd); 
transition: .3s ease-in-out; 
}
/* [class*=pic][class*=cat] > img, */
[class*=pic][class*=cat] img {
width: 45%; 
float: right;  
/* margin: 2.4vh auto 2vh; */
margin: var(--top-pic) auto var(--bott-H3); 
}

/* Прозрачность картинки при наведении (вспышкой) */
:is([class*=pic] img, img.pic):hover, 
.modula-item:hover img {
animation: pic-flash .5s; 
animation-timing-function: ease-in-out;
}
@keyframes pic-flash {
40% {opacity: .8}
80% {/* opacity: .9 */}
}


/* КАРТИНКИ С ОБТЕКАНИЕМ */
[class*=pic]:is([class*=float], [class*=left], [class*=right]) {width: 48%}
[class*=pic]:is([class*=left], [class*=floatl]) {
float: left; 
/* margin: var(--1vh) var(--16px) var(--1vh) 0; */
margin: var(--1vh) 0 var(--1vh) 0; 
/* padding: var(--1vh) var(--16px) var(--1vh) 0; */
}
[class*=pic]:is([class*=right], [class*=floatr]) {
float: right; 
margin: var(--1vh) 0 var(--1vh) 0; 
/* margin: var(--1vh) 0 var(--1vh) var(--16px); */
/* padding: var(--1vh) 0 var(--1vh) var(--16px); */
}


/* Общие настройки блока картинок */
div[class*=pic]:not(
img[class*=pic], [class*=thumb]:not(img), 
[class*=float], [class*=close], [class*=left], [class*=right], 
[class*=post] div[class*=pic], [class*=parent-pageid-32] div[class*=pic]) {
width: 100%;
max-width: 100%; 
margin: var(--top-pic) auto var(--bott-H3); 
text-align: center; 
}
/* Несколько блоков картинок */
div[class*=pic] + div[class*=pic] {
margin-top: calc(var(--bott-H3) * (-1)) !important; 
}
/* Следование за заголовками */
:is(h1, h2, h3, h4, h5) + div[class*=pic]:not([class*=float], [class*=close], [class*=left], [class*=right], [class*=parent-pageid-32] div[class*=pic]) {
margin-top: var(--top-H4); 
}


/* Текст под картинкой */
[class*=pic] p, 
.modula-galery p:not(.description) {
/* width: auto; */
width: 100%; 
max-width: 100%; 
/* margin: 0 var(--H1) var(--padd) auto; */ /* 0 var(--w-padd) var(--padd) auto; */
margin-top: 0; 
margin-bottom: var(--padd); 
padding-left: calc(var(--padd) * 2); 
padding-right: var(--par); 
text-align: left; 
}
[class*=pic]:not([class*=pic-]) p {
margin-left: var(--H3); 
/* margin-left: var(--tab); */
margin-right: var(--H1); 
}
/* Отступ, если картинка одна */
[class*=pic]:not([class*=pic-]) img:only-of-type ~ p {
margin-left: var(--H1); 
}
/* Отступ, если последняя картинка непарная */
/* [class*=pic]:not([class*=pic-]) img[class*=pic-]:is([class*="350"], [class*="450"], [class*="550"], [class*="600"], [class*="650"], [class*="680"], [class*="720"], [class*="812"], [class*="870"], [class*="960"]):not([class*=fill], [class*=full]) + p, */
[class*=pic]:not([class*=pic-]) :is(img[class*=pic-]:not([class*=aspect], [class*=fill], [class*=full], [class*=1100]), img[class*=pic-960]) + p {
margin-left: var(--H1); 
}
/* Отступ, если последняя картинка без класса или fill/full (полный размер) */
[class*=pic]:not([class*=pic-]) img:is(:not([class]), [class*=fill], [class*=full]) + p {
margin-left: var(--tab); 
}
[class*=pic-] p {
/* padding-left: calc(var(--padd) * 2); */
}


/* PIC-FLEX */

/* PIC-FLEX (2 колонки) */
div[class*=pic]/*, [class*=pic][class*=flex]*/ {
display: flex; 
flex-wrap: wrap; 
/* justify-content: space-evenly; */
/* justify-content: space-around; */
} 
/* [class*=flex] img {display: block} */

div[class*=pic]:not([class*=thumb]) :is(img:not(:only-of-type, [class*=pic-], [class*=aspect]), a) {
flex-basis: calc(100% / 2); 
max-width: calc(100% / 2); 
}

/* 3 колонки */
[class*=pic]:is([class*=flex3], [class*=flex-x3]) img:not([class*=pic-]) {
flex-basis: calc(100% / 3);
}

/* Выравнивание картинок по высоте (картинки разных пропорций) */
:is(div[class*=pic]/*, [class*=pic][class*=flex]*/) img[class*=pic-vh] {
width: auto; 
height: max-content; 
object-fit: contain; 
/* object-fit: cover; */
}


/* РАЗМЕРЫ КАРТИНОК / БЛОКОВ КАРТИНОК */
div:is(.pic-70, .pic-870), .pic-70 img {
/* width: 70%; 
max-width: 960px; */
width: max(70%, 870px) !important; 
}
div:is(.pic-80, .pic-960), .pic-80 img {
/* width: 80%; 
max-width: 960px; */
width: max(82.26%, 960px) !important; 
/* условные 80%, 82.26% = calc(960 / (100vw - var(--scroll) - 2 * (var(--w-padd))) * 100%) */
/* width: max(calc(960 / (100vw - var(--scroll) - 2 * (var(--w-padd))) * 100%), 960px) !important; */
/* width: calc(960 / (100vw - var(--scroll) - 2 * (var(--w-padd))) * 100%) !important; */
}
div:is(.pic-90, .pic-1100), .pic-90 img {
/* width: 90%; 
max-width: 1100px; */
width: max(90%, 1100px) !important;
}
div.pic-full, .pic-full img {
/* width: 100%; 
max-width: var(--pic-w100); */
width: max(100%, var(--pic-w100))
}

/* КАРТИНКИ - РАЗМЕРЫ */
.m350, .pic-350 {max-width: 350px}
.m450, .pic-450 {max-width: 450px}
.pic-500 {max-width: 500px}
.m550, .pic-550 {max-width: 550px}	
.pic-600 {max-width: 600px} 
.m650, .pic-650 {max-width: 650px}
.m680, .pic-680 {width: 680px} /* [class*=XXX] - конфликт веса селекторов */
.m720, .pic-720 {width: 720px}
.m812, .pic-812 {width: 812px}
.m870, .pic-870 {width: max(70%, 870px)}
.m960, .pic-960 {
width: max(82.26%, 960px) !important; /* условные 80%, 82.2% = calc(960 / (100vw - var(--scroll) - 2 * (var(--w-padd))) * 100%) */
/* width: max(calc(960 / (100vw - var(--scroll) - 2 * (var(--w-padd))) * 100%), 960px) !important; */
/* width: calc(960 / (1280 - 17 - 2 * (var(--w-padd))) * 100%) !important; */
}
.m1100, .pic-1100 {width: max(90%, 1100px)} /* 90% */
.pic-orig, [class*=pic-][class*=orig] {
width: auto; 
}
.pic-fit, [class*=pic-][class*=fit] {
/* width: fit-content; 
max-width: fit-content; */
}
.pic-fill, .pic-full, [class*=pic-]:is([class*=fill], [class*=full]) {
width: fill-available; width: -webkit-fill-available; width: -moz-available;
}


/* КАРТИНКИ В СТИХАХ */
:is([class*=lir], .poem) img {
object-fit: cover; 
width: min-content !important; 
max-height: 450px; 
display: block; 
margin: calc(var(--padd) * 3) auto; 
}

/* ЗАКРЫВАЮЩИЕ КАРТИНКИ */
.closepic, .pic-close, [class*=close]:not(.close-menu), .advent_feet-right {text-align: center}
:is(.closepic, .pic-close, [class*=close]:not(.close-menu), .advent_feet-right) img {
/* width: fill-available; width: -webkit-fill-available; width: -moz-available; */
/* margin: var(--36px) var(--w-padd) var(--24px) var(--24px); */
}

/* Именованные форматы (картинок) */
img[class*=pic-] {
/* width: fill-available; */
/* width: auto; 
width: initial; */
}


/* ПРОПОРЦИИ КАРТИНОК */

/* ASPECT (передача пропорций через style) */
[class*=pic] .aspect:nth-child(2n+1) {width: calc((var(--aW1) * var(--aH2) / (var(--aW1) * var(--aH2) + var(--aH1) * var(--aW2))) * 100%); aspect-ratio: calc(var(--aW1) / var(--aH1))}
[class*=pic] .aspect:nth-child(2n) {width: calc((var(--aH1) * var(--aW2) / (var(--aW1) * var(--aH2) + var(--aH1) * var(--aW2))) * 100%); aspect-ratio: calc(var(--aW2) / var(--aH2))}

/* 4:3 / 3:4 */
:is(.pic-43-34, .aspect-43-34):nth-child(2n+1) {width: calc(100% * var(--k1-43-34)); aspect-ratio: 4/3}
:is(.pic-43-34, .aspect-43-34):nth-child(2n) {width: calc(100% * var(--k2-43-34)); aspect-ratio: 3/4} 

/* 3:4 / 4:3 */
:is(.pic-34-43, .aspect-34-43):nth-child(2n+1) {width: calc(100% * var(--k2-43-34)); aspect-ratio: 3/4}
:is(.pic-34-43, .aspect-34-43):nth-child(2n) {width: calc(100% * var(--k1-43-34)); aspect-ratio: 4/3} 


/* --------------- */
/* КАРТИНКИ (САЙТ) */
/* --------------- */

/* Иконки в архиве материалов (THUMB) */
/* [class*=thumb]:not(img), .thumb, */
.pic-thumb, [class*=thumb]:not(img) {
flex-basis: calc(100% - var(--w-70)); /* 25% / 30% */ 
height: 100%; 
flex-shrink: 1; 
/* margin: 0 var(--tab); */
margin: var(--top-H4) var(--tab) 0; 
/* margin: var(--top-H3) 0 0 var(--16px); */ 
/* object-fit: cover; 
aspect-ratio: 1/1; */
/* max-width: 200px !important; */
/* max-width: calc(100% / 5); */
}
:is(.pic-thumb, [class*=thumb]) img {
object-fit: cover; 
aspect-ratio: 1/1;
}

/* NEWS/BLOG - Без картинок */
body[class*=category]:is([class*=news], [class*=blog]) .pic-thumb {
display: none; 
/* flex-basis: 0; */
}

/* Ссылки в картинках */
:is([class*=pic], .pic-thumb, [class*=thumb]) a img {
transition: all .5s ease-in-out;
}
:is([class*=pic], .pic-thumb, [class*=thumb]) a img:hover {
filter: grayscale(70%); 
transition: all 1.5s ease-in-out; /* 1.0s - увеличен интервал из-за добавления "фото-вспышки" */
}

/* Картинка (Материалы, Стихи) */
:is([class*=post], [class*=parent-pageid-32]) div[class*=pic] {/* max-width: 500px */} /* перенесено на хокку-пирожки */
[class*=parent-pageid-32] div[class*=pic]:not([class*=thumb]) {
/* margin: var(--top-H1) var(--tab) var(--bott-H3); */
margin: var(--top-H3) var(--tab) var(--bott-H3); 
}
[class*=post] div[class*=pic]:not([class*=thumb], [class*=left], [class*=right]) {
margin: var(--top-H3) var(--tab) var(--bott-H3); 
}
[class*=post] div[class*=pic]:not([class*=thumb]) img[class*=thumb] {
max-width: 600px; 
min-width: 400px; 
max-height: 600px; 
object-fit: contain; 
object-position: left; 
margin-left: var(--padd); 
}
[class*=post] div[class*=pic]:not([class*=thumb]) img[class*=pic-] {
margin-left: 0; /* var(--padd); */
}
/* Картинки (Стихи) */
[class*=parent-pageid-32]:not([class*=id-1820], [class*=id-1816]) div[class*=pic] img {
/* margin-left: 0; */
margin: 0; 
}
[class*=parent-pageid-32]:not([class*=id-1820], [class*=id-1816]) div[class*=pic]:not([class*=flex-]) img:only-of-type {
max-width: 500px; /* 400px */
}
[class*=parent-pageid-32]:not([class*=id-1820], [class*=id-1816]) div[class*=pic]:not([class*=flex-]) img:not(:only-of-type) {
/* max-width: 360px; /* 400px */
}
/* Хокку, Пирожки */
:is([class*=id-1820], [class*=id-1816]) div[class*=pic] {
max-width: 500px; 
overflow: hidden; 
max-height: min(calc(100vmin - 2 * var(--w-padd)), 550px); 
}
:is([class*=id-1820], [class*=id-1816]) div[class*=pic] img {
max-height: min(calc(100vmin - 2 * var(--w-padd)), 550px); 
}
:is([class*=id-1820], [class*=id-1816]) div[class*=pic] img {object-fit: cover}
:is(.post-flex, :is([class*=post], [class*=parent-pageid-32])[class*=flex]) div[class*=pic] {
flex-basis: 40%; 
flex-shrink: 0; 
/* max-width: 500px; */
/* margin-left: var(--tab); */
margin: var(--top-H1) 0 var(--bott-H3) var(--tab); 
text-align: center; 
}

/* Текст под картинкой (Сайт) */
/* Подписи под картинками в постах */
[class*=post] div[class*=pic]:not([class*=thumb], [class*=left], [class*=right]) p {
margin-left: 0; 
}
/* Подписи под картинками в стихах (id-32) */
[class*=parent-pageid-32] div[class*=pic] p:only-of-type {
/* max-width: 450px; */
max-width: 90%; 
/* margin-left: var(--H3); */
margin-left: 0; 
}
[class*=parent-pageid-32] .modula-galery p {
width: auto; 
margin-left: var(--tab); 
}


/* ------------- */
/* MODULA (САЙТ) */
/* ------------- */
/* (полностью обрабатывается в style.css) */

.modula-galery {
margin-top: var(--top-H2); 
/* margin-bottom: var(--top-H2); */
margin-bottom: var(--bott-H3);
text-indent: 0; 
}
/* Схлапывание margin для flex */
div[class*=modula] + [class*=flex] {
margin-top: calc(var(--bott-H3) * (-1));
}
.modula {
/* margin: var(--top-H2) 0; */
/* margin-top: var(--top-H2); 
margin-bottom: var(--top-H2); */
/* margin-top: 0; 
margin-bottom: 0; */
margin-left: var(--tab); 
margin-right: var(--tab); 
}
/* Поля фотографий (не работает) */
.modula[data-config=gutter] {
/* padding: var(--18px); */
}
.modula[data-config]{
/* [attr=gutter]: var(--18px); /* 18px; */
/* [attr=desktopGutter]: 18px); 
[attr=tableGutter]: 16px;
[attr=mobileGutter]: 14px; */
}

[class*=modula-item] {
/* box-shadow: #908f87 0px 0px 5px; */
/* box-shadow: none !important; */
}

/* Modula: следование за заголовками */
:is(h1, h2, h3, h4, h5) + .modula-galery {
margin-top: var(--top-H4); 
}

/* Modula: чередование галерей (отступ 2vh) */
/* Варианты чередования (внутри одного div и по отдельности):
<div>[modula][modula]</div>
<div>[modula]<div>
<div>[modula]<div>
*/
.modula-galery + .modula-galery {
margin-top: 0; /* calc(var(--2vh) * (-1)); /* top-H3 */
}
.modula-galery:has(p:last-of-type) + .modula-galery {
/* margin-top: var(--h-H3); */
}
.modula-galery .modula:nth-child(2n) {
margin-top: var(--2vh); /* 2vh */
}

/* Modula (всплывающие надписи) */
.modula .modula-item.effect-pufrobo p.description {
bottom:20px; 
margin-bottom: 0;
}
.modula .modula-items .figc p {
background:linear-gradient(90deg, #4f4f4aa8, #4f4f4aa8) !important /* background:#4f4f4a85 */; 
bottom:20px; /* !important; */
padding:10px !important; 
}
/* Для эффекта вспышки при наведении пришлось править font.css в Modula убрав там свойство opacity */
.modula-item:hover img, .modula-item:hover img.pic {
/* opacity: .9 */
/* opacity: .6 !important */
}

/* Modula (видимые надписи) */
.modula-galery.text-visible .modula .modula-items .figc p {
bottom:0; /* !important; */
}
.modula-galery.text-visible .modula .modula-item.effect-pufrobo p.description {
position: absolute; 
bottom: 0; 
margin-bottom: 1rem; 
opacity: 1; 
transform: translate3d(0,0%,0);
webkit-transform: translate3d(0,0%,0); 
transition: opacity .35s,transform .35s;
webkit-transition: opacity .35s,-webkit-transform .35s;
}
.modula-galery.text-visible .modula .modula-item.effect-pufrobo:hover p.description {
margin-bottom: 0;
opacity: 0;
transform: translate3d(0,100%,0);
webkit-transform: translate3d(0,100%,0);
}


/* Адаптивные условия (картинки) - 1200 */
@media screen and (max-width: 1200px) {
[class*=pic]:not([class*=pic-]) img[class*=pic-] + p {
margin-left: var(--H3);
}
div[class*=pic]:not([class*=pic-]) p {
/* padding-left: var(--padd); */
}
}

/* Адаптивные условия (картинки) - 1024 */
@media screen and (max-width: 1024px) {
div[class*=pic]:not([class*=pic-]) p {
margin-left: 0; 
margin-right: 0; 
}
}

/* Адаптивные условия (картинки) - 900 */
@media screen and (max-width: 900px) {
div[class*=pic] + div[class*=pic] {margin-top: calc(var(--top-H2) * (-1))} /* 20px */

div[class*=pic]:not([class*=flex-])/*, [class*=pic][class*=flex]*/, div[class*=close]:not(.close-menu) {
display: block; 
width: 100%; 
max-width: 100%; /* перенесено на общие свойства? */
}
[class*=pic] p {
width: auto; 
/* margin: 0 10px 5px var(--tab); */
/* padding-left: 0; */
/* padding-left: calc(var(--padd) * 2) !important; */
/* padding-left: calc(var(--w-tab) + var(--padd)) !important; */
margin-left: var(--tab) !important; 
padding-left: var(--padd); 
}
[class*=pic]:is([class*=float], [class*=left], [class*=right]) {
width: initial; 
float: none; 
padding: 0; 
}
:is(div[class*=pic]:not([class*=thumb])/*, [class*=pic][class*=flex]*/) img:not([class*=pic-]) {
width: 100%; 
max-width: 100%; 
min-width: auto !important; 
/* flex-basis: 100%; */
}
[class*=pic] img {/* padding: max(.6vw, 5px) */}
:is(div[class*=pic]:not([class*=flex-])/*, [class*=pic][class*=flex]*/) img:nth-child(n) {/* padding: max(.6vw, 5px) */}
:is(div[class*=pic], [class*=close]):not([class*=thumb], .close-menu) img {
display: block; 
max-height: max-content; 
}
[class*=pic]:not([class*=flex-]) img[class*=pic-]:nth-child(n) {
width: 100%; 
/* max-width: fit-content !important; */
}
[class*=pic][class*=flex-] img[class*=pic-]:nth-child(n) {
margin-left: 0; 
}
img[class*=fit], [class*=pic-][class*=fit], .pic-fit {
width: fit-content !important; 
/* max-width: fit-content !important; */
}
}

/* Адаптивные условия (картинки) (САЙТ) - 900 */
@media screen and (max-width: 900px) {
div[class*=pic]:not([class*=thumb]), 
[class*=post] div[class*=pic]:not([class*=thumb]) {
margin: var(--top-H2) auto; 
}
[class*=parent-pageid-32] div[class*=pic]:not([class*=thumb]) {
/* margin: var(--top-H3) var(--tab); */
margin: var(--top-H3) auto; 
width: auto; 
}
[class*=post] div[class*=pic]:not([class*=thumb]) img[class*=thumb] {
margin-left: var(--H3);
}
[class*=post] div[class*=pic]:not([class*=thumb]) img[class*=pic-]:not([class*='870'], [class*='960']) {
/* margin-left: var(--tab); */
}
/* Стихи (Сайт) */
[class*=parent-pageid-32]:not([class*=id-1820], [class*=id-1816]) div[class*=pic]:not([class*=flex-]) img:only-of-type {
width: 100%; 
/* max-width: 450px; */
max-width: 100%; 
/* margin-left: 0; */
/* margin-left: var(--H3); */
/* margin-left: var(--w-poem); */
margin-left: auto; 
}
/* Хокку, Пирожки (Сайт) */
:is([class*=id-1820], [class*=id-1816]) div[class*=pic] {
overflow: hidden; 
/* max-height: min(calc(100vmin - 2 * var(--w-padd)), 500px); */
max-height: min(calc(100vmin - 2 * var(--w-padd)), 600px); 
}
:is([class*=1820], [class*=1816]) div[class*=pic] img {
max-height: min(calc(100vmin - 2 * var(--w-padd)), 600px); 
}
/* Хокку (Сайт) */
[class*=id-1820] div[class*=pic] img {
object-fit: cover; 
}
/* Пирожки (Сайт) */
[class*=parent-pageid-32] [class*=pageid-1816] div[class*=pic] img {
/* object-fit: cover; */
object-fit: content; 
}
[class*=post] div[class*=pic]:not([class*=thumb]) img {
margin-left: 0;
}
.pic-thumb {
flex-basis: 30%; 
flex-shrink: 1; 
margin: var(--top-H3) 0 0 var(--tab); 
}
[class*=thumb] img {
/* width: auto; */
width: 100%; 
}
/* Подписи под картинками в стихах (id-32) (Сайт) */
[class*=parent-pageid-32] div:is([class*=pic], .modula-galery) p {width: auto}
[class*=parent-pageid-32] div[class*=pic] p {
/* margin-left: var(--w-poem) !important; 
padding-left: var(--tab); */
}
}


/* Адаптивные условия (картинки) - 800 */
@media screen and (max-width: 800px) {
div[class*=pic]:not([class*=thumb]) img {
padding-left: var(--tab); 
padding-right: var(--tab); 
}
[class*=post] div[class*=pic]:not([class*=thumb]) img:is([class*=pic-], [class*=thumb]) {
max-width: 100%;
margin-left: auto;
}
[id*=jtg] .modula-item {box-shadow: none}
}

/* Адаптивные условия (картинки) - 600-480 */
@media screen and (max-width: 600px) {
[class*=pic] img[class*=pic-]:nth-child(n) {
width: 100%; 
max-width: 100%; 
}
[class*=parent-pageid-32] div[class*=pic] img {
max-width: 100%;
}
/* Картинка 300px прижата слева */
[class*=cat][class*=flex] .pic-thumb {
width: auto !important; 
max-width: 100%; 
margin: var(--top-H3) auto; 
}
.pic-thumb img {
width: 100%; 
max-width: 300px; 
margin-left: var(--w-padd); 
}
[class*=post] div[class*=pic]:not([class*=thumb]) img[class*=pic-] {
margin-left: 0; 
}
}

/* Адаптивные условия (картинки) - 480 */
@media screen and (max-width: 480px) {
[class*=pic] img {
width: 100% !important; 
max-width: 100% !important; 
/* margin-left: 0 !important; 
margin-right: 0 !important; */
margin-left: auto/* !important*/; 
margin-right: auto/* !important*/;
padding: var(--padd) !important; 
}
/* Выравнивание картинки по центру */
.pic-thumb {
/* margin: var(--1vh) auto; */
max-height: calc(100vmin - 2 * var(--w-padd)); 
} 
.pic-thumb img {display: block}
}

/* ----- */



/* ----- */
/* МЕДИА */
/* ----- */

audio, iframe, object, video {max-width: 100%; height: auto} /* img, */
img {border: 0}
svg:not(:root) {overflow: hidden}


/* ВИДЕО */
/* padding-bottom задаёт высоту контейнера 56.25% (16:9), 75% (4:3) */
.video {
max-width: calc(var(--iframe) + var(--padd) * 2); /* 560px; */
/* margin: var(--top-H1) var(--H1); */
margin-top: var(--top-H1);
margin-bottom: var(--top-H3); 
margin-left: var(--tab); 
margin-right: var(--tab); 
padding: var(--padd); /* 10px; */
}
.video-wrap {
position: relative; 
padding-bottom: 75%; 
height: 0; 
overflow: hidden; 
} 
.video-wrap iframe {
width: 100%; 
height: 100%; 
position: absolute; 
top: 0; 
left: 0; 
border-width: 0; 
outline-width: 0; 
}
.video iframe {
width: calc(var(--iframe) + var(--padd) * 2); 
aspect-ratio: 4/3; 
/* margin: 0 auto; */
/* margin: var(--padd); */
/* padding: var(--padd); */
background: var(--col-back01); 
/* border: 1px solid var(--col-butt01); */
}

/* Текст под видео */
.video p {
width: auto; 
max-width: 100%; 
/* margin-top: 0; */
margin-top: var(--padd); 
margin-bottom: var(--padd); 
/* margin-left: var(--H3); */
/* margin-right: var(--H1); */
padding-left: calc(var(--padd) * 2); 
padding-right: var(--par); 
text-align: left; 
}


/* Адаптивные условия (видео) */
@media screen and (max-width: 1200px) {
.video {/* margin: var(--top-H1) var(--64px) */}
}
@media screen and (max-width: 800px) {
.video {
/* margin: var(--bott-H3) auto; */
margin-left: auto; 
margin-right: auto; 
}
}
@media screen and (max-width: 600px) {
.video {
max-width: 100%; 
margin-left: 0; 
margin-right: 0; 
}
}

/* ----- */



/* -------- */
/*   MENU   */
/* -------- */

/* SHOW MENUS */
.close-menu, .show-menu, .show-menu[class*=material], .show-registration, .show-search {
display: none; 
}


/* MAIN MENU */
.uMenuRoot li ul li a span {
font-size: var(--f14); 
font-weight: 400; 
line-height: 1.57; 
} 
.uMenuRoot li ul li i {}
#catmenu .uMenuRoot > li.navItemMore:hover > ul:before {
content: ""; 
position: absolute; 
right: 0; 
top: -20px; 
border: 10px solid transparent; 
border-bottom: 10px solid var(--col-butt); 
}

.main-menu {
padding: 0; 
width: 80%; 
position: relative; 
display: flow-root; 
height: 69px
}

/* SubMenu */
.main-menu .overflow a.uMenuItemA span {border-bottom: none}
.uMenuRoot > li > a > span {
word-break: break-word; 
font-size: var(--f14); 
text-align: center
} 
.main-menu .uMenuRoot > li > a {
display: inline-flex; display: -ms-inline-flexbox; 
height: 69px; 
padding: 0 var(--10px); 
-ms-flex-align: center; align-items: center; 
}
.uMenuItemA {cursor: default}
.main-menu .overflow li.uWithSubmenu .menu_tog, .main-menu li.uWithSubmenu li.uWithSubmenu .menu_tog {
right: auto; 
left: 5px; 
transform: rotate(90deg) translateX(-50%); 
}
.main-menu li ul {
display: none; 
min-width: 220px; /* 200px */
}
/* .main-menu li ul a, .main-menu li ul li > span, */
/* .main-menu li ul :is(a, li > span), */
.main-menu li ul a {
padding: 13px 1vw 13px 3vw; /* 13px 2vw 13px 3vw */
} 
#catmenu ul.uMenuRoot {
height: 69px; 
display: flex; 
display: -ms-flexbox; 
flex-wrap: wrap; 
-ms-flex-wrap: wrap; 
overflow: hidden; 
} 
#catmenu li:hover > ul {
display: block; 
/* width: 230px; */
/* max-width: 270px; */
width: clamp(220px, 100%, 270px);
position: absolute; 
left: auto; 
top: 100%; 
right: 0; 
z-index: 5; 
}
#catmenu li:hover > ul:last-child {
/* width: 100%; */
}
ul.overflow li.uWithSubmenu ul {left: auto; right: 100%}
.main-menu #catmenu ul ul ul {top: 0; left: -100%}

#catmenu .uMenuRoot > .uWithSubmenu > a {
padding-left: var(--par); 
padding-right: 30px; /* var(--30px); /* отступ для стрелок (размер жесткий) */
}
.main-menu li li {width: 100%}
.main-menu li li, .main-menu li li:not(:last-child) {border-bottom: 1px solid var(--col-dgray)}
.main-menu li li > span, .main-menu li li a, .sidebox li.item-parent.over > ul, .sidebox li.parent-li.over > ul {display: block}
.main-menu li ul li:hover > ul {
display: block; 
position: absolute; 
top: -10px; 
right: 100%; 
left: inherit; 
z-index: 3; 
}
.sidebar .uMenuV ul {padding-left: var(--15px)}
.nav_menu_toggler {
display: -ms-flexbox; display: flex; 
height: 67px; 
cursor: pointer; 
-ms-flex-direction: column; flex-direction: column; 
-ms-flex-align: end; align-items: flex-end; 
-ms-flex-pack: center; justify-content: center
}
.nav_menu_toggler span {
display: block; 
width: 5px; 
height: 5px; 
margin: 2px 5px; 
border-radius: 2px; 
/* background-color: #b0a474; */
}
.navItemMore {display: none; padding-left: var(--10px)}
form ul > li.notcolumn hr, td.manTdSep {display: none}
.menu_tog {
position: absolute; 
top: 50%; 
font-size: var(--f16); 
right: 3px; 
transform: translateY(-50%)
}
.container {
max-width: 1170px; 
display: -ms-flexbox; display: flex; 
-ms-flex-align: center; align-items: center; 
/* margin: 0 auto; */
padding: 0 3vw
} 

.registration-links, header.soc-block {white-space: nowrap}
.registration-links {display: none}
.registration-links a {
padding-left: var(--15px); 
font-size: var(--f12); 
}
input #filter_word, input #sfSbm {vertical-align: middle}


/* Адаптивные условия (MENU) - 1012+ */
@media screen and (min-width: 1012px) {
/* .main-menu li ul :is(a, li > span):last-child, */
.main-menu li ul a:last-child {padding-left: 2vw}
}

/* Адаптивные условия (MENU) - 901-1012 */
@media screen and (min-width: 901px) and (max-width: 1012px) {
/* Без стрелок в полном меню */
#catmenu .uMenuRoot > .uWithSubmenu > a {padding: 0 var(--15px)}
.menu_tog {display: none !important}
}

/* Адаптивные условия (MENU) - 900 */
@media screen and (max-width: 900px) {
#catmenu .uMenuRoot > .uWithSubmenu > a {
width: 100%; 
/* width: calc(100% - 44px); */
min-width: max(35%, 270px); 
padding-left: var(--tab); 
padding-right: var(--tab); /* var(--par); */
}
}

/* ----- */



/* ----------- */
/* ADVENT_FEET */
/* ----------- */

/* ADVENT_FEET: нижний блок в Adventure (Координатор и Закрывающую картинку) */
[id*=advent_feet], [id*=advent_feet] [class*=feet] {
/* width: fit-content; */
width: 100%; 
height: min-content; 
min-height: 100px; 
}

/* ADVENT_FEET (flex) */
[id*=advent_feet][class*=flex] {
flex-direction: row-reverse; 
justify-content: space-between; 
}
[id*=advent_feet] :is([class*=right], [class*=close]:not([class*=menu])) {
flex-basis: var(--w-45); 
max-width: var(--w-45); 
/* flex-shrink: 0; */
flex-shrink: 1; 
/* padding-top: var(--36px); */
padding-top: var(--24px); 
padding-left: var(--24px); 
text-align: center; 
} 
[id*=advent_feet] [class*=left] {
flex-basis: var(--w-55); 
max-width: var(--w-55); 
min-width: var(--w-55); 
/* margin-left: var(--w-padd) */
} 
[id*=advent_feet] [class*=left] p {padding: 0}


/* Адаптивные условия (ADVENT_FEET) */
@media screen and (max-width: 1200px) {
[id*=advent_feet][class*=flex] {
display: block; 
max-width: var(--pic-w100); 
/* margin: 0 auto; */
margin-left: 0; 
}
[id*=advent_feet] [class*=feet] {
width: 100%; 
/* max-width: fit-content; */
} 
[id*=advent_feet] :is([class*=left], .feet-left) {
/* max-width: calc(var(--content) - var(--w-padd) * 2); */
max-width: var(--w-coord); 
margin: var(--bott-H3) var(--tab); 
padding: 0;
}
[id*=advent_feet] :is([class*=right], [class*=close]:not([class*=menu]), .feet-right) {
width: auto; 
/* max-width: initial */
max-width: var(--w-55);
margin: var(--top-H3) var(--tab); 
/* margin-left: var(--tab); */
padding: 0; 
float: none; 
}
[id*=advent_feet] :is([class*=close]:not([class*=menu]), .feet-right) img {
width: auto; 
min-width: 700px; 
margin: auto; 
} 
}

@media screen and (max-width: 900px) {
[id*=advent_feet][class*=flex] {
width: 100%; 
max-width: 100%; 
}
[id*=advent_feet] :is([class*=right], [class*=close]:not([class*=menu]), .feet-right) {
width: fit-content; 
/* max-width: var(--pic-w100); */
max-width: 100%; 
margin: var(--top-H3) auto;
}
[id*=advent_feet] :is([class*=left], .feet-left) {
width: 100%; 
/* max-width: 100%; */
/* max-width: var(--pic-w100); */
margin: 0 auto var(--64px); 
/* margin-bottom: var(--64px); */
}
[id*=advent_feet] :is([class*=close]:not([class*=menu]), .feet-right) img {
min-width: auto; 
} 
}

/* ----- */



/* ----------- */
/* COORDINATOR */
/* ----------- */

/* COORDINATOR (общие свойства) */
/* coord - общий блок координаторов (включая заголовки, картинки...). Перенести свойства на внутренние блоки */
.coord, .advent_coord {
max-width: max(900px, var(--content)); 
/* max-width: max(75%, var(--content)); */ 
margin: var(--bott-H3) 0; 
}
[id^=блок]:is([id*=винский], [id*=координатор], [id*=глаголы], [id*=вирши]) {
/* max-width: max(900px, var(--content)); */
/* max-width: max(75%, var(--content)); */
max-width: clamp(50%, var(--content), var(--w-70)); /* 70% / 75% */
margin: var(--bott-H3) 0; 
}
[id*=винский] [class*=block-name] {
display: flex; 
width: 100%; 
}
[id*=винский] .butt-name:not(:has(a)) {
/* font-weight: bold; 
padding-top: var(--padd); 
padding-bottom: var(--padd); */
}
[id*=винский] .block-name .butt-name:nth-child(2n+1) {
min-width: 200px; 
}
[id*=винский] .block-name .butt-name:nth-child(2n) {
width: 100%; 
}


/* COORDINATOR (ссылки в тексте) */
#advent_text .coord {
/* width: fit-content; */
max-width: var(--w-coord); /* 76% */
margin: var(--bott-H3) var(--tab); 
/* padding-left: var(--par); */
}

/* COORDINATOR (flex-модель: координатор и закрывающая картинка) */
[id*=advent_feet] :is([class*=left], .feet-left) .coord {
width: 100%; 
max-width: 100%; 
margin: 0; 
}


/* COORDINATOR (блоки кнопок) */
.block-coord {
display: flex; 
width: 100%; 
margin: 2px 0; 
}

.block-name {
/* flex-basis: 47%; */
min-width: 47%; 
}
#advent_text .block-name {
width: 100%; 
min-width: max(400px, 47%); 
}

.block-x4, .block-x3 {
display: flex; 
/* flex-basis: 53%; */
width: 100%; 
}
.block-x1 {
/* width: auto; 
min-width: 50%; */
/* flex-grow: 1; 
flex-basis: 50% */
width: 100%; 
}


/* COORDINATOR (КНОПКИ) */
[class*=butt-x], .butt-x4, .butt-x3 {/* align-items: center; justify-content: center; */}
.coord [class*=butt-x] {
/* width: 100%; /* кнопки на ширину блока */
min-width: fit-content; 
flex-grow: 1; /* пропорциональные размеры блоков (вместо width: 100% и padding вокруг текста) */ 
}
.butt-x4 {/* width: calc(100% / 4) */} /* кнопки сжаты */
.butt-x3 {/* width: calc(100% / 3) */} /* кнопки сжаты */
.butt-x1 {width: auto}

[class*=butt-x] a {
text-align:center; 
/* line-height: 1.7; */
/* padding-left: max(var(--15px), 10px); 
padding-right: max(var(--15px), 10px); */
}
[id*=advent_text] .butt-x4 a {
/* padding-left: calc(var(--pic-marg) / 4); 
padding-right: calc(var(--pic-marg) / 4); */
}
[id*=advent_text] .butt-x3 a {
/* padding-left: calc(var(--pic-marg) / 3); 
padding-right: calc(var(--pic-marg) / 3); */
}
[id*=advent_feet] .butt-x4 a {
/* padding-left: max(calc(100% / (4 * 2)), var(--par)); 
padding-right: max(calc(100% / (4 * 2)), var(--par)); */
}
[id*=advent_feet] .butt-x3 a {
/* padding-left: max(calc(100% / (3 * 2)), var(--par)); 
padding-right: max(calc(100% / (3 * 2)), var(--par)); */
}
.butt-x1 a {
padding: var(--padd) max(var(--pic-marg), 15px); 
}

.butt-name a {
font-weight: bold; 
/* min-width: max-content; */
} 
[id^=блок]:is([id*=винский], [id*=координатор], [id*=глаголы], [id*=вирши]) .butt-name {padding: 2px 0}
[id^=блок]:is([id*=винский], [id*=координатор], [id*=глаголы], [id*=вирши]) .butt-name a {
padding-top: var(--padd); /* 10px */
padding-bottom: var(--padd); /* 10px */
}

.form-submit {text-align:end}


/* Адаптивные условия (COORDINATOR) */
@media screen and (max-width: 1200px) {
.coord {/* max-width: 100%; */} 
#advent_text .coord {width: auto}
#advent_feet .coord {/* max-width: calc(var(--content) - var(--w-padd) * 2); */}
.block-name {width: auto} 
.block-x1 {min-width: auto} 
.butt-x1 {width: initial} 
[class*=butt-x] a {
/* padding-left: initial; 
padding-right: initial; */ 
}
}

@media screen and (max-width: 1024px) {
[id^=блок][id*=винский] {
max-width: 100%; 
}
}

@media screen and (max-width: 900px) {
.coord {
/* max-width: 100%; */
/* margin: 0; 
padding: 0; */
}
#advent_feet .coord {
/* width: 100%; 
margin: var(--bott-H3) 0; */
width: auto; 
max-width: var(--w-coord);
/* margin: var(--bott-H3) var(--tab); */
margin: var(--bott-H3) auto; 
}
#advent_text .block-name {
/* width: 100%; */
max-width: 100%; 
min-width: auto; 
}
.coord [class*=butt-x] {/* width: inherit */}
[class*=butt-x] a {
/* padding: var(--padd) calc(var(--pic-marg) / 4); */
/* padding: var(--padd) var(--16px); */
}
[id^=блок]:is([id*=винский], [id*=координатор], [id*=глаголы], [id*=вирши]) {
/* max-width: max(calc(900px - var(--w-padd) * 2), var(--content)); */
/* max-width: 70%; */
max-width: clamp(50%, var(--content), var(--w-70)); /* 70% */ 
}
}

@media screen and (max-width: 800px) {
#advent_text .block_coord {display: block !important}
#advent_text [class*=block-x] {width: auto}
[class^=butt-x] a {/* padding: var(--padd) var(--16px) */}
#advent_feet .coord {margin: var(--bott-H3) var(--tab)}
[id^=блок]:is([id*=винский], [id*=координатор], [id*=глаголы], [id*=вирши]) {
max-width: var(--w-100);  
}
}

@media screen and (max-width: 700px) {
#advent_text .block-coord {
display: block; 
max-width: var(--content); 
}
#advent_text [class*=block-x] {width: 100%}
}

@media screen and (max-width: 600px) {
.coord {/* margin: 0 auto !important */}
#advent_feet .coord {/* margin: var(--bott-H3) 0 */}
.block-coord {
display: block; 
width: 100%; 
} 
#advent_feet .block-coord {max-width: var(--content)}
.feet-left > .coord {margin: 0 auto}
[class*=block-x] {
/* width: 100% !important; */
min-width: auto; 
}
}

/* 500px! (не 480px) */
@media screen and (max-width: 500px) {
.block-coord {max-width: 100%}
}

@media screen and (max-width: 480px) {
:is(#advent_text, #advent_feet) .block-coord {max-width: none}
}

@media screen and (max-width: 400px) {
:is(#advent_text, #advent_feet) .coord {margin: var(--bott-H3) 0}
}

/* ----- */



/* ----------------------- */
/* БЛОК КНОПОК И НАВИГАЦИИ */
/* ----------------------- */

/* Общие свойства блоков кнопок (разобраться с block-butt, block-coord, block-turn) */
[class*=block]:not([class*=name]) {
/* display: flex; */
/* width: 100%; */
/* width: max-content; 
max-width: 100%; */
/* margin: 2px 0; */
}

/* Блок кнопок и навигации (назад, вверх, далее) */
.block-turn, .block-butt {
display: flex; 
width: max-content; 
max-width: 100%; 
/* margin: var(--top-H1) var(--tab) 0; */
margin: calc(var(--top-H1) * 2) var(--tab) 0;
}
.block-turn {
/* margin: var(--top-H2) var(--tab) 0; */
/* padding-bottom: var(--top-H3); */
margin-bottom: var(--top-H3); 
}
/* Исключение двойного отступа внизу страницы  */
.block-turn + .end {/* margin-top: calc(var(--top-H2) * (-1)) */} /* замена на padding? */

/* ----- */



/* ------- */
/* BUTTONS */
/* ------- */

/* Type - Button, Input */
button, input:is([type=button], [type=reset], [type=submit]) {
padding: var(--padd) var(--24px); 
width: auto; /* !important; */
border: 0; 
cursor: pointer; 
}
:is(button, input[type=button], input[type=reset], input[type=submit]):is(:hover, :active, :focus) {
/* color: white; 
background: var(--col-butt02); */
}


/* КНОПКИ (общие свойства) */
[class^=butt], .form-submit, 
:is(.block-turn, .block-butt) div {
margin: 2px; 
padding: 0; 
} 

:is([class*=butt], [class*=turn]) a {
display: block; 
padding-top: var(--padd); 
padding-bottom: var(--padd); 
padding-left: max(var(--10px), var(--padd)); /* 8px */
padding-right: max(var(--10px), var(--padd));
}
:is([class*=butt], [class*=turn]):not([class*=butt-x]) a {
padding-left: max(var(--15px), 10px); 
padding-right: max(var(--15px), 10px); 
}
:is([class*=butt], [class*=turn]):not([class*=name]) a {text-align: center} 


/* КНОПКА - ЧИТАТЬ ДАЛЕЕ */
.more-link {
display: block; 
width: max-content; 
margin: 10px 0; 
padding: var(--padd) max(var(--par), var(--20px));
text-indent: 0; 
float: right; 
/* cursor: pointer; */
}
/* Удаление лишней строчки в тексте для more */
[id*=more] {display: none}


/* ПАГИНАЦИЯ (селектор страниц) */
.nav-links {
margin-top: var(--top-H4); 
margin-bottom: var(--top-H4); 
text-align: end; 
/* float: right; */
}
.screen-reader-text{display: none}
.page-numbers {
display: inline-block; 
width: max-content; 
margin: 5px 0; 
/* padding: var(--padd) max(var(--par), var(--15px)); */
padding: var(--padd) 14px;
text-indent: 0; 
}
.page-numbers:is(.current, .dots) {font-weight: bold}

/* --- */


/* Адаптивные условия (Кнопки) */
@media screen and (max-width: 900px) {
.block-turn {
/* margin-top: calc(var(--top-H1) * 2); */
}
}
@media screen and (max-width: 700px) {
:is([class*=butt], [class*=turn]) a {
/* display: grid; 
height: 100%; 
align-items: center; */
/* padding: var(--padd) var(--16px); */
} 
}

@media screen and (max-width: 600px) {
[id^=блок] {min-width: 100%}
:is(.block-turn, .block-butt) div {margin: 2px}
.block-butt div {
width: 100%; 
max-width: 100%; 
}
[class^=butt] a {/* padding: var(--padd) max(var(--30px), 15px)*/} 
}

@media screen and (max-width: 480px) {
.block-turn, .block-butt {
width: auto; 
max-width: 100%; 
/* margin: var(--top-H1) 0; */
/* margin: var(--top-H1) auto; */
}
.block-turn div, .butt-turn {flex-grow: 1}
.block-butt {
/* width: auto; 
margin: var(--top-H3) auto; */
}
}

@media screen and (max-width: 400px) {
[class*=block] {
margin-left: 0; 
margin-right: 0; 
}
}


/* SCROLLUP */
.goOnTop {display: none}
#scrollup, [id*=scroll]/*, 
.scrollup, [class*=scroll]*/ {
width: auto; 
border: 0; 
display: none; 
position: fixed; 
z-index: 2; 
height: 50px; 
bottom: var(--bott-H3); 
right: 20px; 
padding: 0 13px; 
/* cursor: pointer; */
}

/* Адаптивные условия (SCROLLUP) */
@media screen and (max-width: 800px) {
#scrollup, [id*=scroll]/*, 
.scrollup, [class*=scroll]*/ {
height: 40px; 
bottom: 14px; 
right: 14px; 
padding: 0 8px; /* 9px */
}
}
@media screen and (max-width: 480px) {
#scrollup, [id*=scroll]/*, 
.scrollup, [class*=scroll]*/ {padding: 0 12px}
}
@media screen and (max-width: 360px) {
#scrollup, [id*=scroll]/*, 
.scrollup, [class*=scroll]*/ {padding: 0 8px}
}

/* ---- */



/* ----------- */
/* FLEX-МОДЕЛЬ */
/* ----------- */

/* FLEX (общие свойства) */
[class*=flex] {
display: flex; 
/* margin: 0; */
}
[class*=flex][class*=left] {justify-content: left}
[class*=flex][class*=center] {justify-content: center}
[class*=flex][class*=rev], 
[class*=post][class*=flex], 
[class*=pic][class*=rev] {flex-direction: row-reverse}
[class*=flex-block], [class*=block][class*=flex] {justify-content: left}

/* FLEX-X2 (2 колонки - 50%) */
[class*=flex]:not([id*=feet], [class*=coord], [class*=x1], [class*=cat]) div:not([class*=ancor]) {flex-basis: 50%}

[class*=flex][class*=cat] div.entry {
flex-basis: var(--w-70); 
flex-shrink: 0; 
}
.flex-cat, [class*=flex][class*=cat] {
flex-direction: row-reverse; 
justify-content: space-between; 
}

/* 3 колонки */
[class^=flex3] *, [class^=flex-x3] *, [class*=flex][class*=x3] * {flex-basis: calc(100% / 3)}


/* Отмена FLEX (NEWS/BLOG) */
body[class*=category]:is([class*=news], [class*=blog]) [class*=flex][class*=cat] {display: block}


/* Адаптивные условия (FLEX) */
@media screen and (max-width: 1200px) {
:is([class*=flex]/*, [class*=pic]*/):not([class*=pic-], [class*=coord], [class*=cat], [class*=post], 
[class*='1024'], [class*='900'], [class*='800'], [class*='700'], [class*='600'], [class*='480'], [class*='360']), 
[class*=flex-block] {
display: block; 
/* margin: 0; */
}
}

@media screen and (max-width: 1024px) {
:is([class*=flex], [class*=pic]):is([class*='1024'], [class*='900']) {display: block}
}

@media screen and (max-width: 900px) {
[class*=flex] {
/* display: block; 
margin: 0; */
}
:is([class*=flex], [class*=pic]):is([class*='1024'], [class*='900']) {display: block}
[class*=flex]:not([id*=feet], [class*=flex-]) div:not([class*=coord] *, [class*=lir]) {
max-width: initial; 
/* margin: 0 var(--64px); */
}
[class*=post][class*=flex] div[class*=pic] {margin-top: var(--bott-H3) !important}
[class*=flex][class*=cat] div.entry {
flex-basis: var(--w-70); /* 70%; - перенесено в root */
flex-shrink: initial; 
}
.pic-thumb, [class*=thumb]:not(img) {
flex-basis: calc(100% - var(--w-70)); /* 30%; - перенесено в root */
}
}

@media screen and (max-width: 800px) {
:is([class*=flex], [class*=pic]):is([class*='800']) {display: block}
}

@media screen and (max-width: 600px) {
:is([class*=flex], [class*=pic]):is([class*='700'], [class*='600']), 
.flex-cat, [class*=flex][class*=cat] {display: block}
[class*=flex]:not([class*=flex-]) div:not([class*=coord] *, [class*=lir], [class*=butt]) {
max-width: 100%;
/* margin: 0 var(--w-padd); */
margin: 0 auto; 
}
}

/* ----- */



/* ОТОБРАЖЕНИЕ БЛОЧНЫХ ЭЛЕМЕНТОВ */
.table-cell {display: table-cell; width: 100%; float: none}
.display-block {display: block}
.display-grid {display: grid}
.display-flex {display: flex; height: 100%}
.display-contents {display: contents}
.display-ruby {display: ruby} 
.display-rubybcont {display: ruby-base-container} 
.inline-block {
display: inline-block; 
width: available; 
}
.span-block {
display: block; 
width: 100%; 
}

/* Отмена отображения */
.display-none, .disp-none, .none {display: none !important}

/* Адаптивные условия (отображение) */
@media screen and (min-width: 500px) and (max-width: 1600px) {.disp500, .display500 {display: none !important}}

@media screen and (max-width: 1260px) {.msyde1280, .msyde, .mnone1280 {display: none !important}}
@media screen and (max-width: 1200px) {.msyde1200, .msyde, .mnone1200 {display: none !important}}
@media screen and (max-width: 1024px) {.none1024, .disp-none, .display-none {display: none !important}}
@media screen and (max-width: 900px) {.none900, .disp-none900, .display-none900 {display: none !important}}
@media screen and (max-width: 800px) {.none800, .disp-none800, .display-none800 {display: none !important}}
@media screen and (max-width: 600px) {.none600, .disp-none600, .display-none600 {display: none !important}}
@media screen and (max-width: 500px) {.none500, .disp-none500, .display-none500 {display: none !important}}
@media screen and (max-width: 480px) {.none480, .disp-none480, .display-none480 {display: none !important}}

@media screen and (min-width: 900px) {.disp900, .display900 {display: inherit}}
@media screen and (min-width: 800px) {.disp800, .display800 {display: inherit}}


/* ОБТЕКАНИЕ */
[class*=floatl], .floatl, .float-left {float: left}
[class*=floatr], .floatr, .float-right {float: right}
[class*=floatn], .floatn, .float-none {float: none}
.clear, .clr {clear: both}

/* Адаптивные условия (обтекание) */
@media screen and (max-width: 1200px) {.floatl-1200 {float: none}}
@media screen and (max-width: 1024px) {.floatl-1000 {float: none}}
@media screen and (max-width: 900px) {.floatl, .float-left, .floatr, .float-right, .floatl-900 {float: none; clear: both}}
@media screen and (max-width: 800px) {.floatl-800 {float: none}}
@media screen and (max-width: 700px) {.floatl-700 {float: none}}
@media screen and (max-width: 600px) {.floatl-600 {float: none}}
@media screen and (max-width: 480px) {.floatl-500 {float: none}}

@media screen and (max-width: 800px) {.clear800 {clear: both}}
@media screen and (max-width: 700px) {.clear700 {clear: both}}
@media screen and (max-width: 600px) {.clear600 {clear: both}}
@media screen and (max-width: 480px) {.clear480 {clear: both}}
@media screen and (max-width: 480px) {.floatl, .float-left, .float-right {clear: both}}


/* ЦЕНТРИРОВАНИЕ */
.left, .txt-left {text-align: left}
.center, .txt-center, .align-center {text-align: center}
.right, .txt-right {text-align: right}
.marg-auto, .marg-center {margin-left: auto; margin-right: auto; text-align: center}


/* СЛОИ (z-index) */
.z0 {z-index: 0}
.z1 {z-index: 1}
.z3 {z-index: 3}
.z5 {z-index: 5}
.z6 {z-index: 6}
.z9 {z-index: 9}
.z10 {z-index: 10}
.z15 {z-index: 15}
.z20 {z-index: 20}
.z50 {z-index: 50}

/* ----- */



/* ПОЛЯ, ОТСТУПЫ, ГРАНИЦЫ - базовые размеры */
/*
12px = 1.4065vw 
36px = 2.813vw - левое поле
48px = 3.75vw - правый отступ, табуляция
64px = 5vw
80px = 6.25vw
84px = (2.813 + 3.75) = 6.563vw - красная строка
152px = 11.875vw
*/

/* ПОЛЯ, ОТСТУПЫ, ГРАНИЦЫ (принудительно) */
/* (margin - внешние ПОЛЯ, padding - внутренние ОТСТУПЫ) */
/* Легенда 
1vw = 1280px/100, 1vh = 1024/100. Xpx/12.8px = vw, Xpx/10.24 = vh
2px = 0.1953vh / 0.1563vw
3px = 0.2930vh / 0.2344vw
5px = 0.4883vh / 0.3906vw
7px = 0.6836vh / 0.5469vw
10px = 0.9766vh / 0.7813vw
15px = 1.4648vh / 1.1719vw
20px = 1.9531vh / 1.5625vw
*/


/* ALIGN */
/* vertical-align */
.vtop, .verttop, .vert-align-top {vertical-align: top}
.vmid, .vertmid, .vert-align-mid {vertical-align: middle}
.vbott, .vertbott, .vert-align-bott {vertical-align: bottom}


/* MARGIN */
/* margin-full */
.marg-full3 {margin: 3px var(--3px)}
.marg-full5 {margin: 5px var(--5px)}
.marg-full10 {margin: 10px var(--10px)}

/* margin-vertical */
/* без явного указания боковых полей */
.marg-vert0, .vert0 {
margin-top: 0 !important; 
margin-bottom: 0 !important
}
.marg-vert, .vert/*, :is([class*=big], [class*=large])*/ {
margin-top: var(--top-H4); /* var(--top-H3) */
/* margin-bottom: var(--top-H3); */
margin-bottom: var(--top-H4);
}
.marg-vert10, .vert10 {margin-top: 10px !important; margin-bottom: 10px !important}
.marg-vert20, .vert20 {margin-top: 20px !important; margin-bottom: 15px !important}
.marg-vert40, .vert40 {margin-top: 4vh !important; margin-bottom: 3vh !important} 
.marg-vert60, .vert60 {margin-top: 6vh !important; margin-bottom: 4vh !important} 
.marg-vert80, .vert80 {margin-top: 8vh !important; margin-bottom: 6vh !important} 
.marg-vert100, .vert100 {margin-top: 10vh !important; margin-bottom: 8vh !important} 

/* боковые поля - auto (выравнивание по центру) */
.marg-vert2-auto, .vert2-auto {margin: 2px auto} /* 2px 0, 0.1563vw 0 */
.marg-vert3-auto, .vert3-auto {margin: 3px auto} /* 3px 0, 0.2344vw 0 */
.marg-vert5-auto, .vert5-auto {margin: 5px auto} /* 5px 0, 0.3906vw 0 */
.marg-vert7-auto, .vert7-auto {margin: 7px auto} /* 7px 0, 0.5469vw 0 */
.marg-vert10-auto, .vert10-auto {margin: 10px auto} /* 10px 0, 0.7813vw 0 */
.marg-vert15-auto, .vert15-auto {margin: 15px auto}

/* margin-width */
.marg-width10 {margin-left: var(--10px); margin-right: var(--10px)} /* 10px */
.marg-width15 {margin-left: var(--15px); margin-right: var(--15px)} /* 15px */
.marg-width20 {margin-left: var(--20px); margin-right: var(--20px)} /* 20px */
.marg-width84 {margin-left: var(--84px); margin-right: var(--84px)}

/* Стандартное левое поле - 36px (замена табуляции, см. аналог - nontab) */
.marg , .marg-left, .marg-left36, .lmarg {
margin-left: var(--tab) !important; 
text-indent: 0 !important; 
}

/* margin-left */
.marg-left0, .lmarg0 {margin-left: 0 !important}
.marg-left36, .lmarg36 {margin-left: var(--36px) !important}
.marg-left48, .lmarg48 {margin-left: var(--48px) !important}
.marg-left64, .lmarg64 {margin-left: var(--64px) !important}
.marg-left80, .lmarg80 {margin-left: var(--80px) !important}
.marg-h1, .marg-left104, .lmarg104 {margin-left: var(--104px) !important} /* heading, h1 */
.marg-left120, .lmarg120 {margin-left: var(--120px) !important}
.marg-left150, .lmarg150 {margin-left: var(--152px) !important}
.marg-left180, .lmarg180 {margin-left: var(--180px) !important}
.marg-left200, .lmarg200 {margin-left: var(--200px) !important}

/* margin-right */
.marg-right48 {margin-right: var(--48px) !important}
.marg-right80 {margin-right: var(--80px) !important}
.marg-right120 {margin-right: var(--120px) !important}

/* margin-top */
[class*=marg][class*=top] {margin-bottom: inherit}
.marg-top {margin-top: calc(var(--padd) * 3) !important} /* 21px */
.marg-top10 {margin-top: 10px !important}
.marg-top15 {margin-top: 15px !important}
.marg-top20 {margin-top: 20px !important}
.marg-top40 {margin-top: 4vh !important}
.marg-top60 {margin-top: 6vh !important}
.marg-top80 {margin-top: 8vh !important}

/* margin-bottom */
[class*=marg][class*=bott], [class^=mbott] {margin-top: inherit}
.marg-bott10 {margin-bottom: 10px !important}
.marg-bott15 {margin-bottom: 15px !important}
.marg-bott20 {margin-bottom: 20px !important}
.marg-bott40 {margin-bottom: 40px !important}
.marg-bott60 {margin-bottom: 60px !important}
.marg-bott80 {margin-bottom: 80px !important}


/* PADDING */
/* padding-full */
.padd0 {padding: 0}
.padd-full2, .padd2 {padding: 2px}
.padd-full5, .padd5 {padding: 5px}
.padd-full10, .padd10 {padding: 10px var(--10px)}

/* padding-vertical */
.padd-vert10 {padding-top: 0.8% !important; padding-bottom: 0.8% !important} /* 10px */
.padd-vert20 {padding-top: 1.6% !important; padding-bottom: 1.6% !important} /* 20px */
.padd-vert30 {padding-top: 2.4% !important; padding-bottom: 2.4% !important} /* 30px */
.padd-vert40 {padding-top: 3% !important; padding-bottom: 3% !important} /* 40px */
.padd-vert50 {padding-top: 3.75% !important; padding-bottom: 3.75% !important} /* 50px */

/* padding-width */
.padd-width10 {padding-left: 0.8% !important; padding-right: 0.8% !important} /* 10px */
.padd-width20 {padding-left: 1.6% !important; padding-right: 1.6% !important} /* 20px */
.padd-width30 {padding-left: 2.4% !important; padding-right: 2.4% !important} /* 30px */
.padd-width40 {padding-left: 3% !important; padding-right: 3% !important} /* 40px */
.padd-width50 {padding-left: 3.75% !important; padding-right: 3.75% !important} /* 50px */
.padd-width80 {padding-left: 6% !important; padding-right: 6% !important} /* 80px */

/* padding-left */
.padd-left2 {padding-left: var(--2px)} /* 2px */
.padd-left3 {padding-left: var(--3px)} /* 3px */
.padd-left5 {padding-left: var(--5px)} /* 5px */
.padd-left7 {padding-left: var(--7px)} /* 7px */
.padd-left10 {padding-left: var(--10px) !important} /* 10px */
.padd-left15 {padding-left: var(--15px) !important} /* 15px */
.padd-left20 {padding-left: var(--20px) !important} /* 20px */
.padd-left30 {padding-left: var(--30px) !important} /* 30px */
.padd-left40 {padding-left: var(--40px) !important} /* 40px */
.padd-left50 {padding-left: var(--50px) !important} /* 50px */
.padd-left80 {padding-left: var(--80px) !important} /* 80px */

/* padding-right */
.padd-right2 {padding-right: var(--2px)} /* 2px */
.padd-right3 {padding-right: var(--3px)} /* 3px */
.padd-right5 {padding-right: var(--5px)} /* 5px */
.padd-right7 {padding-right: var(--7px)} /* 7px */
.padd-right10 {padding-right: var(--10px)} /* 10px */
.padd-right20 {padding-right: var(--20px)} /* 20px */

/* padding-top */
.padd-top2, [class*=padd][class*=top][class*='2'] {padding-top: 2px}
.padd-top3, [class*=padd][class*=top][class*='3'] {padding-top: 3px}
.padd-top5, [class*=padd][class*=top][class*='5'] {padding-top: 5px}
.padd-top7, [class*=padd][class*=top][class*='7'] {padding-top: 7px}
.padd-top10, [class*=padd][class*=top][class*='10'] {padding-top: 10px}
.padd-top20, [class*=padd][class*=top][class*='20'] {padding-top: 20px}

/* padding-bottom */
.padd-bott2, [class*=padd][class*=bott][class*='2'] {padding-bottom: 2px}
.padd-bott3, [class*=padd][class*=bott][class*='3'] {padding-bottom: 3px}
.padd-bott5, [class*=padd][class*=bott][class*='5'] {padding-bottom: 5px}
.padd-bott7, [class*=padd][class*=bott][class*='7'] {padding-bottom: 7px}
.padd-bott10, [class*=padd][class*=bott][class*='10'] {padding-bottom: 10px}
.padd-bott20, [class*=padd][class*=bott][class*='20'] {padding-bottom: 20px}

/* Адаптивные условия (padd) */
@media screen and (max-width: 700px) {
[class*=padd][class*=vert] {padding: initial}
[class*=padd] {padding: initial} /* поиск классов с текстом padd */
}

/* ---- */



/* ------------- */
/* ШИРИНА-ВЫСОТА */
/* ------------- */

/* ШИРИНА */
.fill {width: fill-available; width: -webkit-fill-available; width: -moz-available}

/* Свойства W не подвергаются изменениям и ограничениям размеров! */
/* Свойства M изменяемые */
/* Общие свойства картинок определены в разделе Картинки */
.mob {}

/* Кратные форматы */
.m30, .mob30 {width: 30%; max-width: 30%; flex-basis: 30%}
.m40, .mob40 {width: 40%; max-width: 40%; flex-basis: 40%}
.m50, .mob50 {width: 50%; max-width: 50%; flex-basis: 50%}
.m60, .mob60 {width: 60%; max-width: 60%; flex-basis: 60%}
.m70, .mob70 {width: 70%; max-width: 70%; flex-basis: 70%}
.m80, .mob80 {width: 80%; max-width: 80%; flex-basis: 80%}
.m90, .mob90 {width: 90%; max-width: 90%; flex-basis: 90%}
.m100, .mob100, .mfull, .mobfull {width: 96%; max-width: 96%; flex-basis: 96%} /* width: 90.0%; max-width: 1100px */

/* .m32, .m38, .m40, .m41, .m42, .m43, .m44, .m45, .m46, 
.m47, .m48, .m49, .m50, .m51, .m54, .m55, .m57 {max-width: 1100px} /* max-width: 870px */
.m32, .mob32 {width: 32%; max-width: 32%; flex-basis: 32%}
.m35, .mob35 {width: 35%; max-width: 35%; flex-basis: 35%}
.m38, .mob38 {width: 38%; max-width: 38%; flex-basis: 38%}
.m41, .mob41 {width: 41%; max-width: 41%; flex-basis: 41%}
.m42, .mob42 {width: 42%; max-width: 42%; flex-basis: 42%}
.m43, .mob43 {width: 43%; max-width: 43%; flex-basis: 43%}
.m44, .mob44 {width: 44%; max-width: 44%; flex-basis: 44%}
.m45, .mob45 {width: 45%; max-width: 45%; flex-basis: 45%}
.m46, .mob46 {width: 46%; max-width: 46%; flex-basis: 46%}
.m47, .mob47 {width: 47%; max-width: 47%; flex-basis: 47%}
.m48, .mob48 {width: 48%; max-width: 48%; flex-basis: 48%}
.m49, .mob49 {width: 49%; max-width: 49%; flex-basis: 49%}
.m51, .mob51 {width: 51%; max-width: 51%; flex-basis: 51%}
.m54, .mob54 {width: 54%; max-width: 54%; flex-basis: 54%}
.m55, .mob55 {width: 55%; max-width: 55%; flex-basis: 55%}
.m57, .mob57 {width: 57%; max-width: 57%; flex-basis: 57%}

/* Адаптивные условия (mob) */
/* Общие свойства картинок определены в разделе Картинки */
/* @media screen and (max-width: 1200px) {.m100, .mfull {width: 90% !important}} */
/* @media screen and (max-width: 1024px) {
.mob, .m30, .m60, .m70, .m80, .m90, 
.m32, .m38, .m40, .m41, .m42, .m43, .m44, .m45, .m46, 
.m47, .m48, .m49, .m50, .m51, .m54, .m55, .m57
 {width: 90% !important; min-width: 250px}
} */

/* ---- */


/* ВЫСОТА */
.h47 {height: 47%}
.h90 {height: 90%}
.h95 {height: 95%}
.h100 {height: 100%}
.hauto {height: auto}

/* ----- */



/* ------------- */
/* РАЗМЕР ШРИФТА */
/* ------------- */

/* ЕДИНИЦЫ ИЗМЕРЕНИЯ */
/* 
pt - абс.ед. 
px - элементарная точка, зависит от разрешения экрана
em - пропорциональный размер относительно родительского элемента
rem - пропорциональный размер относительно базового элемента html
vw, vh - пропорциональный размер относительно ширины/высоты экрана

Базовый шрифт по умолчанию для Mozilla - 16px = 100% = 1rem
rem задает базовый формат сайта/браузера, em - относительный от родителя
*/

/* ШРИФТЫ - базовые размеры */
/* (font0 - без k-font, font - c учетом k-font) */
/* 
14.69px = var(--font) = .918rem (OLD - базовый шрифт сайта)
14.75px = var(--font-nk) = .9219rem (NEW - базовый шрифт сайта) 
14.75px = calc(var(--font-nk) * var(--k-font)) = .9219rem * k-увеличения (NEW - базовый шрифт сайта) 

var(--1rem) = var(--rem1) = var(--rem100) = 1rem = 16px

var(--rem82) = .825rem = 13.2px
var(--rem84) = .84rem = 13.44px
var(--rem85) = .85rem = 13.6px
var(--rem9) = .9rem = 14.4px - NEW
var(--rem9) = .90625rem = 14.5px - OLD
var(--rem95) = .95rem = 15.2px
var(--rem96) = .96rem = 15.36px
var(--rem97) = .97rem = 15.52px
var(--rem105) = 1.063rem = 17px
var(--rem110) = 1.1rem = 17.6px
var(--rem120) = 1.2rem = 19.2px
var(--rem135) = 1.35rem = 21.6px
*/

/* Гарнитура шрифта (font-weight) :
Thin - 100 
Light - 300 
Book - 300-400 (?)
Regular - 400 (normal) 
Middle/Medium - 500 
SemiBold - 600 
Bold - 700 
ExtraBold - 800 
Black - 900 
*/

/* Ширина шрифта (font-stretch) :
Condensed - Суженное 
SemiExpanded - Полурасширенное 
Expanded - Расширенное 
 */

.font {font-size: var(--font)} /* 14.75px = .9219rem (NEW базовый шрифт сайта) */

.f5 {font-size: var(--f5)} /* 4.5px = .2755rem */
.f6 {font-size: var(--f6)} /* 6px = .375rem */
.f7 {font-size: var(--f7)} /* 7px = .4375rem */
.f8 {font-size: var(--f8)} /* 8px = .5rem */
.f9 {font-size: var(--f9)} /* 9px = .5625rem */
.f10 {font-size: var(--f10)} /* 10px = .625rem */
.f11 {font-size: var(--f11)} /* 11px = .6875rem */
.f12 {font-size: var(--f12)} /* 12px = .75rem */
.f13 {font-size: var(--f13)} /* 13px = .813rem */
.f14 {font-size: var(--f14)} /* 14px = .875rem */
.f15 {font-size: var(--f15)} /* 15px = .9375rem */
.f16 {font-size: var(--f16)} /* 16px = 1rem = var(--rem100) */
.f17 {font-size: var(--f17)} /* 17px = 1.063rem = var(--rem105) */
.f18 {font-size: var(--f18)} /* 18px = 1.125rem */
.f20 {font-size: var(--f20)} /* 20px = 1.25rem */
.f22 {font-size: var(--f22)} /* 22px = 1.375rem */
.f24 {font-size: var(--f24)} /* 24px = 1.5rem */
.f26 {font-size: var(--f26)} /* 26px = 1.625rem */
.f29 {font-size: var(--f29)} /* 29px = 1.8125rem */
.f32 {font-size: var(--f32)} /* 32px = 2.0rem */

@media screen and (max-width: 600px) {.f13, .f14, .f15, .f16, .f17, .f18, .f20, .f22, .f24, .f26, .f29, .f32 {font-size: initial}}
@media screen and (max-width: 480px) {.f5, .f6, .f7, .f8, .f9, .f10, .f11, .f12 {font-size: initial}}

/* ----- */


/* Базовый шрифт сайта */
/* :is(#advent, .advent) :not(p a.moder) {font-size: var(--font)} */


/* Базовый шрифт без увеличения (Меню, кнопки, блоки-ссылки...) */
[class*=menu] li, li[class*=menu],
:is(nav, [class*=nav], [class*=pagination], [class*=coord]) :is([class*=block]/*, [class*=butt] */) {
--k-font: 1.0; 
font-size: var(--font-nk); 
}


/* ЗАГОЛОВКИ (VERDANA) */
:is(h1, h2)[class*=verdana] {font-size: calc(var(--f-verdana) * 1.1)}
h3[class*=verdana] {font-size: calc(var(--f-verdana) * 1.05)}
h4[class*=verdana] {font-size: var(--f-verdana)} /* 16px */
h5[class*=verdana] {font-size: calc(var(--f-verdana) * 0.85)}

/* Адаптивные условия (заголовки VERDANA) */
@media screen and (max-width: 900px) {
/* :is(h1, h2)[class*=verdana] {font-size: var(--font)} 
:is(h3, h4, h5)[class*=verdana] {font-size: calc(var(--font) * 0.95)} */
}

/* Bebas */
.bebas {/* font-size: var(--f-bebas) */}
.logo-link {
/* --k-font: 1.2 !important; 
font-size: var(--f22); */
font-size: var(--f22-nk) 
}
.prom_align h2 {
font-size: var(--f29); 
text-transform: uppercase; 
} 

/* ЗАГОЛОВКИ BEBAS */
h1, h1[class*=bebas] {
font-size: calc(var(--f-bebas) * 1.2); 
text-transform: uppercase; 
}

h2, h2[class*=bebas] {font-size: calc(var(--f-bebas) * 1.1)}
h3, h3[class*=bebas] {font-size: calc(var(--f-bebas) * 1.0)} /* 1.05 */
h4, h4[class*=bebas] {font-size: calc(var(--f-bebas) * 1.0)} /* 1.0 / 0.95 */
h5, h5[class*=bebas] {font-size: calc(var(--f-bebas) * 1.0)} /* 0.85 */

/* Адаптивные условия (заголовки Bebas) */
@media screen and (max-width: 900px) {
h1, h1[class*=bebas] {font-size: calc(var(--f-bebas) * 1.1)}
h2, h2[class*=bebas] {font-size: calc(var(--f-bebas) * 1.0)}
h3, h3[class*=bebas] {font-size: calc(var(--f-bebas) * 0.95)}
h4, h5, :is(h4, h5)[class*=bebas] {font-size: calc(var(--f-bebas) * 0.95)} /* 0.8 */
.logo-link {font-size: calc(var(--f22-nk)  * 1.2)}
}


/* ПАРАГРАФЫ */
/* div:not([class*=typer]) :is(p, span, ul, ol):not([class]) {font-size: var(--font)} */
/* :is(ul, ol):not([class]) {font-size: var(--font)} */
.quot, .quot p, .cite, [class*=lir], .poem {font-size: var(--font)}
#advent li {
/* font-size: var(--rem9) */
}
.comm p, p.comm, p[class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-) /* , p.dir */ {
/* font-size: var(--rem95); */
font-size: var(--rem97); 
}
.sub-title, .loc, .date, .logo {
/* font-size: var(--rem9); */
font-size: var(--rem95); 
}

/* Увеличенный текст (цитаты, комменты, выделенные мысли) с индексом large/big */
p:is([class*=large], [class*=big]), 
:not([class*=menu])li, 
:is(.din, .quot, .cite, .comm, :is(.din, .quot, .cite, .comm) p, 
[class*=din], [class*=quot], [class*=cite], 
:is([class*=din], [class*=quot], [class*=cite]) p, 
[class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-), 
[class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-) p):is([class*=large], [class*=big]) {
font-size: calc(var(--font) * 1.06); /* 1.1 */ 
}


/* Подписи к картинкам, alt-текст, Сноски, Тэги */
div[class^=pic] p, p[class^=pic], [class^=pic] img, .modula-galery p  {font-size: var(--rem9)} /* .84-.85rem */
.note :is(h6, div, p) {font-size: var(--rem9)} /* rem85 */
a:is([id^=n], /*[id^=pr], */[href^='#nn']/*, .pr0*/):before {
/* font-size: var(--f18); /* Roboto */
/* font-size: var(--rem85); /* Tahoma */
/* font-size: var(--rem120); /* Bebas */
font-size: var(--f7); /* Font Awesome */
/* font-size: var(--f8); /* Font Awesome */
}
:not(body).tag, .tags, [class*=bread] {font-size: var(--rem9)} /* rem84 */

/* Buttons */
[class*=butt]:not(.butt-name), [class*=turn], .more-link, .page-numbers {font-size: var(--rem9-nk)}
.butt-name {font-size: var(--rem92-nk)}
/* :is(.block-turn, .block-butt) a, .more-link, .page-numbers {font-size: var(--rem95)}
[class^=butt] a {font-size: var(--rem85)} /* rem82-85-90 */


/* Скрытый, модерированный */
h1 > a.moder {font-size: inherit}
.moder, p > a.moder, .moder a {font-size: var(--f12)/* f11 !important*/}


/* Прочие */
.center-left {font-size: var(--font)}


/* Адаптивные условия (размер шрифта) */
@media screen and (max-width: 1200px) and (min-width: 800px) {
[class*=butt]:not(.butt-name), [class*=turn], .more-link, .page-numbers {/* font-size: var(--rem9-nk) */}
.butt-name {font-size: var(--rem110-nk)} /* var(--font-nk) */
}

@media screen and (max-width: 800px) and (min-width: 600px) {
[class*=butt]:not(.butt-name), [class*=turn], .more-link, .page-numbers {/* font-size: var(--rem9-nk) */}
.butt-name {font-size: var(--font-nk)} /* var(--rem105-nk) / var(--font-nk) */
}

@media screen and (max-width: 600px) {
/* #advent :is(p, li, p.dir, p.comm, .comm p, p[class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-), [class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-) p, .sub-title, .loc, .date, .logo):not(.typer p) {font-size: var(--rem82)}
:is(.block-turn, .block-butt) div {font-size: var(--rem82)}
[class^=butt] a {font-size: var(--rem82)} */
#advent :is(p, li, p.dir, 
p.comm, .comm p, 
p[class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-), 
[class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-) p, 
.sub-title, .loc, .date, .logo):not(.typer p, p.typer) {font-size: var(--rem95)}
/*:is([class*=butt], [class*=turn]) {font-size: var(--rem9)} */
}

/* ----- */



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


/* Заголовки */
/* #advent :is(h1, h2, h3, h4, h5), */
#advent :is(h1, h2, h3, h4, h5)[class*=verd], 
.title {
font-family: Verdana; 
font-weight: bold; 
line-height: 1.7; 
letter-spacing: normal; 
}

/* ---- */



/* ПОДКЛЮЧАЕМЫЕ ШРИФТЫ */

/* (Образец полного описания) */
/* @font-face {
font-family: 'Sample01', 'Sample02'...; 
src: 
local('Sample'), /* предустановленный в системе 
url('Sample.ttf') format('truetype'), /* предустановленный в системе 
url('/Fonts/Sample.ttf') format('truetype'), /* в папке Fonts в корневом каталоге
url('/Fonts/Sample.woff') format('woff'),
url('/Fonts/Sample.woff2') format('woff2'),
url('../../Fonts/Sample.ttf') format('truetype'), /* двумя каталогами вверх от исходного расположения
url('../../Fonts/Sample.woff') format('woff'),
url('../../Fonts/Sample.woff2') format('woff2');
font-weight: 400; 
font-style: normal; 
} */


/* ОСНОВНЫЕ */

/* Verdana */
.verdana, .verd {
font-family: Verdana; 
}

/* Tahoma */
/* @font-face {
font-family: Tahoma; 
src: 
local(Tahoma), 
url(tahoma.ttf) format('truetype');
} */
.tahoma {font-family: Tahoma}
@media screen and (max-width: 1024px) {
.tahoma {/* font-size: var(--rem85) */}
}


/* Century Gothic */
@font-face {
font-family: 'Century Gothic'; 
src: 
local('Century Gothic'), 
url('/Fonts/Gothic.ttf'), 
url('../../Fonts/Gothic.ttf'); 
}
.gothic {font-family: 'Century Gothic'}


/* Bebas Neue Pro  - Regular */
@font-face {
font-family: 'Bebas Neue Pro';
src: 
url('/Fonts/BebasNeuePro-Regular.ttf') format('truetype'), 
url('../../Fonts/BebasNeuePro-Regular.ttf') format('truetype');
/* font-weight: normal;
font-style: normal; */
}

/* Bebas Neue Pro - SemiExp Regulare */
@font-face {
font-family: 'Bebas Neue Pro SemiExp';
src: 
url('/Fonts/BebasNeuePro-SemiExpRegular.ttf') format('truetype'), 
url('../../Fonts/BebasNeuePro-SemiExpRegular.ttf') format('truetype');
/* font-weight: normal;
font-style: normal; */
}

:is(h1, h2, h3, h4, h5)[class*=bebas], 
h1, h2, h3, h4, h5, 
.bebas, .logo-link, .prom_align h2 {
font-family: 'Bebas Neue Pro'; 
vertical-align: middle; 
text-decoration: none; 
/* line-height: 1.14; */
/* font-weight: normal; */
transition: color .5s ease-in-out; 
} 
:is(h1, h2, h3, h4, h5)[class*=bebas], 
h1, h2, h3, h4, h5 {
font-weight: normal; 
line-height: 1.2; /* 1.14, 1.4, 1.2 */
letter-spacing: 0.05rem; /* 0.02rem */
}
h1, h1[class*=bebas] {/* font-weight: bold */}
:is(h2, h3, h4, h5)[class*=bebas], 
h2, h3, h4, h5, 
.bebas, .logo-link, .prom_align h2 {font-weight: normal}
.logo-link, .prom_align h2 {line-height: 1.14}

/* ---- */


/* GOOGLE FONTS */
/* Roboto */
@font-face {
font-family: 'Roboto'; 
src: 
url('/Fonts/Roboto-Regular.ttf') format('truetype'), 
url('/Fonts/Roboto.woff') format('woff'), 
url('/Fonts/Roboto.woff2') format('woff2'), 
url('../../Fonts/Roboto-Regular.ttf') format('truetype'),
url('../../Fonts/Roboto.woff') format('woff'),
url('../../Fonts/Roboto.woff2') format('woff2'); 
}
/* Roboto Slab (имитация печатной машинки) */
/* @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&display=swap'); */

.robo, .Roboto {
font-family: 'Roboto', serif; 
font-size: var(--rem95); 
font-style: normal; 
}


/* Merriweather */
@font-face {
font-family: Merriweather; 
src: 
url('/Fonts/Merriweather-Regular.ttf') format('truetype'), 
url('../../Fonts/Merriweather-Regular.ttf') format('truetype'); 
}
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,700;1,400;1,700&display=swap');

.merriw {
font-family: 'Merriweather', serif; 
font-size: var(--rem95); 
font-style: normal; 
}

/* ---- */


/* ЗНАЧКИ */

/* Font Awesome */
@font-face {
font-family: 'FontAwesome';
src: 
url('/Fonts/fontawesome-webfont.eot') format('embedded-opentype'), 
url('/Fonts/fontawesome-webfont.woff') format('woff'), 
url('../../Fonts/fontawesome-webfont.eot') format('embedded-opentype'), 
url('../../Fonts/fontawesome-webfont.woff') format('woff'); 
font-weight: normal;
font-style: normal; 
}
.awesome {font-family: 'FontAwesome'} /* , [id^=nn] при подключенном Awesome работает без назначения */


/* Material */
/* ICON - site, ICONS - advent */
@font-face {
font-family: 'Material Icons';
src: 
url('/Fonts/MaterialIcons-Regular.ttf'),
url('/Fonts/MaterialIcons-Regular.woff') format('woff'),
url('/Fonts/MaterialIcons-Regular.woff2') format('woff2'),
url('/Fonts/MaterialIconsOutlined-Regular.otf') format('embedded-opentype'), 
url('/Fonts/MaterialIcons-Outlined.woff') format('woff'),
url('/Fonts/MaterialIcons-Outlined.woff2') format('woff2'),
url('/Fonts/MaterialIconsRound-Regular.otf') format('embedded-opentype'), 
url('/Fonts/MaterialIconsSharp-Regular.otf') format('embedded-opentype'),
url('../../Fonts/MaterialIcons-Regular.ttf'),
url('../../Fonts/MaterialIcons-Regular.woff') format('woff'),
url('../../Fonts/MaterialIcons-Regular.woff2') format('woff2'),
url('../../Fonts/MaterialIconsOutlined-Regular.otf') format('embedded-opentype'),
url('../../Fonts/MaterialIcons-Outlined.woff') format('woff'),
url('../../Fonts/MaterialIcons-Outlined.woff2') format('woff2'), 
url('../../Fonts/MaterialIconsRound-Regular.otf') format('embedded-opentype'), 
url('../../Fonts/MaterialIconsSharp-Regular.otf') format('embedded-opentype');
}
@import url("https://fonts.googleapis.com/css?family=Material+Icons&amp; subset=cyrillic");

@font-face {
font-family: 'Material Symbols Outlined';
src: 
url('/Fonts/MaterialSymbolsOutlined[variable].woff2') format('woff2'), 
url('../../Fonts/MaterialSymbolsOutlined[variable].woff2') format('woff2');
}
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined; rel=stylesheet");


.material-icon, .material-icons {
font-family: 'Material Icons';
font-size: 24px;
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block; /* конфликт всплывания мобильного меню сайта */
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-moz-font-feature-settings: 'liga';
}

.material-symbols-outlined {
font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 0, 'opsz' 24; 
}

/* ---- */


/* ПЕЧАТНАЯ МАШИНКА */

/* Typer */
@font-face {
font-family: 'Typewriter Poly'; 
src: 
local('Typewriter Poly'), 
/* url('Typewriter-Poly.ttf') format('truetype'), */
url('/Fonts/Typewriter-Poly.ttf') format('truetype'), 
url('../../Fonts/Typewriter-Poly.ttf') format('truetype');
}

.typer {
font-family: 'Typewriter Poly', serif; 
font-size: calc(var(--font) * 1.2); 
font-style: normal !important; 
}

/* Адаптивные условия (Typer) */
@media screen and (max-width: 900px) {
.typer, .typer p {
/* font-size: calc(var(--font) * 1.05); */
font-size: calc(var(--font) * 1.15); 
}
}
@media screen and (max-width: 600px) {
.typer, .typer p {
/* font-size: var(--font); */
font-size: calc(var(--font) * 1.1); 
}
}

/* ---- */


/* РУКОПИСНЫЕ (стандарт) */

/* Segoe Print */
/* Ввиду ошибки поиска надежда на предуставновленный в системе по умолчанию Segoe Print */
@font-face {
font-family: 'Segoe Print'; 
src: 
local('Segoe Print'), 
/* url('Segoepr.ttf') format('truetype'), */
/* url('Fonts/Segoepr.ttf') format('truetype'), */
url('/Fonts/Segoepr.ttf') format('truetype'), 
url('../../Fonts/Segoepr.ttf') format('truetype'); 
}
.segoepr {
font-family: 'Segoe Print'; 
font-style: normal; 
line-height: 1.2; 
}
@media screen and (max-width: 1024px) {.segoepr {font-size: var(--rem85)}}

/* Segoe Script */
@font-face {
font-family: 'Segoe Script'; 
src: 
local('Segoe Script'),
/*url('segoesc.ttf') format('truetype'), */
url('/Fonts/segoesc.ttf') format('truetype'), 
url('/Fonts/segoesc.woff') format('woff'), 
url('/Fonts/segoesc.woff2') format('woff2'), 
url('../../Fonts/segoesc.ttf') format('truetype'),
url('../../Fonts/segoesc.woff') format('woff'), 
url('../../Fonts/segoesc.woff2') format('woff2'); 
}
.segoescr, .bar {
font-family: 'Segoe Script'; 
/* font-size: var(--rem105); */
line-height: 1.2; 
}
@media screen and (max-width: 1024px) {.segoescr {font-size: var(--rem95)}}

/* Verdana */
@font-face {
font-family: 'Verdana SemiBold'; 
src: url('/Fonts/VerdanaSemiBold.ttf'),  
src: url('../../Fonts/VerdanaSemiBold.ttf'); 
}
.verdana {font-family: 'Verdana SemiBold'}

/* ---- */


/* РУКОПИСНЫЕ (дополнительные) */

/* Mulder */
@font-face {
font-family: 'MulderHand'; 
src: 
local('MulderHand'), 
url('/Fonts/MulderHand.ttf'), 
url('../../Fonts/MulderHand.ttf'); 
}
.mulder {
font-family: 'MulderHand'; 
font-size: var(--f16); 
font-weight: normal; 
}

@font-face {
font-family: 'EnigmaScrawl'; 
src: 
local('EnigmaScrawl'), 
/*url('EnigmaScrawl.ttf'), */
url('/Fonts/EnigmaScrawl.ttf'), 
url('../../Fonts/EnigmaScrawl.ttf'); 
}
.enigma {
font-family: 'EnigmaScrawl'; 
font-size: var(--f20); 
}

@font-face {
font-family: 'AnkePr'; 
src: 
local('AnkePr'), 
/*url('AnkePr.ttf'), */
url('/Fonts/AnkePr.ttf'), 
url('../../Fonts/AnkePr.ttf'); 
}
.anke {
font-family: 'AnkePr'; 
font-size: var(--f20); 
}

/* ---- */


/* СЛАВЯНСКИЕ */
@font-face {
font-family: 'Balkara'; 
src: 
local('Balkara'), 
url('/Fonts/Balkara-Cond.ttf'), 
url('../../Fonts/Balkara-Cond.ttf'); 
}
.balkara {
font-family: 'Balkara'; 
transform: scale(1.2, 1); 
max-width: var(--pic-w100); 
display: inline-block; 
}

/* ---- */



/* ------------- */
/* БАЗОВЫЕ ЦВЕТА */
/* ------------- */

/* OPACITY
100% - FF
95% - F2
90% - E6
85% - D9
80% - CC
75% - BF
70% - B3
65% - A6
60% - 99
55% - 8C
50% - 80
45% - 66
40% - 66
35% - 59
30% - 4D
25% - 40
20% - 33
15% - 26
10% - 1A
5% - 0D
0% - 00
*/

/* ОСНОВНЫЕ */
/* #fff / white - белый */

/* ФОН
#f0f0f0 - базовый серый (фон NEW - col-back) (!)
#4f4f4a - общий тёмно-серый (col-menu, col-dgray)
#e2e7f6 - холодный голубой
#fcfcfb - едва серый
*/

/* ЦВЕТА */
/*
#666, #656660  - тёмно-серый (заголовки, стихи - col-h)
#66645b - общий тёмно-серый с зелена (col-gray)
#666469 - базовый серый с синевой (комменты, сноски - col-comm)

#6b8c75 / #6b8271 / #5e8072 - серо-зелёный (маркеры, надписи кнопок - col-mark)
#313c34 - тёмный серо-зелёный (прямая речь - col-dir)

#908f87 - дымчато-серый (фон кнопок - col-butt)
#9bb094 - дымчато-зелёный (фон кнопок - col-butt02)

#ae0000 - бордо (модерация, скрытый - col-bordo)

#0000ff1f - фиолетовый (дежурный фон)
#ffff002b - желтый (дежурный фон)

#3d4755 - дымчато-синий
#545962 - дымчато-синий
#1a3c6f, #285aaa, #355c96 #025 - оттенки дымчато-синего

#4f4f4a - тёмно-серый
#868882 - тёмно-серый
#635c37 - серый с желта
#7fa48a, #7d9985 - общий дымчато-зелёный (col-green)
#486651 - тёмный серо-зелёный
#557960 - серо-зелёный
#356644 - тёмно-зелёный
#7a6c4a, #415c27 - болотный
#606615 - тёмно-болотный

#285aaa - темно-синий (col-dblue01)
#355c96 - темно-синий (col-dblue02)
*/


/* HEADER (Закрепленное меню) */
header, header:hover {color: white}
.header {
color: white; 
background: var(--col-dgray); 
} 

/* ССЫЛКИ (серо-зелёный) */
a:not(button, .logo-link, .more-link, .page-numbers, .moder, 
:is([class*=menu], .soc-block, .copy, .brand, 
[class*=turn], [class*=butt], [class*=scroll], .moder) a) {
/* color: var(--col-green); */
/* color: var(--col-mark); */
color: var(--col-mark02); 
} 
a:not(button, .logo-link, .more-link, .page-numbers, .moder, 
:is([class*=menu], .soc-block, .brand, .copy, 
[class*=turn], [class*=butt], [class*=scroll], .moder) a):hover {
color: var(--col-gray); 
}


/* Menus */
.close-menu, .show-menu, .show-menu[class*=material], .show-registration, .show-search {
color: white; 
transition: all .5s ease-in-out; 
}
:is(.close-menu, .show-menu, .show-registration, .show-search):hover {
/* color: var(--col-green03); */
color: var(--col-butt01); 
/* color: var(--col-butt03); */
}

/* MAIN MENU */
.main-menu * {color: white}
.uMenuRoot li ul li a span {
/* color: var(--col-dgray); */
} 
.main-menu a.uMenuItemA, .uMenuItemA:hover {background: var(--col-menu02)}
/* .main-menu .uMenuRoot li:hover > .menu_tog, .main-menu .uMenuRoot li:hover > a span {color: white} */

/* SubMenu */
.uMenuRoot ul li:hover {background: var(--col-dgray)}
/* .uMenuRoot > li:hover > a {background: var(--col-menu02)} */
.uMenuRoot > li:hover, .uMenuRoot > li:active {background: var(--col-menu02)}
.uMenuRoot li a.uMenuItemA:hover {background: var(--col-menu02)}

#catmenu li:hover > ul {background: var(--col-butt)}

.nav_menu_toggler span {/* background-color: #b0a474; */}

/* Стрелочки */
.menu_tog {
/* color: white; */
color: var(--col-butt01); 
}


/* FOOTER */
.footer {
color: var(--col-butt); 
background: var(--col-dgray); 
/* color: #d5d5d5; 
background: var(--col-menu02); */
} 

/* SOCIAL */
.soc-block a {
color: white; 
/* background: var(--col-butt01); */
background: var(--col-butt04); 
} 
.soc-block a:hover {
color: white; 
background: var(--col-butt02); 
/* background: #897d4d; #9BB094; */
} 

/* LOGO */
/* .logo-link::first-letter {color: red !important} /* работает только с самой первой буквой  / color: var(--col-logo) !important */
.logo-link {color: var(--col-logo)} 
.first-lett {color: white} 
.logo-link:hover {color: white !important}

/* BRAND */
.brand a {color: var(--col-green02)}
.brand a:hover {color: var(--col-butt01)}


/* Заголовки, Подзаголовки, Локации */
/* тёмно-серый (col-h), с зелена (col-gray) */
h1, h2, h3, h4, h5, .title, 
[class^=sub], .sub-title, 
[class^=loc], .loc, 
:is(h1, h2, h3, h4, h5) .date {
color: var(--col-h); 
/* color: var(--col-gray); */
} 

/* Эпиграф, лого, коментарии */
[class*=epig], .logo, 
.comm, [class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-), 
.rem {color: var(--col-gray)} 

/* ДАТЫ, ТЭГИ */
[class*=date]/* , .date, :is([class*=lir], .poem) [class*=date] */, 
:not(body).tag, .tags, [class*=bread] {
/* color: var(--col-comm); */
color: var(--col-gray); 
}

/* COPY (COPYRIGHT) */
.copy, .copy a {color: var(--col-lgray)} 
.copy a:hover {color: var(--col-mark)}
footer :is(.copy, .copy a) {color: var(--col-butt)}
footer :is(.copy, .copy a):hover {color: var(--col-butt04)}

/* Цитаты, прямая речь, стихи (Серо-зелёный) */
.dir, .din {color: var(--col-dir)} /* тёмный серо-зелёный (col-dir) */
.quot, .cite, 
#advent [class*=lir], #advent .poem {
color: var(--col-gray); 
text-shadow: 0 0 var(--col-shad01); 
} 

/* Увеличенный текст (цитаты, комменты, выделение) */
:is(.quot, .quot p, .cite, .cite p, .comm, .comm p, 
[class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-), 
[class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-) p):is([class*=big], [class*=large]) b:first-child {
color: var(--col-mark02); 
}

/* Списки */
#advent ol, #advent ul {color: var(--col-gray)} 
:is(.mark, .num, .numa) {color: var(--col-gray)}
li::marker, li:before {color: var(--col-mark) !important} /* серо-зелёный */

/* Линия */
hr {
background-color: var(--col-butt); 
/* border-bottom: 1px dashed var(--col-gray); */
}

/* Картинки */
[class^=pic], .modula-galery p, [class*=close]:not(.close-menu) {color: var(--col-mark)} /* серо-зелёный */

/* Photo */
.photo-add {
color: var(--col-dgray); 
background: white; 
}
span.photo-title {background: var(--col-menu02)}
.photo-title a {color: white}
span.ph-details {color: var(--col-dgray)}
div#u-photos {
color: white; 
background: white; 
}
.photo-edetails2 {color: var(--col-dgray)}
.side-title {
color: white; 
background: var(--col-menu02); 
}


/* Buttons */
:is([class*=butt], [class*=turn]):not([class*=name]) a, .more-link {
color: white; 
background: var(--col-butt); 
}
:is([class*=butt], [class*=turn]):not([class*=name]) a:hover, 
.more-link:hover {background: var(--col-butt02)}

.butt-name:not(:has(a)), .butt-name a {
color: var(--col-mark); 
background: var(--col-back01); /* прозрачность 12% */
} 
:is(.butt-name:not(:has(a)), .butt-name a):hover {
color: var(--col-gray); 
background: var(--col-back02); /* прозрачность 25% */ 
}

/* Pagination (Navi $ Page-numbers) */
.page-numbers {transition: all .5s ease-in-out}
.page-numbers:is(.current, .dots), 
.page-numbers:is(.current, .dots):hover {
color: var(--col-mark); 
background: var(--col-back02); 
}
.page-numbers, .page-numbers:is(.next, .prev) {
color: white; 
background: var(--col-butt); 
}
.page-numbers:not(.current, .dots):hover {
color: white; 
background: var(--col-butt02); 
}

/* SCROLL */
#scrollup, [id*=scroll], 
.scrollup, [class*=scroll] {
color: white; 
background: var(--col-butt04); 
}
:is(#scrollup, [id*=scroll], .scrollup, [class*=scroll]):is(:hover, :active, :focus) {background: var(--col-butt02)}


/* Скрытые блоки, Примечания (красный, бордо) */
.moder, .moder a, 
.hidden, .hidden *, 
.notes, [id^=nn] {color: var(--col-bordo) !important}
:is(.moder, .moder a, .notes, [id^=nn]):hover {color: red !important}
[id^=n]:not(:before) {color: var(--col-mark)} /* зелёный */
[id^=n]:hover {color: var(--col-gray)}

:is([id^=n], /*[id^=pr], */[href^='#nn']/*, .pr0*/):before {
/* display: inline-block; */
color: var(--col-bordo); 
/* transition: 0.4s; */
/* animation: 1s linear rotate; */
}
:is([id^=n], /*[id^=pr], */[href^='#nn']/*, .pr0*/):hover:before {
/* color: var(--col-bordo) !important; */
/* color: var(--col-mark); */
color: red; 
transition: all .5s ease-in-out; 
}
[id^=nn]:hover:before {
/* transform: rotate(180deg); */
/* transform-origin: .32rem 0.51rem; /* 5px 8px / .31rem .5rem */
}


/* Жирный */
b, .bold, .cross {
padding: 1px 3px; 
}
:is(b, .bold):not(.green, a :is(b, .bold, .cross)) {
color: var(--col-gray); 
}
:is(b, .bold, .cross):hover, 
a :is(b, .bold, .cross):hover {
background: var(--col-back03); /* прозрачность 15% */
transition: background-color .2s ease-in-out; 
}

/* Выделение */
.bck, .cifer {
padding: 1px 3px; 
}
:is(.bck, .cifer):not(a :is(.bck, .cifer)) {
color: var(--col-dgray); 
}
span:is(.bck, .cifer) {
background: var(--col-back03); /* прозрачность 15% */
text-shadow: 0 0 var(--col-shad02); /* прозрачность 50% */
} 
b:is(.bck, .cifer) {
background: var(--col-back03); /* прозрачность 15% */
text-shadow: 0 0 var(--col-shad02); /* прозрачность 50% */
/* background: none; */
} 
b:is(.bck, .cifer):hover {
/* background: var(--col-back03); /* прозрачность 15% */
/* transition: background-color .2s ease-in-out; */
} 

.bar {
/* padding: 2px var(--par) 2px 4px; */
padding: 2px var(--par) 2px var(--4px); 
color: #5e7565; 
text-shadow: 0 0 16px var(--col-shad03); /* прозрачность 70% */ 
border: 3px dotted #5e7565cc;
border-right: 3px solid #d791474d; 
border-bottom: 3px dotted #5e75654d;
border-radius: 10px; 
}
[class^=blink] {
color: white; 
/* text-shadow: 0 0 var(--padd) #ff890c57; */
}

/* Блоки на удаление-правку */
.bad {color: red}


/* ЭЛЕМЕНТЫ (КНОПКИ, ПОЛЯ, ФОРМЫ, СООБЩЕНИЯ) */
/* Серый */
button, input:is([type=button], [type=reset], [type=submit]) {
color: white; 
background: var(--col-butt); 
}
/* Зеленый */
:is(button, input[type=button], input[type=reset], input[type=submit]):is(:hover, :active, :focus) {
color: white; 
background: var(--col-butt02); 
}
input:is([type=button], [type=reset], [type=submit]):disabled, select:disabled {
background-color: var(--col-butt03); 
}
input:is([type=password], [type=text], [type=email]), textarea {color: var(--col-dgray)}

#casing select option {background: var(--col-butt)}
#casing select option:hover {background-color: var(--col-green)}

#sidebar, .cMessage {color: var(--col-dgray)}
.mchat-body a :is(b, .bold) {color: var(--col-green01)}

.overflow {background-color: var(--col-butt)}

/* ----- */


/* ОБЩИЕ ЦВЕТА */
.white {color: white; font-weight: normal}
.black {color: black}
.blue {color: blue}
.lgray {color: #959595} /* #959595 - светло-серый */
.orange {color: #ec671f}
.navy {color: navy}

.red {
color: red; 
/* font-weight: bold; */
}
a.red:hover {
/* color: var(--col-comm); */ 
color: var(--col-gray); 
}

.bordo, .bordo a {color: var(--col-bordo)}
:is(.bordo, .bordo a):hover {color: red}

.gray {color: var(--col-gray)}
.gray:hover {color: #748800} /* тёмно-зелёный */

.lgray, a.lgray, .lgray a {color: #a6a6a6 !important} /* #A6A6A6 - светло-серый */
a.lgray:hover {color: var(--col-green03) !important}

.dgray {color: var(--col-gray)}
.dgray:link, .dgray:visited {color: var(--col-gray)} 
.dgray:hover {
color: var(--col-dblue01); 
/* color: var(--col-dblue02); */
} /* тёмно-синий */

.ultgray, a.ultgray {color: #3a3935; font-weight: bold} /* #3a3935 - ультимативно-темно-серый */
a.ultgray:hover {opacity: .8} 

.dgrayn {color: var(--col-gray)} /* n - normal */
.dgrayn:hover {color: var(--col-dblue01)} /* тёмно-синий */

.deepblue, .dblue {color: var(--col-dblue02)} /* тёмно-синий */
.deepblue:hover, .dblue:hover {color: var(--col-gray); background-color: transparent}

.green, a.green, .green a {color: var(--col-green); font-weight: bold}
.greennorm, a.greennorm {color: var(--col-green); font-weight: normal}
a.green:hover, a.greennorm:hover {color: var(--col-gray)}

.redblock, .blockred {
display: inline-block; 
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); 
color: white; 
}
.redblock:hover, .blockgred:hover {background: var(--col-bordo)}

.greenblock, .blockgreen {
display: inline-block; 
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); 
color: white; 
background: var(--col-butt02); 
}
.greenblock:hover, .blockgreen:hover {background: var(--col-bordo)}

/* ----- */


/* ПОДСВЕТКА БЛОКОВ */
p:not(
header, footer, form p, input, 
[class*=menu], [class*=menu] *, #advent_header p, #advent_feet p, 
.promo p, .intro p, 
/* div[class*=epig] p, p[class*=epig], */
[class*=epig], [class*=epig] *, 
[class*=date], .tags *, 
[id*=bread] *, [class*=bread] *, 
[class*=moder], 
[class*=comment], [class*=comment] p, [class*=submit], /* внешние свойства сайта */
:is([class*=pic], .modula-galery, .video) p):hover, 
:not([id*=advent], #advent) :is(ul, ol):not([class*=menu], [class*=menu] *, .num .numa):hover, 
#advent :is(ul, ol) :not(:is(ul, ol), li, li li, .num .numa, .num .numa li):hover, 
/* [class*=epig]:hover, */
:not([class*=lir], .poem) [class*=epig]:hover, 
/* :is([class*=lir], .poem):hover p:not([class*=epig], [class*=epig] *), 
:is([class*=lir], .poem):hover div:not([class*=epig], [class*=epig] *), */
/* :is([class*=lir], .poem):hover p, */
:is(.quot, .cite, .din):hover p {
background: var(--col-back00); /* прозрачность 7% */
transition: background-color .2s ease-in-out; 
}
/* попробовать объединить подсветку примечаний */
h1, h2, h3, h4, h5, 
.logo, .logo p, 
.sub-title, .loc, .date, [class^=loc] p , 
.copy, .copy a {background: none !important}


/* Эффекты шрифта */
.blink5 {animation: blink5 1.3s linear infinite}
@-webkit-keyframes blink5 {
0% {color: #1a3c6f33}
50% {color: #1a3c6fcc} 
100% {color: #1a3c6f}
}
@keyframes blink5 {
0% {color: #1a3c6f33} /* rgba(26, 60, 111, .2) - #1a3c6f33 */
50% {color: #1a3c6fcc} /* rgba(26, 60, 111, .8) - #1a3c6fcc */
100% {color: #1a3c6f} /* rgb(26, 60, 111) - #1a3c6f */
}
.blink10 {animation: blink10 6s linear infinite}
@keyframes blink10 {
0%, 12%, 18.9%, 23%, 31.9%, 37%, 44.9%, 46%, 49.9%, 51%, 58.9%, 61%, 68.9%, 71%, 85.9%, 96%, 100% {color: #d791474d; text-shadow: 0 0 20px #ff535382} /* rgba(215, 145, 71, 0.3) - #d791474d */
19%, 22.9%, 32%, 36.9%, 45%, 45.9%, 50%, 50.9%, 59%, 60.9%, 69%, 70.9%, 86%, 95.9% {color: #6b8c75ba} /* rgba(107, 140, 117, 0.73) - #6b8c75ba */
}

/* ГРАДИЕНТНЫЙ ФОН */
.gradient {
padding: 10px; 
background: linear-gradient(#f0f0f066, var(--col-back)); 
} /* rgba(240, 240, 240, .4) - #f0f0f066 / rgba(240, 240, 240, 1.0) - #f0f0f0 */

/* ---- */



/* ЭЛЕМЕНТЫ (КНОПКИ, ПОЛЯ, ФОРМЫ) */
fieldset {margin: 0}
button, input, select {margin: 0; font-family: inherit}
textarea {font-family: inherit}
input {line-height: normal}
button, select {text-transform: none}
button, html input[type=button], input[type=reset], input[type=submit] {-webkit-appearance: button}
html input[type=button] {cursor: pointer}
button[disabled], html input[disabled] {cursor: default}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {-webkit-appearance: none}
button::-moz-focus-inner, input::-moz-focus-inner {padding: 0; border: 0}
textarea {overflow: auto; vertical-align: top}

input[type=checkbox], input[type=radio], label {vertical-align: middle}
input[type=checkbox], input[type=radio] {margin-right: var(--3px); box-sizing: border-box !important}

#filter_word + input[type=submit], input.fastNav, input[type=submit].fastSearch {padding: 8px var(--8px) !important; vertical-align: middle}
input[type=text].iCode_main_inp {
padding: 11px 0; 
font-size: var(--f11) !important; 
}

input[type=button][id^=bid-] {margin: 2px 0 2px 3px; vertical-align: middle}
/* form[name=fuser]input, form[name=memform]input, form[name=memform]select, table #usch input {margin: 4px !important; vertical-align: middle} */
input:is([type=password], [type=text], [type=email]), textarea {
padding: 7px var(--9px); 
margin: 2px 0; 
font-size: var(--f14); 
border: 1px solid var(--col-line); 
transition: all .5s ease-in-out; 
}
.sidebox :is(input[type=password], input[type=text], textarea) {border: 1px solid #879999; border-radius: 0}
:is(button, input, select, textarea):focus {outline: 0}
.sidebox :is(input[type=password], input[type=text], textarea):focus {border: 1px solid #a7b8b6; outline: none}
:is(input[type=password], input[type=text], input[type=email], textarea):focus {border: 1px solid var(--col-dgray)} /* #869898 */
input[id^=qid-] {text-align: center; vertical-align: middle}
textarea {width: 100%; resize: none}
.allUsersBtn, .commTd2 input[type=button], .manTd2 input[type=button], .manTdBrief input[type=button], .manTdText input[type=button], input[type=button]#newPhtBt, input[type=button].codeButtons, select.codeButtons {width: auto !important}
input.button [value="+"], input.button[value=" + "] {padding: 3px var(--10px) !important}
input[type=button]#order-button {height: auto}

#uNetRegF td {text-align: left}

body:not(#base, .base, .mchat-body) {padding: 10px var(--10px) !important}
#mchatRSel, input, textarea, #casing select option {line-height: 1.79}
input, textarea {font-size: var(--f14)}
#mchatRSel {font-size: var(--f14) !important}
#casing select option {font-size: var(--font)}

input.iCode_main_inp {max-height: 41px}


#mchatIfm2 {
padding: 15px var(--15px); 
display: block; 
border: 1px solid var(--col-butt); 
background: white; 
}
.mchat-body {
padding: 0; 
background: white; 
}
#MCaddFrm {
padding: 0; 
border-radius: 0 0 6px 6px; 
}
.mchat-body a img {filter: sepia(100%)}
.ulightbox > img {max-width: 100%}
.mchat-body a :is(b, .bold) {
font-size: var(--f14); 
text-decoration: none; 
}

.inner {padding: var(--top-H2) var(--20px)}

.eVariant input, .eVariant label {vertical-align: middle}
.clr:after {display: table; clear: both; content: ""}


.manTdBut {padding-top: 10px}
/* #goodsform {
color: var(--col-dgray); 
background: white; 
} 
.shop-usergoods h1 {margin-bottom: 0} */


/* Photo */
.photo-add {padding: 24px var(--24px)}
span.photo-title {padding: 6px var(--12px) 7px var(--20px)}
.photo-title a {
font-size: var(--f15); 
line-height: 2.21; 
}
span.ph-details {
height: auto; 
margin: 5px; 
}
.u-mpanel.up-right.reverse.photo-view {top: 5px}
div#u-photos {padding-bottom: 10px}
.photo-edetails2 {}
.photo-eblock, span.photo-block {
border: none; 
box-shadow: none; 
padding: 0; 
display: flow-root; 
}
span.ph-wrap {width: 100%}
span.ph-tc {display: inline}
.ph-tc img {
width: 100%; 
height: 100%; 
-o-object-fit: cover; object-fit: cover; 
}
span.uphoto {margin: 0}

.side-title {
display: block; 
padding: var(--top-H2) var(--20px); 
text-align: left; 
font-family: Bebas Neue; 
font-size: var(--f24); 
font-weight: 400; 
line-height: 1.64; 
text-transform: uppercase; 
}
.main-menu li {position: relative}
div.spec-filter {border-right: none}


.overflow li {text-align: center}


#sFltLst {box-shadow: 0 0 1px rgba(0,0,0,.4)}
span.no_avatar {
width: 95px; 
height: 95px; 
display: block; 
margin: 0 auto 10px; 
padding: 26px var(--30px); 
border-radius: 50%; 
font-size: var(--f32); /* 38px; */
color: white; 
background-color: #e5e5e5; 
}

.user-box {text-align: center}
.user-box img {
max-width: 88px; 
display: block; 
margin: 0 auto 15px; 
-webkit-clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%); 
clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%); 
transition: -webkit-clip-path 1s ease-in-out; 
transition: clip-path 1s ease-in-out; 
transition: clip-path 1s ease-in-out, -webkit-clip-path 1s; 
}
.user-box img:hover {
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%); 
clip-path: polygon(0 0,100% 0,100% 100%,0 100%); 
}

/* ----- */



/* ---------------- */
/* НЕ СОРТИРОВАННОЕ */
/* ---------------- */
.switch, .switchActive, .switchesCl11 {
min-width: 30px; 
display: -ms-inline-flexbox; 
display: inline-flex; 
line-height: 1.57; 
height: 30px; 
-ms-flex-pack: center; 
justify-content: center; 
-ms-flex-align: center; 
align-items: center; 
padding: 0; 
}
.switchActive {
min-width: 30px; 
padding: 5px; 
text-align: center; 
}
.curPage, .numPages {padding: 0 5px}
.switchBack, .switchDigit, .switchNext {
color: #b0a474; 
text-align: center; 
}
.swchItemA, .switchBack, .switchDigit, .switchNext {
display: inline-block; 
background-color: transparent; 
line-height: 1.57; 
padding: 0 5px; 
}
.swchItem, .switchActive1, .switchBack1, .switchDigit1, .switchNext1 {text-align: center}
.swchItem, .swchItem1, .swchItemA, .swchItemA1, .switchActive1, .switchBack1, .switchDigit1, .switchNext1 {
min-width: 32px; 
display: -ms-inline-flexbox; 
display: inline-flex; 
height: 32px; 
padding: 0 5px; 
font-weight: 500; 
-ms-flex-align: center; 
align-items: center; 
-ms-flex-pack: center; 
justify-content: center; 
}
.pgNext span, .pgPrev span, a.swchItem:first-child span, a.swchItem:last-child span {
position: relative; 
white-space: nowrap; 
word-wrap: normal; 
direction: ltr; 
-webkit-font-feature-settings: "liga"; 
-webkit-font-smoothing: antialiased; 
}
.pgNext span:after, .pgPrev span:after, a.swchItem:first-child span:after, a.swchItem:last-child span:after {
display: inline-block; 
position: absolute; 
right: -4px; 
top: -14px; 
line-height: normal; 
font-family: FontAwesome; 
font-size: var(--f18); 
color: white; 
-webkit-font-feature-settings: "liga" 1; 
font-feature-settings: "liga" 1; 
white-space: nowrap; 
word-wrap: normal; 
direction: ltr; 
-webkit-font-feature-settings: "liga"; 
-webkit-font-smoothing: antialiased; 
}

.pagesBlockuz1 a:hover, .pagesBlockuz2 a:hover, .pagesBlockuz a:hover {text-decoration: none; color: #897d4d}
.swchItemA, .swchItemA1, .switchActive {
color: white; 
background-color: #b0a474; 
transition: all .5s ease-in-out; 
}
div #pagesBlock1 a:hover span:after {color: #897d4d}

.content .catPages1 {padding: 10px 0}
.eBlock {
padding: 0; 
table-layout: fixed; 
border-spacing: unset; 
background: white; 
color: var(--col-dgray); 
}
.gTable {padding: 0 0 15px}
.uadm-vars {color: var(--col-dgray)}
.index-sitePage3, .index-userslist, .profile {
padding: 24px var(--24px); 
color: var(--col-dgray); 
background-color: white; 
}

/* #cont-shop-add {background-color: white; color: var(--col-dgray)}
.shop-order {background-color: white; padding: 0 20px} */

/* ---- */




/* ---------------- */
/* ФОРУМ, СООБЩЕНИЯ */
/* ---------------- */
.eTitle, .eTitle a, .gTableTop, .gTableTop a, .module-shop h1, .module-shop h2 {
color: white; 
font-family: Bebas Neue; 
font-size: var(--f24); 
font-weight: 400; 
text-transform: uppercase; 
word-break: break-word; 
}

.gTableBottom {padding: 10px var(--10px)}

.eTitle a {transition: color .5s ease-in-out}
.eTitle, .forum-box .gTableTop, .module-shop h1, .module-shop h2, h1.vep-title, h2.photo-etitle {
padding: 21px var(--24px) 18px; 
color: white; 
background: var(--col-dgray); 
/* background-color: var(--col-menu03); */ 
/* background-color: var(--col-menu02); */
}

#casing .wrapper #content > section:not(.module-video):not(.module-gb):not(.module-photo):not(.module-stuff) div[id^=entryID] .u-mpanel {
top: 25px; 
right: 25px; 
}
#uEntriesList .uEntryWrap {overflow: hidden}
#casing .photo-add li.notcolumn.xPhtAction > span > button {
display: -ms-inline-flexbox; 
display: inline-flex; 
min-width: 30px; 
min-height: 30px; 
-ms-flex-pack: center; 
justify-content: center; 
-ms-flex-align: center; 
align-items: center; 
}
#casing .photo-add li.notcolumn.xPhtAction [data-toggle]:before {
display: -ms-flexbox; 
display: flex; 
content: "keyboard_arrow_down"; 
font-family: Material Icons; 
font-size: var(--f24); 
color: white; 
background: unset; 
-ms-flex-pack: center; 
justify-content: center; 
-ms-flex-align: center; 
align-items: center; 
}
#casing .photo-add li.notcolumn.xPhtAction [data-clear]:before,#casing .photo-add li.notcolumn.xPhtAction [data-close]:before {
font: unset; 
color: white; 
display: -ms-flexbox; 
display: flex; 
-ms-flex-pack: center; 
justify-content: center; 
-ms-flex-align: center; 
align-items: center; 
}
.register-form-wrapper {padding: 15px var(--15px)}
#casing .photo-add form ul.xPhtBlock .xPhtAction > span {
display: -ms-flexbox; 
display: flex; 
-ms-flex-align: center; 
align-items: center; 
}
.module-video .u-mpanel.moder-hover.up-left {
top: var(--top-H2); 
right: var(--24px); 
}
.module-photo .u-mpanel.up-right.reverse.photo-view {
top: 5px; 
right: inherit; 
}
.module-video .vep-rating {
padding: 24px var(--24px); 
float: right; 
}
.module-gb div[id^=entryID] .u-mpanel.moder-hover.up-left {
top: 0; 
right: 0; 
}
.module-gb div[id^=entryID] div[style="float: right; font-size: 11px; font-family: Arial, sans-serif;"] {
padding: 24px var(--24px); 
font-family: Roboto !important; 
font-size: var(--f14) !important; 
}
.vep-details, .vep-video-block {text-align: center}
.module-video div.vep-descr-block, div.vep-screenshots {padding: 10px var(--24px)}
div.vep-lang {padding: 0 var(--24px)}
div.vep-duration {padding: 10px var(--24px) 25px}
div.vep-comments {
background-color: #45454a; 
color: white; 
padding: 0; 
}
.module-stuff div[id^=entryID] .u-mpanel.moder-hover.up-left {
top: 0; 
right: 0; 
}

.eMessage {
padding: 33px var(--56px) 38px var(--tab) !important; 
font-size: var(--f14); 
font-weight: 400; 
/* line-height: 1.79; */
color: var(--col-dgray); 
background-color: white; 
}
.eBlock + br {display: none}
.eAttach {padding: 0 var(--56px) 5px var(--tab)}
.eAttach, .eDetails {
/* color: var(--col-dgray); 
line-height: 1.79; */
}
.eDetails {
/* padding: var(--top-H2) var(--56px) var(--top-H2) var(--tab); */
margin: var(--top-H3) 0;
/* border-top: 1px solid var(--col-dgray); 
text-transform: uppercase; 
background-color: white; */
}
.eDetails1, .eDetails2, .eText {padding: var(--top-H3) var(--24px)}
.module-stuff .eDetails {border: none}
.eMessage, .eText {word-break: break-word; -ms-word-wrap: break-word; word-wrap: break-word}
.eMessage img, .eText img {max-width: 100%}
#casing ul.form-fields > li {padding: 1px 0}
.e-add, .e-author, .e-author-phone, .e-category, .e-comments, .e-date, .e-loads, .e-placed, .e-rating, .e-reads, .e-redirects, .e-tags {
position: relative; 
padding: 0 0 0 var(--20px); 
margin: 0 var(--20px) 0 0; 
display: inline-block; 
}
.e-add:before, .e-author-phone:before, .e-author:before, .e-category:before, .e-comments:before, .e-date:before, .e-loads:before, .e-placed:before, .e-reads:before, .e-redirects:before, .e-tags:before {
position: absolute; 
display: inline-block; 
font-family: Material Icons; 
font-size: var(--f12); 
font-weight: 400; 
color: #1d2733; 
-webkit-font-feature-settings: "liga" 1; 
font-feature-settings: "liga" 1; 
}
.e-redirects:before {
content: ""; 
top: 0; 
left: 0; 
width: 16px; 
height: 15px; 
background: url(css/details.png) 0 831px; 
}
.fastLinks {
background-color: white; 
padding: 24px var(--24px); 
/* color: #444; */
color: var(--col-dgray); 
margin-bottom: 45px; 
} 

.module-faq .eAnswer p {padding: 24px var(--24px); margin: 0}
.module-faq div[id^=entryID] ul[id^=uStarRating] {margin-right: var(--24px)}

.e-reads:before {
content: ""; 
top: 2px; 
left: 0; 
width: 16px; 
height: 14px; 
background: url(css/details.png) 0 815px; 
}
.e-category:before {
content: ""; 
top: 0; 
left: 0; 
width: 14px; 
height: 15px; 
background: url(css/details.png) 0 316px; 
}
.e-author-phone:before {
content: ""; 
top: 2px; 
left: 2px; 
width: 15px; 
height: 15px; 
background: url(css/call.png) 50% no-repeat; 
background-size: 100%; 
}
.e-tags:before {
content: "\E893"; 
top: -2px; 
left: 0; 
}
.e-rating:before {
content: ""; 
background: url(css/rating_16.png) no-repeat 2px 1px; 
display: inline-block; 
width: 20px; 
height: 18px; 
position: absolute; 
left: 0; 
}
.e-add:before, .e-author:before {
content: ""; 
top: 3px; 
left: 2px; 
width: 12px; 
height: 12px; 
background: url(css/details.png) 0 714px; 
}
.e-date:before, .e-placed:before {
content: ""; 
top: 1px; 
left: 0; 
width: 16px; 
height: 15px; 
background: url(css/details.png) 0 515px; 
}
.e-loads:before {
content: ""; 
top: 3px; 
left: 6px; 
width: 9px; 
height: 14px; 
background: url(css/details.png) 0 415px; 
}
.module-load .eBlock tbody tr td {padding: 12px var(--24px)}
.e-comments:before {
content: ""; 
top: 1px; 
left: 0; 
width: 15px; 
height: 16px; 
background: url(css/details.png) 0 615px; 
}
.ed-value u {text-decoration: none}
.ed-value a[title=E-mail], .ed-value a[title=Web-site] {margin-left: 7px}
.ed-sep, .ed-title {display: none}
.eVariant label {padding-left: 5px}
#cntContaineroEditdscr,#cntContaineroEditmessage {padding-top: 10px !important}

.content .cMessage {
font-size: var(--font); 
line-height: 1.5; 
}
#allSmiles {font-size: var(--rem86)} /* .86667em */
#addEntForm,#goodsform {padding-bottom: 25px}

.cMessage ul {
overflow: hidden; 
margin: 0; 
list-style-position: inside; 
}
.cMessage .user_avatar {
display: block; 
float: left; 
overflow: hidden; 
margin: 0 6px 6px 0; 
padding: 4px; 
border: 1px solid #e3e3e3; 
}

.cat-blocks.gTable:before, .wysibb-body {border: 0}
ul.uz {margin: 4px 0}

.sidebox {
margin-bottom: 25px; 
overflow: hidden; 
background-color: white; 
}
.sidebox ul {list-style: none; font-weight: 500; padding: 0}
.sidebox-ttl {
padding-bottom: 15px; 
text-align: center; 
font-size: var(--f24); 
line-height: 1.2; 
}
.sidebox .uMenuRoot, ul.uz {list-style: none}
.ulb-mid {color: var(--col-dgray)}
.calMonth {padding-bottom: 15px}
.calWday, .calWdaySe, .calWdaySu {font-weight: 600; color: var(--col-dgray)}
.calMday {padding: 5px 7px; color: var(--col-dgray)}
.calMdayIsA {cursor: pointer}
.calMdayA, .calMdayIsA {
padding: 10px; 
background: url(css/diamond.svg) 50% no-repeat; 
border-radius: 6px; 
color: white; 
transition: background-color .5s ease-in-out; 
}
.archiveDateTitleLink, .calMdayLink {font-weight: 700}

.module-news td.archiveDateTitle {padding: 35px 0 10px}
.module-news > table tr:last-of-type td.archiveEntryTitle {padding-bottom: 70px}
td.archiveDateTitle hr {display: none}

.calMdayIsA .calMdayLink {
color: white; 
font-style: normal; 
padding-left: 2px; 
}
.archUl {margin: 0; padding: 0; list-style: none}
#mchatBtn {width: auto !important; margin: 5px 0}
#allSmiles a, .cat-blocks.gTable div {font-size: var(--f14) !important}
.pollButton {padding: 10px 0}
.pollLnk a {white-space: nowrap}
.cat-blocks.gTable {margin-top: 0; border-top: none}
.sidebar .gTableTop, .sidebar .gTableTop a {color: #61b3a3}
.cat-blocks .gTable .forumNameTd {border-top: none; border-bottom: none}
.sidebar.forumNameTd, .sidebar .gTableSubTop, .sidebar .gTableTop {border: 0; background-color: transparent}
.sidebar li, .sidebar ul {list-style-position: inside}
header input.queryField {margin: 0}
.search-m-bd {display: none}
#show-main-search {
display: block; 
float: right; 
padding-top: 5px; 
width: 25px; 
height: 30px; 
cursor: pointer; 
transition: opacity .5s ease-in-out; 
opacity: 1; 
visibility: visible; 
font-size: var(--f24); 
color: #c5cae9; 
}
#show-main-search:hover {color: #36b361}

.open-search #show-main-search {opacity: 0; visibility: hidden}
.searchForm {position: relative}
.schBtn:after {
content: "search"; 
position: absolute; 
height: 100%; 
width: 100%; 
left: 0; 
top: calc(50% - 17px); 
font-size: var(--f24); 
line-height: 35px; 
cursor: pointer; 
font-family: Material Icons; 
color: var(--col-dgray); 
pointer-events: none; 
text-rendering: optimizeLegibility; 
-webkit-font-feature-settings: "liga"; 
font-feature-settings: "liga"; 
} /* #869898 */
.schBtn:hover:after {color: #897d4d}
.queryField {
background-color: white; 
color: var(--col-dgray); 
}
input:focus, textarea:focus {
/* background: var(--col-butt); */
color: var(--col-dgray); 
}
:focus:-webkit-input-placeholder {color: transparent}
:focus:-moz-placeholder, :focus:-moz-placeholder {color: transparent}
:focus:-ms-input-placeholder {color: transparent}
input:-webkit-input-placeholder {
color: var(--col-dgray); 
font-size: var(--14px); 
font-weight: 400; 
}
input:-moz-placeholder, input:-moz-placeholder {
color: var(--col-dgray); 
font-size: var(--14px); 
font-weight: 400; 
}
input:-ms-input-placeholder {
color: var(--col-dgray); 
font-size: var(--14px); 
font-weight: 400; 
}

.sidebox .queryField, header.queryField {
width: 100%; 
padding: 5px var(--15px); 
}
.sidebox .schBtn, header.schBtn {
position: absolute; 
top: 0; 
right: 0; 
background: transparent; 
}
.sidebox .schBtn .searchSbmFl, header.schBtn .searchSbmFl {
background: transparent; 
width: 37px !important; 
text-indent: 150%; 
padding: 7px 0; 
}

#content form[action$="search/"] table {width: 100%}

.catsTable {
background-color: white; 
color: var(--col-dgray); 
padding: var(--top-H2) var(--20px); 
}

.login-b, select#user-filter {float: right}
.login-b {clear: right; padding-top: 5px}

.fFastSearchTd {position: relative}
input[type=text].fastSearch {
padding-right: 10px !important; 
color: #6c6c6c; 
font-style: normal; 
vertical-align: middle; 
}
.uPM {margin-right: 15px}
.gTable {
border-spacing: 0; 
border-collapse: collapse; 
color: var(--col-dgray); 
}

#content .gTableTop {
font-size: var(--f24); 
padding: 5px 10px; 
}
#casing select:not([multiple]).fastNav, input[type=text].fastSearch {margin-right: 4px}
.gTableSubTop, .gTableTop {padding-left: 12px}

#subscribe {padding-right: 10px}
#content .gTableSubTop {height: 38px; border-top: 1px solid var(--col-line)}
.gTableSubTop:first-child {border-left: 0}

.x-global {padding: 0 var(--24px)}

.threadsDetails {border-top: 1px solid var(--col-line)}
.funcBlock {color: var(--col-dgray)}
#filter_by {margin-right: 5px}
.gTableSubTop {padding-right: var(--12px)}
.ThrBotTbl {background-color: white; margin-bottom: 48px; margin-top: 48px}
form[name=delposts]#delPsSbm {margin-right: 16px; font-size: var(--f14) !important}
#addform input[type=checkbox] {margin-right: 3px}
.switches {margin-bottom: 3px}
.middle .postTable {border-spacing: 0}
.middle .postTable, .postTdTop {border-bottom: 1px solid var(--col-line)}
.postBottom {border-top: 1px solid var(--col-line)}
.uplFileFl {margin-top: 5px; margin-left: var(--12px) !important}

.gTableLeft {text-align: right; padding-right: var(--24px)}
td.postTdInfo {padding-left: var(--24px) !important}
#frM26, #frM29, #frM57, #frM58 {padding-right: var(--24px)}
#frM57, #frM58 {padding-top: 25px}
.gTableRight {padding-bottom: 16px; padding-top: 16px}
.searchSubmitFl, .userSchFrm {padding-bottom: 5px}
.searchQueryFl {margin-bottom: 5px}
#thread_search_field {width: 150px !important}
#thread_search_button {margin-top: 0 !important}
.popup {padding: 0 45px 30px}
.popup-ttl {
font-size: var(--f22); 
padding: 10px 0; 
line-height: 2
}
.popup-bd {position: relative; padding: 24px var(--24px); background-color: white; color: var(--col-dgray)}

.statusOffline {color: #dd6e47}
#block22, .popup-bd #usch {padding: 15px 0}
#block25 hr {margin-top: 15px}
.popup-bd .user_avatar {display: block; margin-right: 30px; padding: 16px; border: 2px solid #d7d7d7}
.x-scroll {overflow-x: auto}
.x-unselectable {position: relative}
#sFltLst, #uCatsMenu7 {left: 0 !important; top: 100% !important}
.loginformMobile, .mcBBcodesBtn img, .mcManageBtn img, .mcReloadBtn img, .mcSmilesBtn img, li.uWithSubmenu.item-parent ul li.uWithSubmenu.item-parent i {display: none}
div[id^=entryID] td {padding: 0 !important}
/* td {padding: 0} */

.module-video div[id^=entryID] {margin-bottom: 0}
#content input#invoice-form-export, #content input#invoice-form-print, #content input#invoice-form-send-el-goods {
font-family: Material Icons; 
font-size: var(--f20); 
padding: 8px 30px; 
vertical-align: middle; 
text-transform: none; 
margin-right: 7px; 
width: 48px; 
overflow: hidden; 
font-weight: 400; 
text-rendering: optimizeLegibility; 
-webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; 
}
.fil_togg_wrapper + hr + table td {
display: inline-block; 
width: 50% !important; 
text-align: left !important; 
font-size: var(--f14); 
}
.fil_togg_wrapper + hr + table {font-size: 0}

.photo-main > table:first-child {padding: 0 var(--24px)}

#casing table.status_table td select:first-child {margin-top: 15px; margin-bottom: 15px; margin-left: 0 !important}
#casing table.filter_table td input:first-child, #casing table.filter_table td select:first-child, #casing table.status_table td input:first-child {margin-left: 0 !important}
.fil_togg_wrapper + hr + table td:nth-child(2n) {text-align: right !important}

ul[id^=uStarRating] {max-width: 100%; overflow: hidden}
#content .queryField {margin: 0; vertical-align: middle}

.eDetails ul[id^=uStarRating] {margin: 2px 0}
.FrmTopButtonsTbl {margin-bottom: 10px}

/* .goOnTop {display: none} */

.gTableTop #subscribe, .gTableTop #subscribe a, .gTableTop a.subscribe_forum {font-size: var(--f14)}
#thread_search_field {width: calc(100% - 55px) !important; max-width: 223px !important; margin: 0 4px 6px !important}

#casing form#addEntForm span[id*=iCode]:empty {display: none}
.module-video .btn-title {white-space: normal}
#casing #videocontent_comm a {color: #6277d9 !important}
#casing #videocontent_comm a:hover {color: #b0a474}
.cont-wrap .category_row, .module-video .vep-descr-block, .module-video .vep-details span, .module-video .vep-tags-block {font-size: var(--f14)}
.pagesBlockuz, .pagesBlockuz1 {display: inline-block; margin-bottom: -1px}
.pagesBlockuz2 {display: -ms-inline-flexbox; display: inline-flex; margin-left: 10px; margin-bottom: -1px}
.swchItemDots {margin-right: 5px}

.module-photo #files:hover + .fakefile input {background: #b0a474}
#addPhtFrm #uCatsMenu7, td.u-comboeditcell input[id^=catSelector].x-selectable {max-width: 360px}
[id^=catSelector] {padding-right: 40px !important; margin-bottom: 0 !important}

#casing form#addEntForm span + input[type=file] {margin-left: 10px; margin-bottom: 0}
.module-video .size2-parent {padding-right: 0}
.module-gb input[type=text], .module-video #f_aname {width: 100%}
#MCaddFrm table {border-spacing: 0}
.cMessage {word-wrap: break-word; word-break: break-word; line-height: 1.36}
.mcBBcodesBtn:before, .mcManageBtn:before, .mcReloadBtn:before, .mcSmilesBtn:before {
font-family: Material Icons; 
font-size: var(--f22); 
font-weight: 400; 
display: inline-block; 
transition: all .5s ease-in-out; 
-webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; 
}
.mcReloadBtn:before {content: "\E5D5"}
.mcSmilesBtn:before {content: "\E420"}
.mcBBcodesBtn:before {content: "\E86F"}
.mcManageBtn:before {content: "\E254"}
#content .queryField {width: 70% !important}
#content form[action$="search/"] table td {white-space: normal !important}
.module-tests .eTitle {
border-bottom: none; 
padding-bottom: 15px; 
margin-bottom: 0 !important; 
}
.module-tests fieldset {border: 1px solid var(--col-line)}
.module-tests #testBlockD table tbody tr:nth-last-child(2) td, .module-tests #testBlockD table tbody tr:nth-last-child(3) td {padding: 0 var(--24px)}
.module-shop hr, .module-tests #testBlockD .eMessage, .popupbody hr {border-bottom: none}
#casing select:not([multiple]) {
-webkit-appearance: none; -moz-appearance: none; appearance: none; 
background: white url(css/arrow-down.png) calc(100% - 10px) 50% no-repeat; 
border: 1px solid #d1d1d1; 
}
select::-ms-expand {display: none}
#casing select {
color: var(--col-dgray); 
max-width: 300px; 
cursor: pointer; 
margin: 3px 0 3px -1px; 
padding: 12px 35px 11px 10px; 
border: 1px solid var(--col-line); 
vertical-align: middle; 
}
#casing aside select {
border: 1px solid #e3e4e5; 
max-width: 100%; 
}
#testBlockD {
background-color: white; 
color: var(--col-dgray); 
padding-bottom: 25px; 
}
#content .tests-tsStart .eMessage, .tests-tsMain {padding: 24px var(--24px) !important}
.eVariant {padding: 15px var(--24px) 0}
#addEntForm {
background-color: white; 
color: var(--col-dgray); 
padding: 25px var(--24px); 
}
.fancybox-inner .comEnt .cTop, .fancybox-outer .cTop, .module-photo div[id^=comEnt].cTop,.module-stuff div[id^=comEnt].cTop {
background-color: white; 
color: var(--col-dgray); 
padding: 0; 
}
#photoModalWrap input[type=submit] {margin: 10px}
.module-stuff .eTitle + hr {display: none}
.module-stuff .eText + td {padding: 18px 15px}
.module-stuff td.manTdSep, form ul > li.notcolumn hr {display: block}
.module-stuff #allEntries {
background-color: white; 
color: var(--col-dgray); 
}
.module-stuff .uBorder-b {border-bottom: none}
.uSpoilerText {
border: 1px solid #d1d1d1; 
margin: 5px; 
padding: 5px; 
}
.module-video #allEntries {
background-color: white; 
color: var(--col-dgray); 
padding-top: 25px; 
margin-bottom: 15px; 
}
.module-video .vep-comments #allEntries {padding-top: 0}
.module-video ul.uv-video-details {
display: -ms-flexbox; display: flex; 
-ms-flex-pack: left; 
justify-content: left; 
-ms-flex-align: center; align-items: center; 
-ms-flex-wrap: wrap; flex-wrap: wrap; 
}
span.uv-video-label {overflow: hidden; font-size: 0}
.uv-video-details li {
padding: 0 5px; 
display: -ms-inline-flexbox; display: inline-flex; 
-ms-flex-align: center; align-items: center; 
}
.uv-video-views .uv-video-label:before {
content: ""; 
display: block; 
width: 16px; 
height: 14px; 
margin-right: 5px; 
background: url(css/details.png) 0 814px; 
}
.uv-video-comm .uv-video-label:before {
content: ""; 
display: block; 
width: 16px; 
height: 16px; 
margin-right: 5px; 
background: url(css/details.png) 0 615px; 
}
.uv-video-rate .uv-video-label:before {
content: ""; 
display: block; 
width: 17px; 
height: 13px; 
margin-right: 5px; 
background: url(css/rating.png) 0 no-repeat; 
}
.quoteMessage {padding: 5px}

#casing select[multiple] {
padding: 0 0 0 10px; 
background: var(--col-butt); 
max-width: 100%; 
} /* #869898 */
#casing #uf-birthday-d, #casing #uf-birthday-m, #casing #uf-birthday-y, #casing input#cdate1, #casing input#date1, #casing input#date2, #casing input#invoice_sum1, #casing select#sdate, #casing select[name=bd], #casing select[name=bm], #casing select[name=by], #casing select[name=da], #casing select[name=ha], #casing select[name=ma], #casing select[name=mia], #casing select[name=pda], #casing select[name=period], #casing select[name=pha], #casing select[name=pma], #casing select[name=pmia], #casing select[name=pya], #casing select[name=time] {margin: 7px 4px}
#casing form#uf-register .uf-field select:first-of-type, #casing select[name=by], form#addEntForm li select:first-child {margin-left: 0}
.calMday, .calMonth, .calWday, .calWdaySe, .calWdaySu {width: auto !important; text-align: center !important}
.calendarsTable td {padding: 9px !important}
.recaptcha-wrapper {margin: 10px 0}
label.captcha-block {
display: block; 
padding: 10px 0; 
}
form#uf-register .uf-text[type=password] {
width: 85%; 
padding-left: 5px; 
padding-right: 5px; 
}
#casing #order-table .order-item td {
border-bottom: 1px solid var(--col-line); 
min-height: 50px; 
height: 55px; 
border-spacing: 0; 
}
#order-table table td {
padding: 10px 3px; 
white-space: nowrap; 
}
#casing #order-table .order-head th {
border-bottom: 2px solid var(--col-line); 
font-size: var(--f14); 
padding: 0 8px; 
font-weight: 700; 
line-height: 25px; 
}

div[id^=comEnt] {background-color: white; color: var(--col-dgray); padding: 24px var(--24px); border-top: 1px solid var(--col-dgray)} /* #869898 color: #444 */
.commSbmFl {margin-top: 15px}
.commTable {
background-color: white; 
padding: 24px var(--24px); 
color: var(--col-dgray); 
}
.eDetails1 {/* border-top: 1px solid var(--col-dgray) */} /* #869898 */
.csTop {overflow: hidden}

.pollAns, .pollLnk a, .pollQue, .pollTot {font-size: var(--f14) !important}
.archiveCalendars .calendarsTable .calTable td {display: table-cell !important; width: auto !important}
.uTable {border-spacing: 0}
.uTable .myWinSuccess, .uTable .uPM {padding: 0 20px 0 0}
.module-index div[align=center], .popupbody div[align=center] {overflow: auto}
.arrow-menu-icon {font-size: var(--f16); position: absolute; top: 2px}
.sidebox #uidLogForm .loginButton {margin: 5px 0}
.sidebox .ut-menu.ut-vmenu li a:before {content: none}
.sidebox .ut-menu.ut-vmenu li.item-parent em {left: -20px; top: 2px}
/* .module-shop div.list-item:not(:last-child) {margin-bottom: 5px} */
.item-actions td:not(:last-child) {padding-right: 5px}
table.item-actions {padding: 25px 0 0}

.uTable td {
padding: 10px 20px; 
border-bottom: 1px solid var(--col-line); 
white-space: nowrap; 
}
.calMday, .calMonth, .calWday, .calWdaySe, .calWdaySu {display: table-cell !important}

#casing table.catalog h3 {margin: 10px 0 0 60px}

#image-list .inner {box-sizing: content-box}

.sidebox .gTableSubTop:before {
content: "-"; 
width: 20px; 
height: 20px; 
background: #b0a474; 
color: white; 
display: inline-block; 
text-align: center; 
margin-right: 10px; 
line-height: 20px; 
border-radius: 50%; 
transition: all .5s ease-in-out; 
cursor: pointer; 
}
.sidebox .cat-blocks u {color: var(--col-dgray)}
.sidebox .cat-blocks .gTableSubTop, .sidebox .cat-blocks .gTableTop {
color: var(--col-dgray); 
transition: all .5s ease-in-out; 
}
.sidebox .cat-blocks .gTableTop:hover {color: #897d4d}

.list-item table tr[valign=top] td:not(:first-child) {padding-left: 15px}

.sidebox .cat-blocks li {padding: 5px 0 5px 32px}
.gDivRight {
background-color: white; 
color: var(--col-dgray); 
padding-top: 0; 
padding-bottom: 0; 
}

label#uf-terms-label {white-space: pre-wrap}

.entryAttachSize {padding-left: 10px}
#files {
height: 42px; 
margin-bottom: 10px; 
}
#files:hover {cursor: pointer}
form ul.xPhtBlock .xPhtAction > span button {margin-left: 2px}

span[class^=sortBlock] {line-height: 47px}

#casing .spec-value {white-space: normal}
#baseLogForm tr td:first-child {padding-right: 10px}
#baseLogForm tr td:first-child img {padding-left: 3px}
#casing #order-but-recalc {float: none}


.module-gb {padding-bottom: 50px}
.module-gb .cTop a {font-size: var(--f18)}

#fancybox-overlay {background: rgba(0,0,0,.6) !important}

.blog-month, .blog-year, .index-login, .news-month, .news-year, .noEntry, .photo-edit, .stuff-category, .stuff-main {
background-color: white; 
color: var(--col-dgray); 
padding: 24px var(--24px); 
}
#image-list-cont #image-list .inner {padding: 0}

.board-entry .eBlock > tbody > tr:first-child > td {
padding: 10px var(--24px); 
overflow: hidden; 
text-overflow: ellipsis; 
}
.board-entry .eBlock > tbody > tr:first-child > td:hover {overflow: visible}
#acform {
background-color: white; 
color: var(--col-dgray); 
padding: 24px var(--24px); 
}

div#flist-item-brand {padding: 15px 0}
form#addEntForm span[id*=gbut] {margin-top: 8px}
.manTable .manTd1 {
font-size: var(--f14); 
line-height: 14px; 
width: 30%; 
padding-right: 10px; 
}
.index-register .manTdSep hr {padding: 5px 0 0}
.index-register td.manTdSep, form ul > li.notcolumn hr {display: block}

/* ----- */





/* ------------------ */
/* АДАПТИВНЫЕ УСЛОВИЯ */
/* ------------------ */

/* Адаптивные условия - 1240 */
/* @media only screen and (max-width: 1240px) */
@media screen and (max-width: 1240px) {
.close-menu, .show-menu, .show-registration, .show-search {display: none} 
/* header .container {padding: 0 2.5vw} */
#casing {padding: 0}
.wrapper {width: 100%}
/* .footer .cont-wrap, .footer-wrap {max-width: 100%} */
.fil_togg_wrapper + hr + table td:nth-child(-n+2) {width: 100% !important}
.fil_togg_wrapper + hr + table td:nth-child(2n) {text-align: left !important}
.text-block {width: 100%; padding: 0 20px}
.fil_togg_wrapper + hr + table td:nth-child(4) {width: 100% !important; padding: 0}
input#suggEdit {max-width: 193px}
select#user-filter {float: unset}
}

/* ----- */





/* Адаптивные условия - 900 */
@media screen and (max-width: 900px) /* @media only screen and (max-width: 900px) */ {
.wrapper {display: block}
/* .module-shop .commTable table {padding: 0} */
/* #content {padding: var(--header) 5vw 0} */
header .container {
display: block; 
padding: 22px 3vw; 
}

.container {
display: block; 
float: none; 
width: 100%; 
}
.promo, .intro {
display: block; 
width: var(--w-76); 
}
.promo_content {
display: block; 
width: auto; 
height: auto; 
margin: 0 auto; 
/* background: #11110842; */
/* -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%); 
clip-path: polygon(0 0,100% 0,100% 100%,0 100%); */
/* -webkit-clip-path: border-box; 
clip-path: border-box; */
/* text-shadow: 0 0 16px #000; */
background: none; 
clip-path: none; 
}
.prom_align {
/* width: 80%; 
padding: 50px 0; */
width: auto;
padding: var(--top-H1) var(--tab) 0; 
}
.prom_align h2, .prom_align p {
color: initial; 
text-align: left; 
line-height: initial; 
}
.prom_align h2 {
margin: var(--top-H3) 0; 
color: var(--col-h); 
}
.prom_align p {
font-size: var(--font); 
font-style: italic; 
color: var(--col-comm); 
}
.intro p {text-indent: 0}

.sidebox-bd, .sidebox .inner {margin: 0 auto; max-width: 300px}
aside {border-left: none}
/* .forum-box td.threadNametd, .smilesPart {padding: 20px var(--24px)} */
.module-faq .manTd1, .module-faq .manTd2 {padding-top: var(--top-H2)}
.fixback {overflow: hidden; position: fixed}
.archLi {padding: 19px}
#casing #content > section:not(.module-shop) > table:nth-child(-n+5) td:not(.calMdayIs) {
display: block; 
width: 100%; 
text-align: left; 
}
.text-block {padding: var(--top-H2)}
#content, aside {width: 100%; max-width: 100%}
div #pagesBlock1 {margin-left: 0}

form[name=searchform].gTable > tbody > tr > td.gTableBody1 {display: block; height: auto !important}
.mobile-menu-list {border-top: 1px solid var(--col-line)}
.bx-controls-direction a:hover {transform: scale(1)}


/* SHOW MENUS (900px) */
.close-menu {
display: block; 
position: absolute; 
top: 15px; 
/* left: 51%; */
right: 12px; 
cursor: pointer; 
}
.show-menu, .show-search {
font-family: 'Material Icons'; 
width: 32px; 
text-align: center; 
cursor: pointer; 
/* --k-font: 1.2; 
font-size: var(--f26); */
font-size: calc(var(--f26-nk) * 1.2); 
color: white; 
}
.show-menu {
display: block !important; 
float: right; 
}
.show-search {right: 10px}
.show-menu.opened, .show-menu:hover, .show-search.opened, .show-search:hover {cursor: pointer}
.main-menu .overflow a.uMenuItemA span, .main-menu .uWithSubmenu a.uMenuItemA span, .main-menu a.uMenuItemA span {border-bottom: none}
.bx-controls-direction a {padding: 3px}
.slider2 a.bx-next {right: -30px}
.slider2 a.bx-prev {left: -30px}
.show-registration {display: block; float: right; padding-left: 10px; cursor: pointer}
.registration-links {
display: none; 
position: absolute; 
bottom: -95px; 
z-index: 1; 
width: 100%; 
left: 0; 
background: rgba(0,0,0,.9); 
padding: 10px 0; 
}
.registration-links a {
display: block; 
color: white; 
padding: 10px 0; 
margin: 0 20px; 
}
.registration-links a:first-child {border-bottom: 1px solid var(--col-line)}
.search-m-bd {
position: absolute; 
padding: 25px 0; 
bottom: -95px; 
right: 0; 
background: rgba(0,0,0,.9); 
z-index: 3; 
width: 100%; 
}
.search-m-bd .searchForm {
margin: 0 auto; 
width: 80%; 
display: block; 
}
.search-m-bd .queryField:focus {outline: 0}
.show-search {
display: block; 
float: right; 
}
.show-search i {
position: absolute; 
right: 15px; 
top: 13px; 
}

.icons {text-align: right}


/* MAIN MENU (900px) */
.main-menu ul, .open, .person-wrapper a {display: block}
.main-menu a, .main-menu span {transition: none}

#catmenu li.uWithSubmenu ul a span {color: #9e9e9e}
#sch-box {
margin: 0 auto; 
width: 80%; 
padding: var(--top-H2) 0; 
float: none; 
}
#soc-box {float: none; text-align: center}
.person-wrapper {
padding: 5px 0; 
background: #323c63; 
text-align: left; 
}
.main-menu {height: 0}
#catmenu li.uWithSubmenu ul a:hover, #catmenu li li.uWithSubmenu:hover > a, #catmenu li li a.uMenuItemA, #catmenu ul ul li a:hover, .main-menu li:hover {
background: 0 0; 
}
.main-menu a.uMenuItemA {background: transparent}
#catmenu .navItemMore {display: none !important}

#catmenu ul.uMenuRoot {
display: block; 
/* width: 50%; */
min-width: max(40%, 270px); 
height: 100%; 
/* overflow: hidden; */
float: right; 
padding-top: var(--header); 
-ms-flex-direction: column; flex-direction: column; 
}

#catmenu ul.uMenuRoot, [class*=lvl] {
/* background-color: var(--col-menu03); */ 
background-color: var(--col-menu02); 
}
/* .uMenuRoot > li:hover, .uMenuRoot > li:active {background: var(--col-dgray)} */
[class*=menu][class*=lvl]:hover {background: var(--col-dgray)}

div#uNMenuDiv1 {
width: 100%; 
height: 100%; 
position: fixed; 
z-index: 4; 
padding: 0; 
bottom: 0; 
right: -100%; 
overflow: auto; 
transition: right .5s ease-in-out, background 0s ease 0s; 
}
#uNMenuDiv1 .uMenuRoot > li {width: 100%}
#uNMenuDiv1 .uMenuRoot li:not(:last-child) {border-bottom: 1px solid var(--col-line)} /* hsla(0,0%,100%,.08) - #ffffff14 */
div#uNMenuDiv1.openMenu {
right: 0; 
background: #bcb08d57; 
transition: right .5s ease-in-out, background .5s ease .5s; 
}
.uMenuItemA span {color: #b0a474}
li.uWithSubmenu a {padding-bottom: 11px}
.main-menu li ul {
display: none; 
box-shadow: none; 
min-width: 110px; 
}
#catmenu li.uWithSubmenu:hover > ul, #catmenu ul ul, .main-menu li ul .uWithSubmenu:after {display: none}
#catmenu li.uWithSubmenu.over > ul {
display: block; 
border-top: 1px solid var(--col-line); 
border-radius: 0; 
padding: 0; 
}
.main-menu .menu_tog, .main-menu li.uWithSubmenu li.uWithSubmenu .menu_tog {
top: 0; 
padding: 12px; 
/* font-size: var(--f14-nk); */
}
#catmenu li:hover > ul {background-color: transparent}
#catmenu li:hover > ul, .main-menu li:hover > ul {position: static; width: 100%}
#catmenu li:hover > ul {right: 0; z-index: 3}
#catmenu li a {
height: auto; 
padding-top: 10px; 
padding-bottom: 10px; 
text-align: left; 
}
.main-menu #catmenu ul ul ul {top: auto; left: auto}
.main-menu #uNMenuDiv1 .overflow li.uWithSubmenu .menu_tog, .main-menu #uNMenuDiv1 li.uWithSubmenu li.uWithSubmenu .menu_tog, .main-menu .menu_tog {
right: 0; 
left: auto; 
transform: none; 
color: white; 
}
.main-menu li ul li:hover > ul {
position: relative; 
top: 0; 
right: auto; 
left: inherit; 
z-index: 3; 
display: block; 
}
.main-menu .uMenuRoot li:hover > a, .main-menu li li:hover {
/* background: #302e3080; */
/* background-color: transparent; */
} 
.main-menu .uMenuRoot > li {
margin: 0; 
padding: 0; 
height: auto; 
}
.main-menu li li {border: 0}
.uMenuRoot li .uWithSubmenu:hover a {border: none}
.main-menu li ul li:hover ul {
padding-right: 0; 
border-right: none; 
}
.main-menu a span {padding: 0}
.main-menu li li > span, .main-menu li li a {
padding-left: var(--60px); 
} /* 11px / 20px */
.main-menu li li li > span, .main-menu li li li a {
padding-left: var(--84px); 
} /* 30px */
.main-menu li li li li > span, .main-menu li li li li a {
padding-left: var(--108px); 
} /* 40px */
.main-menu li li li li li > span, .main-menu li li li li li a {
padding-left: var(--132px); 
} /* 50px */
.main-menu span, .main-menu a {
padding-right: max(var(--60px), 48px) !important; /* 48px */
}
select#user-filter {float: none}
form#MCaddFrm, iframe#mchatIfm2 {
max-width: 100%; 
margin: 0 auto; 
}
.archUl {
margin: 0; 
display: -ms-flexbox; display: flex; 
-ms-flex-wrap: wrap; flex-wrap: wrap; 
-ms-flex-pack: distribute; 
justify-content: space-around; 
-ms-flex-align: center; align-items: center; 
}
div#pagesBlock1 {padding: 15px 0}
.logo-b .soc-block {display: none}
.uMenuV .soc-block {
float: left; 
text-align: left; 
display: block; 
background: #1a1e28; 
width: 66%; 
padding: var(--top-H2) 0; 
}
.logo-b, .logo-name {
display: block; 
overflow: hidden; 
padding: 0; 
text-overflow: ellipsis; 
}
.logo-wrap {
width: 100%; 
text-align: left; 
padding: 0; 
}
.slider2 {
margin-top: 0; 
padding: 15px 30px 30px; 
}
.bx-pager.bx-default-pager {bottom: 10px}
.slider-wrapper .info-btn {padding: 10px 20px; font-size: var(--f14)}
#catmenu {height: auto}
}

/* ----- */




/* Адаптивные условия - 800 */
@media screen and (max-width: 800px) {
#casing #content > section:not(.module-shop) > div > table:nth-child(-n+5):not(.catsTable) td:not(.calMdayIs) {
display: block; 
width: 100%; 
text-align: left; 
}
/* #content {padding: var(--header) 5vw 0} */
.sidebox-bd, .sidebox .inner {margin: 0 auto; max-width: 100%}
.eDetails {/* padding: var(--top-H2) var(--24px) */}
.middle:before {background-position: 0 0}

.text-block {padding: var(--top-H2) 20px 40px; width: 90%}
.text-block h1 {font-size: var(--f20); margin: 0}
.middle {padding: 40px 0 0; background: white}
.sidebar {margin-left: 0}
.sidebar {float: none; width: 100%}
.content {padding: 0 0 10px; margin: 0} /* padding: 0 20px 10px; */
.content .catPages1 {border-top: 1px solid #d5d5d5}
.sidebar {
margin-top: 30px; 
position: relative; 
border: 0; 
background-color: white; 
}
.sidebar:before {
content: ""; 
position: absolute; 
left: 0; 
top: 0; 
height: 30px; 
width: 100%; 
margin-bottom: -2px; 
display: block; 
background: #1e4035; 
}
#sidebar .catsTable {padding: 0}
.archLi {padding: 9px}
.module-load .eBlock tbody tr td[style="font-size: 7pt; white-space: nowrap;"] {white-space: pre-line !important}
.archLink {text-decoration: underline}
.archLink:hover {text-decoration: none}
.sidebox-bd > li {list-style: none}
.loginformMobile {display: block; text-align: center}

#site-logo {float: none; max-width: none; text-align: center; padding: 0 0 20px}
#catmenu.nav-mobi .nav-head {display: block; font-size: var(--f18)}
#sidebar {padding: 0 10px}
#fTerms~div {padding: 10px 0 0}
#uNetRegF tr td:first-child {max-width: 20% !important; white-space: normal !important; font-size: var(--f9)}
#uNetRegF #fAvatar, #uNetRegF #fAvatarU {display: block; margin: 0 0 3px}
#uNetRegF #fAvatarU + input {position: relative; margin: 0 0 0 -10px}
#uNetRegF input, #uNetRegF input[type=file], #uNetRegF select {max-width: 162px}
.calendarsTable, .calendarsTable > tbody, .calendarsTable > tbody > tr, .calendarsTable > tbody > tr > td {display: block; width: 100%}
#content .calTable {width: 100%; margin: 0 0 20px}
#content .calMonth {text-align: center}

#moderoptions39517 {padding-right: 15px}
.postTable tbody {padding: 0}
.gTableLeft {text-align: left; padding-right: var(--24px)}
.tests-tsMain {padding: 0 !important}

#dodate {margin: 7px 4px}
.index-register {padding-bottom: 25px}

#casing select[multiple] {width: 100%}

.uTd .user_avatar img {width: 40px}
.opt_vals td {display: table-cell !important}
.opt_items {max-width: 97%}
.module-search form td[nowrap=nowrap] {display: block}
#uEntriesList .uEntryWrap {width: 50% !important}
.fNavLink {line-height: 30px; position: relative; margin: 0 -3px}
.uf-fields-wrap .recaptcha-wrapper {margin: 10px auto}
#casing form#uf-register .uf-checkbox, #casing form#uf-register .uf-radio, #casing form#uf-register input[id=policy] {padding: 0}
.link-label span {font-size: var(--f12)}
.bx-controls-direction a {padding: 0}
}

/* ----- */





/* Адаптивные условия - 600 */
@media screen and (max-width: 600px) {

.promo, .intro {width: 100%}

/* div#cont-shop-invoices > div:first-of-type {width: 100%} */
td.threadsType {padding-left: 15px}
.loginformMobile {display: block; text-align: center}
#uEntriesList .uEntryWrap {width: 100% !important}
#casing button, #casing input[type=reset], #casing input[type=submit]:not(.searchSbmFl), input[type=button] {margin: 0}
.switch, .switchActive, .switchesCl11 {
min-width: 30px; 
display: table-cell; 
white-space: nowrap; 
}

/* #casing #frF17 {margin: 4px 0} */

.postTable tbody {width: 100%; display: block}
#casing #addcBut, #casing .manFlSbm {margin-top: 10px}
.ThrTopButtonsCl11, .ThrTopButtonsCl12 {
display: block; 
width: 100%; 
text-align: left; 
}
#thread_search_field {max-width: unset; margin: 0}

/* input[type=button].forumContent {padding: 0 20px} */

.pic-row {height: 180px}
.content > table:nth-child(3) > tbody:first-child > tr:nth-child(1) > td:nth-child(1), .content > table:nth-child(3) > tbody:first-child > tr:nth-child(1) > td:nth-child(2) {display: block}
.catalog td.catalog-item {
display: block !important; 
width: 100% !important; 
overflow: hidden !important; 
}

#casing form .navTabs > *, .popup td[class^=manTd] {display: block; width: 100%}
#casing form .navTabs > :is(b, .bold) {color: #3c3c3c; border-radius: 0}
table.catalog td {padding-bottom: 0}

#casing td.gTableTop #subscribe {float: none; margin: 0}
/* .shop_spec_sub, .shop_spec_val, .spec-values {padding: 0 !important} */
#addPhtFrm #uCatsMenu7, #casing form #uCatsMenu7, td.u-comboeditcell input[id^=catSelector].x-selectable {max-width: 280px}

.popup-bd > div > div:not(.udtb) {float: none !important}
#casing form ul.xPhtBlock > li:nth-of-type(n):not(.notcolumn), #casing ul.form-fields > li:nth-of-type(n):not(.notcolumn) {width: 100%; padding: 5px 0 0}
form[name=searchform] input[name=kw] {width: 290px}
#addEntForm .commTd1, #addEntForm .commTd2, #addEntForm .manTable td, form#addEntForm > table > tbody > tr:first-child > td:first-child, form#addPhtFrm .navTabs > *, td.ucf-message-wrap, td.ucf-smiles {display: block; width: 100%}

.popup {padding: 0 var(--24px) 30px}
.smiles {display: none}

.bx-pager.bx-default-pager {bottom: -35px}
.slider2 {padding: 50px 30px 0}
.text-block {padding: 0}

table#transactions_filters td {display: block; text-align: left}
table#transactions_filters td select#stranstype {margin: 7px 4px}
}

/* ----- */





/* Адаптивные условия - 480 */
@media screen and (max-width: 480px) {
header .container {
/* display: flex; 
width: 100%; 
height: 100%; 
align-items: center; */
/* float: none; */
/* padding: 22px 0vw; */
/* padding: 0; */
}
.logo-wrap {
/* display: flex; 
width: 100%; */
/* height: 100%; */
/* justify-content: space-between; 
align-items: center; 
flex-basis: 100%; 
flex-shrink: 0; 
padding: initial; */
}
.logo-link {}
.show-menu {}


/* Адаптивные условия - 480 (MENU) */
#catmenu ul.uMenuRoot, .uMenuV .soc-block {
/* width: 100%; 
min-width: 100%; */
/* width: max-content;
max-width: 100%; */
}

.u-delivery-wrapper tr, .u-discount-wrapper tr, .u-payments-wrapper tr {
display: -ms-flexbox; 
display: flex; 
-ms-flex-wrap: wrap; flex-wrap: wrap; 
}
.u-delivery-wrapper tbody tr > td, .u-discount-wrapper tbody tr > td, .u-payments-wrapper tbody tr > td {
display: block; 
text-align: left !important; 
padding: 0 !important; 
width: 100% !important; 
}

.wrapper {padding: 0}
.commTable tr td {
display: block; 
width: 100%; 
}
.recaptcha-wrapper.normal {
transform: scale(.85); 
margin-left: -13%; 
}

img#ipreview {
display: block; 
margin: 0 auto; 
text-align: center; 
}
#uEntriesList .entryBlock {width: 100%}
#acform {padding: 15px}

span.uphoto {width: 100%}
.ph-tc, span.ph-wrap {height: auto}
.photo-main > table:first-child {padding: 0}

.switch, .switchActive, .switchesCl11 {
min-width: 30px; 
display: table-cell; 
white-space: unset; 
}
.module-load .eBlock tbody tr td {padding: 12px 15px}
.module-video .u-mpanel, div[id^=entryID].u-mpanel {top: 15px; right: var(--24px)}

.eDetails1, .eDetails2, .eText {/* padding: 10px 15px */}

#addEntForm {padding: 15px}
.index-sitePage2 {
background-color: white; 
color: var(--col-dgray); 
padding: 15px; 
}
div#frmButns83 {text-align: center; padding-top: 15px}
.picture-wrapper {padding-bottom: var(--top-H2)}

/* #casing {padding: 0 15px} */

.link-label {display: none}
.slider2 {padding: 50px 20px 0}
.slider2 a.bx-next {right: -20px}
.slider2 a.bx-prev {left: -20px}

form[name=mform] table td:first-child:not([align=center]), form[name=mform] td:not([align=center]) {
display: block; 
text-align: left; 
width: 100%; 
padding-left: 0; 
padding-right: 0; 
}
#uEntriesList .uEntryWrap {width: 100% !important}

#sidebar {padding: 0}
.eDetails {/* padding: 15px */}
.e-add, .e-author, .e-author-phone, .e-category, .e-comments, .e-date, .e-loads, .e-placed, .e-rating, .e-reads, .e-redirects, .e-tags {
position: relative; 
padding: 0 0 0 20px; 
margin: 0; 
display: inline-block; 
width: 100%; 
}

.eTitle, .forum-box .gTableTop, .module-shop h1, .module-shop h2, h1.vep-title, h2.photo-etitle {
padding: 15px !important; 
color: white; 
/* background-color: var(--col-menu03); */ 
background-color: var(--col-menu02); 
}

.catsTable, .commTable {padding: 15px}
.eTitle a {font-size: var(--f24)}

#casing #content .blog-entry table.eBlock td:not(.eDetails) {padding: 0}

.eMessage {padding: 15px !important}

#casing form #addEntForm span[id*=iCode].openednow {padding-right: 10px}
#casing form #addEntForm span[id*=iCode].added input[type=text], .module-stuff table tr td[width="180"] img {width: 100%}

.manTable tbody#tb_exclude_from_yml tr > td, .manTable tbody#tb_undisc tr > td, .manTable tbody#yml_is_adult tr > td, .manTable tbody#yml_is_delivery tr > td, .manTable tbody#yml_is_pickup tr > td, .manTable tbody#yml_is_store tr > td {
display: inline-block; 
width: auto !important; 
vertical-align: bottom; 
}

.social-accounts {white-space: nowrap; float: left}
.udtb {overflow: hidden}
#addEntForm .commTd1, #addEntForm .commTd2, #addEntForm .manTable td, form #addEntForm > table > tbody > tr:first-child > td:first-child {display: block; width: 100%}

/* .goods-list .list-item {padding: 15px 0} */

.pagesBlockuz, .pagesBlockuz1 {display: inline}

#casing .emptyPlaceholder {
width: 100%; 
left: 50%; 
transform: translate(-50%,-50%); 
margin: 0; 
}
#casing .fstMultipleMode .fstQueryInputExpanded {padding: 0}
#casing input[type=file], select[name=modopt] {
width: 80%; 
overflow: hidden; 
vertical-align: middle; 
}
.module-index .manTable td {display: block; width: 100%}
.index-register .manTable, .index-register .manTable tbody, .index-register .manTable tr {display: block}
.index-register td#siM49 {padding-top: 15px}
input.codeButtons {padding: 10px !important}

.uComForm-inner .ucf-avatar {display: block; float: none}
#casing, #casing .ucf-content {margin: 0}
#casing {border: none}
.module-search #sfSbm {padding: 10px 18px}
#addform td {display: block}
#forum_filter, #puzadpn, #thread_search_form, td.pollResults tr td.pollPos {display: none}
}

/* ----- */




 
/* Адаптивные условия - 360 */
@media screen and (max-width: 360px) {
td.pagesInfo.switchesCl11 {margin-bottom: 10px}
.commTable, .commTable input {width: 100%}

button, input:is([type=button], [type=reset], [type=submit]) {
width: 100%; 
padding: 10px 20px; 
}

div[id^=comEnt] {padding: 10px}
.popup-bd {position: relative; padding: 30px 0}
.profile .profile-row {-ms-flex-wrap: wrap; flex-wrap: wrap}
.profile .profile-row div {width: 100%}
.profile .profile-section {margin: 0 0 20px}
.profile h3.profile-section-name {margin: 0}

/* Адаптивные условия - 360 (MENU) */
#catmenu ul.uMenuRoot, .uMenuV .soc-block {
width: 100%; 
min-width: 100%; 
}
.wrapper {padding: 0}
.close-menu {left: 90%}
.recaptcha-wrapper [id^=recaptcha_] {
transform: scale(.88); 
margin-left: -10px; 
}
.recaptcha-wrapper {max-width: 280px}
.index-sitePage3, .index-userslist, .profile {padding: 15px}
.eBlock td.eDetails1, .eBlock td.eDetails2, .eDetails1, .eDetails2 {/* padding: 10px !important */}

#casing select {max-width: 178px}

/* form[name=searchform]input[name=kw] {width: 260px} */

.popup {padding: 0 15px}
.text-block {
width: 100%; 
top: 50%; 
padding: 10px 10px 30px; 
}
.slider2 .slide-c {
width: 140px !important; 
margin-right: 10px !important; 
}
.slider2 .bx-pager.bx-default-pager {bottom: -19px}
.slider-wrapper .info-btn {font-size: var(--f14)}
.switchActive {
min-width: 25px; 
line-height: 25px; 
height: 25px; 
}
.module-index .manTable td.manTd2 a {font-size: var(--f14)}
.comEnt .uc-avatar {margin-right: 15px}
.comEnt .uc-content {margin: 0}

.uf-fields-wrap .recaptcha-wrapper {margin-left: -12px}
}
 
/* ----- */

/* MENU END */



/* --------- */
/* ШПАРГАЛКА */
/* --------- */

/* количество параметров (задаются через пробел) */
/*
1 - единое значение для всех сторон
2 - верх-низ лево-право
3 - верх лево-право низ
4 - верх право низ лево
*/

/* Спецзнаки */
/* 
– - тире
« - левые кавычки
» - правые кавычки
&#x301; - ударение
&#10 - разрыв строки (для title)
*/

/* Селектор атрибутов (выбор атрибута/селектора attr/sel, в т.ч. по значению value/name) */
/* Если value состоит из нескольких слов c пробелами, value - в кавычки. Без пробелов — кавычки не обязательны */
/*
[attr] - выбор по наличию атрибута attr вне зависимости от его значения (к примеру, выбор всех тегов с атрибутом title)
[attr=value] - точное совпадение значения value
[attr*=value] - содержит значение
[attr^=value] - начинается значением
[attr$=value] - оканчивается значением
[attr~=valueN] - значение встречается среди прочих разделенных пробелом (value1 value2 value3)
[attr|=value] - либо точное совпадение значения, либо начинается в составном через дефис значении (value-value2)
[sel][sel]...[sel] - комбинирование селекторов (и)

:is(sel-01, sel-02, ..., sel-NN) sel - объединение цепочек селекторов в пулы при комбинировании с повторяющимся селектором 
(вместо: sel-01 sel, sel-02 sel, ..., sel-NN sel)
:not(sel-01, sel-02, ..., sel-NN) - исключение селектора из правил

:where(sel-01, sel-02, ..., sel-NN) - аналог :is(), но с нулевой специфичностью (не повышает и сбрасывает специфичность свойств). Возможно, придется поменять все :is() на :where() (???)

parent:has(child) - способ стилизации родителя при наличии указанного дочернего/следующего/смежного элемента. Надо пробовать!
варианты:
sel-01:has(+ sel-02)
sel-01:has(> sel-02)
sel-01:has(~ sel-02)
*/

/* Подсветить все блоки (звезочка обязательна) */
/* * {border: 1px solid #f00} */

/* подсвечиваем теги без необходимых атрибутов */
img:not([alt]),
label:not([for]),
input[type=submit]:not([value]) {
/* outline:1px solid red; */
}

/* тревога, если первый child внутри списка не li и прочие похожие примеры */
ul > *:not(li),
ol > *:not(li),
dl > *:not(dt):not(dd) {
/* outline:1px solid red; */
}

/* Прочее */
/* initial - сбрасывает до умолчания, inherit - наследует родителя */

/* word-break - не проставляет дефис
см. также hyphens (требуется значение html lang="ru")
см. также word-wrap: break-word
<wbr> - (+) перенос в указанном месте текста без дефиса (пример: Анри-<wbr>Рене-<wbr>Альбер)
&shy; - перенос в указанном месте текста с дефисом
мягкий пробел  запрещает разбивать ближние символы (числа и единицы измерения) */

/* логическая отбивка сцен многоточием */
/* <p class="rem">........</p> */

/* ---- */

/* End CSS */


/* History
2023-09-20
- к сайту подключен внешний css (временно деактивирован до переноса в него общих стилей)
2024-09,10
- добавление правил для широких экранов
- глобальное изменение формул расчета пропорций картинок
- изменение правила первого заголовка по типу (было по первому элементу)
2024-11-11
- глобальное изменение представления парных картинок с разными пропорциями: перенос пропорций из классов на переменные в style

- очистка дублирующихся стилей (вынесено в отдельный common.css)
- 100vh - высота окна в мобильных версиях
- упорядочить и систематизировать margin (внешние блоки) и padding (тонкие настройки внутри блоков)
*/