:root {
  --deep-navy: #223E58;
  --coastal-blue: #61949E;
  --sea-glass: #AFD1CE;
  --sage-green: #A7B68F;
  --eucalyptus: #809B8A;
  --soft-olive: #899367;
  --warm-sand: #EADDC1;
  --cream: #FDF1D9;
  --driftwood: #D0C7B6;
  --sunlit-gold: #F5CE85;
  --barely-sand: #F8F5EE;

  --radius-card: 20px;
  --radius-pill: 50px;
}

body {
  background: var(--barely-sand);
}
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td>div {
    background: var(--deep-navy);
    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: var(--radius-card);
}
[class^="WaLayoutItem"]{
    border-radius: var(--radius-card);
    margin:10px 0;
}
.mainHerosection {
   position: relative;
  overflow: hidden;
  
  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 > * {
  position: relative;
  z-index: 1;
}

.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: var(--radius-pill);
margin: 5px!important;
}
.WaGadgetEventsStateList .boxesListItem > .boxOuterContainer {
border: 1px solid #f1f1f1;
  border-radius: var(--radius-card);
  padding: 20px;
  box-shadow: 0 0 15px 5px rgba(0,0,0,.1);
}
.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: var(--radius-card);
      padding: 0px 5px 5px 20px;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li.sel>.item>a {
background: var(--deep-navy);
border-radius: var(--radius-card);
overflow: hidden;
}
.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li, .WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li {
    padding: 8px 0 8px 16px;
    border-left: 4px solid var(--deep-navy);
}
.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: var(--deep-navy);
    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: var(--radius-card);
    padding: 25px;
    box-shadow: 0 0 15px rgba(0,0,0,.08);
    background: transparent;
}
.blue-with-border{
    border: 3px solid var(--deep-navy);
    border-radius: var(--radius-card);
    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: var(--coastal-blue);
  color: white;
}
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
  background: #e9f8f7;
  color: white;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel, .WaGadgetMobilePanel .mobilePanel .loginInner {
    background: var(--coastal-blue);
    border-top: 1px solid var(--coastal-blue);
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul {
    background: var(--coastal-blue);
}
.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: var(--coastal-blue); 
}
/* END MOBILE PANEL */

/* LOGIN ICON + LINK COLOR */
.WaGadgetLoginForm .loginLink,
.WaGadgetLoginForm .loginLink:before,
.WaGadgetLoginForm .loginLink:after {
    color: var(--deep-navy) !important;
}
/* REMOVE LOGIN HOVER COLOR */
.WaGadgetLoginForm .loginLink:hover {
    background: transparent !important;
    color: var(--deep-navy) !important;
}

.WaGadgetLoginForm .loginLink:hover:before {
    color: var(--deep-navy) !important;
}

/* MOBILE */
@media screen and (max-width: 766px) {

    .feature-cards {
        padding: 35px 25px !important;
    }

    .feature-cards .WaLayoutColumn {
        padding: 25px 5px !important;
    }

    .feature-cards .WaLayoutColumn:before {
        margin-bottom: 16px;
    }

    .feature-cards h2,
    .feature-cards h3,
    .feature-cards h4 {
        font-size: 23px !important;
    }

    .feature-cards p {
        max-width: none;
    }
}
/* ===== JOIN PAGE: PRICING LAYOUT ===== */
.join-pricing-grid {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  margin: 30px 0;
}
.join-pricing-grid > * {
  flex: 1 1 280px;
}
.join-price-tag {
  font-family: 'Lora', Cambria, Georgia, serif;
  font-size: 32px;
  color: var(--deep-navy);
  margin: 8px 0;
}
.join-recommended-flag {
  display: inline-block;
  background: var(--sunlit-gold);
  color: var(--deep-navy);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 4px 12px;
  border-radius: var(--radius-pill);
  margin-bottom: 12px;
}

/* ===== JOIN PAGE: BENEFITS LAYOUT ===== */
.join-benefits-grid {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  margin: 30px 0;
}
.join-benefits-grid > * {
  flex: 1 1 260px;
}
.join-benefits-grid h3:before {
  content: "";
  display: block;
  width: 42px;
  height: 3px;
  background: var(--coastal-blue);
  margin-bottom: 14px;
}

@media screen and (max-width: 766px) {
  .join-pricing-grid,
  .join-benefits-grid {
    flex-direction: column;
  }
}
/* ===== BUTTON HOVER STATES (previously undefined) ===== */
.btn-primary:hover,
a[class*="buttonStyle"]:hover,
a:link[class*="buttonStyle"]:hover {
  background: var(--coastal-blue) !important;
  color: #fff !important;
}
.btn-secondary:hover {
  background: var(--deep-navy);
  color: #fff;
}
.board-photo-table img {
  width: 150px;
  height: 150px;
  object-fit: cover;
}