.navigationOuterContainer .navigationContainer input.nextButton, .navigationOuterContainer .navigationContainer input.typeButton, .navigationOuterContainer .navigationContainer input[type=submit], .loginButton, .typeButton, input[type=submit] {background-color: #23A4DC !important; color:#ffffff !important;} /* button color */
.navigationOuterContainer .navigationContainer input.nextButton:hover, .navigationOuterContainer .navigationContainer input.typeButton:hover, .navigationOuterContainer .navigationContainer input[type=submit]:hover, .loginButton:hover, .typeButton:hover, input[type=submit]:hover {background-color: #23A4DC !important;} /* hover color */


.WaGadgetDonationGoal.donationGoalStyle001 .donationGoalButton { 
display: none; 
}

.FullPageWidth{
    max-width:100% !important;
}

.WaGadgetMembershipApplication .formTitleContainer .formTitle { display: none; }

.center-block{
    -webkit-transform: scaleX(0.6); 
    transform: scaleX(0.6); 
    color:#fff; 
    text-align: center; 
    font-family: Verdana; 
    letter-spacing: -0.05em; 
    font-size: 52px; 
    text-transform: uppercase;
}

.center-block a {
    color: #fff !important;
    text-decoration: none;
    font-weight: bold;
}

/* about us page header */
td#id_kL3BTy1 {
    vertical-align: middle;
}

#idFooterPoweredByWA {display:none;}

@media only screen and (max-width: 765px) {
  /* CSS rules here will apply when the viewport width is 765 pixels or less */
    #id_ghLTT2l {display: none;}
}

#idSectionEventRegistrationTypeSelectorContainer div[id*="spaceLimitContainer"] { 
    display: none; 
} 
#idSectionEventRegistrationTypeSelectorContainer .availableRegistrationCount { 
  display: none; 
} 

/*****************/
/* Chapter pages */
/*****************/

/* Events */
.WaGadgetUpcomingEvents { background-color: #eef5fa; padding: 25px; border-radius: 6px; border-left: 5px solid #1a4d8c; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 30px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); } 
/* Gadget Heading/Title */ 
.WaGadgetUpcomingEvents h4, .WaGadgetUpcomingEvents .gadgetTitle { color: #1a4d8c; font-size: 1.4em; font-weight: bold; margin-top: 0; margin-bottom: 15px; text-transform: uppercase; border-bottom: 2px solid #d0e3f5; padding-bottom: 10px; } 

/* Remove default bullet points and padding from the list */ 
.WaGadgetUpcomingEvents ul { list-style-type: none; padding-left: 0; margin: 0; } 

/* Spacing between individual events */ .WaGadgetUpcomingEvents li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #d0e3f5; } 

/* Remove the line under the last event */ .WaGadgetUpcomingEvents li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } 

/* Event Title Links */ 
.WaGadgetUpcomingEvents a { color: #1a4d8c; font-weight: bold; text-decoration: none; font-size: 1.1em; display: block; margin-bottom: 5px; transition: color 0.2s ease; } 
.WaGadgetUpcomingEvents a:hover { text-decoration: underline; color: #113663; } 

.WaGadgetUpcomingEvents ul li .date:after { content: none; } 

/* Event Details (Date, Location, Time) */ .WaGadgetUpcomingEvents .eventDate, .WaGadgetUpcomingEvents .eventLocation, .WaGadgetUpcomingEvents .eventDetails, .WaGadgetUpcomingEvents span { color: #555; font-size: 0.9em; display: block; line-height: 1.5; }


/* News announcements */
.ChapterNews { background-color: #eef5fa; padding: 25px; border-radius: 6px; border-left: 5px solid #FFD706; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 30px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); } 

/* Spacing between individual events */ 
.ChapterNews li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #d0e3f5; } 

/* Remove the line under the last event */ 
.ChapterNews li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } 



/* Featured Businesses Grid Layout */
.business-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin-bottom: 50px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Individual Business Card */
.business-card {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Hover effect for the cards */
.business-card:hover {
    box-shadow: 0 10px 15px rgba(0,0,0,0.1);
    border-color: #b0b0b0;
}

/* Business Name Heading */
.business-card h3 {
    color: #1a4d8c;
    font-size: 1.4em;
    margin-top: 0;
    margin-bottom: 15px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 10px;
}

/* Business Description Text */
.business-desc {
    color: #555;
    font-size: 0.95em;
    margin-bottom: 20px;
    line-height: 1.5;
}

/* Contact List Styling */
.business-contact {
    list-style: none;
    padding: 0;
    margin: 0;
}

.business-contact li {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 0.95em;
    color: #333;
}

.business-contact li:last-child {
    margin-bottom: 0;
}

/* The Circular Icon Wrapper */
.icon-wrapper {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    background-color: #f8fcff; /* Light blue background */
    border-radius: 50%;        /* Makes it a perfect circle */
    margin-right: 12px;
    font-size: 0.85em;
    flex-shrink: 0;
}

/* Link Styling */
.business-contact a {
    color: #1a4d8c;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s;
}

.business-contact a:hover {
    text-decoration: underline;
    color: #113663;
}