.navbar-brand img {
    height: 100%;  /* Make logo take the full height of the navbar */
    min-width: 220px;  /* Minimum width of 150px for the logo */
}
.navbar {
    background-color: #7a0000; /* Set the background color of the navbar to red */
}

a, .navbar-toggler-icon {
    color: white !important; /* Make anchor text and toggler icon white */
}

.large-margin-bottom {
    margin-bottom: 70px;
    /* Adjust this value as needed */
}
.a-moi{
    color: black !important;
}

.a-moi:hover {
    color: #7a0000 !important;
    /* Use the red color on hover for interactivity */
}

.navbar-toggler {
    border-color: rgba(255, 255, 255, 0.1); /* Make toggler border slightly visible or adjust as needed */
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* Customize the search button */
.btn-outline-success {
    color: white;
    border-color: #7a0000;
}

.btn-outline-success:hover {
    color: white;
    background-color: #7a0000;
    border-color: #7a0000;
}

/* Additional styles for courses-list page using brand colors */
.card-hover {
    transition: all 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 25px -5px rgba(122, 0, 0, 0.1), 0 10px 10px -5px rgba(122, 0, 0, 0.04);
}

.faculty-gradient {
    background: linear-gradient(135deg, #7a0000 0%, #5a0000 100%);
}

.search-focus:focus {
    box-shadow: 0 0 0 3px rgba(122, 0, 0, 0.1);
    border-color: #7a0000;
}

.program-badge {
    background-color: #7a0000;
    color: white;
}

.course-code-badge {
    background-color: #f5f5f5;
    color: black;
}

.edit-button {
    color: #7a0000;
    background-color: rgba(122, 0, 0, 0.1);
}

.edit-button:hover {
    background-color: #7a0000;
    color: white;
}

.stats-primary {
    background-color: rgba(122, 0, 0, 0.1);
    color: #7a0000;
}

.stats-secondary {
    background-color: #f5f5f5;
    color: black;
}

/* footer code below */
.footer {
    background-color: #7a0000;
    /* Dark red color */
}

hr {
    border-color: white !important;
}

.footer .container {
    padding: 20px;
}

.footer .logo img {
    max-width: 25%;
    margin-bottom: 10px;
    /* Make sure the image is responsive */
}

.footer .logo,
.footer .copyright {
    text-align: left;
    color: white;
    /* Text color */
}

@media (max-width: 768px) {
    .footer .logo,
    .footer .copyright {
        text-align: left;
    }
    .footer .logo img {
        max-width: 100%;
        margin-bottom: 10px;
        /* Make sure the image is responsive */
    }
}