.block {
  container-type: normal;
}
aside .block {
  margin-block-end: var(--spc);
}

.region--branding,
.block-system-branding-block {
  display: grid;
  place-items: center start; 
}

aside .block {
  padding: 0;
}

aside .block h2 {
  font-size: var(--fs-md);
  margin-block-end: var(--spc-sm);
}

.region--footer-top > * {
  padding: var(--spc);
}

/* Re-define the grid on the block within the Content Blocks Region to allow full bleed */
.block--content-blocks {
  --content-width: clamp(8em, 95cqi, var(--bkpt-lg));
  
  display: grid;
  align-items: start;
  grid-template-columns: [full-bleed-start] minmax(var(--spc-sm), 1fr) [content-parcel-start] var(--content-width) [content-parcel-end] minmax(var(--spc-sm), 1fr) [full-bleed-end]; */
}
.block--content-blocks-parcel {
  grid-column: content-parcel;
  container: c-block-parcel / inline-size;
}

/** Column Blocks - up to four **/

/*Create a new grid for the column blocks */

.block--columns-grid {
  display: grid;
  grid-template-columns: 1fr;
  place-items: start center;
  gap: var(--spc);
}

@container c-block-parcel (min-width:24rem) {

  .block--columns-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(160px, 100%), 1fr));
  }
  .block--columns-grid > * {
    max-width: 24cqi;
  }
}

/*** Overlapping Grid blocks ***/

.card-grid--overlap {
  display: grid;
  grid-template-columns: 1fr;
  max-width: 90%;
  margin-inline: auto;
  gap: 0;
  justify-content: center;
}

.card-grid--overlap .img--bg {
  width: 100%;
}

/* .card-grid--overlap .img--bg,
.card-grid--overlap .card--content {
  grid-row: 1 / 2;
}
.card-grid--overlap .img--bg {
  grid-column: 1 / 3;
} */
.card-grid--overlap .card--content {

  display: grid;
  grid-template-columns: 1fr;
  
  z-index: 2;
  background: var(--grey-xlt);
  padding: var(--spc-lg);
  
}

.field--name-field-card-overlap-heading {
  font-size: var(--fs-md);
  font-weight: 500;
  margin-block-end: var(--spc-sm);
}
.field--name-field-card-overlap-body {
  font-weight: 300;
  margin-block-end: var(--spc);
}
.field--name-field-card-overlap-cta a:link,
.field--name-field-card-overlap-cta a:visited {
  padding: 0 var(--spc-sm);
  background: var(--ilex-dark);
  color: var(--white);  
}
.field--name-field-card-overlap-cta a:hover {
  background: var(--ilex-blue--xlt);
  text-decoration: none;
}

@container c-parcel (min-width:32em) {
  .card-grid--overlap {
    grid-template-columns: repeat(6, 1fr);
    max-width: 42rem;
    align-items: center;
  }
  .card-grid--overlap .img--bg,
  .card-grid--overlap .card--content {
    grid-row: 1 / 2;
  }
  .card-grid--overlap .img--bg {
    grid-column: 1 / 3;
  }
  .card-grid--overlap .card--content {
    grid-column: 3 / -1;
  }

}