/* =================================
VIDAPI GUTENBERG COVER STACK
================================= */

/* REMOVE DEFAULT GUTENBERG LIMITS */

.wp-block-cover.alignfull{
    margin:0 !important;
    padding:0 !important;
}

/* =================================
FIRST HERO
FULL SCREEN - NO SNAP
================================= */

.home .wp-block-cover:first-of-type{

    width:100vw !important;
    height:100vh !important;
    min-height:100vh !important;

    max-width:none !important;

    margin-left:calc(50% - 50vw) !important;

    position:relative;
    overflow:hidden;

    display:flex;
    align-items:center;

    scroll-snap-align:none !important;
}

/* =================================
ALL OTHER HEROES
FULL SCREEN + SNAP
================================= */

.home .wp-block-cover:not(:first-of-type){

    width:100vw !important;
    height:100vh !important;
    min-height:100vh !important;

    max-width:none !important;

    margin-left:calc(50% - 50vw) !important;

    position:relative;
    overflow:hidden;

    display:flex;
    align-items:center;

    scroll-snap-align:start;
}

/* =================================
STACK MULTIPLE COVERS
================================= */

.wp-block-cover + .wp-block-cover{
    margin-top:0 !important;
}

/* =================================
BACKGROUND IMAGE
================================= */

.wp-block-cover__image-background{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

/* =================================
OVERLAY
================================= */

.wp-block-cover::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        to bottom,
        rgba(0,0,0,.2),
        rgba(13,26,32,.75)
    );

    z-index:1;
}

/* =================================
CONTENT LAYER
================================= */

.wp-block-cover__inner-container{

    position:relative;

    z-index:2;

    max-width:900px;

    margin-left:5%;
}

/* =================================
TEXT
================================= */

.wp-block-cover h1,
.wp-block-cover h2{

    font-size:clamp(32px,5vw,64px);

    margin-bottom:10px;
}

.wp-block-cover p{

    font-size:18px;

    opacity:.85;
}

/* =================================
SNAP SCROLL
================================= */

html{
    scroll-snap-type:y proximity;
}

/* FIRST HERO NEVER SNAPS */

.home .wp-block-cover:first-of-type{
    scroll-snap-align:none !important;
}

/* OTHER HEROES SNAP */

.home .wp-block-cover:not(:first-of-type){
    scroll-snap-align:start;
}

/* =================================
MOBILE
================================= */

@media(max-width:768px){

    .home .wp-block-cover:first-of-type{

        height:100vh !important;
        min-height:100vh !important;
    }

    .wp-block-cover__inner-container{

        margin:0 16px;
    }

    html{

        scroll-snap-type:none;
    }
}