/**
 * @file
 * HEADER paragraph
 */
.paragraph--type--header.paragraph--view-mode--default {
  padding: 0;
  position: relative;
  min-height: 82vh;
  // Background overlay
  .bg-wrapper::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }
  // Content wrapper.
  .paragraph-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 100%;
    padding: 2em 1em;
    z-index: 20;
  }
}