// ========================================================================== // Transaction Template // ==========================================================================

.transactional-page {

background-color: $body-bg;
position: relative;

// on transactional pages we include a faux header bg
&:before {
  content: ' ';
  display: block;
  width: 100%;
  height: 24rem;
  background: $gradient-blue;

  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.sheet {
  border-radius: 3px;
  margin-bottom: 3rem;
}

}

// Persistent Block // —————- // used inside a sheet for important content // on mobile, block will display inside the sheet // on large screens, block appears in nav header .persistent-block {

background-color: rgba($black, .05);
margin: (-$spacing-default) (-$spacing-default) $spacing-default;
padding: $spacing-default;
text-align: center;

.persistent-title {
  margin: 0;
}

.persistent-meta {
  color: map-get($gray, 4);
}

}