/**
 * @file
 * Full-bleed colour bands used inside WYSIWYG body content (.big-purple), plus
 * the body-field wrapper. Keyed on .page-node-type-* (this theme renders no
 * .region-content wrapper).
 */

.content a img { margin: 0 10px 10px 0; }

.page-node-type-page .field--name-body { position: relative; }

/* Full-bleed purple band */
.page-node-type-page .big-purple {
  background: var(--color-green-muted);
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  color: var(--color-white);
  padding: var(--space-md) 0;
}

.page-node-type-page .block-camp-frontpagetopblock .big-purple {
  padding: 0;
}

.block-camp-pagetitle {
  position: static;
}

.full-page-width {
  margin-left: -15px;
  width: calc(-15px + 100vw);
}

.block-camp-content div:has(> .align-left) {
  display: flex;
  flex-wrap: wrap;
  gap: .5em;
}

.block-camp-content .align-left {
  flex: 1 1 100%;
  float: none;
}

@media (min-width: 768px) {
  .block-camp-content .align-left {
    flex-basis: 25%;
  }
}

.block-camp-content .align-left a {
  display: block;
}

.block-camp-content .align-left img {
  display: block;
  width: 100%;
}