.sticky-header {
  background-color: var(--light);
}

.highlight-banner-canvas {
  background-color: var(--highlight-lightest);
}

.slogan-banner-canvas {
}

.info-banner-canvas {
  background-color: var(--info-lightest);
}

.primary-banner-canvas {
  background-color: var(--primary-lightest);
}

.secondary-banner-canvas {
  background-color: var(--secondary-lightest);
}

.block-content {
  img {
    width: 100%;
  }
}

.summary-wrapper {
  padding-top: 2rem;
  margin-bottom: 2rem;

  .card {
    box-shadow: 0 4px 12px 0 rgb(0, 0, 0, 0.15);
    transition: box-shadow 0.25s ease-in-out;

    .card-header {
      background-color: var(--primary);
      color: white;
      font-weight: 600;
    }

    .card-body img {
      width: 40%;
      object-position: center;
      object-fit: cover;
      margin-right: 1.2rem;
    }

    .card-footer {
      text-align: right;
    }
  }

  .card:hover {
    box-shadow: 2px 6px 12px 0 rgb(0, 0, 0, 0.25);
  }
}