/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/narrow-two-columns/editor-narrow-two-columns.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
/* Editor-only stylesheet for the two-columns-image-right block.
  This imports the shared grid styles from the ck-main plugin so the
  block preview in the Gutenberg editor matches the front-end layout.
*/
/**
 * styling for two column layout
 * used in:
 * two-columns-image-left
 * two-columns-image-right
 * (ck-blocks plugin as built from work/src/)
 */
.grid {
  container-type: inline-size;
  display: grid;
  grid-template-areas: "right" "left";
}
@media (width > 1000px) {
  .grid {
    grid-template-areas: "left right";
    grid-template-columns: calc(var(--left) * 1cqw) calc((100 - var(--left)) * 1cqw);
  }
}
.grid__left {
  container-name: left;
  container-type: inline-size;
  display: flex;
  justify-content: end;
  padding-right: 2rem;
}
.grid__left > * {
  align-self: end;
  display: flex;
  flex-direction: column;
  gap: 8vh;
  width: var(--layout-left-desktop-width);
}
.layout-grid {
  display: grid;
  row-gap: 1.5rem;
}
@media (width > 800px) {
  .layout-grid {
    grid-template-columns: var(--universal-grid-moment) 1fr;
  }
}
.layout-grid__parent {
  margin-block: 2rem;
}
.layout-grid .layout-grid__text {
  display: flex;
  flex-direction: column;
  gap: 8vh;
}
.layout-grid img {
  height: auto;
  max-width: 100%;
}
@media (width > 650px) {
  .layout-grid .column--left {
    padding-right: 1rem;
  }
  .layout-grid .column--right {
    padding-left: 1rem;
  }
  .layout-grid .column--right ul {
    padding-left: 1rem;
  }
  .layout-grid--image-right .layout-grid__text {
    padding-right: 1rem;
  }
  .layout-grid--image-left .layout-grid__text {
    padding-left: 1rem;
  }
}
:root {
  --orange: #ff4713;
  --pink: #e5007e;
  --editor-block-spacing: 2rem;
  --editor-column-gap: 1rem;
  --editor-content-padding: 2rem;
  --editor-grid-row-gap: 1.5rem;
  --editor-grid-template-columns: 35fr 65fr;
  --editor-narrow-padding: 10rem;
  /* Legacy aliases kept so existing block styles can migrate gradually. */
  --paddings-for-narrow: var(--editor-narrow-padding);
  --paddings-for-wide: var(--editor-content-padding);
}
.editor-styles-wrapper {
  background-image: linear-gradient(to right, var(--orange) 0 35%, var(--pink) 0 100%);
  color: white;
}
.editor-styles-wrapper .wp-block-post-title {
  padding-inline: var(--editor-content-padding);
}
.block-editor-block-list__layout > * {
  margin-block: 0;
}
.__editor {
  font-size: 1rem;
  --editor-narrow-padding: 5rem;
  --paddings-for-narrow: var(--editor-narrow-padding);
  --paddings-for-wide: var(--editor-content-padding);
}
.__editor .heading {
  margin-block: 2rem;
  padding-inline: var(--editor-content-padding);
}
.__editor .heading--narrow {
  margin-block: 2rem;
  padding-inline: var(--editor-narrow-padding);
}
.__editor [class*=two-column] > .block-editor-inner-blocks > .block-editor-block-list__layout {
  display: grid;
  grid-template-columns: var(--editor-grid-template-columns);
}
.__editor.layout-grid__parent {
  margin-block: 0;
}
.__editor.layout-grid__parent .layout-grid {
  display: grid;
  grid-template-columns: var(--editor-grid-template-columns);
  row-gap: var(--editor-grid-row-gap);
}
.__editor.layout-grid__parent .layout-grid--texts .column-left,
.__editor.layout-grid__parent .layout-grid--texts .layout-grid__text:first-child {
  padding-left: var(--editor-content-padding);
  padding-right: var(--editor-column-gap);
}
.__editor.layout-grid__parent .layout-grid--texts .column-right,
.__editor.layout-grid__parent .layout-grid--texts .layout-grid__text:last-child {
  padding-left: var(--editor-column-gap);
  padding-right: var(--editor-content-padding);
}
.__editor.layout-grid__parent .layout-grid--image-right .layout-grid__text {
  padding-left: var(--editor-content-padding);
}
.__editor.layout-grid__parent .layout-grid--image-right .layout-grid__img {
  padding-right: var(--editor-column-gap);
}
.__editor.layout-grid__parent .layout-grid--image-left .layout-grid__img {
  padding-left: var(--editor-content-padding);
}
.__editor.layout-grid__parent .layout-grid--image-left .layout-grid__text {
  padding-right: var(--editor-column-gap);
}
.__editor.layout-grid__parent.narrow .layout-grid--texts .column-left,
.__editor.layout-grid__parent.narrow .layout-grid--texts .layout-grid__text:first-child {
  padding-left: var(--editor-narrow-padding);
}
.__editor.layout-grid__parent.narrow .layout-grid--texts .column-right,
.__editor.layout-grid__parent.narrow .layout-grid--texts .layout-grid__text:last-child {
  padding-right: var(--editor-narrow-padding);
}
/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/narrow-two-columns/index.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
/* FE-only stylesheet for the two-columns-image-left block.
  This imports the shared grid styles from the ck-main plugin so the
  block preview in the Gutenberg editor matches the front-end layout.
*/
/**
 * styling for two column layout
 * used in:
 * two-columns-image-left
 * two-columns-image-right
 * (ck-blocks plugin as built from work/src/)
 */
.grid {
  container-type: inline-size;
  display: grid;
  grid-template-areas: "right" "left";
}
@media (width > 1000px) {
  .grid {
    grid-template-areas: "left right";
    grid-template-columns: calc(var(--left) * 1cqw) calc((100 - var(--left)) * 1cqw);
  }
}
.grid__left {
  container-name: left;
  container-type: inline-size;
  display: flex;
  justify-content: end;
  padding-right: 2rem;
}
.grid__left > * {
  align-self: end;
  display: flex;
  flex-direction: column;
  gap: 8vh;
  width: var(--layout-left-desktop-width);
}
.layout-grid {
  display: grid;
  row-gap: 1.5rem;
}
@media (width > 800px) {
  .layout-grid {
    grid-template-columns: var(--universal-grid-moment) 1fr;
  }
}
.layout-grid__parent {
  margin-block: 2rem;
}
.layout-grid .layout-grid__text {
  display: flex;
  flex-direction: column;
  gap: 8vh;
}
.layout-grid img {
  height: auto;
  max-width: 100%;
}
@media (width > 650px) {
  .layout-grid .column--left {
    padding-right: 1rem;
  }
  .layout-grid .column--right {
    padding-left: 1rem;
  }
  .layout-grid .column--right ul {
    padding-left: 1rem;
  }
  .layout-grid--image-right .layout-grid__text {
    padding-right: 1rem;
  }
  .layout-grid--image-left .layout-grid__text {
    padding-left: 1rem;
  }
}
.layout-grid {
  display: grid;
  row-gap: 1.5rem;
}
@media (width > 800px) {
  .layout-grid {
    grid-template-columns: var(--universal-grid-moment) 1fr;
  }
}
.layout-grid__parent {
  margin-block: 2rem;
}
.layout-grid .layout-grid__text {
  display: flex;
  flex-direction: column;
  gap: 8vh;
}
.layout-grid img {
  height: auto;
  max-width: 100%;
}
@media (width > 650px) {
  .layout-grid .column--left {
    padding-right: 1rem;
  }
  .layout-grid .column--right {
    padding-left: 1rem;
  }
  .layout-grid .column--right ul {
    padding-left: 1rem;
  }
  .layout-grid--image-right .layout-grid__text {
    padding-right: 1rem;
  }
  .layout-grid--image-left .layout-grid__text {
    padding-left: 1rem;
  }
}
.layout-grid--image-right .column--right.layout-grid__img {
  padding-left: 0;
}
.layout-grid--image-left .column--left.layout-grid__img {
  padding-right: 0;
}
.heading--narrow {
  padding-inline: var(--paddings-for-narrow);
}
@media (width > 782px) {
  .narrow .narrow__columns .column--left {
    padding-right: var(--editor-column-gap);
    padding-left: var(--paddings-for-narrow);
  }
  .narrow .narrow__columns .column--left > figure {
    margin-right: -var(--editor-column-gap);
  }
  .narrow .narrow__columns .column--right {
    padding-right: var(--paddings-for-narrow);
    padding-left: var(--editor-column-gap);
  }
  .narrow .narrow__columns .column--right > figure {
    margin-left: calc(-1 * var(--editor-column-gap));
  }
}

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