/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/blocks/sticky-container-narrow/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
@supports (-moz-appearance: none) {
  .pmg-sticky-narrow {
    margin-top: 0 !important;
    margin-bottom: -165px !important;
  }
}
.pmg-sticky-narrow .container {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: flex-start;
  padding: 2rem 0 5rem;
  margin: 0 auto;
  max-width: var(--wp--style--global--wide-size);
}
.pmg-sticky-narrow .container > * {
  flex-basis: 1%;
  flex-grow: 1;
}
.pmg-sticky-narrow .container > *:first-child {
  position: sticky;
  margin-right: 1rem;
  top: 174px;
  flex-grow: 2;
}
.pmg-sticky-narrow .container > *:first-child pmg-background {
  top: 95px !important;
  height: calc(100% - 190px) !important;
  left: 100% !important;
  right: auto !important;
  width: 100vw;
}
.pmg-sticky-narrow .container > *:last-child {
  opacity: 0;
}
.pmg-sticky-narrow .container .scroll-content-container {
  position: absolute;
  top: calc(95px + 1.5rem);
  left: calc(100% + 1rem);
  overflow: hidden;
}
.pmg-sticky-narrow .container .scroll-content {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  padding-right: 17px; /* Increase/decrease this value for cross-browser compatibility */
  box-sizing: content-box; /* So the width will be 100% + 17px */
}

@media only screen and (max-width: 1180px) {
  .pmg-sticky-narrow .container > *:first-child {
    flex-grow: 1.5;
  }
  .pmg-sticky-narrow .container > *:first-child pmg-background {
    left: -1rem !important;
    transform: none !important;
    top: 48px !important;
    height: calc(100% - 96px) !important;
  }
  .pmg-sticky-narrow .container .scroll-content-container {
    top: calc(48px + 1.5rem);
  }
}
@media only screen and (max-width: 768px), only screen and (max-width: 1024px) and (orientation: portrait) {
  .wp-block-group.sticky-background {
    padding-bottom: 8rem !important;
  }
  .pmg-sticky-narrow > .container {
    flex-direction: column;
    align-items: stretch;
  }
  .pmg-sticky-narrow > .container > *:first-child {
    flex-grow: 1;
    max-width: min(500px, 65vw) !important;
    top: 154px;
  }
  .pmg-sticky-narrow > .container > *:first-child pmg-background {
    top: 32px !important;
    height: 100% !important;
  }
  .pmg-sticky-narrow > .container .scroll-content-container {
    position: relative;
    top: auto;
    left: auto;
    min-height: 35vh;
    margin-bottom: 2rem;
  }
  .pmg-sticky-narrow > .container .scroll-content-container .scroll-content > :first-child {
    padding-top: 0 !important;
  }
}
@media only screen and (max-width: 576px) {
  .pmg-sticky-narrow > .container > *:first-child {
    max-width: 100% !important;
  }
}

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