/* ======================================================
   NYSEPS MEMBER PORTAL BRAND (2026-11-10)
   Matches nyseps.org. Hex values live only in :root.
   ========================================================= */
:root {
  --nys-primary: #1455AA;
  --nys-secondary: #2E6185;
  --nys-info: #0D3D7A;
  --nys-light: #E6ECF2;
  --nys-dark: #333333;
  --nys-border: #C5D0D8;
  --nys-light-blue: #4AC7FB;
  --nys-white: #FFFFFF;
  --nys-band: rgba(13, 61, 122, 0.85);
}

/* Page background and body text */
body { background: var(--nys-white) !important; background-image: none !important; font-size: 16px; color: var(--nys-dark); }

/* Links */
a, a:link, a:visited, a.linkAlternative, a.linkAlternative:visited { color: var(--nys-info); }
a:hover, a.linkAlternative:hover { color: var(--nys-primary); text-decoration: underline; }

/* Headings: uppercase Dark, as on nyseps.org */
.zoneContent h1, .zoneContent h2, .zoneContent h3, .zoneContent h4 { color: var(--nys-dark); text-transform: uppercase; }
.zoneContent h3 { font-weight: 700; }

/* Header photo banner / slideshow (zoneHeader1) removed on every page, per Tim 2026-11-10. The title band below it stays. */
.zoneHeader1Outer { display: none !important; }

/* Title band under the header photo: same block (id_TkLUn4I) on every template.
   The old society name is hidden and "NYSEPS MEMBER PORTAL" shown instead, at the theme's own font size. */
.contStylePromo { background-color: var(--nys-band); }
#id_TkLUn4I .contStylePromo { position: relative; visibility: hidden; }
#id_TkLUn4I .contStylePromo::after {
  content: "NYSEPS MEMBER PORTAL"; visibility: visible; position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center; background-color: var(--nys-band);
}

/* Footer copyright bar (colour is set inline on the gadget) */
.zoneFooter1 .WaGadgetContent { background-color: var(--nys-info) !important; }
/* Copyright line: same block (id_KsJSzPL) on every template; old name and year hidden, current line shown. */
#id_KsJSzPL .gadgetContentEditableArea { position: relative; visibility: hidden; }
#id_KsJSzPL .gadgetContentEditableArea::after { content: "\00A9  2026 New York Society of Eye Physicians & Surgeons"; visibility: visible; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: var(--nys-white); font-size: 12px; line-height: 16px; white-space: nowrap; display: block !important; height: auto !important; overflow: visible !important; clear: none !important; }

/* Header logo: drop the logo block's 30px top / 10px bottom padding so it lines up with the menu. */
#id_bLtkq94 .gadgetStyleBody, #id_9NbSlQS .gadgetStyleBody,
.zoneHeader .WaGadgetContent:has(img[src*="NYSEPS-logo"]) > .gadgetStyleBody { padding-top: 0 !important; padding-bottom: 0 !important; }

/* Main menu (16px to match nyseps.org; four items fit without the overflow hamburger) */
.WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel > li > .item > a,
.WaGadgetMenuHorizontal .menuInner ul ul li > .item > a { font-family: "Open Sans", sans-serif; text-transform: none; }
.WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel > li > .item > a { font-size: 16px; padding-right: 24px; }
/* Dropdown items: room for the dot marker, which the theme pins near the right edge */
.WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel > li.dir > .item > a { padding-right: 30px; }
.WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel > li.dir > .item > a:after { right: 12px; }
/* Main menu */
.WaGadgetMenuHorizontal.menuStyle002 .menuInner { border-bottom-color: var(--nys-primary); }
.WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel > li > .item > a,
.WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel > li.sel > .item:hover > a { color: var(--nys-secondary); font-weight: 700; }
.WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel > li > .item:hover > a { color: var(--nys-info); }
.WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel > li.sel > .item > a > span:after,
.WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel > li.dir > .item > a:after,
.WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel > li.dir > .item:hover > a:after { background: var(--nys-primary); background-color: var(--nys-primary); }
.WaGadgetMenuHorizontal .menuInner ul ul,
.WaGadgetMenuHorizontal.menuStyle002 .menuInner .menuButton { background: var(--nys-info); }
.WaGadgetMenuHorizontal.menuStyle002 .menuInner ul ul { border-top-color: var(--nys-primary); }
.WaGadgetMenuHorizontal.menuStyle002 .menuInner ul ul ul:before { border-left-color: var(--nys-light-blue); }

/* Primary buttons: Primary fill, white text, square, uppercase (theme default fails contrast) */
.functionalButton,
.navigationOuterContainer .navigationContainer input.nextButton,
.navigationOuterContainer .navigationContainer input.typeButton,
.generalFieldsContainer input[type=submit],
.generalFieldsContainer input.typeButton,
.commonMessageBox .cww-co .buttons input[type="submit"],
.commonMessageBox .cww-co .buttons input.typeButton,
a.stylizedButton.buttonStyle001,
.zoneContent input.typeButton, .zoneContent input[type=submit], .zoneContent input[type=button],
input[type=submit].loginButton, .loginButton {
  background: var(--nys-primary) !important; background-image: none !important;
  border: 2px solid var(--nys-primary) !important; color: var(--nys-white) !important;
  border-radius: 0 !important; text-transform: uppercase; text-shadow: none !important;
}
.functionalButton:hover,
.navigationOuterContainer .navigationContainer input.nextButton:hover,
.navigationOuterContainer .navigationContainer input.typeButton:hover,
.generalFieldsContainer input[type=submit]:hover,
.generalFieldsContainer input.typeButton:hover,
.commonMessageBox .cww-co .buttons input[type="submit"]:hover,
a.stylizedButton.buttonStyle001:hover, .loginButton:hover,
.zoneContent input.typeButton:hover, .zoneContent input[type=submit]:hover, .zoneContent input[type=button]:hover {
  background: var(--nys-info) !important; border-color: var(--nys-info) !important; color: var(--nys-white) !important;
}

/* Secondary buttons: Primary outline */
a.stylizedButton.buttonStyle002, a.stylizedButton.buttonStyle003,
.navigationOuterContainer .navigationContainer a.backLink {
  background: transparent !important; background-image: none !important;
  border: 2px solid var(--nys-primary) !important; color: var(--nys-primary) !important;
  border-radius: 0 !important; text-transform: uppercase; text-shadow: none !important;
}
a.stylizedButton.buttonStyle002:hover, a.stylizedButton.buttonStyle003:hover,
.navigationOuterContainer .navigationContainer a.backLink:hover {
  background: var(--nys-primary) !important; color: var(--nys-white) !important;
}

/* Form fields */
.fieldBody input[type=text], .fieldBody input[type=email], .fieldBody input[type=password],
.fieldBody textarea, .fieldBody select { border: 1px solid var(--nys-border); border-radius: 0; }
.fieldBody input:focus, .fieldBody textarea:focus, .fieldBody select:focus,
a:focus-visible, input:focus-visible, button:focus-visible {
  border-color: var(--nys-primary); outline: 2px solid var(--nys-light-blue); outline-offset: 1px;
}
/* ===================== END NYSEPS BRAND ===================== */

.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLink{
display:none;
}

/* SOCIAL LOGIN BUTTONS HIDE */
.WaGadgetAuthorizationRequired .openAuthFormContainer {
border-right: none;
max-width: 0px;
padding-right: 40px;
display: none;
}

/* PADDING TO SOCIAL LOGIN BUTTONS HIDE */
.WaGadgetAuthorizationRequired .authFormContainer {
padding-left: 0;
}

/* To remove the login buttons from the member directory personal profiles (at the bottom): */

/* MEMBER SOCIAL LOGIN BUTTONS HIDE */
#socialLoginContainer, #idSocialLoginContainer {
display: none;
}
/* Hide FB G+ Login Buttons in header pop up */
a.wa-authenticateLoginLink.facebook,
a.wa-authenticateLoginLink.googlePlus {display:none;}
