/*
 * CCSNH Custom Overrides
 * Add targeted style changes here instead of editing style.css directly.
 * This file is enqueued after the main theme stylesheet.
 */

/* Example pattern:
.page-id-1234 .some-class {
  color: #27338d;
}
*/

/* Post/page hero title — blue on white (not on green archive strip) for WCAG + WAVE */
#page-header .callout h1 {
	background-color: #ffffff !important;
	color: #27338d !important;
}

/*
 * Header navigation — explicit colors for automated contrast checkers
 * (WAVE often cannot use background *images*; top bar sits on header-bg.png.)
 * !important wins over Bootstrap/global `a` rules.
 */
/* Top utility bar — ul id is often `header` from wp_nav_menu( menu_id => header ) */
#masthead #top-navigation.main-navigation a {
	color: #ffffff !important;
	background-color: #27338d !important;
}

#masthead #top-navigation.main-navigation a:hover,
#masthead #top-navigation.main-navigation a:focus,
#masthead #top-navigation.main-navigation a:focus-visible {
	color: #03c1fa !important;
	background-color: #27338d !important;
}

#masthead #site-navigation.main-navigation ul#primary-menu > li > a {
	color: #ffffff !important;
	background-color: #27338d !important;
}

#masthead #site-navigation.main-navigation ul#primary-menu ul.sub-menu a {
	color: #ffffff !important;
	background-color: #27338d !important;
}

#masthead #site-navigation.main-navigation ul#primary-menu ul.sub-menu li:hover > a,
#masthead #site-navigation.main-navigation ul#primary-menu ul.sub-menu li:active > a {
	color: #ffffff !important;
	background-color: #367c2b !important;
}