/* Theme Name: Worthington Christian School Theme URI: https://worthingtonchristian.com Author: Escape Hatch Author URI: https://escapehatch.com Description: Theme designed specifically for Worthington Christian School. Tags: full-site-editing Requires at least: 6.7 Tested up to: 6.7 Requires PHP: 8.3 Version: 1.0.0 Text Domain: wcs */ :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-size: var(--wp--style--root--padding-left); --wp--custom--main--spacing--padding--block-start: calc(var(--wp--custom--top--offset) + var(--wp--custom--head--dimensions--height) + var(--wp--preset--spacing--50)); } @media (width >= 1024px) { :is(body, .is-root-container) { --wp--style--root--padding-left: var(--wp--preset--spacing--90); --wp--style--root--padding-right: var(--wp--preset--spacing--90); --wp--custom--spacing--padding--block: var(--wp--preset--spacing--150); } } /* Navigation breakpoint */ @media (width >= 1200px) { :is(body, .is-root-container) { --wp--custom--head--dimensions--height: var(--wp--custom--head--dimensions--desktop-height); --wp--custom--main--spacing--padding--block-start: calc(var(--wp--custom--top--offset) + var(--wp--custom--head--dimensions--height) + var(--wp--preset--spacing--90)); } } /* Full width */ @media (width >= 1872px) { :is(body, .is-root-container) { --wp--custom--spacing--gutter-size: calc(((100vw - var(--wp--custom--width--full)) / 2) + var(--wp--style--root--padding-left)); } } /** * Reset */ /* Global box-sizing */ *, *::before, *::after { box-sizing: border-box; } html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; scroll-behavior: smooth; scroll-padding-top: calc(var(--wp--custom--head--dimensions--height) + var(--wp--custom--top--offset)); } /* Has alert banner */ html:has(.wp-block-eh-alert-banner) { margin-block-start: var(--wp--custom--top--offset) !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; } /* 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 { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } /* Links */ a { transition: all var(--wp--custom--transition--hover-slow); text-decoration-thickness: 1px; text-underline-offset: 1px; } a:hover { text-underline-offset: 3px; } /* Remove margins from :first-child, :last-child */ *:first-child:is(p, [class*='wp-block']) { margin-block-start: 0 !important; } *:last-child:is(p, [class*='wp-block']) { margin-block-end: 0 !important; } :where(p, [class*='wp-block']):has( + p:last-child:empty) { margin-block-end: 0 !important; } p:last-child:empty { margin-block: 0 !important; } /** * Elements */ /* */ body { position: relative; border: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeSpeed; z-index: var(--wp--custom--z-index--body); overflow-x: hidden; } .disable-transitions, .disable-transitions * { scroll-behavior: auto; transition: none !important; } 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--background); content: ''; opacity: var(--wp--custom--overlay--opacity); visibility: hidden; transition: visibility 0s linear 0.125s, opacity 0.125s ease-in; z-index: calc(var(--wp--custom--z-index--head) - 1); } /* Add translucent backdrop to the body when modal is open */ html:has(.wp-block-search__input[aria-hidden='false']) body { --wp--custom--overlay--opacity: var(--wp--custom--overlay--opacity-active); z-index: 1; } /* Prevent page from scrolling when modal is open */ html.has-modal-open body, .has-modal-open body { overflow: hidden; } /* Show backdrop when menu is open */ html:has(.wcs-part-head [aria-expanded='true']) body::before, .has-modal-open body::before { visibility: visible; transition-delay: 0s; } @media (width >= 1200px) { html:has(.wp-block-search__input[aria-hidden='false']) body, html:has(.wcs-part-head [aria-expanded='true']) body { --wp--custom--overlay--opacity: var(--wp--custom--overlay--opacity-active); z-index: 1; } } /*