.elementor-2611 .elementor-element.elementor-element-dc7207a{--display:flex;}.elementor-2611 .elementor-element.elementor-element-b972cca{--display:flex;}/* Start custom CSS *//* =========================================================
   Hero на главной (тема Typology): чтобы не срезалась голова.
   Фото горизонтальное, тема растягивает его на весь блок через
   object-fit: cover с центрированием — на широком экране кадр
   режется сверху/снизу, и макушка уходит. Сдвигаем фокус вверх.
   ========================================================= */

.typology-cover-img img { object-position: center top !important; } */

/* =========================================================
   Большая декоративная буквица заголовка Intro на главной —
   ИДЕНТИЧНО элементу .post-letter в записях блога:
   первая буква заголовка, шрифт PT Serif, 260px, вес 400,
   цвет rgba(0,0,0,0.07) (бледная), uppercase, за заголовком.
   ВАЖНО: это НЕ строчная буквица абзаца. Удалите все прошлые
   варианты буквицы (8rem и Meks 52px) — этот их заменяет.
   Вставлять в Elementor → Site Settings → Custom CSS.
   ========================================================= */

.elementor-2611 .elementor-element-dc7207a .e-heading-base {
    position: relative;
}

.elementor-2611 .elementor-element-dc7207a .e-heading-base::before {
    content: "З";                 /* первая буква заголовка «ЗАЧЕМ…» */
    position: absolute;
    top: -110px;                  /* выше/ниже — меняйте это значение */
    left: -90px;                  /* левее/правее — меняйте это значение */
    font-family: "PT Serif", serif;
    font-size: 260px;
    font-weight: 400;
    line-height: 312px;
    color: rgba(0, 0, 0, 0.07);
    text-transform: uppercase;
    z-index: -1;                  /* за текстом заголовка */
    pointer-events: none;
}


/* =========================================================
   Опустить заголовок и описание на обложке главной ниже,
   чтобы текст не перекрывал лицо/основную зону фотографии.
   Блок остаётся по центру по горизонтали, просто смещается вниз.
   Значение 18vh — насколько опустить (в % высоты экрана):
   больше число — ниже, меньше — выше. Адаптивно под любой экран.
   Вставлять в Elementor → Site Settings → Custom CSS.
   ========================================================= */

#typology-cover .cover-item-container {
    transform: translateY(18vh) !important;
}

/* На телефоне при необходимости можно задать своё смещение:
@media (max-width: 767px) {
    #typology-cover .cover-item-container { transform: translateY(14vh) !important; }
}
*/


/* =========================================================
   Заголовки записей в ленте «последние записи» — всегда тёмные.
   Причина белого цвета: глобальный Accent у Elementor = #FFFFFF,
   и правило `.elementor-kit-2385 a` красит им все ссылки;
   у заголовков ленты нет своего цвета, поэтому они белые,
   а тёмными становятся только при наведении.
   Фикс: задаём тёмный цвет (и заливку текста) принудительно,
   плюс переопределяем переменную Accent в зоне ленты.
   Вставлять в Elementor → Site Settings → Custom CSS.
   ========================================================= */

.typology-posts .entry-title a {
    --e-global-color-accent: #243444;          /* тёмный вместо белого в зоне ленты */
    color: #243444 !important;
    -webkit-text-fill-color: #243444 !important;
}

/* При наведении — чуть светлее (как у остальных ссылок темы) */
.typology-posts .entry-title a:hover {
    color: #2c3e50 !important;
    -webkit-text-fill-color: #2c3e50 !important;
}

/* Мета-ссылки ленты: автор и раздел (рубрика) — в цвет мета-строки
   (серый rgb(74,85,97)), а не белый акцент. На ховере темнеют.
   Кнопки «читать далее»/«прочитать позже» не трогаем. */
.typology-posts .entry-meta a {
    color: rgb(74, 85, 97) !important;
    -webkit-text-fill-color: rgb(74, 85, 97) !important;
}

.typology-posts .entry-meta a:hover {
    color: #243444 !important;
    -webkit-text-fill-color: #243444 !important;
}

/* =========================================================
   Фон страницы за пределами секций — тёмно-синий #243444
   (тот же цвет, что у секций темы), вместо чёрного.
   Чёрный задан глобально в Elementor-ките (#000000) на body;
   здесь его переопределяем. Белые секции, картинки и контент
   остаются поверх — меняется только «подложка» в промежутках.
   Вставлять в Elementor → Site Settings → Custom CSS.
   ========================================================= */
 
body {
    background-color: #243444 !important;
}
 
/* Если где-то останется чёрная полоса на отдельной обёртке —
   добавьте её сюда, например:
   .typology-fake-bg, .section-content { background-color: #243444 !important; }
*/
 
 /* =========================================================
   Главная: шапка вверху — прозрачная (над обложкой), а при
   скролле всплывающее «липкое» меню — тёмно-синее #243444,
   чтобы не теряться на белом фоне.

   Тема при скролле вешает класс `typology-header-sticky`
   НА САМ ЭЛЕМЕНТ ШАПКИ (.typology-header). А правило
   `body.home .typology-header { background: transparent !important }`
   держит её прозрачной всегда — поэтому липкое меню терялось.
   Здесь перебиваем фон только для прокрученного состояния.

   Вставлять в Elementor → Site Settings → Custom CSS.
   (Прошлую версию этого файла с `typology-header-sticky-on`
   нужно заменить на эту — там был неверный класс.)
   ========================================================= */

body.home .typology-header.typology-header-sticky {
    background-color: #243444 !important;
}/* End custom CSS */