/* Theme Name: Barasch & McGarry Foundation Theme URI: https://baraschfoundation.org Author: Escape Hatch Author URI: https://escapehatch.com Description: Theme designed specifically for Barasch & McGarry Foundation. Tags: full-site-editing Requires at least: 6.9 Tested up to: 6.9 Requires PHP: 8.2 Version: 1.0.2 Text Domain: bmf */ :root { --wp--custom--top--offset: calc(var(--wp-admin--admin-bar--height, 0px) + var(--eh--alert-banner--height, 0px)); } /* Declare custom properties that rely on inline properties */ :is(body, .is-root-container) { --wp--custom--root--padding-offset: calc(var(--wp--style--root--padding-left) + var(--wp--style--root--padding-left)); --wp--custom--spacing--gutter: calc((100vw - 100%) / 2); --wp--custom--hero--border-radius: 0; --wp--custom--main--spacing--padding--inline: 0; /* Header */ --head--background--opacity: 0; /* Main container */ --main--spacing--padding--block-start: 0; --main--spacing--padding--block-end: var(--wp--preset--spacing--60); } @media (width >= 768px) { :is(body, .is-root-container) { --wp--custom--hero--border-radius: var(--wp--preset--border-radius--medium) var(--wp--preset--border-radius--medium) 0 0; --wp--custom--main--spacing--padding--inline: var(--wp--style--root--padding-left); } } @media (width >= 1024px) { :is(body, .is-root-container) { --wp--style--root--padding-right: var(--wp--preset--spacing--60); --wp--style--root--padding-left: var(--wp--preset--spacing--60); --wp--custom--head--dimensions--height: var(--wp--custom--head--dimensions--desktop-height); } } @media (width >= 1920px) { :is(body, .is-root-container) { --wp--custom--spacing--gutter: calc((var(--wp--custom--width--full) - 100%) / 2); --wp--custom--main--dimensions--width: var(--wp--custom--width--full); } } /* Global box-sizing */ *, *::before, *::after { box-sizing: border-box; } html { text-size-adjust: none; scroll-behavior: smooth; /* scroll-padding-top: calc(var(--wp--custom--head--dimensions--height) + var(--wp-admin--admin-bar--height, 0px) + var(--wp--preset--spacing--60)); */ } /* Has alert banner */ html:has(.wp-block-eh-alert-banner) { margin-block-start: var(--wp--custom--top--offset) !important; } /* Only apply background color to front end */ html:not(.block-editor-iframe__html) { background-color: var(--wp--preset--color--contrast); } /* Force editor styles wrapper to have base background color when not in iframe editor mode */ .editor-styles-wrapper { background-color: var(--wp--preset--color--base) !important; } /* Prevent page from scrolling when modal is open */ html.has-modal-open, html:has(dialog[open]), html:has(.lightbox-image-container img[src ^='http']) { overflow: hidden; } .disable-transitions * { transition: none !important; } /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */ @media (prefers-reduced-motion: reduce) { html:focus-within { scroll-behavior: auto; } *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } /** * Elements */ /* */ body { position: relative; margin-inline: auto; border: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeSpeed; z-index: var(--wp--custom--z-index--body); scrollbar-gutter: stable; } body:not(.editor-styles-wrapper) { background-color: var(--wp--preset--color--blue-darker); } body:not(.admin-bar) { --wp-admin--admin-bar--height: 0px; } body::before { display: block; position: absolute; inset-block-start: 0; inset-inline-start: 0; block-size: 100%; inline-size: 100%; background: var(--wp--custom--overlay--color); content: ''; opacity: var(--wp--custom--overlay--opacity); visibility: hidden; transition: visibility 0s ease-in-out 0.25s, opacity 0.25s ease-in-out; z-index: calc(var(--wp--custom--z-index--head) - 1); } /* Add translucent background to the body when modal is open */ .has-modal-open body { --wp--custom--overlay--opacity: var(--wp--custom--overlay--opacity-active); min-block-size: 100vh; overflow: hidden; z-index: 1; } .has-modal-open body::before { visibility: visible; transition-delay: 0s; } /*