/* Code to change page width START */
.WaPlaceHolder { max-width: 1200px; }
/* Code to change page width END */



/*MC start CSS here*/


body {
    font-family: 'Raleway', sans-serif;
}

h1 {
    font-size: 4em;
    font-weight: 600;
}

h2 {
    font-size: 2.6em;
    font-weight: 600;
}

h3 {
    font-size: 1.3em;
    font-weight: 600;
}

h4 {
    font-size: 2.6em;
    font-weight: 600;
}

h1, h2, h3, h4, h5 {
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
}

.zonePlace, .zoneFooter2 {
    font-size: .8em;
}


.fbcw-link a {
    color: #0A4966;
    font-size: 1em;
    line-height: 1.5em;
    padding-bottom: 30px;
}

.fbcw-link a:hover {
    color: #00ABEB!important;
    text-decoration: underline!important;
    text-underline-offset: 20%;
}

.buttonStyle001 {
    background-color: #0A4966!important;
}

#id_cREoUYu {
    border-top: 1px solid #333;
    padding-top: 1%;
}

/*home logos  custom css*/
#id_GTszF1B img {
    padding: 15px 20px;
}

/*hide on mobile*/
@media only screen and (max-width: 600px) {
#id_x2614DZ {
    display: none;
}
}

/*footer */
#id_N8F8Rqo a {
    text-decoration: none;
}

/*sec menu in template*/
#id_D8TR2IC li a {
    color: white;
    text-decoration: none;
    font-size: 1.2em;
    line-height: 1.8em;
}

.show-blog-images ul li,
.show-event-images ul li {
/*    box-sizing: border-box;
    flex-basis: 33%;
*/
    padding: 0 15px;
    /*width: 33%;*/
}

.show-blog-images ul li img,
.show-event-images ul li img {
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .show-blog-images ul,
    .show-event-images ul {
        display: flex;
    }

    .show-blog-images ul li,
    .show-event-images ul li {
        flex-basis: 33%;
    }
}


/*blog image height on News page*/
.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxBodyOuterContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight {
    position: relative;
   max-height: 800px;
    overflow: hidden;
}

/*sec menu in template*/
#id_mcchWRv a {
    color: white;
    text-decoration: none;
    font-size: 1.2em;
    line-height: 1.3em;
}
.waPaymentSystemIcon.Amex {
display: none;
}
.waPaymentSystemIcon.Discover {
display: none;
}

/*sec menu on membership page for banner - Nicholas*/
#id_uDqA7bG a {
    /* Typography */
    font-family: Georgia, serif;
    font-style: italic;
    font-weight: bold;
    font-size: 1.5em;
    text-transform: lowercase;

    /* Layout */
    width: 240px;
}
#id_uDqA7bG ul {
    width: 240px;
}

/*2022 header menu change to lowercase desktop and mobile*/
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a {   text-transform: lowercase;    }

.WaGadgetMenuHorizontal .menuInner ul.secondLevel > li > .item > a { text-transform: lowercase; }

 .WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li>.item>a {    text-transform: lowercase;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li>.item>a {text-transform: lowercase;}

.WaGadgetUpcomingEvents .gadgetStyleBody ul {
    flex-wrap: wrap;
}

.WaGadgetUpcomingEvents .gadgetStyleBody ul li {
    box-sizing: border-box;
    text-align: center;
}

#dib-template-2 .dib-post-text h2,
.WaGadgetUpcomingEvents.gadgetStyleNone .title a {
    font-size: 1.5em;
    font-weight: normal;
}

.WaGadgetUpcomingEvents.gadgetStyleNone .title a {
    color: #333;
    display: inline-block;
    font-style: normal;
    line-height: 1.21;
    margin-bottom: 7px;
}

.WaGadgetUpcomingEvents.gadgetStyleNone .date,
.WaGadgetUpcomingEvents.gadgetStyleNone .location {
    font-size: 16px;
}

#dib-template-2 p.dib-meta-text {
    line-height: 1.1 !important;
}

#PAGEID_18140 .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight {
    max-height: none;
}

#PAGEID_18140 .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
    height: auto !important;
}

#PAGEID_18140 .inner.gadgetEventEditableArea img {
    max-height: 400px;
}

/* ===== New: 5-across events variant matching original behavior ===== */
.show-event-images5 ul li {
    padding: 0 15px; /* mirror original .show-event-images */
}
.show-event-images5 ul li img {
    max-width: 100%; /* mirror original image sizing */
}

/* Desktop behavior: flex layout, 5 across, single row, hide extras beyond 5 */
@media screen and (min-width: 768px) {
    .show-event-images5 ul {
        display: flex;          /* match original flex on UL */
        flex-wrap: nowrap;      /* keep it to one row */
    }
    .show-event-images5 ul li {
        flex: 0 0 20%;          /* 5 x 20% = one row of five */
        box-sizing: border-box;
    }
    /* If you only want exactly 5 visible on desktop, hide the rest */
    .show-event-images5 ul li:nth-child(n+6) {
        display: none;
    }
}