/* custom.css */

/* Change the background color of the container */
.container {
    background-color: #f8f9fa; /* Light background for the container */
    padding: 20px; /* Optional: add some padding */
    border-radius: 8px; /* Optional: round the corners */
}

/* Change the color of the card titles */
.card-title {
    color: #28a745; /* Change this to your desired color */
}

/* Custom background color for the cards */
.bg-custom {
    background-color: #007bff; /* Change this to your desired card color */
}

/* Optional: Change footer text color for specific cards */
.card-footer.small.text-dark {
    color: #343a40; /* Dark color for footer text on the active villagers card */
}

/*--------------------------------------------------------------
# Homepage navbar Section
--------------------------------------------------------------*/
.navbar-brand{
    height: 50px;
}
@media (max-width: 442px){
    .navbar-brand img {
        height: 40px; /* Maintain original height */
        display: inline-block; /* Ensure they remain inline */
    }
}
@media (max-width: 383px){
    .navbar-brand img {
        height: 45px; /* Maintain original height */
        display: inline-block; /* Ensure they remain inline */
    }
}