/* Header, menu and footer: plum overlay and readable menu colours.
   Overrides the Astra Customizer header settings, so those don't need changing. */

/* Header photo overlay: old violet rgba(43,10,86,.75) -> plum overlay, matching the page heroes.
   Not applied on pages with a transparent header (e.g. Home), where the hero photo shows through. */
html body:not(.ast-theme-transparent-header) .ast-primary-header-bar,
html body:not(.ast-theme-transparent-header) .ast-primary-header-bar.ast-primary-header {
	background-image: var(--gpm-hero-overlay), url('/wp-content/uploads/2024/05/Page-Header.jpg');
}

/* Desktop top-level menu: white, with light gold on hover and for the current page. */
html body.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item > .menu-link,
html body.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item > .ast-menu-toggle {
	color: #FFFFFF;
}
html body.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:hover > .menu-link,
html body.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:focus-within > .menu-link,
html body.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:hover > .ast-menu-toggle,
html body.ast-desktop .ast-primary-header-bar .main-header-menu > .current-menu-item > .menu-link,
html body.ast-desktop .ast-primary-header-bar .main-header-menu > .current-menu-ancestor > .menu-link {
	color: #E7C873;
}
html body.ast-desktop .ast-primary-header-bar :focus-visible {
	outline-color: #E7C873;
}

/* Desktop dropdown (e.g. Services > Working with Generations): white panel, dark plum text. */
html body.ast-desktop .main-header-menu .sub-menu {
	background-color: #FFFFFF;
	border-color: #4A3768;
	border-top-width: 3px;
}
html body.ast-desktop .main-header-menu .sub-menu .menu-link {
	color: #2A1B3D;
}
html body.ast-desktop .main-header-menu .sub-menu .menu-item:hover > .menu-link,
html body.ast-desktop .main-header-menu .sub-menu .menu-link:focus-visible {
	color: #4A3768;
	background-color: #F4F1F8;
}

/* Mobile menu drawer (light background): dark plum text. */
html body .ast-mobile-popup-drawer .main-header-menu .menu-link,
html body .ast-mobile-popup-drawer .ast-menu-toggle,
html body.ast-header-break-point .ast-mobile-header-content .main-header-menu .menu-link,
html body.ast-header-break-point .ast-mobile-header-content .ast-menu-toggle {
	color: #2A1B3D;
}
html body .ast-mobile-popup-drawer .main-header-menu .menu-item:hover > .menu-link,
html body .ast-mobile-popup-drawer .main-header-menu .current-menu-item > .menu-link,
html body.ast-header-break-point .ast-mobile-header-content .main-header-menu .menu-item:hover > .menu-link,
html body.ast-header-break-point .ast-mobile-header-content .main-header-menu .current-menu-item > .menu-link {
	color: #4A3768;
	background-color: #F4F1F8;
}

/* Footer: Plum 900. */
html body .site-footer {
	background-color: #2A1B3D;
}