.hero-section[data-type="type-2"] { position: relative; z-index: 1; padding-top: var(--headerHeight); > .ct-container { display: flex; align-items: center; padding-top: 15px; padding-bottom: 15px; min-height: var(--minHeight); } > figure { position: absolute; overflow: hidden; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; > .ct-image-container { height: 100%; } &:after { position: absolute; z-index: 2; content: ''; top: 0; left: 0; right: 0; bottom: 0; background: var(--pageTitleOverlay); } } .ct-container { position: relative; z-index: 2; } &[data-alignment="center"] .entry-header { @include media-breakpoint-up (lg) { width: 60%; margin: 0 auto; } } .entry-title, .page-title { span { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 10px; } } .entry-meta { @include media-breakpoint-down (sm) { .avatar-container { display: none; } ul { justify-content: center; } } } }