.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td>div {
    background: #2E2D83;
    color: white;
}
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,600;0,700;1,400');
h1, h2, h3, h4, h5, .heading { font-family: 'Lora', Cambria, Georgia, serif!important; text-transform:none!important;}
body, p, a, button { font-family:Calibri, Arial, sans-serif!important; }
.roundedcorners{
    border-radius: 20px;
}
[class^="WaLayoutItem"]{
    border-radius: 20px;
    margin:10px 0;
}
.mainHerosection {
  min-height: 600px; /* adjust as needed */
  min-height: 100vh;
  min-height: 100svh; /* better mobile viewport support */

  display: flex;
  flex-direction: column;
  justify-content: center;

  box-sizing: border-box;
}



.mainHerosection > div,
.mainHerosection .WaLayoutTable,
.mainHerosection .WaLayoutTable > tbody,
.mainHerosection .WaLayoutTable > tbody > tr,
.mainHerosection .WaLayoutItem {
  width: 100%;
}
.mainHerosection.hasHeroOverlay::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(255, 255, 255, 0.10) 45%,
    rgba(255, 255, 255, 0.60) 100%
  );
}
[class*="buttonStyle"],
.WaGadget :is(button, input[type="submit"], input[type="button"], input[type="reset"], .typeButton, .functionalButton, .loginButton) {
border-radius: 50px;
margin: 5px!important;
}
.WaGadgetEventsStateList .boxesListItem > .boxOuterContainer {
border: 1px solid #f1f1f1;
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 0 15px 5px rgba(0,0,0,.1);
}
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
    padding: 16px 16px 24px;
    background: #fff;
}
.icon-block img{width:100%; max-width:50px; height:auto;background:#fff; border-radius:50px; padding:10px;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel > li > .item > a > span {
  position: relative;
  display: block;
  height: 23px;
  background: transparent;
  border-radius: 20px;
      padding: 0px 5px 5px 20px;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li.sel>.item>a {
background: #223E58
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li.sel>.item>a {
border-radius: 20px;
overflow: hidden;
}
.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li, .WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li {
    padding: 8px 0 8px 16px;
    border-left: 4px solid #223E58;
}
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxActionContainer input.typeButton {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 112px;
    margin: 0;
    padding: 8px 20px;
    background: #223E58;
    border: 0;
    outline: 0;
    color: white;
    font: normal 16px / 1.5 'Calibri', 'Arial', sans-serif;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-appearance: none;
}
.background-border {
    border: 1px solid #f1f1f1;
    border-radius: 20px;
    padding: 25px;
    box-shadow: 0 0 15px rgba(0,0,0,.08);
    background: transparent;
}
.blue-with-border{
    border: 3px solid #223E58;
    border-radius: 20px;
    padding: 25px;
    box-shadow: 0 0 15px rgba(0,0,0,.08);
    background: transparent;
}
/* MENU */
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel {
    float: right;
}

/* LOGIN */

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink {
width: 140px;
}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:before, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink:before {
font: normal 18px / 50px 'Inter';
content: 'Member Login';
}

/* RECENT POST / EVENTS HEADINGS */

.WaGadgetRecentBlogPosts.recentBlogPostsStyle001 li .title a, body .WaGadgetRecentBlogPosts.recentBlogPostsStyle002 li .title a, body .WaGadgetRecentBlogPosts.recentBlogPostsStyle003 li .title a, body .WaGadgetUpcomingEvents.upcomingEventsStyle001 li .title a, body .WaGadgetUpcomingEvents.upcomingEventsStyle002 li .title a, body .WaGadgetUpcomingEvents.upcomingEventsStyle003 li .title a {
font-size: 28px;
}

.WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li .date, .WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li .date, .WaGadgetUpcomingEvents.upcomingEventsStyle003 ul li .date, .WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li .date, .WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li .date, .WaGadgetUpcomingEvents.upcomingEventsStyle006 ul li .date, .WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li .location, .WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li .location, .WaGadgetUpcomingEvents.upcomingEventsStyle003 ul li .location, .WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li .location, .WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li .location, .WaGadgetUpcomingEvents.upcomingEventsStyle006 ul li .location{
font-size: 18px;
}

/* SOCIAL MEDIA ICONS */

.WaGadgetSocialProfile.socialProfileStyle001 li a {

    font-family: 'WA-theme-icons' !important;
}


/* MOBILE */

@media screen and (max-width: 766px) {
.non-mobile {
display: none;
}
.mainHerosection {
  min-height: 300px; /* adjust as needed */
  min-height: 50vh;
  min-height: 100svh; /* better mobile viewport support */
}
}
/* MOBILE PANEL */
.WaGadgetMobilePanel .mobilePanel{
  background: #008e84;
  color: white;
}
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
  background: #008e84;
  color: white;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel, .WaGadgetMobilePanel .mobilePanel .loginInner {
    background: #008e84;
    border-top: 1px solid #008e84;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul {
    background: #008e84;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li > .item > a, .WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel > li.sel > .item > a  {
  color: #fff;
}
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm [class$="TextBox"] input[class$="TextBoxControl"], .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginActionRememberMe label::before {
     background: #008e84; 
}
/* END MOBILE PANEL */