/**
 * CM Scene Hero - the layout and the looks. Every colour and space is a --cm-shr-* variable: defaults from config.php
 * (build_global_css_properties), a site's own values from its site-specific.css. Sizes are the cm-fse classes; the title and the phone number
 * are their size class times a scale variable. Two-selector rule.
 * The section spans the page and clips what it holds (the drawing's ground runs far past its own edges); the inner wrapper carries the width
 * classes (the sibling blocks' width) and is the container the band measures: under 808 px of it the hours stack and the tall drawing
 * shows, from 808 the hours sit side by side and the wide drawing shows. The inner wrapper's own padding is set on the inner wrapper, and a
 * container cannot query itself: that rule measures the torso (the page's width), so it uses 851.
 */
.editor-styles-wrapper .wp-block-w4ya-cm-scene-hero,
.wp-block-w4ya-cm-scene-hero {
    box-sizing: border-box;
    display: block;
    clear: both;
    position: relative;
    overflow: clip;
    background: var(--cm-shr-bg);
    color: var(--cm-shr-text);
    text-align: center;
}
.editor-styles-wrapper .wp-block-w4ya-cm-scene-hero *,
.wp-block-w4ya-cm-scene-hero * { box-sizing: border-box; }

.editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__inner,
.wp-block-w4ya-cm-scene-hero .cm-shr__inner { padding: var(--cm-shr-pad) 0 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__inner:not(:has(> .cm-shr__scene)),
.wp-block-w4ya-cm-scene-hero .cm-shr__inner:not(:has(> .cm-shr__scene)) { padding-bottom: var(--cm-shr-pad); } /* no drawing under the words */
.editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__inner,
.wp-block-w4ya-cm-scene-hero .cm-shr__inner,
.editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__inner p,
.wp-block-w4ya-cm-scene-hero .cm-shr__inner p { letter-spacing: normal; } /* the z width classes set a tracking on the wrapper AND on every p inside it (.zt95 p) */
.editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__inner > *,
.wp-block-w4ya-cm-scene-hero .cm-shr__inner > * { margin: 0; } /* the size classes carry a margin */

.editor-styles-wrapper .wp-block-w4ya-cm-scene-hero p.cm-shr__kicker,
.wp-block-w4ya-cm-scene-hero p.cm-shr__kicker { margin-bottom: 0.5em; letter-spacing: 0.12em; text-transform: uppercase; color: var(--cm-shr-kicker); } /* p: outranks the tracking reset above */
.editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__title,
.wp-block-w4ya-cm-scene-hero .cm-shr__title { color: var(--cm-shr-text); font-weight: 500; line-height: 1.2; text-wrap: balance; }
.editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__title-text,
.wp-block-w4ya-cm-scene-hero .cm-shr__title-text { font-size: calc(1em * var(--cm-shr-title-scale)); }
.editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__lead,
.wp-block-w4ya-cm-scene-hero .cm-shr__lead { max-width: var(--cm-shr-lead-max); margin: 0.6em auto 0; line-height: 1.55; }
.editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__call,
.wp-block-w4ya-cm-scene-hero .cm-shr__call { margin: 0.35em 0 0; line-height: 1.1; }
.editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__phone,
.wp-block-w4ya-cm-scene-hero .cm-shr__phone { display: inline-block; color: var(--cm-shr-phone); font-weight: 700; text-decoration: none; white-space: nowrap; }
.editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__number,
.wp-block-w4ya-cm-scene-hero .cm-shr__number { font-size: calc(1em * var(--cm-shr-phone-scale)); }

/* The hours: stacked on a narrow band; a line with days has them in bold before its hours */
.editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__hours,
.wp-block-w4ya-cm-scene-hero .cm-shr__hours { display: flex; flex-direction: column; align-items: center; margin: 0.45em 0 0; padding: 0; list-style: none; line-height: 1.55; }
.editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__days,
.wp-block-w4ya-cm-scene-hero .cm-shr__days { font-weight: 500; }
.editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__days + .cm-shr__time,
.wp-block-w4ya-cm-scene-hero .cm-shr__days + .cm-shr__time { margin-left: 0.35em; }

/* The drawing: as wide as the band's words, its ground running past both edges (the section clips it) */
.editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__scene,
.wp-block-w4ya-cm-scene-hero .cm-shr__scene { display: block; width: 100%; height: auto; overflow: visible; margin: var(--cm-shr-scene-top) 0 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__scene:first-child,
.wp-block-w4ya-cm-scene-hero .cm-shr__scene:first-child { margin-top: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__scene--wide,
.wp-block-w4ya-cm-scene-hero .cm-shr__scene--wide { display: none; }

/* The canvas stand-ins: an hours line with nothing typed, a band with nothing in it (the page prints neither) */
.editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__placeholder,
.wp-block-w4ya-cm-scene-hero .cm-shr__placeholder { opacity: 0.7; border: 1px dashed currentColor; border-radius: 4px; padding: 0.3em 0.5em; }

@container (min-width: 808px) { /* the inner wrapper's own width */
    .editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__title-text,
    .wp-block-w4ya-cm-scene-hero .cm-shr__title-text { font-size: calc(1em * var(--cm-shr-title-scale-wide)); }
    .editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__number,
    .wp-block-w4ya-cm-scene-hero .cm-shr__number { font-size: calc(1em * var(--cm-shr-phone-scale-wide)); }
    .editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__hours,
    .wp-block-w4ya-cm-scene-hero .cm-shr__hours { flex-direction: row; flex-wrap: wrap; justify-content: center; }
    .editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__row--plain,
    .wp-block-w4ya-cm-scene-hero .cm-shr__row--plain { flex-basis: 100%; }
    .editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__row:not(.cm-shr__row--plain) + .cm-shr__row:not(.cm-shr__row--plain)::before,
    .wp-block-w4ya-cm-scene-hero .cm-shr__row:not(.cm-shr__row--plain) + .cm-shr__row:not(.cm-shr__row--plain)::before { content: "\00b7"; margin: 0 0.5em; }
    .editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__scene,
    .wp-block-w4ya-cm-scene-hero .cm-shr__scene { margin-top: var(--cm-shr-scene-top-wide); }
    .editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__scene--wide,
    .wp-block-w4ya-cm-scene-hero .cm-shr__scene--wide { display: block; }
    .editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__scene--tall,
    .wp-block-w4ya-cm-scene-hero .cm-shr__scene--tall { display: none; }
}
@container (min-width: 851px) { /* measured on the torso, not the inner wrapper (see the head comment) */
    .editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__inner,
    .wp-block-w4ya-cm-scene-hero .cm-shr__inner { padding-top: var(--cm-shr-pad-wide); }
    .editor-styles-wrapper .wp-block-w4ya-cm-scene-hero .cm-shr__inner:not(:has(> .cm-shr__scene)),
    .wp-block-w4ya-cm-scene-hero .cm-shr__inner:not(:has(> .cm-shr__scene)) { padding-bottom: var(--cm-shr-pad-wide); }
}