/* LWYC navy and brass look - Phase A, Nov 2026. To undo, keep only the original registrants rule below. */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,500;0,600;1,500&family=Open+Sans:wght@400;600;700&display=swap');

/* original rule: hide the public list of registrants option */
#FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_stepTemplate_isShownOnPublicContainer {display:none}

/* Base text, links, headings */
body { color: #1B2540; }
a, a:visited { color: #0E1C3A; }
a:hover { color: #8A6317; }
h1, h2, h3, h1.pageTitle { font-family: 'Lora', Georgia, serif; color: #0E1C3A; }

/* Breadcrumbs */
.WaGadgetBreadcrumbs a { color: #4A5878 !important; }
.WaGadgetBreadcrumbs a:hover { color: #8A6317 !important; }
.WaGadgetBreadcrumbs li, .WaGadgetBreadcrumbs li span { color: #0E1C3A !important; }

/* Top menu: navy bar, no dividers, brass underline on hover */
.WaGadgetCustomMenu.gadgetStyle001 { background: #0E1C3A; border-radius: 0 0 6px 6px; padding: 0 12px; }
.WaGadgetCustomMenu ul { text-align: left !important; margin: 0; }
.WaGadgetCustomMenu li::after { content: none !important; }
.WaGadgetCustomMenu li a {
  display: inline-block; padding: 13px 8px; color: #FFFFFF !important;
  font-family: 'Open Sans', Arial, sans-serif; font-weight: 600; font-size: 12.5px;
  letter-spacing: .02em; text-transform: uppercase; text-decoration: none !important;
  border-bottom: 3px solid transparent;
}
.WaGadgetCustomMenu li a:hover { border-bottom-color: #B8862B; color: #FFFFFF !important; }

/* Side menu: white panel, navy text, navy pill for the current page */
.WaGadgetMenuVertical ul.firstLevel {
  background: #FFFFFF !important; border: 1px solid #D6E0EC; border-radius: 8px; padding: 8px !important;
}
.WaGadgetMenuVertical ul.firstLevel a {
  color: #0E1C3A !important; border-radius: 6px; padding: 10px 14px !important;
  font-weight: 600; text-transform: none !important;
}
.WaGadgetMenuVertical ul.firstLevel a span { border-bottom: 0 !important; color: inherit !important; text-transform: none !important; }
.WaGadgetMenuVertical ul.firstLevel a:hover { background: #EEF3F9; }
.WaGadgetMenuVertical ul.firstLevel > li.sel > .item > a,
.WaGadgetMenuVertical ul.firstLevel > li.sel > .item > a:hover { background: #0E1C3A !important; color: #FFFFFF !important; }
.WaGadgetMenuVertical ul.firstLevel > li.sel > .item > a span { color: #FFFFFF !important; }

/* Side menu sub-level (About Us list): light panel, navy text */
.WaGadgetMenuVertical ul ul { background: #F4F7FB !important; border-radius: 6px; }
.WaGadgetMenuVertical ul ul a,
.WaGadgetMenuVertical ul ul a span { color: #0E1C3A !important; background: transparent; }
.WaGadgetMenuVertical ul ul a { padding: 8px 14px 8px 26px !important; font-weight: 600; }
.WaGadgetMenuVertical ul ul a:hover { background: #E4ECF6 !important; }
.WaGadgetMenuVertical ul ul li.sel > .item > a,
.WaGadgetMenuVertical ul ul li.sel > .item > a span { background: #0E1C3A !important; color: #FFFFFF !important; }

/* Login links (name / View profile / Change password / Log out) */
[class*=WaGadgetLogin] a, [class*=WaGadgetLogin] span, .WaGadgetLoginForm .loggedName { color: #0E1C3A !important; }
.WaGadgetLoginForm .loggedName { font-weight: 600; }
[class*=WaGadgetLogin] a:hover { color: #8A6317 !important; }

/* Buttons site-wide: navy pill with brass edge */
input.typeButton, a.eventBackLink, .boxActionContainer input {
  background: #0E1C3A !important; color: #FFFFFF !important; border: 2px solid #B8862B !important;
  border-radius: 30px !important; padding: 8px 20px !important; font-weight: 700 !important;
  text-shadow: none !important; box-shadow: none !important;
}
input.typeButton:hover, a.eventBackLink:hover { background: #1E3A6E !important; }

/* Calendar: outlined pill switchers, navy for the current view, light-blue event chips */
.WaGadgetEventsStateCalendar .viewSwitchersTable a {
  background: #FFFFFF !important; color: #0E1C3A !important; border: 1px solid #0E1C3A !important;
  border-radius: 20px !important; font-weight: 600; padding: 5px 14px !important;
}
.WaGadgetEventsStateCalendar .viewSwitchersTable a:hover { background: #EEF3F9 !important; }
.WaGadgetEventsStateCalendar .viewSwitchersTable span[class$="ButtonLabel"] {
  background: #0E1C3A !important; color: #FFFFFF !important; border-radius: 20px !important;
  border: 1px solid #0E1C3A !important; padding: 5px 14px !important;
}
td[class^="EventListCalendarItem"] > div { background: #E4ECF6 !important; border-radius: 6px; }
td[class^="EventListCalendarItem"] a { color: #0E1C3A !important; font-weight: 600; }
td[class^="EventListCalendarItem"] .eventTime { color: #8A6317 !important; font-weight: 700; }

/* Footer: navy band above the Powered by line */
.zoneBranding::before { content: "Laguna Woods Yacht Club  \00B7  Est. 2002  \00B7  info@lwyc.us"; display: block; background: #0E1C3A; color: #E9C77B; font: 600 12px 'Open Sans', Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase; text-align: center; padding: 18px 14px; margin: 14px auto 8px; max-width: 992px; box-sizing: border-box; border-radius: 6px; line-height: 1.8; }

/* A3: greeting in the menu bar (Home page login) */
.WaGadgetCustomMenu ul { overflow: hidden; }
.WaGadgetCustomMenu li.lwycGreet { float: right; padding: 13px 4px; color: #E9C77B; font-family: 'Open Sans', Arial, sans-serif; font-size: 12.5px; font-weight: 700; letter-spacing: .02em; }
.WaGadgetCustomMenu li.lwycGreet span { margin-right: 22px; }
.WaGadgetCustomMenu li.lwycGreet a.lwycGreetLink { display: inline-block; padding: 0 0 0 10px; color: #FFFFFF !important; font-size: 12px; font-weight: 600; text-transform: none; border: 0; }
.WaGadgetCustomMenu li.lwycGreet a.lwycGreetLink:hover { color: #E9C77B !important; border: 0; }
.WaGadgetCustomMenu li.lwycGreet .lwycLogout { display: inline-block; padding: 0 0 0 10px; }
.WaGadgetCustomMenu li.lwycGreet .lwycLogout form { display: inline; margin: 0; }
.WaGadgetCustomMenu li.lwycGreet .lwycLogout input { background: none !important; border: 0 !important; box-shadow: none !important; color: #FFFFFF !important; font: 600 12px 'Open Sans', Arial, sans-serif !important; padding: 0 !important; cursor: pointer; border-radius: 0 !important; }
.WaGadgetCustomMenu li.lwycGreet .lwycLogout input:hover { color: #E9C77B !important; }
.lwycMenuPhone { display: none; }
font[color="#0000FF"] { color: #0E1C3A !important; }

/* A3: phone layout (only active when the menu script has run) */
@media (max-width: 640px) {
body[data-lwyc] .WaGadgetCustomMenu ul.orientationHorizontal { display: none; }
body[data-lwyc] .WaGadgetCustomMenu { overflow: visible !important; position: relative; z-index: 50; }
body[data-lwyc] .lwycMenuPhone { display: block; position: relative; }
body[data-lwyc] .lwycMenuPhone summary { list-style: none; cursor: pointer; padding: 14px 16px; color: #FFFFFF; font: 700 13px 'Open Sans', Arial, sans-serif; letter-spacing: .08em; }
body[data-lwyc] .lwycMenuPhone summary::-webkit-details-marker { display: none; }
body[data-lwyc] .lwycMenuPhone .lwMenuLbl::before { content: '\2630  MENU'; }
body[data-lwyc] .lwycMenuPhone[open] .lwMenuLbl::before { content: '\2715  CLOSE'; }
body[data-lwyc] .lwycMenuPhone .lwList { position: absolute; left: -12px; right: -12px; top: 100%; margin: 6px 0 0; padding: 6px 8px; list-style: none; background: #FFFFFF; border: 1px solid #D6E0EC; border-radius: 8px; box-shadow: 0 8px 20px rgba(14,28,58,.25); z-index: 60; text-align: left; }
body[data-lwyc] .lwycMenuPhone .lwList li { display: block; margin: 0; padding: 0; }
body[data-lwyc] .lwycMenuPhone .lwList a { display: block; padding: 6px 14px; color: #0E1C3A !important; font: 600 15px 'Open Sans', Arial, sans-serif; text-transform: none; text-decoration: none !important; border: 0; border-radius: 6px; }
body[data-lwyc] .lwycMenuPhone .lwList a:hover { background: #EEF3F9; }
body[data-lwyc] .lwycMenuPhone .lwList li.lwAcct { border-top: 1px solid #D6E0EC; margin-top: 6px; padding: 10px 14px 6px; font: 700 14px 'Open Sans', Arial, sans-serif; color: #8A6317; }
body[data-lwyc] .lwycMenuPhone .lwList li.lwAcct span { margin-right: 18px; }
body[data-lwyc] .lwycMenuPhone .lwList li.lwAcct a { display: inline-block; padding: 0 14px 0 0; font-size: 14px; }
body[data-lwyc] .lwycMenuPhone .lwList li.lwAcct form { display: block; margin: 6px 0 0; }
body[data-lwyc] .lwycMenuPhone .lwList li.lwAcct input { background: none !important; border: 0 !important; box-shadow: none !important; color: #0E1C3A !important; font: 600 14px 'Open Sans', Arial, sans-serif !important; padding: 0 !important; cursor: pointer; }
body[data-lwyc] .WaGadgetMenuVertical { display: none; }
body[data-lwyc] #id_slYgVos, body[data-lwyc] .WaLayoutSeparator { display: none !important; }
body[data-lwyc] #id_RxE3lzb { display: block !important; width: 100% !important; }
}
/* Mobile login form — stack fields at phone width */
@media (max-width:640px){
  .WaGadgetLoginForm .loginContainerForm,.WaGadgetLoginForm .openAuthFormContainer,.WaGadgetLoginForm .oAuthButtonsContainer{text-align:left!important;float:none!important;width:auto!important}
  .WaGadgetLoginForm .oAuthButtonsContainer{margin:0 0 14px!important}
  .WaGadgetLoginForm .generalLoginBox{display:block!important;width:100%!important}
  .WaGadgetLoginForm .loginUserName,.WaGadgetLoginForm .loginPassword,.WaGadgetLoginForm .loginUserNameTextBox,.WaGadgetLoginForm .loginPasswordTextBox{display:block!important;float:none!important;width:100%!important;max-width:none!important;margin:0 0 10px!important;box-sizing:border-box!important}
  .WaGadgetLoginForm .emailTextBoxControl,.WaGadgetLoginForm .passwordTextBoxControl{width:100%!important;box-sizing:border-box!important;padding-top:10px!important;padding-bottom:10px!important}
  .WaGadgetLoginForm .loginActionRememberMe,.WaGadgetLoginForm .loginAction{display:inline-block!important;float:none!important;vertical-align:middle;margin:0 16px 0 0!important;width:auto!important}
  .WaGadgetLoginForm .loginPasswordForgot{display:block!important;float:none!important;width:auto!important;margin:12px 0 0!important}
}
/* --- Button gadget: white text on dark background --- */
.WaGadgetLoginForm .gadgetContentEditableArea > div > a,
.gadgetContentEditableArea > div > a { color: #FFFFFF !important; }
.WaGadgetLoginForm .gadgetContentEditableArea > div > a:hover,
.gadgetContentEditableArea > div > a:hover { color: #F5E6C0 !important; }

/* --- Login form: left-align OAuth icons at all widths --- */
.WaGadgetLoginForm .openAuthFormContainer,
.WaGadgetLoginForm .oAuthButtonsContainer { text-align: left !important; }