/*@import url('');*/

/* === Импортируем шрифт === */
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');*/
/*==================================================
Переменные CSS. При необходимости меняйте после : и до ;
================================================== */

:root{
    /* === Шрифты === */
    --traning-zoloto-font-family-header:"Nunito", serif; /*Шрифт Заголовков*/
    --traning-zoloto-font-family-text: "Nunito", sans-serif; /*Шрифт текста*/  

    /* === Фоновые стили === */
    --traning-zoloto-background-img: url(); /*Картинка фона*/
    --traning-zoloto-color-bg: linear-gradient(135deg, rgba(72,154,255,1) 3%, rgba(145,194,255,1) 94%); /*Цвет общего фона */

    /* === Общие стили === */
    --traning-zoloto-border-radius: 10px; /*Скугление углов всех элементов*/
     /*--traning-zoloto-bg-fon: #59a2ff; /*Фон подложки под элементы*/
    --traning-zoloto-bg-fon: #cae2ff;
    --traning-zoloto-box-shadow: -1px -1px 5px 3px #187EFF; /*Подсветка элементов*/
    --traning-zoloto-box-shadow-no-public: -1px -1px 5px 3px #187EFF; /*Подсветка недоступныхэлементов*/


    /* === Виджет чата  === */
    --traning-zoloto-chat-bg: linear-gradient(135deg, rgba(0,111,251,1) 3%, rgba(89,162,255,1) 94%);/* Фон виджета чата */
    --traning-zoloto-chat-icon-color: #fff; /* Цвет иконки виджета чата */

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

    --traning-zoloto-color-big-header:#fff; /*Цвет больших заголовков*/

}

/* =============
Стили страницы
=============== */

/*Большие заголовки*/
h3 {
    font-size: 17px;
    font-weight: 600;
    margin: 0;
    color: var(--traning-zoloto-color-big-header);
    letter-spacing: 0px!important;
    line-height: 1.1!important;
    font-family: var(--traning-zoloto-font-family-header)!important;
    text-align: center;
    padding: 20px 5px 10px;
}

h1 {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    color: var(--traning-zoloto-color-big-header);
    letter-spacing: 0px!important;
    line-height: 1.1!important;
    font-family: var(--traning-zoloto-font-family-header)!important;
    padding: 20px 5px 10px;
}

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

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

/* === Навигация === */
.page-header h1 {
    color: var(--traning-zoloto-nav-header-color);
    font-family: var(--traning-zoloto-font-header);
}

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

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

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


.standard-page-content .breadcrumb li a,
.standard-page-content .breadcrumb > li + li:before{
    color: var(--traning-zoloto-nav-color)!important;
}

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


/* === Убираем полосы у тренингов при клике === */
.stream-table tr a:hover,
.stream-table tr a:target,
.stream-table tr a:focus,
.stream-table tr a:active{
    text-decoration: none!important;
}


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

.talks-widget-button .fa {
    color: var(--traning-zoloto-chat-icon-color) !important;
}

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

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

@media (max-width: 1300px) {
    .col-md-4 {
        width: 100%!important;
    }
}


.stream-table tr.training-row.no-public, 
.lesson-list li.user-state-not_reached,
.lesson-list li.user-state-not_reached a{
    opacity: 0.8;
}

.stream-table tr.training-row.no-public,
.lesson-list li.user-state-not_reached{
    outline: none;
    fill: none !important;
}