/**
*  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;
}

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

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

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

@media (max-width: 991.98px) {
  .wp-block-image.offset-image--absolute {
    position: relative;
  }
}

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