: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: 50svh;
  }
}
/* 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;
}
/* ===== ABOUT PAGE: MOBILE LAYOUT ===== */
@media screen and (max-width: 766px) {

  /* ---------------------------------
     GENERAL ABOUT PAGE LAYOUT
  --------------------------------- */

  /* Remove desktop margins and fixed heights */
  #PAGEID_18419 .WaLayoutContainer {
    margin-left: 15px !important;
    margin-right: 15px !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
  }

  /* Make Wild Apricot layouts responsive */
  #PAGEID_18419 .WaLayoutTable,
  #PAGEID_18419 .WaLayoutTable > tbody,
  #PAGEID_18419 .WaLayoutRow {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }

  /* Stack columns vertically */
  #PAGEID_18419 .WaLayoutItem {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
  }

  /* Remove desktop column padding */
  #PAGEID_18419 .WaLayoutPlaceHolder {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
  }

  /* Remove fixed gadget heights */
  #PAGEID_18419 .WaGadgetContent,
  #PAGEID_18419 .gadgetStyleBody,
  #PAGEID_18419 .gadgetContentEditableArea {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
  }

  /* IMPORTANT:
     Override the large desktop margins placed directly
     on individual content gadgets */
  #PAGEID_18419 .WaGadgetContent,
  #PAGEID_18419 .WaGadgetFirst,
  #PAGEID_18419 .WaGadgetLast {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
  }

  /* Keep images inside mobile viewport */
  #PAGEID_18419 img {
    max-width: 100% !important;
    height: auto !important;
  }


 /* ---------------------------------
   BOARD BIOS - MOBILE
--------------------------------- */

/* Board section contains nested two-column layouts.
   Force those nested columns to full width. */
#PAGEID_18419 .WaLayoutItem {
  width: 100% !important;
  max-width: 100% !important;
}

/* Remove padding that separates the two desktop bio columns */
#PAGEID_18419 .WaLayoutItem > .WaLayoutPlaceHolder > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Board cards */
#PAGEID_18419 .roundedcorners {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Inner board bio table */
#PAGEID_18419 .roundedcorners .contStyleExcSimpleTable {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

#PAGEID_18419 .roundedcorners .contStyleExcSimpleTable tbody,
#PAGEID_18419 .roundedcorners .contStyleExcSimpleTable tr {
  display: block !important;
  width: 100% !important;
}

/* Stack photo above text */
#PAGEID_18419 .roundedcorners .contStyleExcSimpleTable td {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

/* Headshots */
#PAGEID_18419 .roundedcorners .contStyleExcSimpleTable img {
  width: 120px !important;
  max-width: 120px !important;
  height: 120px !important;
  object-fit: cover !important;
  margin: 0 0 15px 0 !important;
}
}