/*=================
Коллекция Нежность. Тема 1
==================*/

/*@import url();*/

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



:root{

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

    /* === Фоновые стили === */
    --negnost-background-img: url(); /*Картинка фона*/
    --negnost-color-bg: #FFFFFF; /*Цвет общего фона */


    /* === Шрифты === */
    --negnost-font-family: "Montserrat", sans-serif; /*Шрифт текста*/
    --negnost-font-header-family:  "Montserrat", sans-serif; /*Шрифт заголовков*/ 


    /* === Стили элементов=== */
    --negnost-border-radius: 20px; /*Скругление углов всех элементов*/


    /* === Виджет чата  === */
    --negnost-chat-bg: #7173A4;/* Фон виджета чата */
    --negnost-chat-icon-color: #fff; /* Цвет иконки виджета чата */
    --negnost-chat-info-bg: #7173A4; /*Цвет уведомлений*/
    --negnost-chat-info-color: #fff; /*Цвет текста уведомлений*/


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

    --negnost-color-big-header:#7173A4; /*Цвет больших зоголовков*/
    --negnost-punct-color:#7173A4; /*цвет верхней навигации */



    /*====================================
    Баннер
    ======================================*/
    --negnost-banner-background-img: url();/*цвет баннера*/
    --negnost-color3: #626261; /*Цвет заголовка баннера*/



    /*====================================
    Единая панель ученика
    ======================================*/
    --panel-shadow-color-main-fon2: linear-gradient(90deg, #F9F9FB 0%, #D3D3E6 100%); /*Подложка единой панели*/
    --panel-shadow-box-border-box:0px solid transparent;/*Обводка панели*/

    --panel-background-color-2: #fff; /* Фон под контентом */

    --border_main_info: 0px solid #7173A4; /*Ободка информации о пользователе*/
    --panel-btn-border-color-1: 1px solid #7173A4;/*Обводка актуальных событий и покупок*/
    --panel-btn-border-color:1px solid #7173A4; /* Обводка кнопок перейти в профиль и в покупки*/

    --panel-txt-color: #7173A4; /* Цвет текста всей панели*/
    --lessons-info: #7173A4; /*Цвет названия уроков в актуальных событиях*/

    --panel-a-color: #D3D3E6; /*фон сегодняшнего события в актуальных событиях */
    --panel-calendar-box-shadow-today:0 0 4px #D3D3E6; /*Подсветка сегодняшнего дня*/

    --panel-background-time:  #D3D3E6;/*фон времени актуальных событий*/
    --panel-color-time:#fff;/*цвет текста времени событий*/

    --panel-btn-txt-color:  #626261; /* Цвет текста кнопок */
    --panel-background-color2:  #fff; /* Цвет фона кнопок*/  
    --panel-btn-border-color2: 1px solid #fff; /* Обводка кнопок*/
    --panel-icons-color: #626261; /*Цвет иконок на кнопках*/


    --panel-btn-txt-hover-color:  #fff; /* Цвет текста кнопок*/
    --panel-background-color:  #7173A4; /* Цвет фона кнопок при наведении */  
    --panel-btn-info-border-color-hover: 1px solid #7173A4; /* Обводка кнопок при наведении*/
    --panel-icons-color-hover:#fff;/*Цвет иконок на кнопках при наведении*/


    /*====================================
    Зачётка
    ======================================*/
    --target-block: #eedbce54; /*Цвет подложки под целями*/
    --target-line: 1px solid #E2E2E2;/*Разделители между целями*/

    --target-header:  #626261; /*Цвет заголовка*/
    --target-text:  #626261; /*Цвет достигнутой цели*/
    --target-text-goal-not-achieved:  #98988D; /*Цвет недостигнутой цели*/

    --font-size-title: 0px; /*Если вы хотите менять название цели на свое оставьте тут 0. Если не хотите оставить название, то проставьте размер текста, например 18px */
    --font-size-after: 18px; /*Если вы хотите менять название цели на свое, то оставьте размер текста например 18px. Если не хотите менять название, то поставьте 0 */

    /*Чек-бокс*/
    --target-checkbox-size: 20px; /* Размер чекбокса */
    --target-checkbox-radius: 50px; /* Скругление чекбокса */
    --target-checkbox-border-width: 2px; /* Толщина рамки */
    --target-checkbox-border-color: #C4C4C4; /* Цвет рамки у неотмеченного чекбокса */
    --target-checkbox-bg-color: #ffffff; /* Цвет фона чекбокса */
    --target-checkbox-margin-right: 10px; /* Отступ от текста */
    --target-checkbox-check-color: #fff; /* Цвет галочки */
    --target-checkbox-fill-color: #a09792; /* Цвет заливки отмеченного чекбокса */
    --target-checkbox-font-size: 14px; /* Размер галочки */




    /* ========================
    Актуальные события
    =========================== */

    --negnost-events-bg: #eedbce54; /* фон всего блока */
    --negnost-events-border: 0px solid transparent; /* обводка блока */

    --negnost-events-inner-bg: #eedbce54; /* Фон под актуальными событиями*/
    --negnost-events-box-shadow-today: 0px 0px 10px 0px #cfccc9;/* Подсветка сегодняшнего дня */ 

    --negnost-events-header-color: #626261; /* Цвет заголовка Актуальные событития */
    --negnost-events-text-color-day: #626261; /* Цвет даты событий */

    --negnost-events-time-bg: #ab9588; /* Фон времени события */
    --negnost-events-text-color-time: #fff; /* Цвет времени событий */

    --negnost-events-text-color:#a8988b; /* Цвет названия тренингов */;

    --negnost-events-text-color2: #ab9588;  /* Цвет названия урока НЕ сегодня */
    --negnost-events-today-text-color: #626261; /* Цвет названия УРОКА СЕГОДНЯ */

    --negnost-events-button-bg:#eedbce54;/* Фон горячих кнопок */
    --negnost-events-button-color: #626261;/* текст горячих кнопок */

    --negnost-events-btn-border-top: 0px solid transparent; /* Верхняя обводка горячей кнопки */
    --negnost-events-btn-border-right: 0px solid transparent; /* Правая обводка горячей кнопки */
    --negnost-events-btn-border-bottom: 0px solid transparent; /* Нижняя обводка горячей кнопки */
    --negnost-events-btn-border-left: 0px solid transparent; /* Левая обводка горячей кнопки */

    --negnost-events-button-bg-hover:  #eeddd2;/* Фон горячих кнопок при наведении*/
    --negnost-events-btn-border-hover: 0px solid transparent;/* Обводка при наведении */
    --negnost-events-button-color-hover: #626261;/* Текст горячих кнопок при наведении */


    /* ========================================
    Шаблон страниц обратной связи и авторизации с изображением в форме.
    ======================================== */

    --welcome-form-wrap-bg: #eedbce54;/*Подложка под форму*/
    --welcome-form-bg: #FFFFFF;/*фон формы*/


    /* === Текстовые стили === */

    --welcome-header-color:  #626261; /*Цвет заголовка*/
    --welcome-text-color:  #626261; /*Цвет текста*/
    --welcome-link-color: #626261;/*Цвет ссылки*/


    /* === Кнопки === */

    --welcome-btn-1-bg: #a09792; /*фон первой кнопки*/
    --welcome-btn-1-border: 1px solid #a09792; /*Обводка первой копки*/
    --welcome-btn-1-text: #fff; /*Цвет текста первой кнопки*/

    --welcome-btn-2-bg: transparent; /*фон второй кнопки*/
    --welcome-btn-2-border: 1px solid #a09792; /*Обводка второй копки*/
    --welcome-btn-2-text: #a09792; /*Цвет текста второй кнопки*/


}



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


/* === Навигация === */

.standard-page-content .page-header {
    margin-top: 0 !important;
}

.standard-page-content .page-header h1 {
    display: flex!important;
    flex-direction: row;
    flex-wrap: wrap;
    color: var(--negnost-nav-header-color);
    font-family: var(--negnost-font-header-family);
    font-size: 15px;
    position: relative;
    margin-top: 0;
    font-style: normal;
    font-weight: 500;
}

.standard-page-content h1:before {
    position: absolute;
    content: " - ";
    white-space: nowrap;
    color: color: var(--negnost-punct-color)!important;
    padding-left: 0px;
    padding-right: 3px;
}

.page-header h1 a {
    margin-left: 10px;
    font-family: var(--negnost-font-family);
    font-style: normal;
    font-weight: 500;
    color: color: var(--negnost-punct-color)!important;
}


.page-menu li a {
    color: var(--negnost-nav-color);
    font-weight: 500 !important;
}



.page-header a,
.breadcrumbs a,
.breadcrumb a{
    color: var(--negnost-nav-color)!important;
    text-decoration: none;
    font-family: var(--negnost-font-family);
    font-style: normal;
    font-weight: 500;
    font-size: 15px !important;
}

.breadcrumb {
    margin-bottom: 10px;
    margin-top: 10px;
}


.standard-page-content .breadcrumb > li + li:before {
    color: var(--negnost-punct-color)!important;
}

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

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


.why-no-form {
    color: #fff;
}





/*НЕ МЕНЯТЬ!*/

.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: #222!important;
}

.glyphicon {
    font-family: 'Glyphicons Halflings'!important; 
}


/* === Текст в редакторе и в меню админов === */
.redactor-editor p, .redactor-editor li,
.dropup .dropdown-menu,
.block-has-mission.mission-container{
    color:#222!important
}