/*
|--------------------------------------------------------------------------
| Lego Kubik UI Kit
| typography.css
|--------------------------------------------------------------------------
| Типографика статей
|--------------------------------------------------------------------------
*/


/* ==========================================================
   Базовый текст
========================================================== */

.entry.themeform{

    color: var(--kubik-text);

    font-size: 18px;

    line-height: 1.85;

}


/* ==========================================================
   Абзацы
========================================================== */

.entry.themeform p{

    margin: 0 0 1.5em;

}


/* ==========================================================
   Заголовки
========================================================== */

.entry.themeform h1,
.entry.themeform h2,
.entry.themeform h3,
.entry.themeform h4,
.entry.themeform h5,
.entry.themeform h6{

    color: var(--kubik-text);

    font-weight: 700;

    line-height: 1.3;

    margin-top: 0;

    margin-bottom: .8em;

}


/* Отступ только если перед заголовком уже есть элемент */

.entry.themeform * + h1,
.entry.themeform * + h2,
.entry.themeform * + h3,
.entry.themeform * + h4,
.entry.themeform * + h5,
.entry.themeform * + h6{

    margin-top: 1em;

}


/* ==========================================================
   Размеры заголовков
========================================================== */

.entry.themeform h1{

    font-size: 2.6rem;

}

.entry.themeform h2{

    font-size: 1.9rem;

}

.entry.themeform h3{

    font-size: 1.55rem;

}

.entry.themeform h4{

    font-size: 1.3rem;

}

.entry.themeform h5{

    font-size: 1.1rem;

}

.entry.themeform h6{

    font-size: 1rem;

}


/* ==========================================================
   Жирный текст
========================================================== */

.entry.themeform strong{

    font-weight: 700;

}


/* ==========================================================
   Списки
========================================================== */

.entry.themeform ul,
.entry.themeform ol{

    margin: 0 0 1.5em 1.4em;

}

.entry.themeform li{

    margin-bottom: .45em;

}


/* ==========================================================
   Цитаты
========================================================== */

.entry.themeform blockquote{

    margin: 2.5rem 0;

    padding: 1.4rem 1.6rem;

    background: var(--kubik-surface-alt);

    border-left: 4px solid var(--kubik-primary);

    border-radius: var(--kubik-radius-md);

    font-style: italic;

}


/* ==========================================================
   Ссылки
========================================================== */

.entry.themeform a{

    color: var(--kubik-link);

    text-decoration: underline;

    text-decoration-thickness: 1px;

    text-underline-offset: .18em;

    text-decoration-color: currentColor;

    transition: color var(--kubik-transition);

}

.entry.themeform a:hover{

    color: var(--kubik-link-hover);

}


/* ==========================================================
   Выделение текста
========================================================== */

.entry.themeform ::selection{

    background: var(--kubik-primary);

    color: #000;

}


/* ==========================================================
   Адаптация
========================================================== */

@media (max-width:768px){

    .entry.themeform{

        font-size: 17px;

        line-height: 1.75;

    }

    .entry.themeform h1{

        font-size: 2.2rem;

    }

    .entry.themeform h2{

        font-size: 1.7rem;

    }

    .entry.themeform h3{

        font-size: 1.45rem;

    }

}