.h4, h4 { color: #0d5182; }
/* Change login button color */
.WaGadgetLoginForm .loginContainer.loginContainer .loginLink {
    background: #6DB341 !important;
    color: white !important;
}


/* Change login button color on hover */
.WaGadgetLoginForm .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm .loginContainer.loginContainer .loginLink.hover {
    background: #6db341 !important;
    color: white !important;
}


/* Change logout button */
.WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink {
    background: 0 !important;
    color: #6db341 !important;
}


/* Change logout button on hover */
.WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover, .WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover {
    background: #6db341 !important;
    color: white !important;
}

.genericListTable tr.hover td,.membersTable tr.hover td {
    background-color: #d8e3eb;
/* Primary Green Button */
.wa-button-primary, .waButtonJoin, .waButtonRegister {
    background-color: #76B82A !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    border: none !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    text-transform: none !important;
}

/* Secondary Ghost Button */
.wa-button-secondary, .waButtonReadMore {
    background-color: transparent !important;
    color: #223344 !important;
    border: 2px solid #223344 !important;
    border-radius: 4px !important;
    font-family: Helvetica, Arial, sans-serif !important;
    padding: 10px 22px !important;
}

/* Styling for the MCCV Meeting Hub Cards */
.mccv-card {
    background-color: #ffffff !important;
    display: inline-block !important; /* Forces them to sit side-by-side */
    width: 22% !important; /* Adjusts width to fit 4 in a row with gaps */
    margin: 1% !important; /* Adds space between the cards */
    vertical-align: top !important;
    border: none !important;
    border-radius: 4px !important;
    
    /* The Drop Shadow */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    
    /* Internal Spacing */
    min-height: 140px !important; 
    padding: 20px !important;
    box-sizing: border-box !important; /* Critical for keeping shadows visible */
    
    /* Text Styling */
    text-align: center !important;
    transition: all 0.3s ease !important;
}

/* Hover Effect */
.mccv-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-5px);
}

/* Ensure links inside the cards fill the space */
.mccv-card a {
    color: #223344 !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: bold !important;
    text-decoration: none !important;
    display: block !important;
    height: 100% !important;
}