/* =========================================================
   MCQDC — Forest Green + Cream Theme (Clean + Fixed)
   Wild Apricot-friendly: strong selectors + !important
   ========================================================= */

/* ---------- Tokens ---------- */
:root{
  --mcqdc-green:#17572f;
  --mcqdc-green-700:#114325;
  --mcqdc-cream:#fffdd1;
  --mcqdc-cream-soft:#f7f4ec;
  --mcqdc-ink:#111;
  --mcqdc-ink-muted:#4a4a4a;

  /* Menu / header */
  --mcqdc-charcoal:#262626;
  --mcqdc-charcoal-2:#1f1f1f;
  --mcqdc-menu-text:#fffdd1;
  --mcqdc-menu-hover:rgba(255,253,209,.12);
}

/* ---------- Base ---------- */
body{
  background-color:var(--mcqdc-cream-soft) !important;
  color:var(--mcqdc-ink) !important;
}

/* Headings */
h1,h2,h3,
.pageTitle,.Heading1,.Heading2,.Heading3{
  color:var(--mcqdc-green) !important;
}

/* Dividers */
hr,.sectionDivider{
  border-top:2px solid var(--mcqdc-green) !important;
}

/* Links */
a, .gadgetStyle_link a{
  color:var(--mcqdc-green) !important;
}
a:hover, .gadgetStyle_link a:hover{
  color:var(--mcqdc-green-700) !important;
  text-decoration:underline !important;
}

/* Forms */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select{
  border:1px solid rgba(0,0,0,.2) !important;
  background:#fff !important;
}
input:focus,
textarea:focus,
select:focus{
  outline:2px solid var(--mcqdc-green) !important;
  border-color:var(--mcqdc-green) !important;
}

/* Cards / panels */
.panel, .card,
.WaContentArea, .WaRegionContent, .content{
  background:#fff !important;
  border:1px solid rgba(0,0,0,.06) !important;
  border-radius:10px !important;
  box-shadow:none !important;
}

/* Buttons (global WA-ish) */
button,
input[type="submit"],
input[type="button"],
.gadgetStyle_button,
.WaGadgetMemberWidget .button,
.WaGadgetEventsStateList .registerButton,
.WaGadgetShopProduct .addToCartButton,
.WaButton, .waButton{
  background:var(--mcqdc-green) !important;
  border:2px solid var(--mcqdc-green) !important;
  color:var(--mcqdc-cream) !important;
  border-radius:10px !important;
  padding:10px 14px !important;
  font-weight:700 !important;
  text-transform:none !important;
  box-shadow:none !important;
  transition:filter .15s ease, background .15s ease !important;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.gadgetStyle_button:hover,
.WaGadgetMemberWidget .button:hover,
.WaGadgetEventsStateList .registerButton:hover,
.WaGadgetShopProduct .addToCartButton:hover,
.WaButton:hover, .waButton:hover{
  filter:brightness(1.08) !important;
}

/* Badges / labels */
.label, .badge, .tag, .pill,
.WaGadgetEventsStateList .date,
.WaGadgetBlogStateList .date,
.WaGadgetShopCart .summaryHeader{
  background:var(--mcqdc-green) !important;
  color:#fff !important;
}

/* ---------- Header overlay (keeps wood visible but readable) ---------- */
.siteHeader,
.WaHeader,
.WaLayoutHeader{
  position:relative;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  z-index:1;
}
.siteHeader::before,
.WaHeader::before,
.WaLayoutHeader::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(23,87,47,.55);
  z-index:-1;
  pointer-events:none;
}

/* ---------- Footer overlay ---------- */
.siteFooter,
.WaLayoutFooter{
  position:relative;
  background:transparent !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:none !important;
}
.siteFooter::before,
.WaLayoutFooter::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(23,87,47,.45);
  z-index:-1;
  pointer-events:none;
}
.siteFooter a{ color:#fff !important; }

/* =========================================================
   MENU (Charcoal bar + dropdown + DOT KILLER)
   ========================================================= */

/* Main menu bar background */
.WaGadgetMenuHorizontal,
#idPrimaryMenu{
  background:var(--mcqdc-charcoal) !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Top level links */
.WaGadgetMenuHorizontal .firstLevel > li > .item > a,
#idPrimaryMenu .firstLevel > li > .item > a{
  color:var(--mcqdc-menu-text) !important;
  text-shadow:none !important;
  font-weight:700 !important;
  border-radius:10px !important;
}

/* Your “this exact span selector worked” override (keep this so it never regresses) */
#id_ZNBLa5C > div > ul > li.dir > div > a > span{
  color:var(--mcqdc-menu-text) !important;
}

/* Hover/selected top-level */
.WaGadgetMenuHorizontal .firstLevel > li:hover > .item > a,
.WaGadgetMenuHorizontal .firstLevel > li.sel > .item > a,
#idPrimaryMenu .firstLevel > li:hover > .item > a,
#idPrimaryMenu .firstLevel > li.sel > .item > a{
  background:var(--mcqdc-menu-hover) !important;
}

/* Dropdown container */
.WaGadgetMenuHorizontal ul.secondLevel,
#idPrimaryMenu ul.secondLevel{
  background:var(--mcqdc-charcoal-2) !important;
  border:1px solid rgba(255,253,209,.12) !important;
  border-radius:14px !important;
  padding:8px 0 !important;
  margin-top:0px !important;
  box-shadow:0 12px 30px rgba(0,0,0,.25) !important;
}

/* Dropdown links */
.WaGadgetMenuHorizontal ul.secondLevel li .item > a,
#idPrimaryMenu ul.secondLevel li .item > a{
  color:var(--mcqdc-menu-text) !important;
  background:transparent !important;
  padding:10px 14px !important;
  display:block !important;
}

/* Dropdown hover/selected */
.WaGadgetMenuHorizontal ul.secondLevel li:hover .item > a,
.WaGadgetMenuHorizontal ul.secondLevel li.sel .item > a,
#idPrimaryMenu ul.secondLevel li:hover .item > a,
#idPrimaryMenu ul.secondLevel li.sel .item > a{
  background:rgba(23,87,47,.35) !important;
}

/* DOT KILLER: bullets + theme pseudo markers + background dots */
.WaGadgetMenuHorizontal ul.secondLevel,
.WaGadgetMenuHorizontal ul.secondLevel li,
#idPrimaryMenu ul.secondLevel,
#idPrimaryMenu ul.secondLevel li{
  list-style:none !important;
  background-image:none !important;
}
.WaGadgetMenuHorizontal ul.secondLevel li::before,
.WaGadgetMenuHorizontal ul.secondLevel li::after,
.WaGadgetMenuHorizontal ul.secondLevel li .item::before,
.WaGadgetMenuHorizontal ul.secondLevel li .item::after,
.WaGadgetMenuHorizontal ul.secondLevel li a::before,
.WaGadgetMenuHorizontal ul.secondLevel li a::after,
#idPrimaryMenu ul.secondLevel li::before,
#idPrimaryMenu ul.secondLevel li::after,
#idPrimaryMenu ul.secondLevel li .item::before,
#idPrimaryMenu ul.secondLevel li .item::after,
#idPrimaryMenu ul.secondLevel li a::before,
#idPrimaryMenu ul.secondLevel li a::after{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* =========================================================
   Mobile: menu + header text consistency
   ========================================================= */
@media (max-width:768px){

  /* Promo header fix (your WA gadget h1.promo case) */
  h1.promo{
    font-size:clamp(22px,6.5vw,34px) !important;
    line-height:1.05 !important;
    margin:.5rem auto !important;
    text-align:center !important;
  }
  h1.promo font{ font-size:inherit !important; }

  /* Make menu items easier to tap */
  .WaGadgetMenuHorizontal .firstLevel > li > .item > a,
  #idPrimaryMenu .firstLevel > li > .item > a{
    padding:12px 14px !important;
  }

  /* Dropdown spacing */
  .WaGadgetMenuHorizontal ul.secondLevel,
  #idPrimaryMenu ul.secondLevel{
    margin-top:6px !important;
  }
}

/* ---------- Video embeds ---------- */
.WaGadgetEmbeddedObject,
.WaGadgetVideo,
.videoBlock,
.embedContainer{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
.WaGadgetEmbeddedObject iframe,
.WaGadgetVideo iframe{
  width:100% !important;
  aspect-ratio:16/9 !important;
  border:0 !important;
  border-radius:12px !important;
  outline:1px solid rgba(0,0,0,.06) !important;
}
.WaGadgetEmbeddedObject iframe:hover{
  outline-color:rgba(0,0,0,.15) !important;
}
.videoCaption,
.WaGadgetVideo .caption{
  margin-top:.5rem !important;
  color:#333 !important;
  font-size:.95rem !important;
}

/* ---------- Events calendar ---------- */
.WaGadgetCalendar,
.WaGadgetEvents,
.WaGadgetEventsStateCalendar{
  background:var(--mcqdc-cream-soft) !important;
  border:1px solid rgba(0,0,0,.06) !important;
  border-radius:14px !important;
  padding:10px !important;
}
.WaGadgetCalendar .monthHeader,
.WaGadgetEventsStateCalendar .monthHeader{
  background:var(--mcqdc-green) !important;
  color:#fff !important;
  border-radius:10px !important;
  padding:8px 12px !important;
}
.WaGadgetCalendar .dayHeader{
  background:#fff !important;
  color:var(--mcqdc-green) !important;
  border-bottom:2px solid var(--mcqdc-green) !important;
  font-weight:700 !important;
}
.WaGadgetCalendar .monthView .dayCell{
  background:#fff !important;
  border:1px solid rgba(0,0,0,.06) !important;
}
.WaGadgetCalendar .monthView .dayCell.today{
  outline:3px solid var(--mcqdc-green) !important;
  outline-offset:-3px !important;
}
.WaGadgetCalendar .eventItem{
  background:rgba(23,87,47,.08) !important;
  border-left:3px solid var(--mcqdc-green) !important;
  border-radius:8px !important;
  color:#111 !important;
  padding:4px 8px !important;
  margin:4px 0 !important;
}
.WaGadgetCalendar .eventItem a{
  color:var(--mcqdc-green) !important;
  text-decoration:none !important;
}
.WaGadgetCalendar .eventItem a:hover{
  text-decoration:underline !important;
}

/* ---------- Accessibility ---------- */
:focus-visible{
  outline:3px solid var(--mcqdc-green) !important;
  outline-offset:2px !important;
}

/* =========================================================
   JOIN-US Membership Application widget (single card look)
   ========================================================= */
#idGeneralFormContainer,
#idGeneralFormContainer *{ box-sizing:border-box; }

/* Kill WA corner scaffold */
#idGeneralFormContainer .cornersContainer,
#idGeneralFormContainer .topCorners,
#idGeneralFormContainer .bottomCorners,
#idGeneralFormContainer .c1,
#idGeneralFormContainer .c2,
#idGeneralFormContainer .c3,
#idGeneralFormContainer .c4,
#idGeneralFormContainer .c5,
#idGeneralFormContainer .r1,
#idGeneralFormContainer .r2,
#idGeneralFormContainer .r3,
#idGeneralFormContainer .r4,
#idGeneralFormContainer .r5{ display:none !important; }

/* Flatten nested containers */
#idGeneralFormContainer .generalFormOuterContainer,
#idGeneralFormContainer .generalFormContainer,
#idGeneralFormContainer .formOuterContainer,
#idGeneralFormContainer .formContainer,
#idGeneralFormContainer .formTitleOuterContainer,
#idGeneralFormContainer .formTitleContainer,
#idGeneralFormContainer .generalFieldsOuterContainer,
#idGeneralFormContainer .generalFieldsContainer,
#idGeneralFormContainer .sectionOuterContainer,
#idGeneralFormContainer .sectionContainer,
#idGeneralFormContainer .navigationOuterContainer,
#idGeneralFormContainer .navigationContainer{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  margin:0 !important;
}

/* One “card” */
#idGeneralFormContainer .generalFormOuterContainer{
  font-family:Georgia,"Times New Roman",serif !important;
  max-width:1100px !important;
  margin:18px auto !important;
  background:rgba(255,253,209,.92) !important;
  border:1px solid rgba(20,32,19,.16) !important;
  border-radius:20px !important;
  box-shadow:0 10px 22px rgba(0,0,0,.10) !important;
  padding:18px 18px 16px !important;
}

/* Table layout responsive */
#idGeneralFormContainer table{ width:100% !important; border-collapse:collapse !important; }
#idGeneralFormContainer td.left{
  width:210px !important;
  padding-right:14px !important;
  vertical-align:top !important;
}
@media (max-width:700px){
  #idGeneralFormContainer td.left,
  #idGeneralFormContainer td.right{
    display:block !important;
    width:100% !important;
  }
  #idGeneralFormContainer td.left{
    padding-right:0 !important;
    margin-bottom:6px !important;
  }
}

/* Inputs */
#idGeneralFormContainer input.typeText,
#idGeneralFormContainer input[type="text"],
#idGeneralFormContainer input[type="email"]{
  width:100% !important;
  max-width:520px !important;
  padding:12px 12px !important;
  background:rgba(255,255,255,.55) !important;
  border:1px solid rgba(20,32,19,.18) !important;
  border-radius:14px !important;
  font-family:inherit !important;
  font-size:16px !important;
  color:rgba(20,32,19,.88) !important;
  outline:none !important;
}
#idGeneralFormContainer input.typeText:focus{
  border-color:rgba(23,87,47,.55) !important;
  box-shadow:0 0 0 3px rgba(23,87,47,.12) !important;
}

/* Next button */
#idGeneralFormContainer .nextButton,
#idGeneralFormContainer input.nextButton{
  background:var(--mcqdc-green) !important;
  color:var(--mcqdc-cream) !important;
  border:1px solid rgba(255,253,209,.35) !important;
  border-radius:14px !important;
  padding:10px 16px !important;
  font-family:inherit !important;
  font-size:16px !important;
  font-weight:700 !important;
  box-shadow:0 8px 18px rgba(0,0,0,.10) !important;
  cursor:pointer !important;
}
#idGeneralFormContainer .nextButton:hover{ filter:brightness(1.05) !important; }

/* Remove WA extra spacing */
#idGeneralFormContainer .clearEndContainer{ display:none !important; }

/* =========================================================
   MCQDC — MENU DOT FIX (DO NOT REMOVE)
   Locks submenu text color + removes bullet/dot artifacts
   ========================================================= */

/* Force submenu text to cream */
#id_ZNBLa5C > div > ul > li.dir > div > a > span{
  color:#fffdd1 !important;
}

/* Remove bullets / pseudo dots / background markers */
#id_ZNBLa5C ul,
#id_ZNBLa5C li{
  list-style:none !important;
  background-image:none !important;
}

/* Kill pseudo-elements that WA uses for dots */
#id_ZNBLa5C li::before,
#id_ZNBLa5C li::after,
#id_ZNBLa5C li .item::before,
#id_ZNBLa5C li .item::after,
#id_ZNBLa5C li a::before,
#id_ZNBLa5C li a::after,
#id_ZNBLa5C li span::before,
#id_ZNBLa5C li span::after{
  content:none !important;
  display:none !important;
  background:none !important;
}



/* Remove the side wood-grain image wherever it’s being applied */
html, body,
#id_PageBody, #id_PageOuterContainer, #id_MainContent,
.WaLayout, .WaLayoutContainer,
.pageLayout, .pageBackground, .background, .mainBackground,
.zoneOuter, .zoneContent, .zoneContentOuter {
  background-image: none !important;
}

/*-----------------------------------------------------*/


/* ===== Pickup Row Button (Contrast Safe) ===== */
.mcqdc-pickup-btn{
  padding:6px 14px;
  border-radius:999px;

  background:var(--c);          /* cream */
  color:var(--g) !important;    /* dark green text */

  font-size:13px;
  font-weight:700;
  text-decoration:none !important;
  white-space:nowrap;

  border:1px solid rgba(20,32,19,.25);
  box-shadow:0 6px 14px rgba(0,0,0,.12);
}

.mcqdc-pickup-btn:hover{
  background:#fff7b8;           /* slightly darker cream */
}



<style>
  /* Kill Wild Apricot's default "gadget spacing" between these two blocks */
  #id_NCeXwMb,
  #id_NCeXwMb .gadgetStyleBody{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  #id_iHrpBvK,
  #id_iHrpBvK .gadgetStyleBody{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Optional: tighten just a touch (adjust 0-12px) */
  #id_iHrpBvK{ margin-top: 8px !important; }
</style>