@import url('https://fonts.googleapis.com/css2?family=Geologica:slnt,wght,CRSV,SHRP@-12..0,100..900,0..1,0..100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Forum&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&display=swap');

:root {
  --primary: #fd9830;
  --secondary: #fd5030;
  --tertiary: #12d7bb;
  --grey: #ebebeb;
  --white: #ffffff;
  --dark: #3a3a3a;
  --background: #121212;
  --radius: 15px;
  --padding: 3px 5px;
  --font: 'Geologica', sans-serif;
  --font-2: 'Tilda Sans VF', sans-serif;
  --font-3: 'Inter', sans-serif;
}

.logo-link {
  display: none;
}

/* Шрифты */
html .gc-account-leftbar {
  font-family: var(--font) !important;
  font-weight: 500;
}

html .gc-account-leftbar h1,
html .gc-account-leftbar h2,
html .gc-account-leftbar h3 {
  font-family: var(--font) !important;
  font-weight: 500;
  color: #fff !important
}

/*Основные элементы*/
html .gc-account-leftbar {
  background: #879e7b !important;
}

.gc-account-leftbar .gc-account-user-menu {
  position: relative;
  height: 100%;
  z-index: 10000;
}

html .gc-account-leftbar .gc-account-user-menu li {
  padding: var(--padding);
  margin-bottom: 0;
}

html .gc-account-leftbar .gc-account-user-menu li a {
  background-color: rgba(255, 255, 255, 0.14);
  /* фон иконки */
  position: relative;
  border-radius: 15px;
  height: 60px;
  transition: all 0.3s;
  /* высота иконки */
}

html .gc-account-leftbar .gc-account-user-menu li.selected a,
html .gc-account-leftbar .gc-account-user-menu li.active a {
  border-radius: 15px;
  background-color: #f8f9f9;
}

html .gc-account-leftbar .gc-account-user-menu li a:hover,
html .gc-account-leftbar .gc-account-user-menu li.active a:hover {
  border-radius: 15px;
  background-color: #f8f9f9;
  /* фон иконки при наведении и нажатии*/
}

html .menu-item:not(.menu-item-profile) a img {
  display: none;
  /* скрываем исходные иконки */
}

html .menu-item:not(.menu-item-profile) a::before,
html .sub-icon::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 22px;
  /* задаём размеры для собственных иконок */
  height: 22px;
}

/* Ссылки на картинки */
/* Профиль */
html .menu-item-profile a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/842325/sc/305/h/11c9a7c1da0ee4be9998df697cf144d4.svg');
}

html .menu-item-notifications_button_small a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/842325/sc/186/h/24454cffc3901f01c5b7d9b3af530b76.svg');
  /* уведомления */
  width: 22px !important;
  height: 24px !important;
}

html .menu-item-cms a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/842325/sc/255/h/c38f9ec58dcf0c6461847ad1f38d372b.svg');
  /* сайт */
}

html .menu-item-teach a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/842325/sc/128/h/f4448128fee3888cc52e738740dc6e69.svg');
  /* обучение */
}

html .menu-item-user a::before,
html .menu-item-chatium .sub-icon::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/842325/sc/158/h/b4776f11ccee468c8ad2e26d78103776.svg');
  /* пользователи */
}

html .menu-item-tasks a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/842325/sc/60/h/e8d719e6b9246a7978ec00403ce16163.svg');
  /* задачи */
  width: 34px;
}

html .menu-item-notifications a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/842325/sc/217/h/61d955d4e3ec6fc79662e31bf87d750f.svg');
  /* сообщения */
}

html .menu-item-sales a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/842325/sc/91/h/250a4aeb6ff0696157f510378a37bd13.svg');
  /* продажи */
}

html .menu-item-chatium a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/842325/sc/143/h/43479b30aeef9550404fa96aa07386ab.svg');
  /* чатиум */
}

html .menu-item-profile.active a::before,
html .menu-item-profile.selected a::before,
html .menu-item-profile:hover a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/842325/sc/162/h/8c01d2870bd1cc5450cb14b5a591d0a0.svg');
}

html .menu-item-notifications_button_small.active a::before,
html .menu-item-notifications_button_small.selected a::before,
html .menu-item-notifications_button_small:hover a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/842325/sc/426/h/b4d9dfb3505e0f58e4ed1d1ad43be8ab.svg');
  /* уведомления */
  width: 25px;
  height: 25px;
}

html .menu-item-cms.active a::before,
html .menu-item-cms.selected a::before,
html .menu-item-cms:hover a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/842325/sc/209/h/f29284b82a10fe7838edfe89e1a36a54.svg');
  /* сайт */
}

html .menu-item-teach.active a::before,
html .menu-item-teach.selected a::before,
html .menu-item-teach:hover a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/842325/sc/332/h/16cef871b5dc9064a415ffabe4b5ec04.svg');
  /* обучение */
}

html .menu-item-user.active a::before,
html .menu-item-chatium .sub-icon::before,
html .menu-item-user.selected a::before,
html .menu-item-user:hover a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/842325/sc/58/h/1c958f6b56064a75391083a9e8b3b24d.svg');
  /* пользователи */
}

html .menu-item-tasks.active a::before,
html .menu-item-tasks.selected a::before,
html .menu-item-tasks:hover a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/842325/sc/297/h/64f70c9d786318f05a6debb8ab4e0c7d.svg');
  /* задачи */
  width: 34px;
}

html .menu-item-notifications.active a::before,
html .menu-item-notifications.selected a::before,
html .menu-item-notifications:hover a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/842325/sc/339/h/1b49a5b6b2aade738eaf5b78d698c2b0.svg');
  /* сообщения */
}

html .menu-item-sales.active a::before,
html .menu-item-sales.selected a::before,
html .menu-item-sales:hover a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/842325/sc/151/h/f7003dd5d5f83f7759920f304faa542c.svg');
  /* продажи */
}

html .menu-item-chatium.active a::before,
html .menu-item-chatium.selected a::before,
html .menu-item-chatium:hover a::before {
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/842325/sc/241/h/68ecd1a18d6c8d984be820f043f3aa41.svg');
  /* чатиум */
}

/* 1 Профиль */
html .gc-account-user-menu li.menu-item.menu-item-profile {
  background: transparent;
  /* фон профиля (когда без фото) */
  border: 0;
}

html .gc-account-user-menu li.menu-item.menu-item-profile a:hover {
  background: #f8f9f9;
  border-radius: 15px;
  /* фон профиля (без фото) при наведении */
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-profile a {
  background-color: rgba(255, 255, 255, 0.14);
  border-radius: 15px;
  padding: 0 10px;
}

html .gc-account-leftbar .gc-account-user-submenu-bar div.user-balance {
  color: #fff;
  /* Цвет текста про монеты */
}

/* 2 Уведомления small */
html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small {
  padding: var(--padding);
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
  transition: all 0.3s;
  background-color: rgba(255, 255, 255, 0.14);
  /* фон иконки */
  position: relative;
  border-radius: 15px;
  height: 60px;
  /* высота маленькой иконки уведомлений */
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a:hover {
  background-color: #f8f9f9;
  border-radius: 15px;
  border-bottom: none;
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small.selected a {
  background-color: #f8f9f9;
  border-radius: 15px;
  border-bottom: none;
  /* цвет уведомлении при наведении и выделении */
}

/* 2A Окно уведомлений (непрочитанные) */
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group {
  border-top-color: #000;
  /* цвет границы между уведомлениями */
  background-color: var(--white);
  /* цвет фона непрочитанных */
  color: #4b4b4b;
  /* цвет текста непрочитанных */
  transition: all 0.3s;
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group:hover {
  background-color: var(--grey);
  /* фон непрочитанных при наведении */
  color: #4b4b4b;
  /* текст непрочитанных при наведении */
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed {
  background-color: transparent;
  /* фон прочитанных уведомлений */
  color: #4b4b4b;
  /* текст прочитанных уведомлений*/
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed:hover {
  background-color: transparent;
  /* фон наведения на прочитанные */
  color: #4b4b4b;
  /* цвет при наведении на прочитанное*/
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-footer-link {
  border-bottom-color: var(--grey);
  /* цвет границы под кнопкой Все уведомления */
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-footer-link,
html .gc-account-leftbar .mark-viewed-all {
  color: #4b4b4b;
  /* цвет текста на кнопке Все уведомления */
  transition: all 0.3s;
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link,
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-footer-link:hover,
html .gc-account-leftbar .mark-viewed-all:hover {
  color: #69805d;
  /* цвет ссылки Уведомления(С) наверху, цвет при наведении на другие текстовые ссылки */
  transition: all 0.3s;
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link:hover {
  color: #69805d;
  /* Цвет при наведении на ссылку Уведомления(С) наверху */
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group .user-image {
  overflow: hidden;
  border-radius: var(--radius);
  /* закругляем углы */
  background-color: rgb(0 0 0 / 5%);
  /* прозрачная подложка для аватаров пользователей */
}

/* 3 Счётчики уведомлений */
html .gc-account-leftbar .notify-count {
  bottom: inherit;
  width: 30px;
  top: 10px;
  background-color: #f6f7f6;
  /* фон всех счётчиков */
  padding: 4px 0;
  color: #586b4e;
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications .notify-count {
  background-color: #f6f7f6;
  color: #586b4e;
  /* фон счётчика в Сообщениях */
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
  bottom: inherit;
  right: 10px;
  top: 10px;
}

html .gc-account-leftbar .gc-account-user-menu li.selected .notify-count,
html .gc-account-leftbar .gc-account-user-menu li.selected span.sub-icon,
html .gc-account-leftbar .gc-account-user-menu li.active .notify-count {
  background-color: #879e7b;
  color: #f6f7f6;
  /* фон активных-нажатых счётчиков */
}

/* Вылезающее подменю */
html .gc-account-leftbar .gc-account-user-submenu-bar {
  background: #879e7b;
  /* фон подменю */
}

html .gc-account-user-submenu-bar .gc-account-user-submenu li a {
  transition: all 0.3s;
  text-transform: inherit;
  font-family: var(--font-1) !important;
  font-weight: 250;
  color: rgba(255, 255, 255, 0.7);
  padding-left: 30px;
  transition: all .3s ease;
  /* цвет ссылки подменю */
}

html .gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
  background-color: transparent;
  /* фон ссылки подменю при наведении */
  color: rgba(255, 255, 255, 0.7);
  /* цвет ссылки подменю при наведении */
  text-decoration: underline;
}

html .gc-account-user-submenu-bar h3 {
  color: #fff;
  padding-left: 30px
    /* Цвет заголовка подменю */
}

/* 4 Маленькие иконки (чатиум и тд) */
html .gc-account-leftbar span.sub-icon {
  background-color: transparent;
  /* Фон иконки чатиума */
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

html .menu-item.menu-item-profile a img:not([src="/public/img/default_profile_50.png"]) {
  display: block;
  position: relative;
  z-index: 0;
  border-radius: 50%;
}

html .sub-icon::before {
  width: 16px;
  height: 16px;
}

html .sub-icon .fa,
html .sub-icon img {
  display: none;
}

/* Адаптивность */
@media (max-width: 768px) {

  html .gc-account-leftbar {
    background: transparent !important;
  }

  html .gc-account-leftbar .toggle-link,
  html .gc-account-leftbar.expanded .toggle-link {
    background-color: transparent;
    /* фон скукоженного меню на мобильном */
  }

  html .gc-account-leftbar .gc-account-user-menu {
    background: #879e7b;
    /* фон раскрытого меню на мобильном */
  }

  html .gc-account-leftbar .gc-account-user-menu li {
    border-bottom: 0;
  }

  html .gc-page-nav-items-menu {
    left: 70px;
  }

  html .gc-page-nav-items-menu a {
    background: transparent;
    opacity: 0;
  }
}

.talks-widget-button {
  background: #fff;
  box-shadow: 0 2px 7px 0 rgba(62, 69, 49, 0.12);
}

.talks-widget-button .conversations-counter {
  background: #879E7B;
}

.talks-widget-button .comments-icon {
  top: 14px;
  left: 13px !important;
}

.talks-widget-button .comments-icon::before {
  content: "" !important;
  display: block;
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5908 15.83L17.9808 18.99C18.0808 19.82 17.1908 20.4 16.4808 19.97L12.2908 17.48C11.8308 17.48 11.3808 17.45 10.9408 17.39C11.6808 16.52 12.1208 15.42 12.1208 14.23C12.1208 11.39 9.66082 9.09003 6.62082 9.09003C5.46082 9.09003 4.39082 9.42 3.50082 10C3.47082 9.75 3.46082 9.49999 3.46082 9.23999C3.46082 4.68999 7.41082 1 12.2908 1C17.1708 1 21.1208 4.68999 21.1208 9.23999C21.1208 11.94 19.7308 14.33 17.5908 15.83Z' fill='%23879E7B' /%3E%3Cpath d='M12.1208 14.23C12.1208 15.42 11.6808 16.52 10.9408 17.39C9.95083 18.59 8.38097 19.3598 6.62097 19.3598L4.01097 20.9098C3.57097 21.1798 3.01097 20.8098 3.07097 20.2998L3.32097 18.3298C1.98097 17.3998 1.12097 15.9098 1.12097 14.2298C1.12097 12.4698 2.06082 10.92 3.50082 10C4.39082 9.42 5.46082 9.09003 6.62082 9.09003C9.66082 9.09003 12.1208 11.39 12.1208 14.23Z' fill='%23879E7B' /%3E%3Cpath d='M10.9408 17.39C11.3808 17.45 11.8308 17.48 12.2908 17.48L16.4808 19.97C17.1908 20.4 18.0808 19.82 17.9808 18.99L17.5908 15.83C19.7308 14.33 21.1208 11.94 21.1208 9.23999C21.1208 4.68999 17.1708 1 12.2908 1C7.41082 1 3.46082 4.68999 3.46082 9.23999C3.46082 9.49999 3.47082 9.75 3.50082 10M10.9408 17.39C11.6808 16.52 12.1208 15.42 12.1208 14.23C12.1208 11.39 9.66082 9.09003 6.62082 9.09003C5.46082 9.09003 4.39082 9.42 3.50082 10M10.9408 17.39C9.95083 18.59 8.38097 19.3598 6.62097 19.3598L4.01097 20.9098C3.57097 21.1798 3.01097 20.8098 3.07097 20.2998L3.32097 18.3298C1.98097 17.3998 1.12097 15.9098 1.12097 14.2298C1.12097 12.4698 2.06082 10.92 3.50082 10' stroke='white' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
}

html .gc-account-leftbar .gc-account-user-menu li.selected span.sub-icon {
  background: transparent;
}