/* Approved revised B, scoped to the Risen theme via the plugin body class. */
body.ocbc-design-b {background:#edf0f3!important;color:#253444;font:17px/1.7 Arial,sans-serif}
body.ocbc-design-b #container {width:min(1120px,94%);margin:30px auto;box-shadow:0 8px 35px #162f4812}
body.ocbc-design-b #container-inner {background:#fff}
body.ocbc-design-b #header-menu,
body.ocbc-design-b #footer-bottom {background:#203e5c!important;color:white}
body.ocbc-design-b #header-menu-inner {margin:0;padding:12px 20px;min-height:0;text-align:left}
body.ocbc-design-b #header-menu-inner:after {content:'';display:block;clear:both}
body.ocbc-design-b #header-menu-bottom {display:none}
body.ocbc-design-b #header-menu a {color:#fff!important}
body.ocbc-design-b #header-menu-links {font:14px/1.6 Arial,sans-serif;padding:0!important}
body.ocbc-design-b #header-menu-links > li {margin:0 10px}
body.ocbc-design-b #header-menu-links > li > a {padding:9px 0}
body.ocbc-design-b .sf-menu ul {background:#203e5c!important}
body.ocbc-design-b .sf-menu li:focus-within > ul {top:100%;left:0;z-index:20000}
body.ocbc-design-b .sf-menu li li:focus-within > ul {left:100%;top:0}
body.ocbc-design-b #content-inner {padding:38px 42px}
body.ocbc-design-b .post-content {font:17px/1.8 Arial,sans-serif;overflow-wrap:anywhere}
body.ocbc-design-b .post-content p {margin-bottom:1.4em}
body.ocbc-design-b .page-title,
body.ocbc-design-b .post-content h1,
body.ocbc-design-b .post-content h2,
body.ocbc-design-b .post-content h3,
body.ocbc-design-b .post-content h4 {font-family:Georgia,serif;line-height:1.25;color:#203e5c}
body.ocbc-design-b .post-content h2 {font-size:30px;margin:32px 0 20px}
body.ocbc-design-b .post-content h3,
body.ocbc-design-b .post-content h4 {font-size:26px;margin:32px 0 18px}
body.ocbc-design-b .post-content a {color:#205887;text-decoration:underline;text-underline-offset:3px}
body.ocbc-design-b .post-content img {max-width:100%;height:auto}
body.ocbc-design-b a:focus-visible,
body.ocbc-design-b summary:focus-visible,
body.ocbc-design-b button:focus-visible {outline:3px solid #d28a25;outline-offset:3px}
body.ocbc-design-b .ocbc-mobile-menu {display:none;font:16px/1.5 Arial,sans-serif;color:white}
body.ocbc-design-b .ocbc-mobile-menu summary {cursor:pointer;min-height:44px;padding:10px 8px;box-sizing:border-box}
body.ocbc-design-b .ocbc-mobile-menu > summary {font-size:18px;font-weight:700}
body.ocbc-design-b .ocbc-mobile-menu ul {list-style:none;margin:0;padding:0}
body.ocbc-design-b .ocbc-mobile-menu li {border-top:1px solid #ffffff26;margin:0}
body.ocbc-design-b .ocbc-mobile-menu ul ul {padding-left:16px;border-left:1px solid #ffffff40}
body.ocbc-design-b .ocbc-mobile-menu a {display:block;padding:11px 8px;min-height:44px;box-sizing:border-box;overflow-wrap:anywhere}
body.ocbc-design-b .ocbc-mobile-menu details > a {font-size:14px;color:#dce8f3!important}
body.ocbc-design-b .ocbc-welcome {display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:auto 1fr;gap:28px;margin-bottom:52px;align-items:start}
body.ocbc-design-b .ocbc-welcome h1 {font-size:clamp(30px,4vw,46px);font-weight:400;margin:12px 0 18px}
body.ocbc-design-b .ocbc-french {font-size:15px}
body.ocbc-design-b .ocbc-photo {grid-column:1;grid-row:2}
body.ocbc-design-b .ocbc-photo img {display:block;width:100%;height:auto}
body.ocbc-design-b .ocbc-side {grid-column:2;grid-row:1 / 3;min-width:0}
body.ocbc-design-b .ocbc-identity {text-align:center;padding:26px 20px 30px;background:#f6f8fa;border-top:3px solid #a58958;color:#243c61}
body.ocbc-design-b .ocbc-chi-rho {display:block;width:60px;height:72px;margin:0 auto 20px;color:#9b3431}
body.ocbc-design-b .ocbc-identity h2 {font:700 22px/1.3 Georgia,serif;margin:0 0 8px}
body.ocbc-design-b .ocbc-identity .ocbc-french-name {font:18px/1.4 Georgia,serif;margin:0 0 16px}
body.ocbc-design-b .ocbc-identity .ocbc-coast {font:italic 16px/1.6 Georgia,serif;margin:0 0 20px}
body.ocbc-design-b .ocbc-identity .ocbc-bishop {font:700 17px/1.5 Georgia,serif;margin:0 0 12px}
body.ocbc-design-b .ocbc-bishop > span {font-weight:400}
body.ocbc-design-b .ocbc-identity address {font:normal 14px/1.7 Arial,sans-serif}
body.ocbc-design-b .ocbc-motto {border-top:1px solid #cbd3dc;margin-top:22px;padding-top:20px}
body.ocbc-design-b .ocbc-motto p {font:17px/1.7 Georgia,serif;margin:0!important}
body.ocbc-design-b .ocbc-motto p[lang=fr] {font-size:15px;margin-top:14px!important}
body.ocbc-design-b .ocbc-visit {background:#eaf0f5;padding:30px;border-top:1px solid #cbd3dc}
body.ocbc-design-b .ocbc-visit h2 {font:26px/1.2 Georgia,serif;margin:0 0 22px}
body.ocbc-design-b .ocbc-visit p {font-size:16px}
@media(max-width:800px),(pointer:coarse) {
body.ocbc-design-b #header-menu-links {display:none!important}
body.ocbc-design-b .ocbc-mobile-menu {display:block}
body.ocbc-design-b #header-menu-inner {padding:4px 14px;text-align:left!important}
}
@media(max-width:640px) {
body.ocbc-design-b #container {width:100%;margin:0;min-width:0;border-radius:0}
body.ocbc-design-b #container-inner {border-radius:0}
body.ocbc-design-b #header,
body.ocbc-design-b #header-top {height:auto;min-height:0}
body.ocbc-design-b #logo {padding:20px!important;text-align:left}
body.ocbc-design-b #logo img {max-width:100%;height:auto}
body.ocbc-design-b #content-inner {padding:24px 20px}
body.ocbc-design-b .post-content {font-size:17px}
body.ocbc-design-b .post-content img.alignleft {float:none;margin:0 auto 20px;display:block}
body.ocbc-design-b .ocbc-welcome {display:flex;flex-direction:column;gap:22px;margin-bottom:36px}
body.ocbc-design-b .ocbc-visit {padding:22px;width:100%;box-sizing:border-box}
body.ocbc-design-b .ocbc-photo {width:100%}
body.ocbc-design-b .ocbc-side {width:100%}
}

/* B: let the history fill the space beside the identity/worship sidebar. */
body.ocbc-design-b .ocbc-flowing-home {display:flow-root}
body.ocbc-design-b .ocbc-flowing-home > .ocbc-side {float:right;width:36%;margin:0 0 28px 28px}
body.ocbc-design-b .ocbc-flowing-home > .ocbc-welcome {display:block;overflow:hidden;margin-bottom:24px}
body.ocbc-design-b .ocbc-flowing-home .ocbc-photo {margin-top:24px}
@media(max-width:640px) {
body.ocbc-design-b .ocbc-flowing-home {display:flex;flex-direction:column}
body.ocbc-design-b .ocbc-flowing-home > * {order:2}
body.ocbc-design-b .ocbc-flowing-home > .ocbc-welcome {order:0;overflow:visible;margin-bottom:0}
body.ocbc-design-b .ocbc-flowing-home > .ocbc-side {order:1;float:none;width:100%;margin:24px 0}
}

/* Match the prototype without depending on the legacy theme's scripts. */
body.ocbc-design-b #header-icons,
body.ocbc-design-b #backstretch,
body.ocbc-design-b .backstretch,
body.ocbc-design-b .selectnav {display:none!important}
body.ocbc-design-b.ocbc-home-b #post-24 > header {display:none}
body.ocbc-design-b #header-menu-links > li:hover > ul,
body.ocbc-design-b #header-menu-links > li:focus-within > ul {top:100%;left:0;z-index:20000}
body.ocbc-design-b #header-menu-links li li:hover > ul,
body.ocbc-design-b #header-menu-links li li:focus-within > ul {top:0;left:100%;z-index:20001}
body.ocbc-design-b #header-menu-links ul {width:16em}
body.ocbc-design-b #header-menu-links a:hover,
body.ocbc-design-b #header-menu-links a:focus-visible,
body.ocbc-design-b .ocbc-mobile-menu summary:hover {background-color:#ffffff16}
body.ocbc-design-b .ocbc-mobile-menu [aria-current="page"] {text-decoration:underline;text-underline-offset:4px}
body.ocbc-design-b #header-menu-links li:focus-within > a {background-color:#ffffff16}
body.ocbc-design-b .ocbc-mobile-menu summary {display:list-item;list-style:disclosure-closed inside}
body.ocbc-design-b .ocbc-mobile-menu details[open] > summary,
body.ocbc-design-b details.ocbc-mobile-menu[open] > summary {list-style-type:disclosure-open}
body.ocbc-design-b .ocbc-photo img {aspect-ratio:1200/487}
body.ocbc-design-b .ocbc-flowing-home > .ocbc-side {box-sizing:border-box}
@media(max-width:640px) {
 body.ocbc-design-b #header-inner,
 body.ocbc-design-b #header-content {height:auto;min-height:100px}
 body.ocbc-design-b #logo {display:block;box-sizing:border-box}
}