/* Studio menu looks on the live site (menus.css is the library's, scoped to a demo stage). Fixes only. */

/* The layer sits right after the header, outside it. It is a zero-height anchor; panels position against it (menus.js). */
body .sb-menus.sb-menus-layer{position:absolute;left:0;top:0;width:100%;height:0;overflow:visible;background:transparent;z-index:1001;font-size:var(--fs-copy)}
body .sb-menus-layer [hidden]{display:none !important}
/* A phone look shows only on phones, a desktop look only on desktop (the header's own breakpoint). */
@media (max-width:940px){body .sb-menus-layer.sb-mnu-d{display:none !important}}
@media (min-width:941px){body .sb-menus-layer.sb-mnu-p{display:none !important}}
html.sb-mnu-lock{overflow:hidden}

/* With a menu look, the header's own dropdowns and mega panel step aside. */
body[class*="sb-md-"] .sb-headers .has-dd .dd,body[class*="sb-md-"] .sb-headers .mega{display:none !important}
/* Full screen and drawer looks open from the burger on desktop too (the library's menu-mode: links hidden, Menu button shown). */
@media (min-width:941px){
	body:is(.sb-md-14,.sb-md-15,.sb-md-16,.sb-md-17,.sb-md-18) .sb-headers .links{display:none !important}
	body:is(.sb-md-14,.sb-md-15,.sb-md-16,.sb-md-17,.sb-md-18) .sb-headers .burger{display:inline-flex !important;margin-left:8px}
}

/* Logos are Site Options images. */
body .sb-menus-layer .logo img{width:auto;height:30px;max-width:none;display:block;object-fit:contain}
body .sb-menus-layer .logo .inv{filter:brightness(0) invert(1)}
body .sb-menus-layer .logo .lg-d+.lg-l{display:none}

/* Dialogs cover the screen (the library draws them inside a demo stage). */
body .sb-menus-layer .ov{position:fixed;inset:0;z-index:50}
body .sb-menus-layer .scrim[data-scrim],body .sb-menus-layer .sh-scrim{position:fixed;inset:0;background:var(--st-scrim);z-index:40}
body .sb-menus-layer .drawer{position:fixed;top:0;bottom:0;z-index:50}
body .sb-menus-layer .pm{position:fixed;inset:0;z-index:50;min-height:0}
body .sb-menus-layer .sheet{position:fixed;z-index:50}

/* The theme's global heading and link styles reach inside the panels. */
body .sb-menus-layer .mcol h3,body .sb-menus-layer .tiles-head h3{font:600 clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium))/var(--st-lh-h3) var(--pb-body-font) !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:var(--pb-muted) !important;margin-bottom:8px}
body .sb-menus-layer .tiles-head h3{margin:0}
body .sb-menus-layer .cta-panel h3{font:400 clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium))/1.1 var(--pb-heading-font) !important;text-transform:none !important;color:inherit !important}
/* the library's h3 here is the browser default (1.17em, bold) around a 28px link */
body .sb-menus-layer .ix-grid h3{font-family:inherit !important;font-size:clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) !important;font-weight:700 !important;line-height:inherit !important;letter-spacing:normal !important;text-transform:none !important;color:inherit !important}
body .sb-menus-layer .ix-grid h3 a{font:400 clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) var(--pb-heading-font)}
body .sb-menus-layer .lvl{font:400 clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium))/1.1 var(--pb-heading-font) !important;color:inherit !important}
body .sb-menus-layer a{text-decoration:none}
body .sb-menus-layer :is(.popular a,.tiles-head a,.feat-event .tl,.mg-bottom a,.dd-strip a:hover){text-decoration:underline !important;text-underline-offset:.25em}
body .sb-menus-layer .dd-strip a:not(:hover){text-decoration:none !important}
/* the search form must not become the grid item: the field inside is */
body .sb-menus-layer .msearch-f{display:contents}
body .sb-menus-layer .pmv{display:flex;flex-direction:column;flex:1;min-height:0}
/* menus.css gives p a blanket inherited size; the library's small caps labels keep their own. */
body .sb-menus-layer .mod{font-size:var(--fs-small) !important;line-height:normal !important}
body .sb-menus-layer .cta-panel h3{letter-spacing:normal !important}
/* The theme makes every placeholder #bbb; the library's search field shows the browser's default placeholder gray. */
body .sb-menus-layer input::placeholder{color:var(--pb-muted);opacity:1}
/* Branding text sizes. Kept here so Studio library re-extraction preserves these roles. */
body .sb-menus { font-size: var(--fs-copy) }
body .sb-menus .intro h1 { font-size: clamp(calc(var(--fs-hero) * 0.5), 5.5vw, var(--fs-hero)) }
body .sb-menus .ctl { font-size: var(--fs-small) !important }
body .sb-menus .ctl button { font-size: var(--fs-small) }
body .sb-menus .pf figcaption { font-size: var(--fs-small) }
body .sb-menus .note h3 { font-size: var(--fs-small) }
body .sb-menus .mod { font-size: var(--fs-small) }
body .sb-menus .note p { font-size: var(--fs-copy) !important }
body .sb-menus .note .tt { font-size: var(--fs-small) !important }
body .sb-menus .logo { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) }
body .sb-menus .page h2 { font-size: clamp(calc(var(--fs-titles) * 0.65), 3.75vw, var(--fs-titles)) }
body .sb-menus .page p { font-size: var(--fs-copy) !important }
body .sb-menus .dd small { font-size: var(--fs-small) !important }
body .sb-menus .dd-strip { font-size: var(--fs-small) !important }
body .sb-menus .mcol h3 { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) }
body .sb-menus .tiles-head h3 { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) }
body .sb-menus .feat-event .mod { font-size: var(--fs-small) }
body .sb-menus .feat-sermon .mod { font-size: var(--fs-small) }
body .sb-menus .feat-sermon-list .mod { font-size: var(--fs-small) }
body .sb-menus .mcol a { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) }
body .sb-menus .mg-bottom { font-size: var(--fs-small) !important }
body .sb-menus .feat-photo b { font-size: var(--fs-titles-small) }
body .sb-menus .tabs-feat b { font-size: var(--fs-titles-small) }
body .sb-menus .feat-photo small { font-size: var(--fs-small) !important }
body .sb-menus .tabs-feat small { font-size: var(--fs-small) !important }
body .sb-menus .date { font-size: var(--fs-small) !important }
body .sb-menus .date b { font-size: var(--fs-titles-small) }
body .sb-menus .ev-t { font-size: var(--fs-titles-small) }
body .sb-menus .ev p { font-size: var(--fs-small) !important }
body .sb-menus .feat-event .all { font-size: var(--fs-small) !important }
body .sb-menus .feat-sermon-list .all { font-size: var(--fs-small) !important }
body .sb-menus .dur { font-size: var(--fs-small) !important }
body .sb-menus .feat-sermon small { font-size: var(--fs-small) !important }
body .sb-menus .s-t { font-size: var(--fs-titles-small) }
body .sb-menus .feat-sermon p:not(.mod) { font-size: var(--fs-small) !important }
body .sb-menus .feat-sermon-list small { font-size: var(--fs-small) !important }
body .sb-menus .cta-panel h3 { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) }
body .sb-menus .msearch input { font-size: var(--fs-copy) !important }
body .sb-menus .popular { font-size: var(--fs-small) !important }
body .sb-menus .tabs-rail button { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) }
body .sb-menus .tabs-panel ul small { font-size: var(--fs-small) !important }
body .sb-menus .tiles b { font-size: var(--fs-titles-small) }
body .sb-menus .tiles small { font-size: var(--fs-small) !important }
body .sb-menus .giant a { font-size: clamp(calc(var(--fs-titles) * 0.65), 3.75vw, var(--fs-titles)) }
body .sb-menus .giant-sub a { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) !important }
body .sb-menus .ov-foot { font-size: var(--fs-small) !important }
body .sb-menus .sp-links>li>a { font-size: clamp(calc(var(--fs-titles) * 0.65), 3.75vw, var(--fs-titles)) }
body .sb-menus .cap { font-size: var(--fs-lead) }
body .sb-menus .ix-grid h3 a { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) }
body .sb-menus .ix-foot div:first-child { font-size: var(--fs-small) !important }
body .sb-menus .dl>li>a { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) }
body .sb-menus .dl .acc { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) }
body .sb-menus .dr-cap small { font-size: var(--fs-small) !important }
body .sb-menus .dr-cap b { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) }
body .sb-menus .dl-plain a { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) !important }
body .sb-menus .pbar .logo { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) !important }
body .sb-menus .pstub h2 { font-size: clamp(calc(var(--fs-titles) * 0.65), 3.75vw, var(--fs-titles)) }
body .sb-menus .pm-top .logo { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) !important }
body .sb-menus .pm-list .acc { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) }
body .sb-menus .pm-list>li>a:not(.pm-feat) { font-size: var(--fs-titles-small) }
body .sb-menus .drill button { font-size: var(--fs-buttons) }
body .sb-menus .pm-sub a small { font-size: var(--fs-small) !important }
body .sb-menus .drill2 small { font-size: var(--fs-small) !important }
body .sb-menus .sh-grid small { font-size: var(--fs-small) !important }
body .sb-menus .pm-feat small { font-size: var(--fs-small) !important }
body .sb-menus .pm-feat b { font-size: var(--fs-titles-small) }
body .sb-menus .pm-tiles b { font-size: var(--fs-titles-small) }
body .sb-menus .pm-cta { font-size: var(--fs-small) !important }
body .sb-menus .pm-cta b { font-size: var(--fs-lead) }
body .sb-menus .pm-search input { font-size: var(--fs-copy) !important }
body .sb-menus .pm-giant .acc { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) !important }
body .sb-menus .pm-split .acc { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) !important }
body .sb-menus .pm-index .acc { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) !important }
body .sb-menus .pm-ph .dr-cap b { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) !important }
body .sb-menus .lvl { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) }
body .sb-menus .pm-list.drill2>li>a { font-size: var(--fs-titles-small) }
body .sb-menus .drill2 b { font-size: var(--fs-titles-small) }
body .sb-menus .sh-t { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) }
body .sb-menus .sh-grid b { font-size: var(--fs-titles-small) }
/* 3.6.10 chrome certification: MNU-21's tile labels (Branding's lead size) broke words mid-word on phones ("Ministri es"). */
body:not(.cc-look-pre-3-6-10) .sb-menus .sh-grid a{min-width:0}
body:not(.cc-look-pre-3-6-10) .sb-menus .sh-grid b{font-size:clamp(17px,5vw,22px) !important;overflow-wrap:normal;word-break:normal;hyphens:manual}