/*
  This is a bit of a generic file for items in the general content region.

  There's quite a very items in the page-sections.css file in localgov_base
  that are overriding items (if a background colour has been set). We'll
  use this file to fix some of those.
*/

.lgd-content-section {
  background-color: var(--color-accent-lighter);
  padding-top: var(--spacing-larger);
  padding-bottom: var(--spacing-larger);
}

.region-content-bottom {
  background-color: var(--color-accent-lighter);
  padding-bottom: var(--spacing-larger);
}

/*
  This is a little hacky to ensure we don't have some blue space on
  pages with banners, added via the padding-top on .lgd-content-section
  above.

  When we can use :has, we can have a better rule like
  .lgd-content-section:has(.localgov-subsites-overview__banner) .lgd-content-section {
    padding-top: 0;
  }
*/
.lgd-content-section .localgov-subsites-overview__banner {
  margin-top: calc(var(--spacing-larger) * -1);
}

.path-frontpage .lgd-content-section .localgov-subsites-overview__banner {
  margin-bottom: -1rem;
}

.lgd-page-section .call-out-box__link {
  color: var(--call-out-box-bg-color);
}

.lgd-page-section .accordion-pane__title button:focus,
.lgd-page-section .accordion-pane__title button:hover {
  color: var(--color-black);
}

.lgd-page-section .tab-panel {
  color: var(--color-black);
  background-color: var(--color-white);
}

.lgd-page-section .pull-out-quote__content {
  color: var(--color-black);
}

.lgd-page-section .ia-block__title {
  color: var(--color-black);
}
.lgd-page-section .ia-block a {
  color: var(--color-black);
}