/*Ссылки на картинки*/

/*калейдоскоп: https://fs.getcourse.ru/fileservice/file/download/a/644347/sc/482/h/f13f8914225e4658e663237515fb275f.jpg*/

/*Сердце: https://fs.getcourse.ru/fileservice/file/download/a/644347/sc/157/h/30a67b1c0de0d133f94b1e11c12139aa.jpg*/

/*ФОН*/

/*@import url();*/
@import url(/pl/cms/layout/css?id=66430&hash=06175239cde344b8b4240b83f032b56b&bundle=1);

/* === Импортируем шрифт === */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/*==================================================
Переменные CSS. При необходимости меняйте после : и до ;
================================================== */

:root{

    /* === Шрифты === */

    --raduga-font-family: "Roboto", sans-serif;/*Шрифт текста*/
    --raduga-font-header-family:  "Roboto Condensed", sans-serif;/*Шрифт заголовков*/ 

    /* === Фоновые стили === */

    --raduga-background-img: url(); /*Картинка фона*/
    --raduga-color-bg: #FFF; /*Цвет общего фона */


    /* === Стили элементов=== */

    --raduga-border-radius: 10px; /*Скругление углов всех элементов*/
    --raduga-box-shadow: -1px -1px 5px 3px transparent;/*Тень элементов*/
    --raduga-border: 1px solid #222; /* обводка элементов */



    /* === Виджет чата  === */
    --raduga-chat-bg: linear-gradient(90deg, rgba(11, 181, 239, 0.9752275910364145) 0%, rgba(237, 48, 165, 0.9780287114845938) 100%);/* Фон виджета чата */
    --raduga-chat-icon-color: #fff; /* Цвет иконки виджета чата */


    /* === Навигация (хлебные крошки) === */
    --raduga-nav-color: #222; /* Цвет пунктов навигации */
    --raduga-nav-bg-active: #8C6EC6; /* Фон активного пункта навигации */
    --raduga-nav-color-active: #fff; /* Цвет активного пункта навигации */
    --raduga-nav-header-color: #222; /* Цвет заголовка навигации */

    --raduga-color-big-header:#222; /*Цвет больших зоголовков*/

}


/* ========================================
Общие стили
======================================== */

.f-header, h1, h2, h3, h4, h5, .f-header p {
    font-family: var(--raduga-font-header-family)!important;
    font-weight: 400;
}

/* Большие заголовки */
h3 {
    font-weight: 600;
    margin: 0;
    color: var(--raduga-color-big-header);
    padding: 20px 5px 10px;
}

.page-header h1 {
    font-weight: 600;
    margin: 0;
    color: var(--raduga-color-big-header);
    padding: 20px 5px 10px;
}

/* === Скрываем кол-во уроков === */

.stream-table td div > b {
    display: none;
}

/* === Навигация === */
.standard-page-content .page-header h1 {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: var(--raduga-nav-header-color);
    font-family: var(--raduga-font-header);
}

.page-header a,
.breadcrumbs a {
    color: var(--raduga-nav-color)!important;
}

.page-menu li.active {
    background: var(--raduga-nav-bg-active);
    border-radius: var(--raduga-border-radius);
}

.page-menu li.active a {
    color: var(--raduga-nav-color-active)!important;
}

body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--raduga-background-img), var(--raduga-color-bg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}

/* === Виджет чата === */
.talks-widget-button {
    background: var(--raduga-chat-bg) !important;
}

.talks-widget-button .fa {
    color: var(--raduga-chat-icon-color) !important;
    font-family: 'FontAwesome' !important;
}

.fa {
    font-family: 'FontAwesome' !important;
}

.fas, .fa-classic, .fa-solid, .far, .fa-regular {
    font-family: 'Font Awesome 6 Free' !important;
}

.dropdown-menu>li>a {
    color: #333!important;
}

.glyphicon {
    font-family: 'Glyphicons Halflings'!important; /*НЕ МЕНЯТЬ!*/
}