@charset "UTF-8";
/* CSS Document */

.navbar-brand img {
    height: 80px;   /* Adjust this value to fit your navbar */
    width: auto;    /* Keeps proportions correct */
}

#carouselExample {
    max-width: 1200px;
    margin: 0 auto; /* centers the carousel */
}

#carouselExample .carousel-item img {
    width: 1200px;
    height: 600px;      /* Choose the height you want */
    object-fit: cover;  /* Crops image instead of stretching */
}

/* -------- BODY STYLING -------- */
body {
    background-color: #f4f6f9;   /* Light gray background */
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
}

/* -------- NAVBAR -------- */
.navbar {
    background-color: #605F5F !important;  /* Gray */
    padding: 15px 20px;   /* Adds spacing */
}

.navbar .nav-link,
.navbar .navbar-brand {
    color: white !important;
    font-weight: bold;
}

.navbar .nav-link:hover {
    color: #ffcc00 !important;   /* Gold hover effect */
}

/* -------- CAROUSEL -------- */
#carouselExample {
    max-width: 1200px;
    margin: 30px auto;   /* Adds spacing and centers */
    border: 5px solid #FFCC00;  /* Border added */
    border-radius: 10px;  /* Rounded corners */
    overflow: hidden;
}

#carouselExample img {
    height: 500px;
    object-fit: cover;
}

/* -------- COLUMNS -------- */
.container .col {
    padding: 20px;
}

h2 {
    font-family: Georgia, serif;  /* Different font style */
    margin-bottom: 15px;
    color: #0b3d91; /* Dark Blue */
}

p {
    font-size: 16px;
    margin-bottom: 15px;
}

/* -------- FOOTER -------- */
footer {
    border-top: 2px solid #605F5F;
    padding-top: 15px;
}