.page-id-505 #site-navigation,
.page-id-591 #site-navigation,
.page-id-579 #site-navigation,
.page-id-590 #site-navigation,
.page-id-580 #site-navigation,
.page-id-587 #site-navigation,
.page-id-598 #site-navigation,
.page-id-589 #site-navigation,
.page-id-586 #site-navigation,
.page-id-1356 #site-navigation,
.page-id-585 #site-navigation,
.page-id-1643 #site-navigation,
.page-id-1644 #site-navigation,
.page-id-1645 #site-navigation,
.page-id-1646 #site-navigation,
.page-id-588 #site-navigation {
  background-color: #08172F;
}

/* CHRIS DALE PORTFOLIO NAV STATES */

body:is(
  .page-id-505,
  .page-id-591,
  .page-id-579,
  .page-id-590,
  .page-id-580,
  .page-id-587,
  .page-id-598,
  .page-id-589,
  .page-id-586,
  .page-id-1356,
  .page-id-585,
  .page-id-588,
  .page-id-1643,
  .page-id-1644,
  .page-id-1645,
  .page-id-1646,
) #site-navigation.main-navigation ul > li:hover > a,

body:is(
  .page-id-505,
  .page-id-591,
  .page-id-579,
  .page-id-590,
  .page-id-580,
  .page-id-587,
  .page-id-598,
  .page-id-589,
  .page-id-586,
  .page-id-1356,
  .page-id-585,
  .page-id-588
) #site-navigation.main-navigation ul > li.focus > a,

body:is(
  .page-id-505,
  .page-id-591,
  .page-id-579,
  .page-id-590,
  .page-id-580,
  .page-id-587,
  .page-id-598,
  .page-id-589,
  .page-id-586,
  .page-id-1643,
  .page-id-1644,
  .page-id-1645,
  .page-id-1646,
  .page-id-1356,
  .page-id-585,
  .page-id-588
) #site-navigation.main-navigation ul > li.current-menu-item > a {
  background-color: #0B7EEE;
  color: #FFFFFF;
}


/* DROPDOWN BACKGROUND */

body:is(
  .page-id-505,
  .page-id-591,
  .page-id-579,
  .page-id-590,
  .page-id-580,
  .page-id-587,
  .page-id-598,
  .page-id-589,
  .page-id-1643,
  .page-id-1644,
  .page-id-1645,
  .page-id-1646,
  .page-id-586,
  .page-id-1356,
  .page-id-585,
  .page-id-588
) #site-navigation.main-navigation ul ul {
  background-color: #08172F;
}


/* DROPDOWN HOVER / ACTIVE */

body:is(
  .page-id-505,
  .page-id-591,
  .page-id-579,
  .page-id-590,
  .page-id-580,
  .page-id-587,
  .page-id-598,
  .page-id-589,
  .page-id-1643,
  .page-id-1644,
  .page-id-1645,
  .page-id-1646,
  .page-id-586,
  .page-id-1356,
  .page-id-585,
  .page-id-588
) #site-navigation.main-navigation ul ul li:hover > a,

body:is(
  .page-id-505,
  .page-id-591,
  .page-id-579,
  .page-id-590,
  .page-id-580,
  .page-id-587,
  .page-id-598,
  .page-id-589,
  .page-id-586,
  .page-id-1643,
  .page-id-1644,
  .page-id-1645,
  .page-id-1646,
  .page-id-1356,
  .page-id-585,
  .page-id-588
) #site-navigation.main-navigation ul ul li.current-menu-item > a {
  background-color: #0B7EEE;
  color: #FFFFFF;
}


/* ELECTRIC BLUE DOT SEPARATORS */

body:is(
  .page-id-505,
  .page-id-591,
  .page-id-579,
  .page-id-590,
  .page-id-580,
  .page-id-587,
  .page-id-598,
  .page-id-589,
  .page-id-1643,
  .page-id-1644,
  .page-id-1645,
  .page-id-1646,
  .page-id-586,
  .page-id-1356,
  .page-id-585,
  .page-id-588
) #site-navigation.main-navigation ul.main-menu > li:after {
  color: #0B7EEE;
}

/* CHRIS DALE PORTFOLIO HEADER LOGO */

body:is(
  .page-id-505,
  .page-id-591,
  .page-id-579,
  .page-id-590,
  .page-id-580,
  .page-id-587,
  .page-id-598,
  .page-id-589,
  .page-id-586,
  .page-id-1643,
  .page-id-1644,
  .page-id-1645,
  .page-id-1646,
  .page-id-1356,
  .page-id-585,
  .page-id-588
) .custom-logo {
  content: url("https://autismthroughmyeyes.co.uk/wp-content/uploads/2026/09/header.png");
}

/* AUTISM SITE HEADER LOGO SIZE */

body:not(
  .page-id-505,
  .page-id-591,
  .page-id-579,
  .page-id-590,
  .page-id-580,
  .page-id-587,
  .page-id-598,
  .page-id-589,
  .page-id-586,
  .page-id-1643,
  .page-id-1644,
  .page-id-1645,
  .page-id-1646,
  .page-id-1356,
  .page-id-585,
  .page-id-588
) .custom-logo {
  max-width: 650px;
  width: 100%;
  height: auto;
}

/* KEEP HEADER / NAV POSITION IDENTICAL */

@media only screen and (min-width: 640px) {

  #masthead .site-branding {
    height: 312px;
    width: 100%;
    padding: 32px 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #masthead .custom-logo {
    width: auto;
    max-width: 650px;
    max-height: 230px;
    object-fit: contain;
  }
}

/* PORTFOLIO BUTTON COLOURS */

body:is(
  .page-id-505,
  .page-id-591,
  .page-id-579,
  .page-id-590,
  .page-id-580,
  .page-id-587,
  .page-id-598,
  .page-id-1643,
  .page-id-1644,
  .page-id-1645,
  .page-id-1646,
  .page-id-586,
  .page-id-1356,
  .page-id-585,
  .page-id-588
) .wp-block-button__link,

body:is(
  .page-id-505,
  .page-id-591,
  .page-id-579,
  .page-id-590,
  .page-id-580,
  .page-id-587,
  .page-id-598,
  .page-id-586,
  .page-id-1643,
  .page-id-1644,
  .page-id-1645,
  .page-id-1646,
  .page-id-1356,
  .page-id-585,
  .page-id-588
) .button {

  background-color: #08172F !important;
  color: #FFFFFF !important;
}


/* PORTFOLIO BUTTON HOVER */

body:is(
  .page-id-505,
  .page-id-591,
  .page-id-579,
  .page-id-590,
  .page-id-580,
  .page-id-1643,
  .page-id-1644,
  .page-id-1645,
  .page-id-1646,
  .page-id-587,
  .page-id-598,
  .page-id-586,
  .page-id-1356,
  .page-id-585,
  .page-id-588
) .wp-block-button__link:hover,

body:is(
  .page-id-505,
  .page-id-591,
  .page-id-579,
  .page-id-590,
  .page-id-580,
  .page-id-587,
  .page-id-1643,
  .page-id-1644,
  .page-id-1645,
  .page-id-1646,
  .page-id-598,
  .page-id-589,
  .page-id-586,
  .page-id-1356,
  .page-id-585,
  .page-id-588
) .button:hover {

  background-color: #0B7EEE !important;
  color: #FFFFFF !important;
}

/* Fix footer social icons on Elementor pages */
body.elementor-page #colophon .wp-block-social-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  list-style: none;
  padding: 0;
}

body.elementor-page #colophon .wp-social-link {
  list-style: none;
  margin: 0;
  padding: 0;
  background: transparent;
}

body.elementor-page #colophon .wp-social-link::before,
body.elementor-page #colophon .wp-social-link::after {
  content: none;
}

body.elementor-page #colophon .wp-social-link a {
  display: flex;
  padding: 0;
  color: #198876;
  text-decoration: none;
  border: 0;
  box-shadow: none;
}

body.elementor-page #colophon .wp-social-link svg {
  width: 36px;
  height: 36px;
  fill: currentColor;
}

/* Navy footer icons on portfolio pages */
body:is(
  .page-id-505,
  .page-id-591,
  .page-id-579,
  .page-id-590,
  .page-id-580,
  .page-id-587,
  .page-id-598,
  .page-id-1643,
  .page-id-1644,
  .page-id-1645,
  .page-id-1646,
  .page-id-589,
  .page-id-1356,
  .page-id-586,
  .page-id-585,
  .page-id-588
) #colophon .wp-social-link a {
  color: #08172F;
}