/* v0.14.0: Group "Photo overlay" (inc/section-overlay.php). A palette colour
   over the section's background photo, under its content. */
.wp-block-group.te-overlay, .te-overlay { position: relative; isolation: isolate; }
.wp-block-group.te-overlay::before, .te-overlay::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: var(--te-overlay, #0B0B0F); opacity: var(--te-overlay-opacity, .6); }

/* v0.14.1 (Nina): on phones a section's background photo goes behind the
   text. A photo set to one side ("contain", positioned right) shrank to a
   band, and "Fixed" backgrounds don't show on iPhones; on phones every
   section photo fills the section instead. Without a Photo overlay, a
   60% ink layer keeps the text readable on phones only. */
@media (max-width: 781px) {
  .wp-block-group[style*="background-image"] { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; background-attachment: scroll !important; }
  .wp-block-group[style*="background-image"]:not(.te-overlay):not(.is-style-te-photo-bg) { position: relative; isolation: isolate; }
  .wp-block-group[style*="background-image"]:not(.te-overlay):not(.is-style-te-photo-bg)::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: var(--wp--preset--color--ink); opacity: .6; }
}
@media (hover: none) { .wp-block-group[style*="background-image"] { background-attachment: scroll !important; } }

/* v0.15.0 section "Photo cut-out" (inc/section-cutout.php). Layer z 2 sits
   above the photo and any colour overlay (z −1). "heading": the first big
   heading (z 1) goes behind the person, everything else (z 3) stays on top;
   the elements between the section and that heading get no z-index, so
   they don't trap it in their own stacking context. "behind": all text on top. */
.wp-block-group.has-te-cutout { position: relative; isolation: isolate; }
.te-section-cutout { position: absolute; inset: 0; z-index: 2; pointer-events: none; margin: 0 !important; max-width: none !important; width: auto !important; }
.has-te-cutout.te-cutout--behind > :not(.te-section-cutout),
.has-te-cutout.te-cutout--heading > :not(.te-section-cutout):not(.te-cutout-path):not(.te-behind-cutout),
.has-te-cutout.te-cutout--heading .te-cutout-path > :not(.te-cutout-path):not(.te-behind-cutout) { position: relative; z-index: 3; }
.has-te-cutout.te-cutout--heading .te-cutout-path { z-index: auto !important; }
.has-te-cutout.te-cutout--heading .te-behind-cutout { position: relative; z-index: 1; }
@media (max-width: 781px) {
  .te-section-cutout--exact { background-size: cover !important; background-position: center !important; }
  .te-section-cutout--free { background-position: center bottom !important; }
}
/* Editor preview (assets/js/editor-overlay.js). */
.te-cutout-preview { position: relative; }
.te-cutout-preview::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background-image: var(--te-cutout-url); background-repeat: no-repeat; background-size: var(--te-cutout-size, cover); background-position: var(--te-cutout-pos, center); }