/* ===== JPM: Force Astra header to white + menu text to black ===== */

/* Header background */
#masthead,
.site-header,
.ast-primary-header-bar,
.ast-header-break-point .main-header-bar {
background: #ffffff !important;
}

/* Menu links (desktop) */
.main-header-menu > .menu-item > a,
.main-header-menu > .menu-item > .menu-link,
.ast-header-break-point .main-header-menu > .menu-item > a {
color: #000000 !important;
}

/* Hover + active */
.main-header-menu > .menu-item:hover > a,
.main-header-menu > .menu-item.current-menu-item > a,
.main-header-menu > .menu-item.current_page_item > a {
color: #000000 !important;
opacity: 0.75;
}

/* If Astra is adding a blue overlay/gradient */
.ast-primary-header-bar,
.main-header-bar {
background-image: none !important;
}

/* Social icons (if present in header) */
.ast-header-social-wrap a,
.ast-header-social-wrap a svg,
.ast-header-social-wrap a i {
color: #000 !important;
fill: #000 !important;
opacity: 1 !important;
}

/* Hover state */
.ast-header-social-wrap a:hover,
.ast-header-social-wrap a:hover svg,
.ast-header-social-wrap a:hover i {
color: #000 !important;
fill: #000 !important;
opacity: 1 !important;
}

/* ===== JPM: Editorial vertical margin rule (desktop only) ===== */
body::before {
content: "";
position: fixed;
top: 14%;
left: 34px;
width: 1px;
height: 72vh;
background: rgba(0,0,0,0.12);
z-index: 3;
pointer-events: none;
}

/* Mobile: hide the margin rule */
@media (max-width: 768px) {
body::before {
display: none;
}
}
/* ===== JPM: Force blog background to white ===== */

/* Blog index + archives */
.blog,
.archive,
.blog .site-content,
.archive .site-content {
  background: #ffffff !important;
}


/* ===== JPM: Submenu dropdown text color ===== */
.main-header-menu .sub-menu .menu-link,
.main-header-menu .sub-menu a,
#ast-desktop-header .sub-menu .menu-link,
#ast-desktop-header .sub-menu a,
#ast-mobile-header .sub-menu .menu-link,
#ast-mobile-header .sub-menu a {
  color: #161411 !important;
}
.main-header-menu .sub-menu .menu-link:hover,
.main-header-menu .sub-menu a:hover {
  color: #2c2721 !important;
}

/* ===== JPM: Constrain submenu dropdown width ===== */
.main-header-menu .sub-menu,
#ast-desktop-header .sub-menu {
  width: auto !important;
  min-width: 220px !important;
  max-width: 280px !important;
}