/* =========================================================
   PAGE BACKGROUND COLOUR (BLUE) – PAGES 4016 + 5685
   ========================================================= */

body.page-id-4016,
body.page-id-5685 {
  background-color: #28a9e2 !important;
}

/* Theme wrapper overrides (prevents white bleed-through) */
body.page-id-4016 #page,
body.page-id-5685 #page,
body.page-id-4016 .site,
body.page-id-5685 .site,
body.page-id-4016 #content,
body.page-id-5685 #content,
body.page-id-4016 .site-content,
body.page-id-5685 .site-content,
body.page-id-4016 .content-area,
body.page-id-5685 .content-area,
body.page-id-4016 .site-main,
body.page-id-5685 .site-main {
  background-color: #28a9e2 !important;
}

/* Blog / entry boxes stay WHITE (your theme uses entry-wrapper) */
body.page-id-4016 .entry-wrapper,
body.page-id-5685 .entry-wrapper {
  background-color: #ffffff !important;
}


/* =========================================================
   MENUS – LOCKED TO YOUR HTML
   nav#site-navigation.main-navigation
   ul.main-menu (top level)
   ul.sub-menu (dropdowns)
   ========================================================= */

/* TOP LEVEL: hover = WHITE */
body.page-id-4016 nav#site-navigation ul.main-menu > li > a:hover,
body.page-id-5685 nav#site-navigation ul.main-menu > li > a:hover {
  color: #ffffff !important;
}

/* SUB MENU: normal text = BLACK */
body.page-id-4016 nav#site-navigation ul.sub-menu > li > a,
body.page-id-5685 nav#site-navigation ul.sub-menu > li > a {
  color: #000000 !important;
}

/* SUB MENU: hover text = BLUE (simple hover) */
body.page-id-4016 nav#site-navigation ul.sub-menu > li > a:hover,
body.page-id-5685 nav#site-navigation ul.sub-menu > li > a:hover {
  color: #28a9e2 !important;
}

/* =========================================================
   HARD OVERRIDE: SUBMENU HOVER TEXT = BLUE (covers li:hover > a)
   Put this AFTER the black rule so it always wins on hover
   ========================================================= */

body.page-id-4016 nav#site-navigation ul.main-menu ul.sub-menu li:hover > a,
body.page-id-5685 nav#site-navigation ul.main-menu ul.sub-menu li:hover > a,
body.page-id-4016 nav#site-navigation ul.main-menu ul.sub-menu li > a:hover,
body.page-id-5685 nav#site-navigation ul.main-menu ul.sub-menu li > a:hover,
body.page-id-4016 nav#site-navigation ul.main-menu ul.sub-menu li > a:focus,
body.page-id-5685 nav#site-navigation ul.main-menu ul.sub-menu li > a:focus,
body.page-id-4016 nav#site-navigation ul.main-menu ul.sub-menu li > a:focus-visible,
body.page-id-5685 nav#site-navigation ul.main-menu ul.sub-menu li > a:focus-visible {
  color: #28a9e2 !important;
}
/* PAGE HEADLINE (ENTRY TITLE) – WHITE */
body.page-id-4016 h1.entry-title,
body.page-id-5685 h1.entry-title {
  color: #ffffff !important;
}