.lgd-page-section--no-bg-colour .featured-teaser * {
  color: initial;
}

/* Background colours on page sections */
.lgd-page-section--bg-colour-1 .ia-block--promoted,
.lgd-page-section--bg-colour-1 .pull-out-quote,
.lgd-page-section--bg-colour-1 .call-out-box__link,
.lgd-page-section--bg-colour-1 .callout-primary,
.lgd-page-section--bg-colour-1 .call-out-box__content {
  color: white;
  background: var(--color-page-section-background-color-1-text-color);
}

.lgd-page-section--bg-colour-1 {
  color: initial !important;
}

.lgd-page-section--bg-colour-1 {
  background-color: var(--color-accent);
  background-image: url('../assets/images/page-section-background.png');
  background-repeat: no-repeat;
  background-position: bottom;
  margin: 1rem;
  border-radius: 10px;
}


@media screen and (min-width: 768px) {
  .lgd-page-section--bg-colour-1 {
    background-color: transparent !important;
    padding-bottom: 12rem !important;
    margin: 0;
    border-radius: 0;
  }

  body {
    --color-page-section-background-color-1-text-color: var(--color-accent);
  }
}

.lgd-page-section--bg-colour-1 .call-out-box--has-image .call-out-box__content {
  background: transparent;
}

.lgd-page-section--bg-colour-2 .call-out-box__content h2,
.lgd-page-section--bg-colour-2 .call-out-box__content h3 {
  color: var(--color-accent-2);
}
.lgd-page-section--bg-colour-2 .call-out-box--has-image .call-out-box__content {
  background: transparent;
}

.field--name-localgov-paragraph-content > .field__item + .field__item {
  margin-bottom: 1rem;
}

.lgd-page-section--bg-colour-2 .pull-out-quote__content,
.lgd-page-section--bg-colour-2 .pull-out-quote__author,
.lgd-page-section--bg-colour-2 .ia-block--promoted a,
.lgd-page-section--bg-colour-2 .call-out-box__link,
.lgd-page-section--bg-colour-3 .call-out-box__link,
.lgd-page-section--bg-colour-3 .ia-block--promoted *,
.lgd-page-section--has-bg-colour .featured-teaser a,
.lgd-page-section--has-bg-colour .featured-teaser h2,
.lgd-page-section--has-bg-colour .featured-teaser h3,
.lgd-page-section--has-bg-colour .ia-block--promoted h2,
.lgd-page-section--has-bg-colour .ia-block--promoted h3 {
  color: inherit;
}

.lgd-page-section--bg-colour-2 .call-out-box__link,
.lgd-page-section--bg-colour-2 .call-out-box__content,
.lgd-page-section--bg-colour-2 .ia-block--promoted,
.lgd-page-section--bg-colour-2 .featured-teaser,
.lgd-page-section--bg-colour-2 .lgd-image__image + *,
.lgd-page-section--bg-colour-2 .pull-out-quote {
  color: var(--color-page-section-background-color-2);
  background-color: var(--color-page-section-background-color-2-text-color);
}

.lgd-page-section--has-bg-colour .ia-block:not(.ia-block--promoted) {
  background-color: transparent;
}

.lgd-page-section--has-bg-colour .lgd-icon {
  fill: inherit;
}

.lgd-page-section--bg-colour-1 .call-out-box__content h2,
.lgd-page-section--bg-colour-1 .call-out-box__content h3 {
  color: var(--color-page-section-background-color-1-text-color)
}

.lgd-page-section--bg-colour-1 .featured-teaser {
  color: var(--color-page-section-background-color-1-text-color);
  background-color: var(--color-page-section-background-color-1);
  border: 1px solid black;
}

.lgd-page-section--bg-colour-3 {
  background-color: transparent;
}

.lgd-page-section--bg-colour-3 .featured-teaser {
  color: var(--color-accent-2-contrast);
  background-color: var(--color-accent-2);
}

.lgd-page-section--bg-colour-3 .featured-teaser a {
  text-decoration-line: underline;
  text-decoration-color: var(--color-accent);
  text-decoration-thickness: 3px;
}

.lgd-page-section--bg-colour-3 .layout:not(.layout--fourcol):not(.layout--fourcol-with-heading) {
  background-color: transparent;
  box-shadow: none;
}

.lgd-page-section--bg-colour-3 .paragraph--type--localgov-text {
  padding: var(--spacing-largest) var(--spacing) var(--spacing);
  background-color: white;
  border-radius: 10px;
}

/* As soon as we have more than just text in here we're gonna need more CSS */
.lgd-page-section--bg-colour-3 .paragraph--type--localgov-text.paragraph--colour-1 {
  background-color: var(--color-accent);
  color: white;
}

.lgd-page-section--bg-colour-3 .paragraph--type--localgov-text.paragraph--colour-1 table {
  color: initial;
}

.lgd-page-section--bg-colour-3 .paragraph--type--localgov-text.paragraph--colour-2 {
  background-color: #1ABA52;
}

.lgd-page-section--bg-colour-3 .paragraph--type--localgov-text.paragraph--colour-3 {
  background-color: #1AB5BA;
}

.lgd-page-section--bg-colour-3 .paragraph--type--localgov-text.paragraph--colour-4 {
  background-color: #E34082;
  color: black;
}