/*@import url('');*/

/* === Импортируем шрифт === */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Wix+Madefor+Text:ital,wght@0,400..800;1,400..800&display=swap');

/*==================================================
Переменные CSS. При необходимости меняйте после : и до ;
================================================== */

:root{

/*фон*/

/* === Шрифты === */
--traning-zoloto-font-family-header: "Manrope", sans-serif; /*Шрифт Заголовков*/
--traning-zoloto-font-family-text: "Manrope", sans-serif; /*Шрифт текста*/  

/* === Фоновые стили === */
--traning-zoloto-background-img: none; /*Картинка фона*/
--traning-zoloto-color-bg: #FFFFFF;/*Цвет общего фона */

/* === Общие стили === */
--traning-zoloto-border-radius: 15px; /*Скугление углов всех элементов*/
--traning-zoloto-bg-fon: #F5F5F4;/*Фон подложки под элементы  #ffffff61*/
--traning-zoloto-box-shadow:  0px 0px 0px 1px #e7e6e5; /*Подсветка элементов*/
--traning-zoloto-box-shadow-no-public:  0px 0px 0px 1px #e7e6e5; /*Подсветка недоступных элементов*/


/* === Виджет чата  === */
--traning-zoloto-chat-bg: #d1ad4b; /* Фон виджета чата */
--traning-zoloto-chat-icon-color: #fff; /* Цвет иконки виджета чата */

/* === Навигация (хлебные крошки) === */
--traning-zoloto-nav-color: #a57b01; /* Цвет пунктов навигации */
--traning-zoloto-nav-bg-active: #d1ae4a;/* Фон активного пункта навигации */
--traning-zoloto-nav-color-active: #fff; /* Цвет активного пункта навигации */
--traning-zoloto-nav-header-color: #a57b01; /* Цвет заголовка навигации */

--traning-zoloto-color-big-header:#d1ab46; /*Цвет больших заголовков*/

}

/* =============
Стили страницы
=============== */

/*Большие заголовки*/
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: left;
    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,
.help-widget-button{
    background: var(--traning-zoloto-chat-bg) !important;
}

.talks-widget-button:after {
    content: "\f075";
    color: var(--traning-zoloto-chat-icon-color) !important;
    position: absolute;
    font-family: "fontawesome";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.help-widget-button {
    background-image: url(/nassets/88cf4e0e/img/help.svg)!important;
    background-repeat: no-repeat!important;
    background-position: center!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;
}




