/* ========= NCBA - Base Styles (Custom CSS) ========= */

/* Hero box (keep) */
.hero-box {
  box-shadow: 0 10px 25px rgba(0,0,0,0.24);
  background: rgba(255,255,255,0);
}

/* Logged-in header link color (keep) */
.WaGadgetLoginButton .loginContainer.authenticated .loginLink {
  color: #ffffff;
}

/* Links (site-wide) */
a { color: #0B2244; }
a:hover { color: #D4A752; }

/* Headings color */
h1, h2, h3, h4, h5 { color: #0B2244; }

/* Primary buttons */
.btn-primary, .button-primary, a.btn-primary,
input[type="submit"], button[type="submit"]{
  background-color: #0B2244;
  border-color: #0B2244;
  color: #ffffff;
}
.btn-primary:hover, .button-primary:hover, a.btn-primary:hover,
input[type="submit"]:hover, button[type="submit"]:hover{
  background-color: #D4A752;
  border-color: #D4A752;
  color: #0B2244;
}

/* Dropdown menu fix (About Us) */
#idPrimaryMenu ul ul,
.WaGadgetMenuHorizontal ul ul {
  background-color: #0B2244 !important;
}
#idPrimaryMenu ul ul a,
.WaGadgetMenuHorizontal ul ul a {
  color: #D4A752 !important;
}
#idPrimaryMenu ul ul a:hover,
.WaGadgetMenuHorizontal ul ul a:hover {
  background-color: #D4A752 !important;
  color: #0B2244  !important;
}

/* Section spacing: tighten gap between paragraphs and H2 headers */
h2 {
  margin-top: 28px !important;   /* controls space BEFORE headers */
  margin-bottom: 12px !important;
}
p {
  margin-bottom: 14px !important; /* controls space AFTER paragraphs */
}
/* Lists: force indent + readable spacing */
.WaGadgetContent ul,
.zoneContent ul,
#idPrimaryContent ul,
#idContent ul {
  padding-left: 32px !important;
  margin-left: 0 !important;
  list-style-position: outside !important;
}
.WaGadgetContent li,
.zoneContent li,
#idPrimaryContent li,
#idContent li {
  margin-bottom: 12px !important;
  line-height: 1.6 !important;
}

.WaGadgetContent li:last-child,
.zoneContent li:last-child,
#idPrimaryContent li:last-child,
#idContent li:last-child {
  margin-bottom: 0 !important;
}
/* Membership Application gadget – white card */
.WaGadgetMembershipApplication,
.WaGadgetMembershipApplication .gadgetContent,
.WaGadgetPublicWizard,
.WaGadgetPublicWizard .gadgetContent {
  background-color: #ffffff !important;
  padding: 28px !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12) !important;
}
/* Blog gadget – white card on navy background */
.WaGadgetBlog,
.WaGadgetBlog .gadgetContent,
.WaGadgetBlog .blogPost,
.WaGadgetBlog .blogPostContent {
  background-color: #ffffff !important;
  padding: 28px !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12) !important;
}

/* Space between multiple blog posts */
.WaGadgetBlog .blogPost {
  margin-bottom: 28px !important;
}
/* DIAGNOSTIC: highlight common WA layout wrappers */
[class*="layout"] { outline: 3px solid magenta !important; }
[id*="Layout"], [id*="layout"] { outline: 3px solid cyan !important; }
/* Clean, final sizing for CG subheads */
h2.cg {
  font-size: 28px !important;
  line-height: 1.2 !important;
}