/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/scss/blocks/cover.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
/*-----------------------------------------------------------------------------
# Cover
-----------------------------------------------------------------------------*/
/* 1. LIMIT cover image inner content to standard width unless wide or full */
.wp-block-cover .wp-block-cover__inner-container > * {
  margin-left: auto;
  margin-right: auto;
}
.wp-block-cover .wp-block-cover__inner-container > *:not(.alignfull):not(.alignwide) {
  max-width: var(--wp--style--global--content-size);
}
.wp-block-cover .wp-block-cover__inner-container > *.alignwide, .wp-block-cover .wp-block-cover__inner-container > *.alignfull {
  max-width: var(--wp--style--global--wide-size);
}

/* 2. If cover used as site header, make sure it is layered above other covers */
header > .wp-block-cover {
  overflow: visible;
  z-index: 3;
}

/* 3. Default Contrast Color - Use black and white since base and contrast can change */
:where(.wp-block-cover.is-light:not(.has-text-color)) {
  color: var(--wp--preset--color--contrast);
}
:where(.wp-block-cover.is-light:not(.has-text-color)):has(.has-background-dim-30), :where(.wp-block-cover.is-light:not(.has-text-color)):has(.has-background-dim-40), :where(.wp-block-cover.is-light:not(.has-text-color)):has(.has-background-dim-50), :where(.wp-block-cover.is-light:not(.has-text-color)):has(.has-background-dim-60), :where(.wp-block-cover.is-light:not(.has-text-color)):has(.has-background-dim-70), :where(.wp-block-cover.is-light:not(.has-text-color)):has(.has-background-dim-80), :where(.wp-block-cover.is-light:not(.has-text-color)):has(.has-background-dim-90) {
  color: var(--wp--preset--color--off-white);
}

/* 4. Full-Viewport Cover Blocks (Dynamic Header Height Nudge) */
.wp-block-cover:is([style*="100vh"], [style*="100svh"], [style*="100dvh"]) {
  min-height: calc(100vh - var(--wp--custom--header--offset, 0px) - var(--wp-admin--admin-bar--height, 0px)) !important;
}
.wp-block-cover:is([style*="100vh"], [style*="100svh"], [style*="100dvh"]):is(.is-position-center-center, :not([class*=is-position-])) .wp-block-cover__inner-container {
  transform: translateY(calc(-0.5 * (100vh - 100svh)));
}
