/* Настройка цвета шапки */
.bg-primary {
    background-color: #800020 !important; /* Бордовый цвет */
}

/* Дополнительные стили для навигации, если нужны */
.navbar-dark .navbar-nav .nav-link {
    color: #fff; /* Белый цвет текста для пунктов меню */
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #ccc; /* Цвет при наведении */
}

.dropdown-menu {
    background-color: #343a40; /* Темный фон для выпадающего меню */
    border-color: #454d55;
}

.dropdown-item {
    color: #fff;
}

.dropdown-item:hover {
    background-color: #454d55;
    color: #ccc;
}

/* Стили для контента, если нужны */
main {
    min-height: 60vh; /* Минимальная высота для контента, чтобы футер не прижимался */
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Placeholder для логотипа */
img[alt="Логотип Учебного центра"] {
    max-height: 32px; /* Устанавливаем высоту для вашего лого */
}

/* Стили для заголовков на страницах */
h2, h3, .alert-heading {
    color: #800020; /* Бордовый цвет для заголовков */
}

/* Стили для списка категорий и дат */
.border-top p {
    font-size: 0.9em;
    color: #6c757d; /* Серый цвет для метаданных */
}

/* Стили для боковой панели */
aside h4 {
    color: #800020;
    font-size: 1.2em;
}

.list-group-item-action {
    background-color: #f8f9fa; /* Светлый фон для списка */
    border: 1px solid #dee2e6;
}

.list-group-item-action:hover {
    background-color: #e9ecef;
}

.list-group-item.active {
    background-color: #800020;
    border-color: #800020;
}