.container-header {
    background-color: #F7FAF0;
    background-image: none;
}
.container-header .mod-menu > li > a {
    color: #232E02;
}
.home-page {
    background: linear-gradient(to bottom, #F7FAF0 0%, #F4F9DF 30%, #EFFFBF 75%, #809446 100%);
}
/* Глобальные настройки */
:root {
  /* Системный шрифт */
--body-font-family:
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
"Helvetica Neue",
Arial,
"Noto Sans",
sans-serif;
  
  /* Размер обычного текста */
--body-font-size: 1.15rem;

/* Насыщенность обычного текста */
--body-font-weight: 400;

/* Межстрочный интервал */
--body-line-height: 1.6;

/* Основной цвет текста */
--body-color: #0c1400;  /* глубокий темно-зеленый, близко к черному*/

/* Фон страницы */
--body-bg: #fafafa;  /* очень светлый оттенок серо-зеленого, близко к белому*/

/* Обычная ссылка */
--link-color: #334f03;   /* темная трава */

/* Ссылка при наведении */
--link-hover-color: #68a106;   /* зеленые оливки*/

/* Основной цвет элементов интерфейса Cassiopeia */
--cassiopeia-color-primary: #232E02;

/* Цвет элементов интерфейса при наведении */
--cassiopeia-color-hover: #83C414;
  
/* Системный шрифт для заголовков */
--cassiopeia-font-family-headings:
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
"Helvetica Neue",
Arial,
"Noto Sans",
sans-serif;

/* Насыщенность заголовков */
--cassiopeia-font-weight-headings: 600;
}

h1, .h1 {
font-size: 1.75rem;      /* Размер H1 */
    color: #496e02;   /* Цвет H1 темно-зеленый хаки*/
}

h2, .h2 {
font-size: 1.55rem;   /* Размер H2 */
    color: #4a0101;   /* Цвет H2 темно-красный приглушенный*/
}

h3, .h3 {
font-size: 1.4rem;    /* Размер H3 */
    color: #57800a;   /* Цвет H3 лиственно-зеленый*/
}

h4, .h4 {
font-size: 1.35rem;   /* Размер H4 */
    color: #73ad03;   /* Цвет H4 яркий яблочно-зеленый*/
}

h5, .h5 {
font-size: 1.25rem;   /* Размер H5 */
    color: #571B00;   /* Цвет H5 глубокий красно-коричневый махагони*/
}

h6, .h6 {
font-size: 1.2rem;    /* Размер H6 */
    color: #213003;   /* Цвет H6 темный болотный хаки*/
}

/* =========================================================
   МЕНЮ
   ========================================================= */
/* Цвет текста пунктов меню */
.navbar-nav {
    --nav-link-color: #131901;
}
/* ---------------------------------------------------------
   Размер и насыщенность текста
   --------------------------------------------------------- */
/* Размер текста пунктов меню */
.container-header .metismenu.mod-menu .metismenu-item {
    font-size: 1.1rem;
}
/* Насыщенность текста пунктов меню */
.container-header .metismenu.mod-menu .metismenu-item > a {
    font-weight: 500;
}
/* ---------------------------------------------------------
   Расстояние и внутренние отступы
   --------------------------------------------------------- */
/* Внутренние отступы каждого пункта меню
   первое значение = сверху и снизу
   второе значение = слева и справа */
.container-header .metismenu.mod-menu .metismenu-item {
    padding: 0.5em 1em;
}
/* Расстояние между соседними пунктами меню */
.container-header .metismenu.mod-menu {
    gap: 0.05em;
}
/* ---------------------------------------------------------
   Наведение мыши
   --------------------------------------------------------- */
/* Цвет текста при наведении */
.container-header .metismenu.mod-menu .metismenu-item > a:hover {
    color: #83C414;
}
/* Цвет уже посещённого пункта меню */
.container-header .metismenu.mod-menu .metismenu-item > a:visited {
    color: #131901;
}
/* ---------------------------------------------------------
   Активный пункт
   --------------------------------------------------------- */
/* Цвет текста активного пункта  - из лого темно-красный*/
.container-header .metismenu.mod-menu .metismenu-item.active > a {
    color: #690601;
}
/* ---------------------------------------------------------
   Подчёркивание активного пункта и hover
   --------------------------------------------------------- */
/* Цвет декоративной полоски под пунктом */
.container-header .mod-menu > li.active:after,
.container-header .mod-menu > li:hover:after {
    background: #83C414;
}
/* ---------------------------------------------------------
   ЭКСПЕРИМЕНТ: пункты меню как кнопочки
   --------------------------------------------------------- */
.container-header .metismenu.mod-menu .metismenu-item > a {
    background-color: #f7faf5;
    border: 1px solid #b6bfa3;
    border-radius: 0.2em;
    padding: 0.5em 0.9em;
}
/* =========================================================
   МОБИЛЬНАЯ КНОПКА МЕНЮ
   ========================================================= */
/* Цвет значка-гамбургера и рамки кнопки */
.container-header .navbar-toggler {
    color: #232E02;
    border-color: #b6bfa3;
}
/* Положение меню на узком экране */
/* На узком экране ставим меню перед логотипом */
@media (max-width: 992px) {
    .container-header nav {
        order: -1;
    }
}
/* Увеличиваем значок-гамбургер */
.container-header .navbar-toggler .fas {
    font-size: 1.7rem;
}
/* Увеличиваем внутренние отступы кнопки */
.container-header .navbar-toggler {
    padding: 0.6rem 0.75rem;
}
/* ---------------------------------------------------------
   Вертикальное положение кнопки меню-гамбургера
   --------------------------------------------------------- */
/* Опускаем кнопку относительно логотипа */
.container-header .navbar-toggler {
    position: relative;
    top: 0.9rem;
}
/* ---------------------------------------------------------
   Размер шрифта навигатора
   --------------------------------------------------------- */
.breadcrumb {
    --breadcrumb-font-size: 1.1rem;
}
/* =========================================================
   ПОДВАЛ
   ========================================================= */
/* ---------------------------------------------------------
   Основной вид подвала
   --------------------------------------------------------- */
/* Цвет текста в подвале */
.footer {
    color: #efffbf;
    /* Тёмный фон подвала */
    background-color: #232E02;
    /* Пока без градиента */
    background-image: none;
    /* Расстояние от основного содержимого до подвала */
    margin-top: 1em;
}
/* ---------------------------------------------------------
   Внутренние отступы подвала
   --------------------------------------------------------- */
/* Расстояние от содержимого подвала до его краёв
   первое значение = сверху и снизу
   второе значение = слева и справа */
.footer .grid-child {
    padding: 1.2rem 1rem;
}
/* ---------------------------------------------------------
   Ссылки в подвале
   --------------------------------------------------------- */
/* Цвет ссылок */
.footer a:not(.btn),
.footer .btn-link {
    color: #F7FAF0;
}
/* Цвет ссылок при наведении */
.footer a:not(.btn):hover,
.footer a:not(.btn):focus,
.footer .btn-link:hover,
.footer .btn-link:focus {
    color: #83C414;
}
/* ---------------------------------------------------------
   Расстояние между блоками на мобильных экранах
   --------------------------------------------------------- */
@media (max-width: 991.98px) {
    .footer .grid-child {
        gap: 1.5rem;
    }
}
/* =========================================================
   КАРТОЧКИ
   ========================================================= */
/* ---------------------------------------------------------
   Базовый вид карточек
   --------------------------------------------------------- */
/* Цвет фона карточки */
.card {
    --card-bg: #FAFAFA;
    /* Цвет рамки */
    --card-border-color: #dfe3e7;
    /* Толщина рамки */
    --card-border-width: 1px;
    /* Скругление углов */
    --card-border-radius: 0.4rem;
  /* Цвет фона заголовка карточки */
    --card-cap-bg: #EEF1E8;
}
/* ---------------------------------------------------------
   МОДУЛИ карточки
   --------------------------------------------------------- */
/* Классы МОДУЛЯ */
/* Легкий */
.module-light {
    /* Фон карточки */
    --card-bg: #F7F9EF;
   /* Фон заголовка карточки */
    --card-cap-bg: #f5fcd7;
}
/* Основной */
.module-basic {
  /* Фон карточки */
    --card-bg: #f7faf5;
  /* Фон заголовка карточки */
    --card-cap-bg: #f2ffbf;
  /* Цвет текста заголовка */
    --card-cap-color: #080a00;
}
/* Акцентный */
.module-accent {
    /* Фон всей карточки */
    --card-bg: #F1F5E5;  
   /* Фон заголовка карточки */
    --card-cap-bg: #304001;
    /* Цвет текста заголовка */
    --card-cap-color: #e6ffa6;
}
/* Градиентный */
.module-gradient.card,
.module-gradient .card {
    background: linear-gradient(
        to bottom,
        #ecfcb8 0%,
        #F4F9DF 40%,
        #f7faf2 100%
      );
}
    /* шапка заголовка */ 
.module-gradient.card .card-header {
    background-color: #eafcb1;
    color: #131901;
}
    
/* =========================================================
   JOOMGALLERY
   ========================================================= */
/* Кнопка «Вернуться в Галерею» */
.jg-link-categories .jg-link {
    color: #44660a;
    background-color: #FAFAFA;
    border-color: #44660a;
}
/* Кнопка «Вернуться в Галерею» при наведении */
.jg-link-categories .jg-link:hover,
.jg-link-categories .jg-link:focus {
    color: #FAFAFA;
    background-color: #44660a;
    border-color: #44660a;
}
/* Названия альбомов */
.jg-subcategories .jg-image-caption a.jg-link {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.4;
}
/* =========================================================
   ОФОРМЛЕНИЕ материалов сайта
   =========================================================
/* Фотографии в дневнике */
.diary-photo {
  float: right;
  width: 320px;
  max-width: 100%;
  height: auto;
  margin: 0 0 20px 20px;
}
/* Фотографии на узком экране */
@media (max-width: 600px) {
  .diary-photo {
    float: none;
    display: block;
    width: 100%;
    max-width: 320px;
    height: auto;
    margin: 0 auto 20px;
  }
}