/* Theme Name: Barasch and McGarry Theme URI: https://www.post911attorneys.com Author: Escape Hatch Author URI: https://escapehatch.com Description: Theme designed specifically for Barasch & McGarry. Tags: full-site-editing Requires at least: 7.0 Tested up to: 7.0 Requires PHP: 8.2 Version: 1.0.0 Text Domain: bam */ :root { --wp--custom--top--offset: calc(var(--wp-admin--admin-bar--height, 0px) + var(--eh--alert-banner--height, 0px)); } /* Global box-sizing */ *, *::before, *::after { box-sizing: border-box; } html { --wp--custom--head--dimensions--height: var(--wp--custom--head--end--dimensions--height); --wp--custom--scroll-padding--offset: var(--wp--preset--spacing--60); text-size-adjust: none; scroll-behavior: smooth; overflow-y: scroll; scroll-padding-top: calc(var(--wp--custom--head--dimensions--height) + var(--wp-admin--admin-bar--height, 0px) + var(--wp--custom--scroll-padding--offset)); /* Disable utility bar height if not present */ &:not(:has(.bam-part-head__start)) { --wp--custom--head--start--dimensions--height: 0px; --wp--custom--head--start--dimensions--desktop-height: 0px; --wp--custom--scroll-padding--offset: 0px; } } /* 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; } } /* 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--spacing--section--block: var(--wp--preset--spacing--resp-90-120); --wp--custom--spacing--section--inline: var(--wp--style--root--padding-left); --wp--custom--hero--border-radius: 0; --wp--custom--main--spacing--padding--inline: 0; /* Header */ --wp--custom--head--color--background: color-mix(in sRGB, var(--wp--preset--color--base) 0%, transparent); --wp--custom--head--color--text: var(--wp--preset--color--base); /* Main container */ --main--spacing--padding--block-start: 0; --main--spacing--padding--block-end: var(--wp--preset--spacing--30); } /* Remove bottom padding if last child has background color and is full-width */ :is(body, .is-root-container):has(.entry-content > .wp-block-group.alignfull[class*='is-style-section']:last-child) { --main--spacing--padding--block-end: 0; } @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--30); --wp--style--root--padding-left: var(--wp--preset--spacing--30); --wp--custom--head--start--dimensions--height: var(--wp--custom--head--start--dimensions--desktop-height); --wp--custom--head--end--dimensions--height: var(--wp--custom--head--end--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); } } /** * Elements */ /* */ body { position: relative; margin-inline: auto; border: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeSpeed; container: body / inline-size; z-index: var(--wp--custom--z-index--body); scrollbar-gutter: stable; /* Admin bar is not present */ &: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: clip; /* Note: Changed from hidden to clip to prevent scroll to top when height is restored */ z-index: 1; } .has-modal-open body::before { visibility: visible; transition-delay: 0s; } /* Main content area element vertical spacing */ :where(.entry-content, .is-root-container).is-layout-constrained:not(.wp-block-post-content) > * { margin-block-start: var(--wp--preset--spacing--resp-60-90); } /* Phone links */ a:where([href ^='tel:']) { color: inherit; font: inherit; text-decoration: none; } /*