/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
#js-asian-americans-economic-hardship {
  color: inherit;
  background: inherit;
}

.fixed {
  position: sticky !important;
  top: 0;
  z-index: 1;
}
.fixed img {
  z-index: 99;
  opacity: 100;
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
  will-change: opacity;
}
.fixed img.hidden {
  opacity: 0;
}
.fixed .wp-block-cover__inner-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.wp-block-cover {
  position: static;
  padding: 0 !important;
}
.wp-block-cover .wp-block-cover .wp-block-cover__inner-container {
  z-index: 150;
}
.wp-block-cover .wp-block-cover .wp-block-cover__inner-container .wp-block-video {
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
}
.wp-block-cover .wp-block-cover .wp-block-cover__inner-container .wp-block-video video {
  width: 100%;
  height: 100%;
  z-index: 150;
  position: relative;
  object-fit: cover;
}

.scrolly {
  gap: 120vh !important;
  scroll-behavior: smooth;
  scroll-padding: 200%;
}
.scrolly > p {
  scroll-margin-block-start: 50vh;
}
.scrolly > p.active {
  opacity: 1;
}
.scrolly > * {
  scroll-snap-align: center;
  will-change: scroll-position;
  scroll-behavior: smooth;
  scroll-snap-stop: always;
  z-index: 99;
  background: rgba(255, 255, 255, 0.9);
  padding: 1.6em;
  max-width: 640px;
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.4);
}
.scrolly > *:first-child {
  margin-top: -70vh;
}
.scrolly > *:last-child {
  margin-bottom: 20vh !important;
}

html {
  scroll-snap-type: none;
  scroll-behavior: smooth;
}
html.snappy {
  scroll-snap-type: y mandatory;
}
html body, html .main-content {
  scroll-snap-align: start;
}
html #site-footer {
  scroll-snap-align: end;
}

/*# sourceMappingURL=style-index.css.map*/