/**
*  Use this style sheet for CSS that you want to show up ONLY in the frontend and not in the gutenberg editor.
*/

/* The following inline css is to prevent unstyled components from momentarily flashing on the screen.  */
snl-carousel,
snl-contextual-nav,
snl-tabs,
snl-tab-repeater,
snl-accordion,
snl-accordion-repeater,
emp-mega-menu,
snl-hero,
snl-multi-level-accordion,
snl-repeater,
header-component,
.stencil-hidden { visibility:hidden } 
.hydrated,
.hydrated .stencil-hidden,
.hydrated + .stencil-hidden { visibility:inherit }

.wp-block-snl-blocks-snl-tab,
.wp-block-snl-blocks-snl-carousel .wp-block-cover {
    display: none;
}

.card-body .wp-block-snl-blocks-snl-tab {
    display: block;
}

 .wp-block-snl-blocks-snl-carousel .carousel-item .wp-block-cover {
    display: flex;
}

.wp-block-image.offset-image {
    z-index: -1;
    margin-bottom: 0;
}

.wp-block-image.offset-image--absolute {
    position: absolute;
    z-index: -1;
}

.wp-block-image.offset-image figure {
    margin-bottom: 0;
}

/* .wp-block-cover__inner-container {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
} */