body {
    padding-bottom: 10px;
    background-image: url('/images/cwmmcc.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

.navbar-brand {
    font-weight: 600;
}

footer {
    margin-top: 200px; /* pushes footer lower */

    width: 100%;
}
.form-box {
    background-color: #f8f9fa; /* light grey */
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.form-wrapper {
    background-color: rgba(255, 255, 255, 0.9); /* semi-transparent white */
    padding: 30px;
    border-radius: 10px;
    max-width: 700px;
    margin: auto;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

/* Wraps the entire form in a readable box */
.form-wrapper {
    background-color: rgba(255, 255, 255, 0.9); /* white, slightly transparent */
    padding: 30px;
    border-radius: 10px;
    max-width: 700px;
    margin: 0 auto;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
}

/* Wraps each label + input pair in a light grey box */
.form-box {
    background-color: #f8f9fa; /* Bootstrap light grey */
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 6px;
}

/* Ensure labels are dark enough on light backgrounds */
.form-label {
    color: #333;
    font-weight: 500;
}

.main-banner {
    background-color: #333333; /* dark grey */
    color: #fff; /* white text for contrast */
    padding: 40px 20px;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 30px;
    box-shadow: 0 0 12px rgba(0,0,0,0.25);
}

.next-event-card {
    background-color: #333333; /* dark grey */
    color: #fff; /* white text for contrast */
    border-radius: 8px;
    padding: 50px;
}
news-card {
    background-color: #444; /* slightly lighter grey */
    color: #fff;
}

.contact-card {
    background-color: #555; /* another shade of grey */
    color: #fff;
}

.card .btn {
    margin-top: 30px;
}