@font-face {
    font-family: 'Panton';
    src: url('fonts/Panton-Regular.woff2') format('woff2'),
         url('fonts/Panton-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body, .book, .book .book-summary, .book .book-body {
  font-family: 'Panton', sans-serif !important;
}

html
{
   font-family: 'Panton';
}
/* Headers */
h1, h2, h3, h4, h5, h6 {
  color: #000000;
  font-family: 'Panton';
}

h1 { 
  font-size: 22px;
}

h2 { 
  font-size: 20px;
}

h3 { 
  font-size: 18px;
}

ul{
    font-family: 'Panton';
    font-size: 16px;
}

ol{
    font-family: 'Panton';
    font-size: 16px;
}

body,
.book, 
.book .book-body,  
.book .book-body .page-wrapper,
.book .book-body .page-wrapper .page-inner {
    color: #000000;
    font-family: 'Panton';
    font-size: 16px !important;
    line-height: 1.5;
}

/* Подложка в виде картинки под всеми слоями текста */
body,
.book,
.book .book-body * {                                              /* Применяет правило ко всем элементам .book .book-body */
  background-image: url("images/background.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-attachment: fixed !important;
  /*background-color: transparent !important;*/
  background-color: rgba(255,255,255,0.85) !important;            /* Затемнение картинки, для снижения яркости, иначе плохо читать текст*/
  box-shadow: none !important;
}

/* Белый фон под основным текстом */ 
/*.book .book-body .page-wrapper .page-inner {
    background-color: #ffffff;
}*/

/* Убираем фон с текстовых блоков */
p, h1, h2, h3, h4, h5, h6, li, blockquote, pre, code, section, article {
  background: transparent !important;
  background-color: transparent !important;
}

/* Параграфы внутри текста */
p {
  font-family: 'Panton';
  font-size: 16px !important;
  line-height: 1.5 !important;
  /*background-color: #ffffff;*/
  color: #000000;
}

a {
    color: #67b5cc;
    text-decoration: none;
}

a:hover {
    color: #e69c18;
    text-decoration: underline;
}

.navbar, .navbar-default {
    background-color: #6fb3a7;
    color: #ffffff;
}

.sidebar {
    background-color: #8eac6d;
    color: #ffffff;
}

.sidebar a {
    color: #ffffff;
}

.sidebar a:hover {
    color: #bfa83c;
}

.table th {
    background-color: #70ad48;
    color: #ffffff;
}

.table td {
    background-color: #ffffff;
    color: #5c5c5c;
}

.alert-info {
    background-color: #67b5cc;
    color: #ffffff;
}

.alert-warning {
    background-color: #e69c18;
    color: #ffffff;
}

/* Логотип в контентной части (слева вверху) */
.book .book-body .top-page-logo {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 10;
    height: 50px;
    width: auto;
}

.book .book-body .top-page-logo img {
    height: 50px;
    width: auto;
}

/* Логотип в боковом меню */
.book .book-summary .logo-container {
    /* position: fixed;*/                /* фиксирует положение логотипа, но тогда при скрытии боковой панели логотип остается поверх текста*/
    top: 0;                              /* Логотип вверху экрана */
    /*bottom: 0;*/                       /* Логотип внизу экрана */
    left: 0;
    width: 278px;                        /* Ширина логотипа, оставляем место под полосу прокрутки */
    height: 178px;
    background-color: #000000;
    z-index: 1000;
    padding: 10px 10px 0px 10px !important; /* уменьшен нижний padding */
    margin-bottom: 0px !important;          /* обнуляем внешний отступ снизу */
    display: flex;
    justify-content: center;
    align-items: center;
    /*box-sizing: border-box;*/
}

.book .book-summary .logo-container img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
    object-fit: contain;
}

/* Боковая панель с оглавлением*/
.book .book-summary {
    width: 300px;                         /* Ширина боковой панели с оглавлением */   
    top: 0px;                             /* Опускам панель с оглавлением на высоту логотипа */
    background-color: #000000 !important; /* Чёрный фон */
    background: #000000 !important;
    color: #ffffff;                       /* Белый текст */
    opacity: 1 !important;
    z-index: 999;
}

.book .book-summary .summary {
    margin-top: 10px !important; /* Расстояние от содержимого боковой панели до верха экрана, можно уменьши до 0, если нужно максимально близко */
}

/* Заголовок и пункты меню */
.book .book-summary a,
.book .book-summary .summary li a {
    font-size: 15px !important;
    line-height: 0.5 !important;          /* Расстояние между строк в боковом меню*/
    color: #ffffff;                       /* Белые ссылки */
    /*background-color: #000000 !important; /* Чёрный фон */
    max-width: 280px;                     /* Ширина боковой колонки под шрифт */
    word-break: break-word;
    white-space: normal;
    margin-top: 0px !important;
}

/* Ссылки при наведении */
.book .book-summary a:hover,
.book .book-summary .summary li a:hover {
    color: #e69c18;            /* Акцент при наведении */
    text-decoration: underline;
}

/* Активный пункт меню */
.book .book-summary .active > a {
    background-color: #333333; /* Подсветка активного */
    color: #ffffff;
}

/* Жестко задать белый цвет для всех уровней меню */
.book .book-summary .summary li a,
.book .book-summary .summary li a span {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Обновить активную ссылку — жирным белым */
.book .book-summary .summary li.active > a,
.book .book-summary .summary li.active > a span {
    color: #e69c18 !important;
    font-weight: bold;
}

/* Убрать эффект "серыми" у подзаголовков */
.book .book-summary .summary li a:hover span,
.book .book-summary .summary li a span {
    color: #ffffff !important;
}