/*!
 * Alexandrite - Local CSS
 * Copyright 2024 Punchmark
 */

section.inset-shroud,
section.light-shroud {
    position: relative;
 }

section.inset-shroud .row,
section.light-shroud .row {
    z-index: 2;
}

 section.inset-shroud:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 13vw;
    background: var(--bs-section-default-inset);
    z-index: 1;
    display: none;
 }
 section.light-shroud:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 13vw;
    background: var(--bs-section-default-bg);
    z-index: 1;
    display: none;
 }

 @media (min-width: 992px) {
    section.inset-shroud:before,
    section.light-shroud:before {
        max-height: 170px;
        display: block;
    }
 }