#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_levelListView_membershipLevelsRepeater_ctl01_levelView_description {
font-size: small;
/*font-weight:bold;*/
color: black;}

/*Login button colors when logged out*/
.WaGadgetLoginForm .loginContainer.loginContainer .loginLink {
    background: #B31B1B;
    color: white;
}

/* Change hover color of login button when logged out */
.WaGadgetLoginForm .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm .loginContainer.loginContainer .loginLink.hover {
    background: red;
    color: white;
}

/* Login button colors when logged in */
.WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink {
    background: 0;
    color: #B31B1B;
}

/* Login button colors when logged in on hover */
.WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover, .WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover {
    background: 0;
    color: red;
}

.WaGadgetLoginForm .authenticated .loginPanel a:hover {
    color: red;
}

/* Social Logins White Text */
.wa-authenticateLoginLink .authenticateLoginText {
    color: white;
}

#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_levelListView_membershipLevelsRepeater_ctl01_levelView_description {
font-size: 14px;
/*font-weight: bold;*/
color: #333;}

/*Top-Level Menu Foreground Current Page Color*/
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.sel>.item>a {
    color: #B31B1B;
}

/*Top-Level Menu Foreground Hover Color
https://gethelp.wildapricot.com/en/articles/1634-changing-menu-colors#kaleidoscope*/
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a:hover{
color: #B31B1B !important;
}

/*Drop-Down Menu Foreground Hover Color
https://gethelp.wildapricot.com/en/articles/1634-changing-menu-colors#kaleidoscope*/
.WaGadgetMenuHorizontal .menuInner ul ul li>.item>a:hover{
background: #D6D6D6 !important;
color: #B31B1B !important;
}

/*Top-Level Menu Color when Hovering over Drop-Down Menu*/
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item:hover>a {
    color: #B31B1B;
}

/* Top-Level Menu Color When Hovering to 2nd Level */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.sel>.item:hover>a {
    color: #B31B1B;
}

/*2nd-Level Menu Foreground Current Page Color*/
.WaGadgetMenuHorizontal .menuInner ul ul li.sel>.item>a {
    color: #B31B1B;
}

/*Button Color
https://gethelp.wildapricot.com/en/articles/440-changing-button-colors*/
.navigationOuterContainer .navigationContainer input.nextButton, .navigationOuterContainer .navigationContainer input.typeButton, .navigationOuterContainer .navigationContainer input[type=submit], .loginButton, .typeButton, input[type=submit] {background-color: #B31B1B !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: #ff0000 !important;} /* hover color */

/*Donation Button*/
.WaGadgetDonationGoal.donationGoalStyle003 .progressBarAndButton table.progressBarAndButtonTable input.typeButton {
background: #414a53 !important;
}

/*Donation Button Hover*/
.WaGadgetDonationGoal.donationGoalStyle003 .progressBarAndButton table.progressBarAndButtonTable input.typeButton:hover {
background: red !important;
}

/*Slideshow Left and Right Arrows Color*/
.camera_commands, .camera_next, .camera_prev {
background: #B31B1B;
}

/*Slideshow Arrow Hover Color*/
.camera_commands, .camera_next:hover, .camera_prev:hover {
background: red;
}

/*Slideshow Thumbs Background Color*/
.camera_thumbs_cont {

    background: 0;
    border: 0;

}

/* Hide slideshow image thumbs navigator */
#camera_wrap_AncEsfI > div:nth-child(2) > div > div > div > div.camera_thumbs_cont
{
display: none !important;
}

/*Social Media Hover Color*/
.WaGadgetSocialProfile.gadgetThemeStyle2 li a:hover {
    color: #B31B1B;
}


/*Event Calendar List View Left Column Background Color*/
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
    background: #f7f7f7;
}

/*Current Event View*/
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
    background: #f7f7f7;
}

/*Event Calendar View Foreground Title Color*/
.WaGadgetEventsStateCalendar .sectionTitle {
    color: #B31B1B;
}

/*Event Calendar Table Top Row Background Color*/
.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] a, .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span {
background: #B31B1B;
}

/*Event Calendar Table Top Row Current Selection Background Color*/
.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span, .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span:hover {
background: red;
}

/*Event Calendar Table Top Row Background Hover Color*/
.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] a:hover, .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span:hover {
background: red;
}

/*Event Calendar Current Date Color*/
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td.EventListCalendarItemSelected a.calendarDate, .WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td.EventListCalendarItemSelected a.calendarDate:hover {
    color: #B31B1B;
}

/*Event Calendar Table Top Row Border Color*/
.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button]:before {
    background: white;
}

/*Mobile*/

/*Mobile Login and Menu Bar Hover Color*/
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
color: #B31B1B;
}

/*Mobile Menu Current Page Color*/
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li.sel>.item>a {
    color: #B31B1B;
}

/*Mobile Menu Current Page Color*/
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li.sel>.item>a {
    color: #B31B1B;
}

/*Mobile 2nd-Level Menu Foreground Current Page Color*/
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li.sel>.item>a {
    color: #B31B1B;
}

/* Custom CSS by Jack */

/* Hide posted by link and label */
.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLink,
.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLabel {
  display: none;
}

/* Remove default margins and paddings for each Blog Item */
.WaGadgetBlogStateList ul.boxesList li.boxesListItem + li.boxesListItem {
  margin: 0;
  padding: 0;
}

/* Blog post grid: 2 per row */
.WaGadgetBlog .boxesList {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: flex-start;
}

.WaGadgetBlog .boxesListItem {
  display: flex;
  flex-direction: column;
  flex: 0 0 calc(50% - 12px); /* 2 per row, accounting for gap */
  box-sizing: border-box;
  background: #f0f0f0;
  border-radius: 8px;
  border: 2px solid blue;
}

/* Make images fill the container */
.WaGadgetBlogStateList ul.boxesList li.boxesListItem img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 8px;
  order: 1;
}

/* Header below image */
.WaGadgetBlog .boxesListItem h4.boxHeaderTitle {
  order: 2;
}

/* Responsive: 1 per row on small screens */
@media (max-width: 767px) {
  .WaGadgetBlogStateList ul.boxesList li.boxesListItem {
    flex: 0 0 100%;
    margin: 16px 0;
  }
}