/*
================================================

Space Vanta Theme 1.0

Module:
Hero Cover System

File:
public/hero/hero-cover.css

Purpose:
Editorial visual treatment framework

================================================
*/


/*
---------------------------------
01. Cover Layer
---------------------------------
*/

.sv-hero__cover-layer {

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    z-index: 3;

}


/*
---------------------------------
02. Overlay Layer
---------------------------------
*/

.sv-hero__overlay {

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    z-index: 1;

}


/*
---------------------------------
03. Desktop Cover
---------------------------------
*/

@media (min-width: 768px) {

    .sv-hero__cover-layer {

        display: block;

    }

}


/*
---------------------------------
04. Mobile Cover
---------------------------------
*/

@media (max-width: 767px) {

    .sv-hero__cover-layer {

        display: block;

    }

}