/* Colour Block Paragraph Styles */

/* The outer DS wrapper — ensure it participates fully in the parent grid cell */
.paragraph--type-colour-block {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: auto;
  padding: 0 !important;
}

/* .colour-block__inner fills the grid cell */
.colour-block__inner {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 320px;
}

/* .colour-block__link is the clickable card surface */
.colour-block__link {
  flex: 1;
  min-height: 320px;
}

/* Default background colour when no image is set */
.paragraph--type--colour-block.has-background-color .colour-block__link {
  background-color: #ff4024 !important;
}

/* Prevent global `a span` colour rule from overriding the CTA button text */
.colour-block__cta,
a:hover .colour-block__cta,
a:active .colour-block__cta,
a:visited .colour-block__cta,
a:focus .colour-block__cta {
  color: white !important;
}

.paragraph--type-colour-block.boxREM {
  padding: 0 !important;
}

.colour-block__heading,
.colour-block__sub-title {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}