/** * Ultracold base styles * * The `.uc2-site` scope keeps Phase 2 styles isolated from the published * Elementor/Astra markup during migration. It can be applied to `` or to * the root element of a new template. */ .uc2-site, .uc2-site *, .uc2-site *::before, .uc2-site *::after { box-sizing: border-box; } .uc2-site { min-width: 20rem; margin: 0; color: var(--uc-color-text); background: var(--uc-color-surface); font-family: var(--uc-font-family-sans); font-size: var(--uc-font-size-base); font-weight: var(--uc-font-weight-regular); line-height: var(--uc-line-height-base); text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-wrap: break-word; } .uc2-site :where(h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd) { margin-block-start: 0; } .uc2-site :where(ul, ol) { margin-block-start: 0; } .uc2-site :where(h1, h2, h3, h4, h5, h6) { color: var(--uc-color-brand-strong); font-family: var(--uc-font-family-display); font-weight: var(--uc-font-weight-bold); line-height: var(--uc-line-height-heading); letter-spacing: var(--uc-letter-spacing-tight); text-wrap: balance; } .uc2-site h1 { font-size: var(--uc-font-size-4xl); } .uc2-site h2 { font-size: var(--uc-font-size-3xl); } .uc2-site h3 { font-size: var(--uc-font-size-2xl); } .uc2-site :where(h4, h5, h6) { font-size: var(--uc-font-size-xl); } .uc2-site p { max-width: var(--uc-width-content); margin-block-end: var(--uc-space-5); text-wrap: pretty; } .uc2-site :where(strong, b) { font-weight: var(--uc-font-weight-bold); } .uc2-site small { font-size: var(--uc-font-size-sm); } .uc2-site :where(a) { color: var(--uc-color-link); text-decoration-line: underline; text-decoration-thickness: 0.08em; text-underline-offset: 0.18em; transition: color var(--uc-duration-fast) var(--uc-ease-standard), text-decoration-color var(--uc-duration-fast) var(--uc-ease-standard); } .uc2-site :where(a:hover) { color: var(--uc-color-link-hover); text-decoration-thickness: 0.12em; } .uc2-site :where(button, input, select, textarea) { margin: 0; color: inherit; font: inherit; } .uc2-site button { cursor: pointer; } .uc2-site :where(button, input, select, textarea):disabled, .uc2-site [aria-disabled="true"] { cursor: not-allowed; } .uc2-site :where(img, picture, video, canvas, svg) { display: block; max-width: 100%; } .uc2-site :where(img, video) { height: auto; } .uc2-site iframe { max-width: 100%; border: 0; } .uc2-site table { width: 100%; border-collapse: collapse; } .uc2-site :where(th, td) { padding: var(--uc-space-3) var(--uc-space-4); border-block-end: var(--uc-border-width) solid var(--uc-color-border); text-align: start; vertical-align: top; } .uc2-site th { color: var(--uc-color-brand-strong); font-weight: var(--uc-font-weight-semibold); } .uc2-site blockquote { max-width: var(--uc-width-content); margin-inline: 0; padding: var(--uc-space-5) var(--uc-space-6); border-inline-start: 0.25rem solid var(--uc-color-blue-500); background: var(--uc-color-surface-cold); border-radius: 0 var(--uc-radius-sm) var(--uc-radius-sm) 0; } .uc2-site hr { margin-block: var(--uc-space-10); border: 0; border-block-start: var(--uc-border-width) solid var(--uc-color-border); } .uc2-site ::selection { color: var(--uc-color-navy-950); background: var(--uc-color-blue-300); } .uc2-site :where([id]) { scroll-margin-block-start: calc(var(--uc-header-height) + var(--uc-space-4)); } .uc2-site :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline: 3px solid var(--uc-color-focus); outline-offset: 3px; } .uc2-site :where([hidden]) { display: none; } .uc2-skip-link { position: fixed; inset-block-start: var(--uc-space-3); inset-inline-start: var(--uc-space-3); z-index: var(--uc-z-toast); padding: var(--uc-space-3) var(--uc-space-5); color: var(--uc-color-white); background: var(--uc-color-navy-950); border-radius: var(--uc-radius-sm); font-weight: var(--uc-font-weight-semibold); text-decoration: none; transform: translateY(calc(-100% - var(--uc-space-8))); transition: transform var(--uc-duration-fast) var(--uc-ease-standard); } .uc2-skip-link:focus-visible { color: var(--uc-color-white); outline: 3px solid var(--uc-color-blue-300); outline-offset: 3px; transform: translateY(0); } .uc2-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } .uc2-visually-hidden-focusable:not(:focus, :focus-within) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } .uc2-reading-width { max-width: var(--uc-width-reading); } .uc2-text-muted { color: var(--uc-color-text-muted); } .uc2-text-center { text-align: center; } .uc2-flow > * + * { margin-block-start: var(--uc-flow-space, var(--uc-space-5)); } @media (prefers-reduced-motion: reduce) { .uc2-site *, .uc2-site *::before, .uc2-site *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } @media (forced-colors: active) { .uc2-site :where(a, button, input, select, textarea, summary):focus-visible { outline: 3px solid CanvasText; } } @media print { .uc2-site { color: #000000; background: #ffffff; font-size: 11pt; } .uc2-site :where(a) { color: inherit; } .uc2-site :where(a[href^="http"])::after { content: " (" attr(href) ")"; font-size: 0.8em; overflow-wrap: anywhere; } .uc2-skip-link, .uc2-no-print { display: none !important; } }