/* Custom Design page only: alternate white and pale sage through every
   ordinary post-hero content section. */
html body.granny-page.designs-page.cd-page[data-business="granny-flats"] main > .cd-why,
html body.granny-page.designs-page.cd-page[data-business="granny-flats"] main > .cd-featured-example,
html body.granny-page.designs-page.cd-page[data-business="granny-flats"] main > .cd-compare {
  background: #fff !important;
}

html body.granny-page.designs-page.cd-page[data-business="granny-flats"] main > .cd-inspiration,
html body.granny-page.designs-page.cd-page[data-business="granny-flats"] main > .cd-process,
html body.granny-page.designs-page.cd-page[data-business="granny-flats"] main > .cd-faq {
  background: #f0f7f1 !important;
}

html body.granny-page.designs-page.cd-page[data-business="granny-flats"] main > .cd-inspiration {
  color: var(--cd-text);
}

html body.granny-page.designs-page.cd-page[data-business="granny-flats"] main > #custom-design-inspiration .cd-section-heading h2 {
  color: var(--cd-ink) !important;
}

html body.granny-page.designs-page.cd-page[data-business="granny-flats"] main > #custom-design-inspiration .cd-section-heading > p:last-child {
  color: var(--cd-muted) !important;
}

@media (min-width: 1101px) {
  html body.granny-page.designs-page.cd-page[data-business="granny-flats"] main > #custom-design-why {
    padding-bottom: calc(58px - 5mm) !important;
  }

  html body.granny-page.designs-page.cd-page[data-business="granny-flats"] main > #custom-design-why .cd-why__layout {
    row-gap: calc(64px - 5mm);
  }
}