body {
  background-color: #fff;
}

body.darkMode {
    background-color: #1b1b1b;
    color: #fff;
}

/* Cookie banner is white background */
body.darkMode ._barnardos-consent-banner {
  color: black;
}
body.darkMode ._barnardos-consent-banner a {
  color: var(--barnardos-green);
}

.darkMode main > h2, .darkMode main > h3, .darkMode main > h4, .darkMode main > h5, .darkMode main > h6,
.darkMode .callout-block__card-body,
.darkMode #widenav .menu-buttons {
    color: #fff;
}

#logo .darkModeLogo {
  display: none;
}

.darkMode #logo .darkModeLogo {
  display: block;
}

.darkMode #logo img {
  display: none;
}

.darkMode #mainHeader search .searchFormInput, .darkMode #narrownav .searchFormInput {
  background-color: #000;
  border: 2px solid #fff;
  color: #fff;
}

.darkMode #mainHeader search .searchFormInput::placeholder, .darkMode #narrownav .searchFormInput::placeholder {
  color: #fff;
}

.darkMode #mainHeader header .header-top > a, .darkMode #narrownav .prominent-link{
  filter: drop-shadow(4px 6px #fff);
}

.darkMode .contents__menu,
.darkMode .contents__menu .title,
.darkMode .contents__menu .anchor-list,
.darkMode .contact-info,
.darkMode .contact-info__title,
.darkMode .contact-info__wrapper,
.darkMode .contact-info__content a,
.darkMode .callout-block__card   {
  background-color: #1b1b1b;
  color: #fff;
}

.darkMode .accordion__item,
.darkMode .form-stack form,
.darkMode .image-text-block,
.darkMode .callout-promo__container,
.darlMode .callout-promoBlob__container,
.darkMode .callout-promoBlob__container,
.darkMode .DownloadableResources ul li,
.darkMode .DownloadableResources ul li a,
.darkMode .teaser-card-list__grid,
.callout-blockImpact .callout-blockImpact__cards .callout-block__card-container .callout-block__card,
.darkMode .contents__menu-items li a,
.darkMode .callout-blockSvg__cards .callout-block__card-container, 
.darkMode .callout-blockSvg__cards .callout-block__card-container .callout-block__card,
.darkMode #mainHeader .accessibilityContainer,
.darkMode #mainHeader .goog-te-combo,
.darkMode .prominent-link--orange {
  background-color: #a5feae;
  color:  #1B1B1B;
}

.darkMode #hamburger path {
  fill: #a5feae;
}

/* filter for dark green colour */
.darkMode .callout-promo__image-wrapper,
.darkMode .callout-promoBlob__image-wrapper::before,
.darkMode .accordion__item summary h3::after,
.darkMode .callout-blockSvg__cards .callout-block__card-container::after {
  filter: brightness(0) saturate(100%) invert(23%) sepia(8%) saturate(2370%) hue-rotate(122deg) brightness(90%) contrast(84%);
}

.darkMode .accordion__item summary h3:hover::after {
  transform:scale(1.3);
}

.darkMode .fsBody .fsLabel,
.darkMode p a {
  color: #a5feae;
}

.darkMode .callout-block,
.darkMode .callout-block::after,
.darkMode .callout-block::before,
.darkMode .callout-blockImpact,
.darkMode .callout-blockSteps,
.darkMode .callout-blockSvg,
.darkMode .callout-blockSvg::after,
.darkMode .socialAccount,
.darkMode .contents__menu::after,
.accordion__title {
  background: none !important;
}

.darkMode .callout-blockImpact .callout-block__card-body,
.darkMode .callout-blockSteps__cards .callout-block__card-container::before,
.callout-blockSvg .callout-block__card-body  {
  color: #1b1b1b;
}

.darkMode .contents__menu,
.darkMode .contact-info__wrapper,
.darkMode .callout-block__card  {
  border: 1px solid #fff;
}

/* header */
.darkMode #mainHeader header,
.darkMode .headerBackground, .darkMode #widenav,
.darkMode #narrownav {
  background-color: #0B463D;
  color: #fff;
}

.darkMode #narrownav .menu-buttons, 
.darkMode #narrownav #menuTopLink a,
.darkMode  #logo .subLogoInline,
.darkMode .headerBottom  {
  color: #fff;
}

.darkMode .contents__menu-items li a,
.darkMode .teaser__title a {
  color: #0B463D;
}

.darkMode .callout-blockImpact .callout-block__card-button a,
.darkMode .cta a {
  background-color: #274944;
  box-shadow: 3px 3px #a5feae;
  color: #fff;
}

.darkMode .cta a:hover {
  box-shadow: none;
}

.darkMode .contact-info .contact-info__wrapper h3,
.darkMode .callout-promo__title, .callout-promo__subTitle {
  color: #000;
}

.darkMode .callout-block__card-button a {
  background-color: #a5feae;
  color: #0B463D
}

.darkMode .callout-blockSvg__cards .callout-block__card-container {
  border: none;
}

.darkMode .callout-blockSvg .callout-block__card-button a {
  background-color: #0B463D;
  color: #fff;
}