/* Theme Name: Betheme Child Theme URI: https://themes.muffingroup.com/betheme Author: Muffin group Author URI: https://muffingroup.com Description: Child Theme for Betheme Template: betheme Version: 2.0.11 */ /* * Alt_Medium presentation rules migrated from BeTheme's Custom CSS option. * Keep site-specific design behavior in the child theme so parent-theme * updates and static CSS regeneration cannot silently omit it. */ figure.wp-block-table table tbody tr td { text-align: left; padding: 2px; border-width: 0; border-style: none; vertical-align: top; background: none; box-shadow: none; } .wp-block-separator { margin-top: 30px; margin-bottom: 30px; } .entry-title { line-height: 1.5; } .mfn-divider { margin-top: 30px; } figure.wp-block-table table tbody tr td:first-child { width: 5%; vertical-align: top; } figure.wp-block-table table tbody tr td:nth-child(2) { vertical-align: middle; } .post-date { font-size: 12px; } .current-exhibition .post-date { font-size: 18px; } h4 { font-weight: normal; } /* * Keep the one-row header aligned to the logo artwork: navigation labels sit * on the logo's visual bottom edge, while the icon group keeps BeBuilder's * existing vertical centering. The saved responsive typography changes at * 1441px and 960px, so each range uses its own measured correction. Mobile * two-row headers below 768px intentionally remain untouched. */ @media only screen and (min-width: 1441px) { #mfn-header-template .mfn-default-section .column_header_menu.hide-mobile, #mfn-header-template .mfn-header-sticky-section .column_header_menu.hide-mobile { transform: translateY(2.88px); } } @media only screen and (min-width: 960px) and (max-width: 1440px) { #mfn-header-template .mfn-default-section .column_header_menu.hide-mobile, #mfn-header-template .mfn-header-sticky-section .column_header_menu.hide-mobile { transform: translateY(calc(13.71px - 1.227vw)); } } @media only screen and (min-width: 768px) and (max-width: 959px) { #mfn-header-template .mfn-default-section .column_header_menu.hide-mobile, #mfn-header-template .mfn-header-sticky-section .column_header_menu.hide-mobile { transform: translateY(calc(12.10px - 1.309vw)); } } /* * Give the fixed header a restrained liquid-glass surface only after scroll. * The desktop and mobile header builders use different section wrappers, so * desktop styles the sticky section while mobile styles the shared header to * avoid a visible seam between its two stacked rows. */ @media only screen and (min-width: 768px) { body.mfn-header-scrolled #mfn-header-template .mfn-header-sticky-section { background: linear-gradient(135deg, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0.42)) !important; -webkit-backdrop-filter: blur(14px) saturate(135%); backdrop-filter: blur(14px) saturate(135%); border-bottom: 1px solid rgba(255, 255, 255, 0.72); box-shadow: 0 6px 24px rgba(26, 26, 26, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.88), inset 0 -1px 0 rgba(255, 255, 255, 0.32); isolation: isolate; transition: background 0.35s ease, box-shadow 0.35s ease, -webkit-backdrop-filter 0.35s ease, backdrop-filter 0.35s ease; } } @media only screen and (max-width: 767px) { body.mfn-header-scrolled #mfn-header-template { background: linear-gradient(135deg, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0.42)); -webkit-backdrop-filter: blur(14px) saturate(135%); backdrop-filter: blur(14px) saturate(135%); border-bottom: 1px solid rgba(255, 255, 255, 0.72); box-shadow: 0 6px 24px rgba(26, 26, 26, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.88), inset 0 -1px 0 rgba(255, 255, 255, 0.32); isolation: isolate; transition: background 0.35s ease, box-shadow 0.35s ease, -webkit-backdrop-filter 0.35s ease, backdrop-filter 0.35s ease; } body.mfn-header-scrolled #mfn-header-template .mfn-header-mobile-section.show-on-scroll { background: transparent !important; } } @media (prefers-reduced-motion: reduce) { body.mfn-header-scrolled #mfn-header-template, body.mfn-header-scrolled #mfn-header-template .mfn-header-sticky-section { transition: none; } } /* * Desktop sticky-header lens. Chromium receives an SVG displacement map * generated from a convex surface profile; other browsers keep this same * bounded shape with a restrained CSS blur/tint fallback. */ @media only screen and (min-width: 960px) { header#mfn-header-template { overflow: visible !important; } html body.mfn-header-scrolled header#mfn-header-template section.mfn-header-sticky-section { position: relative; width: auto !important; margin: clamp(8px, 0.8vw, 12px) clamp(8px, 1.2vw, 18px) 0 !important; overflow: hidden !important; background: rgba(255, 255, 255, 0.38) !important; -webkit-backdrop-filter: blur(12px) saturate(135%) contrast(102%) !important; backdrop-filter: blur(12px) saturate(135%) contrast(102%) !important; border: 1px solid rgba(255, 255, 255, 0.72) !important; border-radius: clamp(28px, 2.5vw, 36px) !important; box-shadow: 0 8px 28px rgba(26, 26, 26, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.82), inset 0 -1px 0 rgba(255, 255, 255, 0.30); isolation: isolate; } html body.mfn-header-scrolled header#mfn-header-template section.mfn-header-sticky-section::before { content: ""; position: absolute; z-index: 0; inset: 0; pointer-events: none; background: rgba(255, 255, 255, 0.06); } html body.mfn-header-scrolled header#mfn-header-template section.mfn-header-sticky-section > .mcb-section-inner { position: relative; z-index: 2; } html.altmedium-svg-refraction-ready body.mfn-header-scrolled header#mfn-header-template section.mfn-header-sticky-section { background: rgba(255, 255, 255, 0.50) !important; -webkit-backdrop-filter: url("#altmedium-liquid-glass-refraction") blur(3px) saturate(125%) contrast(102%) !important; backdrop-filter: url("#altmedium-liquid-glass-refraction") blur(3px) saturate(125%) contrast(102%) !important; } } /* * BeTheme 28 applies saved section centering to the single-post template, * while 27.2.2 rendered those three-quarter wraps left-aligned. Keep the * original Alt_Medium desktop composition without affecting other builders. */ .mfn-single-post-tmpl-builder > .mcb-section > .mcb-section-inner { justify-content: flex-start; } /* * BeBuilder's 28.x migration marks single posts as no-content-padding even * though 27.2.2 kept the site's 30px content offset. Restore that original * vertical rhythm only for the migrated single-post template. */ body.single-post.no-content-padding #Content { padding-top: 30px !important; } /* * The migration also writes a fixed 100px height for the first divider wrap. * The legacy layout derived 90px on mobile and 110px on desktop from the * divider itself, so remove only that migrated fixed height by stable UID. */ .mcb-section .mcb-wrap-mct5uwnyj > .mcb-wrap-inner-mct5uwnyj { height: auto !important; } /* * The migration also converts the final template section's neutral offset * into a saved -50px margin. That pulls the article footer upward; keep the * legacy section position by stable UID without affecting other templates. */ section.mcb-section-rpu9yoy4p { margin-top: 0 !important; } /* * BeTheme 27.2.2 used 33px side padding for content containers below 768px. * BeTheme 28.5.4 removed that padding, making Alt_Medium's mobile layouts * nearly edge-to-edge. Preserve the original reading width and composition. */ @media only screen and (max-width: 767px) { /* * BeBuilder's data migration changes the saved mobile custom-width rule * from flex-basis to width. Restore the original header-logo proportion. */ .mcb-section .mcb-wrap-5fxwq7h9l { flex: 0 0 calc(10lvw + 10lvh) !important; } .content_wrapper .section_wrapper, .container, .four.columns .widget-area { padding-left: 33px !important; padding-right: 33px !important; } }