/* DEMO ONLY — not part of the install.
   A thin stand-in for the parts of Wild Apricot's base theme (Kaleidoscope Neon v3.0
   combined.css) that the markup relies on: table layouts, mobile panel open/close
   state, hidden login dropdown. On a real WA site the base theme provides all of this. */
html, body { margin: 0; padding: 0; }
*, *::before, *::after { box-sizing: border-box; }
.WaLayoutTable { width: 100%; border-collapse: collapse; table-layout: fixed; }
.WaLayoutItem { vertical-align: top; }
.WaLayoutSeparator { padding: 0; }
.gadgetStyleBody img { max-width: 100%; }
/* WA shows the mobile panel's menu/login drawers only when their button has .active */
.WaGadgetMobilePanel .mobilePanel .menuInner,
.WaGadgetMobilePanel .mobilePanel .loginInner { display: none; }
.WaGadgetMobilePanel .mobilePanel .buttonMenu.active ~ .menuInner,
.WaGadgetMobilePanel .mobilePanel .buttonLogin.active ~ .loginInner { display: block; }
/* The header login form dropdown is closed until WA's script opens it */
.WaGadgetLoginForm .loginContainer { display: none; }
.WaGadgetLoginForm .loginContainer.is-open { display: block; }
.WaGadgetMenuHorizontal .menuButton { display: none; }
.WaGadgetSiteSearch .autoSuggestionBox { display: none; }
.WaGadgetCustomMenu .toggleButton { display: none; }
.WaGadgetMenuHorizontal .menuInner ul ul { display: none; }
.WaGadgetMenuHorizontal .menuInner li:hover > .item > ul,
.WaGadgetMenuHorizontal .menuInner li:focus-within > .item > ul { display: block; }
.WaGadgetMobilePanel .menuInner ul ul { display: block; }
.zoneWAbranding { display: none; }