.container-header {
    background-color: #f7f7f7 !important;
    background-image: none !important;
    display: flex; 
    justify-content: space-between; 
    align-items: center;
}

/* Изменение размера изображения логотипа */
.container-header .navbar-brand img {
    max-height: 60px; /* Задайте нужную высоту */
    width: auto;
}

.header, .header-class {
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 100;
}
/* 1. Обычное состояние пунктов меню */
.header .container-nav .mod-menu .nav-link,
.header .container-nav .mod-menu a {
    color: #222 !important; /* Замените на ваш цвет */
}

/* 2. При наведении курсора (Hover) */
.header .container-nav .mod-menu .nav-link:hover,
.header .container-nav .mod-menu a:hover {
    color: #aaa !important; /* Замените на ваш цвет */
}

.container-header .mod-menu > li > a, 
.container-header .mod-menu > li > span {
    font-size: 1.05rem; /* Измените размер на ваш выбор (1.1em, 1.2em и т.д.) */
   
}
/* 3. Активный (текущий) пункт меню */
.header .container-nav .mod-menu .active > .nav-link,
.header .container-nav .mod-menu .current > a {
    color: #03a9f4 !important; /* Замените на ваш цвет */
}

:root {
    --body-font-size: 1.05rem; /* увеличит размер основного текста */
}



.container-topbar .container-header,
.container-topbar {
  display: flex;
  
  color: #222; 
  padding: 0.5em;
}


.container-header .navbar-toggler {
    color: #ff0000 !important;
    cursor: pointer;
    border: 1px solid #000 !important;
}

.footer  {
    background-color: #3e3e3e;
    background-image: none;
}

.footer .grid-child {
    padding: 1.0rem 0.5em 0rem 0.5em;
}


/* Делаем корневой список меню горизонтальным с помощью flexbox */
.container-header .mod-menu,
.container-nav .mod-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Убираем лишние отступы у элементов меню верхнего уровня */
.container-header .mod-menu > li,
.container-nav .mod-menu > li {
  position: relative;
  margin: 0px;
}

/* Выравниваем ссылки и текст в одну линию */
.container-header .mod-menu > li > a,
.container-header .mod-menu > li > span,
.container-nav .mod-menu > li > a,
.container-nav .mod-menu > li > span {
  display: flex;
  align-items: center;
}

.container-header .mod-menu > li > a {

  padding-left: 0px;
  padding-right: 0px;
}

.container-sidebar .mod-menu li {
  margin-bottom: 0.2rem;
}

/* Показываем выпадающее меню при наведении на пункт */
.metismenu-item:hover > .mm-collapse {
  display: block !important;
  height: auto !important;

}

/* Убираем ограничения скрытия для плагина */
.metismenu .mm-collapse:not(.mm-show) {
  display: none;
}
.metismenu-item:hover > .mm-collapse.mm-collapse {
  display: block;
}

/* Изменение размера кнопки/ссылки переключения языков */
.mod-languages .dropdown-toggle {
  padding: 0.5rem 1rem;
  font-size: 1rem;
}

/* Задаем фиксированную или минимальную ширину для выпадающего списка языков */
.mod-languages .dropdown-menu {
  min-width: 50px; /* Измените значение на нужное */
  width: auto;
 
}

/* Изменение размера самих кнопок внутри группы */
div.mod-languages .btn-group .btn {
  font-size: 14px; /* Размер текста */
  padding: 4px 8px; /* Внутренние отступы */
}

/* Изменение размера самих кнопок в выпадающем меню языков */
div.mod-languages ul.lang-block li {
  font-size: 14px; /* Размер текста */
  padding: 0px 0px; /* Внутренние отступы */
}

div.mod-languages .dropdown-menu {
  padding: 0.25rem 0rem; /* Внутренние отступы */
}  

@media (max-width: 991.98px) {
  .container-header .navbar {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  
  .container-header .navbar-toggler {
    margin-left: auto;
    margin-right: 0;
  }
}


.metismenu.mod-menu .metismenu-item {
    padding: 0.5em 0.75em;
    font-size: 1.1rem;
}


.grid-child {
    width: auto;

}