/*! tailwindcss v4.0.13 | MIT License | https://tailwindcss.com */ @layer theme { :root, :host { --font-sans: "Poppins", sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-gray-100: oklch(.967 .003 264.542); --color-gray-500: oklch(.551 .027 264.364); --color-gray-600: oklch(.446 .03 256.802); --color-gray-800: oklch(.278 .033 256.848); --color-black: oklch(0% 0 0); --color-white: oklch(100% 0 0); --spacing: .25rem; --container-3xl: 48rem; --container-4xl: 56rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --leading-tight: 1.25; --leading-snug: 1.375; --leading-relaxed: 1.625; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-3xl: 1.5rem; --ease-in-out: cubic-bezier(.4, 0, .2, 1); --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-sans); --default-font-feature-settings: var(--font-sans--font-feature-settings); --default-font-variation-settings: var(--font-sans--font-variation-settings); --default-mono-font-family: var(--font-mono); --default-mono-font-feature-settings: var(--font-mono--font-feature-settings); --default-mono-font-variation-settings: var(--font-mono--font-variation-settings); --spacing-section: 2rem; --color-background: oklch(100% 0 0); --color-text: var(--color-black); --color-cwc-blue-01: oklch(47.31% .1141 242.9); --color-cwc-blue-02: oklch(28.99% .0614 237.9); --color-cwc-blue-03: oklch(80.63% .0724 230.4); --color-cwc-orange-01: oklch(63.53% .1751 29.61); --color-primary: var(--color-cwc-blue-01); --color-primary-100: color-mix(in oklch, var(--color-primary) 10%, white); --color-primary-200: color-mix(in oklch, var(--color-primary) 20%, white); --color-primary-300: color-mix(in oklch, var(--color-primary) 30%, white); --color-primary-400: color-mix(in oklch, var(--color-primary) 40%, white); --color-primary-500: color-mix(in oklch, var(--color-primary) 50%, white); --color-primary-600: color-mix(in oklch, var(--color-primary) 60%, white); --color-primary-700: color-mix(in oklch, var(--color-primary) 70%, white); --color-primary-800: color-mix(in oklch, var(--color-primary) 80%, white); --color-primary-900: color-mix(in oklch, var(--color-primary) 90%, white); --color-secondary: var(--color-cwc-orange-01); --color-secondary-accessible: #c43c2b; --color-secondary-100: color-mix(in oklch, var(--color-secondary) 10%, white); --color-secondary-200: color-mix(in oklch, var(--color-secondary) 20%, white); --color-secondary-300: color-mix(in oklch, var(--color-secondary) 30%, white); --color-secondary-400: color-mix(in oklch, var(--color-secondary) 40%, white); --color-secondary-500: color-mix(in oklch, var(--color-secondary) 50%, white); --color-secondary-600: color-mix(in oklch, var(--color-secondary) 60%, white); --color-secondary-700: color-mix(in oklch, var(--color-secondary) 70%, white); --color-secondary-800: color-mix(in oklch, var(--color-secondary) 80%, white); --color-secondary-900: color-mix(in oklch, var(--color-secondary) 90%, white); --color-bodylinks: oklch(.48 .0789 211.58); --color-footlinks: oklch(.65 .1104 212.2); --color-pullquote-bg: color-mix(in oklch, var(--color-cwc-blue-03) 30%, transparent); --color-success: oklch(64.01% .1751 146.7); --color-info: oklch(.55 .0922 211.57); --color-warning: oklch(84.42% .1722 84.93); --color-danger: oklch(.5126 .1865 22.61); --color-light: oklch(98.16% .0017 247.8); --color-dark: oklch(34.51% .0133 248.2); --background-image-gradient-1: linear-gradient(180deg, #f26b5300 39.55%, #f26b5333 100%); --background-image-button-gradient: linear-gradient(93.03deg, #f26b53 0%, #d24d32 100%); --font-quincy: "quincy-cf", serif; --line-height: 1.6; --text-12px: round(down, clamp(.625rem, .5962rem + .1282vw, .75rem), 1px); --text-14px: round(up, clamp(.75rem, .7212rem + .1282vw, .875rem), 1px); --text-16px: round(up, clamp(.875rem, .8462rem + .1282vw, 1rem), 1px); --text-18px: round(up, clamp(1rem, .9712rem + .1282vw, 1.125rem), 1px); --text-20px: round(up, clamp(1.125rem, 1.0962rem + .1282vw, 1.25rem), 1px); --text-22px: round(up, clamp(1.25rem, 1.2212rem + .1282vw, 1.375rem), 1px); --text-24px: round(up, clamp(1.375rem, 1.3462rem + .1282vw, 1.5rem), 1px); --text-28px: round(up, clamp(1.625rem, 1.5962rem + .1282vw, 1.75rem), 1px); --text-30px: round(up, clamp(1.75rem, 1.7212rem + .1282vw, 1.875rem), 1px); --text-32px: round(up, clamp(1.875rem, 1.8462rem + .1282vw, 2rem), 1px); --text-34px: round(up, clamp(2rem, 1.9712rem + .1282vw, 2.125rem), 1px); --text-40px: round(up, clamp(2.25rem, 2.1923rem + .2564vw, 2.5rem), 1px); --text-54px: round(up, clamp(2.375rem, 2.1442rem + 1.0256vw, 3.375rem), 1px); --text-64px: round(up, clamp(3rem, 2.7692rem + 1.0256vw, 4rem), 1px); --twcb-scrollbar-width: 0px; --button-primary-bg: var(--background-image-button-gradient); --button-primary-color: var(--color-white); --button-primary-border-color: var(--color-secondary); --button-primary-hover-bg: var(--color-secondary); --button-primary-hover-border-color: var(--color-secondary); --button-primary-hover-color: var(--color-white); --button-primary-active-bg: color-mix(in oklch, var(--color-secondary) 84%, var(--color-danger)); --button-primary-active-border-color: color-mix(in oklch, var(--color-secondary) 84%, var(--color-danger)); --button-primary-outline-hover-color: var(--color-white); --button-primary-shadow-color: color-mix(in oklch, var(--color-secondary) 72%, var(--color-danger)); --button-primary-hover-shadow: .25rem .25rem 0 var(--button-primary-shadow-color); --button-primary-active-shadow: none; --button-primary-radius: 1.25rem .25rem 1.25rem .25rem; --button-bg: var(--button-primary-bg); --button-color: var(--button-primary-color); --button-hover-bg: var(--button-primary-hover-bg); --button-hover-border-color: var(--button-primary-hover-border-color); --button-hover-color: var(--button-primary-hover-color); --button-active-bg: var(--button-primary-active-bg); --button-active-border-color: var(--button-primary-active-border-color); --button-shadow: none; --button-hover-shadow: var(--button-primary-hover-shadow); --button-active-shadow: var(--button-primary-active-shadow); --button-border-width: 3px; --button-border-style: solid; --button-border-color: var(--button-primary-border-color); --button-radius: var(--button-primary-radius); --button-padding-block: .625rem; --button-padding-inline: 2rem; --button-font-size: var(--text-18px); --button-font-weight: 700; --button-letter-spacing: 0; } } @layer base { *, :after, :before, ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } html, :host { -webkit-text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } body { line-height: inherit; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sub { bottom: -.25em; } sup { top: -.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; color: color-mix(in oklab, currentColor 50%, transparent); } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit { padding-block: 0; } ::-webkit-datetime-edit-year-field { padding-block: 0; } ::-webkit-datetime-edit-month-field { padding-block: 0; } ::-webkit-datetime-edit-day-field { padding-block: 0; } ::-webkit-datetime-edit-hour-field { padding-block: 0; } ::-webkit-datetime-edit-minute-field { padding-block: 0; } ::-webkit-datetime-edit-second-field { padding-block: 0; } ::-webkit-datetime-edit-millisecond-field { padding-block: 0; } ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; } ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } } @layer components { h1, h2, h3, h4, h5, h6 { font-family: var(--font-quincy); margin: 0 0 1rem; font-weight: 700; } h1, .h1 { font-size: var(--h1); line-height: 1.2; } h2, .h2 { color: var(--color-cwc-blue-01); font-size: var(--h2); line-height: 1.3; } :is(h2, .h2) em { color: var(--color-secondary); font-style: normal; } #clients h2 { font-size: var(--text-64px); } h3, .h3 { font-size: var(--h3); line-height: 1.4; } h4, .h4 { font-size: var(--h4); line-height: 1.5; } h5, .h5 { font-size: var(--h5); } h6, .h6 { font-size: var(--h6); } } @layer utilities { .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .inset-0 { inset: calc(var(--spacing) * 0); } .top-2 { top: calc(var(--spacing) * 2); } .bottom-8 { bottom: calc(var(--spacing) * 8); } .left-2 { left: calc(var(--spacing) * 2); } .z-0 { z-index: 0; } .z-1 { z-index: 1; } .z-10 { z-index: 10; } .z-30 { z-index: 30; } .order-first { order: -9999; } .order-last { order: 9999; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-4 { grid-column: span 4 / span 4; } .col-span-5 { grid-column: span 5 / span 5; } .col-span-6 { grid-column: span 6 / span 6; } .col-span-7 { grid-column: span 7 / span 7; } .col-span-8 { grid-column: span 8 / span 8; } .container { width: 100%; } @media (width >= 22.5rem) { .container { max-width: 22.5rem; } } @media (width >= 29.6875rem) { .container { max-width: 29.6875rem; } } @media (width >= 40rem) { .container { max-width: 40rem; } } @media (width >= 48rem) { .container { max-width: 48rem; } } @media (width >= 64rem) { .container { max-width: 64rem; } } @media (width >= 70rem) { .container { max-width: 70rem; } } @media (width >= 96rem) { .container { max-width: 96rem; } } .m-0 { margin: calc(var(--spacing) * 0); } .m-0\! { margin: calc(var(--spacing) * 0) !important; } .-mx-2 { margin-inline: calc(var(--spacing) * -2); } .mx-0 { margin-inline: calc(var(--spacing) * 0); } .mx-auto { margin-inline: auto; } .my-0 { margin-block: calc(var(--spacing) * 0); } .my-\[1\.2em\] { margin-block: 1.2em; } .my-section { margin-block: var(--spacing-section); } .mt-0 { margin-top: calc(var(--spacing) * 0); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .mt-auto { margin-top: auto; } .mx-break-out { width: calc(100vw - var(--twcb-scrollbar-width)); margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } .mb-0 { margin-bottom: calc(var(--spacing) * 0); } .mb-0\! { margin-bottom: calc(var(--spacing) * 0) !important; } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-2\.5 { margin-bottom: calc(var(--spacing) * 2.5); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .mb-36 { margin-bottom: calc(var(--spacing) * 36); } .ml-break-out { width: 100%; margin-left: calc(50% - 50vw); } .mr-break-out { width: 100%; margin-left: calc(50vw - 50%); } .ml-0 { margin-left: calc(var(--spacing) * 0); } .ml-4 { margin-left: calc(var(--spacing) * 4); } .line-clamp-4 { -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-5 { -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .table { display: table; } .aspect-square { aspect-ratio: 1; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .h-5 { height: calc(var(--spacing) * 5); } .h-auto { height: auto; } .h-full { height: 100%; } .max-h-\[300px\] { max-height: 300px; } .min-h-\[78dvh\] { min-height: 78dvh; } .w-4 { width: calc(var(--spacing) * 4); } .w-5 { width: calc(var(--spacing) * 5); } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-full\! { width: 100% !important; } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4\/5 { max-width: 80%; } .max-w-4xl { max-width: var(--container-4xl); } .max-w-64 { max-width: calc(var(--spacing) * 64); } .max-w-\[40\%\] { max-width: 40%; } .max-w-\[40ch\] { max-width: 40ch; } .max-w-full { max-width: 100%; } .min-w-32 { min-width: calc(var(--spacing) * 32); } .flex-0 { flex: 0; } .flex-1 { flex: 1; } .flex-shrink { flex-shrink: 1; } .flex-shrink-0 { flex-shrink: 0; } .flex-grow, .grow, .grow-1 { flex-grow: 1; } .transform { transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y); } .cursor-default { cursor: default; } .resize { resize: both; } .list-inside { list-style-position: inside; } .list-outside { list-style-position: outside; } .list-none { list-style-type: none; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid-cols-\[437px_auto\] { grid-template-columns: 437px auto; } .grid-cols-\[repeat\(auto-fit\,minmax\(20rem\,1fr\)\)\] { grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); } .grid-rows-\[1fr\] { grid-template-rows: 1fr; } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-12 { gap: calc(var(--spacing) * 12); } .gap-24 { gap: calc(var(--spacing) * 24); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-y-0 { row-gap: calc(var(--spacing) * 0); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .gap-y-4 { row-gap: calc(var(--spacing) * 4); } .gap-y-6 { row-gap: calc(var(--spacing) * 6); } .gap-y-8 { row-gap: calc(var(--spacing) * 8); } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .overflow-hidden { overflow: hidden; } .rounded { border-radius: .25rem; } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-t-3xl { border-top-left-radius: var(--radius-3xl); border-top-right-radius: var(--radius-3xl); } .rounded-t-md { border-top-left-radius: var(--radius-md); border-top-right-radius: var(--radius-md); } .rounded-l { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; } .rounded-r { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-primary { border-color: var(--color-primary); } .border-primary-100 { border-color: var(--color-primary-100); } .border-primary-700 { border-color: var(--color-primary-700); } .border-secondary { border-color: var(--color-secondary); } .border-b-secondary { border-bottom-color: var(--color-secondary); } .bg-\(--color-pullquote-bg\) { background-color: var(--color-pullquote-bg); } .bg-cwc-blue-02 { background-color: var(--color-cwc-blue-02); } .bg-dark { background-color: var(--color-dark); } .bg-primary { background-color: var(--color-primary); } .bg-secondary { background-color: var(--color-secondary); } .bg-white { background-color: var(--color-white); } .bg-cover { background-size: cover; } .bg-center { background-position: center; } .bg-no-repeat { background-repeat: no-repeat; } .fill-black { fill: var(--color-black); } .fill-primary-700 { fill: var(--color-primary-700); } .object-cover { object-fit: cover; } .object-center { object-position: center; } .p-0 { padding: calc(var(--spacing) * 0); } .p-0\! { padding: calc(var(--spacing) * 0) !important; } .p-1 { padding: calc(var(--spacing) * 1); } .p-2 { padding: calc(var(--spacing) * 2); } .p-6 { padding: calc(var(--spacing) * 6); } .p-8 { padding: calc(var(--spacing) * 8); } .px-0\! { padding-inline: calc(var(--spacing) * 0) !important; } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-12 { padding-block: calc(var(--spacing) * 12); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-12 { padding-top: calc(var(--spacing) * 12); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-52 { padding-top: calc(var(--spacing) * 52); } .pr-8 { padding-right: calc(var(--spacing) * 8); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-10 { padding-bottom: calc(var(--spacing) * 10); } .pb-12 { padding-bottom: calc(var(--spacing) * 12); } .pb-16 { padding-bottom: calc(var(--spacing) * 16); } .pl-0\! { padding-left: calc(var(--spacing) * 0) !important; } .pl-7 { padding-left: calc(var(--spacing) * 7); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .font-quincy { font-family: var(--font-quincy); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-12px { font-size: var(--text-12px); } .text-14px { font-size: var(--text-14px); } .text-16px { font-size: var(--text-16px); } .text-18px { font-size: var(--text-18px); } .text-20px { font-size: var(--text-20px); } .text-22px { font-size: var(--text-22px); } .text-24px { font-size: var(--text-24px); } .text-28px { font-size: var(--text-28px); } .text-30px { font-size: var(--text-30px); } .text-32px { font-size: var(--text-32px); } .text-34px { font-size: var(--text-34px); } .text-40px { font-size: var(--text-40px); } .text-54px { font-size: var(--text-54px); } .text-64px { font-size: var(--text-64px); } .leading-none { --tw-leading: 1; line-height: 1; } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .text-balance { text-wrap: balance; } .text-wrap { text-wrap: wrap; } .text-black { color: var(--color-black); } .text-cwc-blue-01 { color: var(--color-cwc-blue-01); } .text-cwc-blue-02 { color: var(--color-cwc-blue-02); } .text-cwc-blue-03\! { color: var(--color-cwc-blue-03) !important; } .text-cwc-orange-01 { color: var(--color-cwc-orange-01); } .text-dark { color: var(--color-dark); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-800 { color: var(--color-gray-800); } .text-light { color: var(--color-light); } .text-secondary { color: var(--color-secondary); } .text-white { color: var(--color-white); } .text-white\/70 { color: color-mix(in oklab, var(--color-white) 70%, transparent); } .uppercase { text-transform: uppercase; } .underline { text-decoration-line: underline; } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-primary-700 { --tw-ring-color: var(--color-primary-700); } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .blur { --tw-blur: blur(8px); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .filter { filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .duration-300 { --tw-duration: .3s; transition-duration: .3s; } .duration-500 { --tw-duration: .5s; transition-duration: .5s; } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-linear { --tw-ease: linear; transition-timing-function: linear; } .will-change-transform { will-change: transform; } @media (hover: hover) { .group-hover\:scale-105:is(:where(.group):hover *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .marker\:text-gray-500 ::marker { color: var(--color-gray-500); } .marker\:text-gray-500::marker { color: var(--color-gray-500); } @media (hover: hover) { .hover\:text-cwc-blue-01\!:hover { color: var(--color-cwc-blue-01) !important; } .hover\:underline:hover { text-decoration-line: underline; } .hover\:opacity-80:hover { opacity: .8; } .hover\:opacity-80\!:hover { opacity: .8 !important; } } .focus-visible\:ring-2:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @media (width >= 40rem) { .sm\:col-span-1 { grid-column: span 1 / span 1; } .sm\:col-span-2 { grid-column: span 2 / span 2; } .sm\:col-span-3 { grid-column: span 3 / span 3; } .sm\:col-span-4 { grid-column: span 4 / span 4; } .sm\:col-span-5 { grid-column: span 5 / span 5; } .sm\:col-span-6 { grid-column: span 6 / span 6; } .sm\:col-span-7 { grid-column: span 7 / span 7; } .sm\:col-span-8 { grid-column: span 8 / span 8; } .sm\:mt-6 { margin-top: calc(var(--spacing) * 6); } .sm\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sm\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .sm\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .sm\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .sm\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .sm\:justify-start { justify-content: flex-start; } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:py-12 { padding-block: calc(var(--spacing) * 12); } .sm\:text-center { text-align: center; } .sm\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } @media (width >= 48rem) { .md\:col-span-1 { grid-column: span 1 / span 1; } .md\:col-span-2 { grid-column: span 2 / span 2; } .md\:col-span-3 { grid-column: span 3 / span 3; } .md\:col-span-4 { grid-column: span 4 / span 4; } .md\:col-span-5 { grid-column: span 5 / span 5; } .md\:col-span-6 { grid-column: span 6 / span 6; } .md\:col-span-7 { grid-column: span 7 / span 7; } .md\:col-span-8 { grid-column: span 8 / span 8; } .md\:w-\[18em\] { width: 18em; } .md\:min-w-\[25ch\] { min-width: 25ch; } .md\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .md\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .md\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:col-span-1 { grid-column: span 1 / span 1; } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-4 { grid-column: span 4 / span 4; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .lg\:col-span-6 { grid-column: span 6 / span 6; } .lg\:col-span-7 { grid-column: span 7 / span 7; } .lg\:col-span-8 { grid-column: span 8 / span 8; } .lg\:my-0 { margin-block: calc(var(--spacing) * 0); } .lg\:mt-10 { margin-top: calc(var(--spacing) * 10); } .lg\:mb-4 { margin-bottom: calc(var(--spacing) * 4); } .lg\:block { display: block; } .lg\:hidden { display: none; } .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .lg\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .lg\:flex-row { flex-direction: row; } .lg\:items-center { align-items: center; } .lg\:items-start { align-items: flex-start; } .lg\:justify-start { justify-content: flex-start; } .lg\:gap-12 { gap: calc(var(--spacing) * 12); } .lg\:gap-20 { gap: calc(var(--spacing) * 20); } .lg\:px-0 { padding-inline: calc(var(--spacing) * 0); } .lg\:px-0\! { padding-inline: calc(var(--spacing) * 0) !important; } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } .lg\:py-16 { padding-block: calc(var(--spacing) * 16); } .lg\:py-20 { padding-block: calc(var(--spacing) * 20); } .lg\:pt-30 { padding-top: calc(var(--spacing) * 30); } .lg\:text-left { text-align: left; } .lg\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .lg\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .lg\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } @media (width >= 70rem) { .xl\:col-span-1 { grid-column: span 1 / span 1; } .xl\:col-span-2 { grid-column: span 2 / span 2; } .xl\:col-span-3 { grid-column: span 3 / span 3; } .xl\:col-span-4 { grid-column: span 4 / span 4; } .xl\:col-span-5 { grid-column: span 5 / span 5; } .xl\:col-span-6 { grid-column: span 6 / span 6; } .xl\:col-span-7 { grid-column: span 7 / span 7; } .xl\:col-span-8 { grid-column: span 8 / span 8; } .xl\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .xl\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .xl\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .xl\:gap-16 { gap: calc(var(--spacing) * 16); } .xl\:text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } } @media (width >= 96rem) { .\32 xl\:col-span-1 { grid-column: span 1 / span 1; } .\32 xl\:col-span-2 { grid-column: span 2 / span 2; } .\32 xl\:col-span-3 { grid-column: span 3 / span 3; } .\32 xl\:col-span-4 { grid-column: span 4 / span 4; } .\32 xl\:col-span-5 { grid-column: span 5 / span 5; } .\32 xl\:col-span-6 { grid-column: span 6 / span 6; } .\32 xl\:col-span-7 { grid-column: span 7 / span 7; } .\32 xl\:col-span-8 { grid-column: span 8 / span 8; } .\32 xl\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .\32 xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .\32 xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .\32 xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .\32 xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .\32 xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .\32 xl\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .\32 xl\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } } .prose-p\:text-balance :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { text-wrap: balance; } @media (hover: hover) { .hover\:prose-img\:origin-center:hover :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { transform-origin: center; } .hover\:prose-img\:scale-110:hover :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .hover\:prose-img\:duration-500:hover :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { --tw-duration: .5s; transition-duration: .5s; } } } main#maincontent { background-color: var(--color-background); color: var(--color-text); margin: 0; padding: 0 0 5rem; } .container { width: 100%; max-width: 80.5rem; margin: 0 auto; padding-inline: clamp(1.5rem, 5vw, 3rem); } .container.wider { max-width: 85rem; } .section { margin-block: var(--spacing-section); padding-inline: var(--spacing-section); position: relative; } .section:first-child { margin-top: calc(var(--spacing) * 0); } .section:last-child, .section p:last-child { margin-bottom: calc(var(--spacing) * 0); } .section.has-background { padding-block: var(--spacing-section); background-repeat: no-repeat; background-size: cover; } .content-wrapper .alignfull, .content-wrapper .alignwide { max-width: 100%; } .content-wrapper .alignleft { float: none; margin-right: auto; margin-left: calc(var(--spacing) * 0); } .content-wrapper .alignright { float: none; margin-right: calc(var(--spacing) * 0); margin-left: auto; } .content-wrapper .aligncenter { margin-inline: auto; } .embed { height: 0; padding-bottom: 56.25%; position: relative; overflow: hidden; } .embed iframe, .embed object, .embed embed, .embed video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } :root { --h1: var(--text-64px); --h2: var(--text-40px); --h3: var(--text-32px); --h4: var(--text-28px); --h5: var(--text-24px); --h6: var(--text-22px); } body { color: #000; font-family: var(--font-sans); font-size: var(--text-18px); line-height: var(--line-height); background-color: #fff; } ::selection { background: var(--color-primary-400); } a, .link { color: var(--color-bodylinks); cursor: pointer; text-decoration: none; transition: color .2s; } :is(a, .link):hover { color: var(--color-primary); } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a { color: inherit; text-decoration: underline; } p { margin-top: 0; margin-bottom: 1rem; } ul { padding: 0 1rem; list-style-type: disc; list-style-position: inside; } ol { padding: 0 1rem; list-style-type: decimal; list-style-position: inside; } li ul, li ol { margin: 0 1rem; } ol ol { list-style: lower-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } pre, code, samp, style { font-family: monospace; } pre { padding: 1.5rem; font-size: .875rem; overflow: auto; } pre code { background-color: inherit; color: inherit; border-radius: 0; padding: 0; } code { border-radius: var(--radius-sm); background-color: color-mix(in oklab, var(--color-black) 30%, transparent); padding-inline: 3px; padding-block: calc(var(--spacing) * .5); font-family: var(--font-mono); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); color: var(--color-black); } hr { background-color: #000; border: none; width: 100%; height: 1px; margin: 1rem 0; display: block; } .skip-link { opacity: 1; text-align: center; z-index: 999; width: 15rem; max-width: 90vw; margin: 0 auto; padding: 1rem; font-size: larger; font-weight: 600; transition: transform .1875s ease-out; position: absolute; top: .5rem; left: 0; right: 0; color: #000 !important; background-color: #f6ff00 !important; border-color: #f6ff00 !important; outline-color: #f6ff00 !important; } .skip-link:not(:focus):not(:hover) { opacity: 0; transform: translateY(-4em); } .social-icons svg { fill: var(--color-white); background-color: #0000; border-radius: 3.40282e38px; display: block; } .post-title h1 { margin-bottom: calc(var(--spacing) * 8); --tw-leading: 1; color: var(--color-cwc-blue-01); line-height: 1; } .post-title h1:after { background: var(--color-secondary); content: ""; width: 3rem; height: 4px; margin-top: .45rem; display: block; } input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="password"], input[type="date"], select, textarea { border-style: var(--tw-border-style); border-width: 2px; border-color: var(--color-primary); width: 100%; padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2); background-color: var(--color-white); color: var(--color-black); font-size: inherit; line-height: inherit; border-radius: .25rem; } :is(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="password"], input[type="date"], select, textarea):focus-visible { outline-style: var(--tw-outline-style); outline-offset: 3px; outline-width: 2px; outline-color: var(--color-primary); border-color: #0000; } .gform_wrapper { max-width: 100%; margin-inline: auto; } .gform_wrapper .gform_fields { color: var(--color-black); } .gform_wrapper fieldset.gfield { margin-bottom: calc(var(--spacing) * 6); } .gform_wrapper legend, .gform_wrapper label { margin-bottom: calc(var(--spacing) * 2); font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .gform_wrapper label.gform-field-label--type-sub { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .gform_wrapper .gfield_required { margin-left: calc(var(--spacing) * 1); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); color: var(--color-danger); } .gform_wrapper .dark input[type="text"], .gform_wrapper .dark input[type="email"], .gform_wrapper .dark input[type="tel"], .gform_wrapper .dark input[type="url"], .gform_wrapper .dark input[type="number"], .gform_wrapper .dark input[type="password"], .gform_wrapper .dark input[type="date"], .gform_wrapper .dark select, .gform_wrapper .dark textarea { background-color: var(--color-white); color: var(--color-black); } :is(.gform_wrapper .dark input[type="text"], .gform_wrapper .dark input[type="email"], .gform_wrapper .dark input[type="tel"], .gform_wrapper .dark input[type="url"], .gform_wrapper .dark input[type="number"], .gform_wrapper .dark input[type="password"], .gform_wrapper .dark input[type="date"], .gform_wrapper .dark select, .gform_wrapper .dark textarea):focus-visible { outline-style: var(--tw-outline-style); outline-offset: 3px; outline-width: 2px; outline-color: var(--color-primary); border-color: #0000; } @media (width >= 40rem) { .gform_wrapper .ginput_complex { display: flex; } } .gform_wrapper .ginput_complex span { flex-grow: 1; display: block; } .gform_wrapper .ginput_complex span:not(:first-child) { margin-top: calc(var(--spacing) * 6); } @media (width >= 40rem) { .gform_wrapper .ginput_complex span:not(:first-child) { margin-top: calc(var(--spacing) * 0); margin-left: calc(var(--spacing) * 4); } } .gform_wrapper .gform_footer { margin-top: calc(var(--spacing) * 8); } .gform_wrapper h2.gform_submission_error { margin-block: calc(var(--spacing) * 4); font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); color: var(--color-danger); } .gform_wrapper .validation_message { color: var(--color-danger); font-style: italic; } .gform_wrapper .hidden_label > label { display: none; } .wp-block-search__input { border-style: var(--tw-border-style); width: 100%; padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2); appearance: none; border-width: 2px; border-color: #0000; border-radius: .25rem; flex-grow: 1; min-width: 3rem; margin-left: 0; margin-right: 0; -webkit-text-decoration: unset !important; -webkit-text-decoration: unset !important; text-decoration: unset !important; } .wp-block-search__input:focus-visible { border-color: var(--color-primary); background-color: var(--color-secondary-300); } .menu-vdi { display: none; } .menu-vdi > li { list-style-type: none; } @media (hover: hover) { .menu-vdi > li > a:hover { text-decoration-line: underline; } } .menu-vdi > li > a:focus-visible, .menu-vdi > li a[aria-current="true"] { text-decoration-line: underline; } .menu-vdi > li .menu-vdi__toggle[aria-expanded="true"] svg { rotate: 180deg; } .menu-vdi > li .menu-vdi__toggle[aria-expanded="true"] + .menu-vdi__submenu { display: flex; } .menu-vdi .menu-vdi__submenu { z-index: 10; width: 100%; display: none; } @media (width >= 22.5rem) { .menu-vdi .menu-vdi__submenu { max-width: 22.5rem; } } @media (width >= 29.6875rem) { .menu-vdi .menu-vdi__submenu { max-width: 29.6875rem; } } @media (width >= 40rem) { .menu-vdi .menu-vdi__submenu { max-width: 40rem; } } @media (width >= 48rem) { .menu-vdi .menu-vdi__submenu { max-width: 48rem; } } @media (width >= 64rem) { .menu-vdi .menu-vdi__submenu { max-width: 64rem; } } @media (width >= 70rem) { .menu-vdi .menu-vdi__submenu { max-width: 70rem; } } @media (width >= 96rem) { .menu-vdi .menu-vdi__submenu { max-width: 96rem; } } .menu-vdi .menu-vdi__submenu .menu-vdi__item--grandchild a { text-decoration-line: none; } @media (hover: hover) { .menu-vdi .menu-vdi__submenu .menu-vdi__item--grandchild a:hover { text-decoration-line: underline; } } .menu-vdi .menu-vdi__submenu .menu-vdi__item--grandchild a:focus-visible { text-decoration-line: underline; } @media screen and (width <= 79.9375rem) { #app:has(.nav-main__toggle[aria-expanded="true"]) { height: calc(100vh - var(--hgtHeader)); } .nav-main__toggle .nav-toggle-hamburger { display: inline-block !important; } .nav-main__toggle .nav-toggle-x, .nav-main__toggle[aria-expanded="true"] .nav-toggle-hamburger { display: none !important; } .nav-main__toggle[aria-expanded="true"] .nav-toggle-x { display: inline-block !important; } .nav-main .nav-main__toggle[aria-expanded="true"] + ul { display: flex; position: absolute; } .nav-main .menu-vdi { right: calc(var(--spacing) * 0); z-index: 10; position: absolute; } .nav-main .menu-vdi .menu-vdi__toggle { align-items: center; gap: calc(var(--spacing) * 2); display: flex; } .nav-aux .menu-vdi__submenu { list-style-type: none; position: absolute; } } @media screen and (width >= 80rem) { .nav-main__toggle { display: none; } .menu-vdi { list-style-type: none; display: flex; } .menu-vdi .menu-vdi__toggle { align-items: center; gap: calc(var(--spacing) * 2); display: flex; } .menu-vdi .menu-vdi__submenu { list-style-type: none; position: absolute; } } .nav-aux { margin: calc(var(--spacing) * 0); justify-content: flex-end; align-items: center; gap: calc(var(--spacing) * 2); padding: calc(var(--spacing) * 0); flex-wrap: wrap; display: flex; position: relative; } .nav-aux .menu-vdi { margin: calc(var(--spacing) * 0); align-items: center; gap: calc(var(--spacing) * 4); column-gap: calc(var(--spacing) * 4); row-gap: calc(var(--spacing) * 2); padding: calc(var(--spacing) * 0); flex-wrap: wrap; display: flex; position: relative; } .nav-aux .menu-vdi .menu-vdi__toggle { align-items: center; gap: calc(var(--spacing) * 2); display: flex; } @media (hover: hover) { .nav-aux .menu-vdi .menu-vdi__toggle:hover { text-decoration-line: underline; } } .nav-aux .menu-vdi .menu-vdi__toggle:focus-visible { text-decoration-line: underline; } @media screen and (width >= 62.5rem) { .nav-aux { gap: calc(var(--spacing) * 4); } .nav-aux .menu-vdi { justify-content: flex-end; } .nav-aux .menu-vdi .menu-vdi__toggle { align-items: center; gap: calc(var(--spacing) * 2); display: flex; } } @media screen and (width >= 80rem) { .nav-main .menu-vdi { margin: calc(var(--spacing) * 0); height: 100%; padding: calc(var(--spacing) * 0); justify-content: flex-end; align-items: center; display: flex; } .nav-main .menu-vdi > li { height: 100%; } .nav-main .menu-vdi > li > a, .nav-main .menu-vdi > li > .menu-vdi__toggle { font-size: var(--text-20px); --tw-leading: var(--leading-snug); line-height: var(--leading-snug); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); white-space: nowrap; color: var(--color-white); margin-block: calc(var(--spacing) * -4); padding-inline: calc(var(--spacing) * 4); align-items: center; height: calc(100% + 2rem); text-decoration-line: none; display: flex; } :is(.nav-main .menu-vdi > li:hover, .nav-main .menu-vdi > li:has(a[aria-current="true"]), .nav-main .menu-vdi > li:has(.menu-vdi__toggle[aria-expanded="true"])) > a, :is(.nav-main .menu-vdi > li:hover, .nav-main .menu-vdi > li:has(a[aria-current="true"]), .nav-main .menu-vdi > li:has(.menu-vdi__toggle[aria-expanded="true"])) > .menu-vdi__toggle { background-color: var(--color-cwc-blue-02); color: var(--color-light); box-shadow: inset 0 -4px #f26b53; } .nav-main .menu-vdi > li.menu-vdi__item--contact { height: auto; } .nav-main .menu-vdi > li.menu-vdi__item--contact:hover > a { box-shadow: none; background-color: #0000; } .nav-main .menu-vdi > li.menu-vdi__item--contact > a { margin-block: calc(var(--spacing) * 0); margin-right: calc(var(--spacing) * 0); margin-left: calc(var(--spacing) * 2); background: linear-gradient(93.03deg, #f26b53 0%, #d24d32 100%); border: 3px solid #0000; border-radius: 1.25rem .25rem; height: auto; padding: .5rem 2rem; } .nav-main .menu-vdi > li.menu-vdi__item--contact > a:hover { border: 3px solid #d24d32; } .menu-vdi .menu-vdi__toggle { align-items: center; gap: calc(var(--spacing) * 2); display: flex; } @media (hover: hover) { .menu-vdi .menu-vdi__toggle:hover { cursor: pointer; } } .menu-vdi .menu-vdi__item--parent { position: relative; } .menu-vdi .menu-vdi__submenu { z-index: 10000; top: calc(100% + 1rem); left: calc(var(--spacing) * 0); margin-left: calc(var(--spacing) * 0); width: calc(var(--spacing) * 64); border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); background-color: var(--color-cwc-blue-02); --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); flex-direction: column; } .menu-vdi .menu-vdi__submenu > li { border-bottom-style: var(--tw-border-style); border-color: #d24d32; border-bottom-width: 1px; width: 100%; } .menu-vdi .menu-vdi__submenu > li:last-child { border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .menu-vdi .menu-vdi__submenu .menu-vdi__item { font-size: var(--text-18px); --tw-leading: var(--leading-snug); line-height: var(--leading-snug); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); color: var(--color-white); width: 100%; text-decoration-line: none; display: block; } @media (hover: hover) { .menu-vdi .menu-vdi__submenu .menu-vdi__item:hover { background-color: var(--color-cwc-blue-01); } } .menu-vdi .menu-vdi__submenu .menu-vdi__item:focus-visible { background-color: var(--color-cwc-blue-01); } .menu-vdi .menu-vdi__submenu .menu-vdi__item a { width: 100%; display: block; } .menu-vdi .menu-vdi__submenu a.menu-vdi__item, .menu-vdi .menu-vdi__submenu .menu-vdi__item a { padding: calc(var(--spacing) * 4); color: var(--color-white); } } @media screen and (width <= 62.5rem) { .nav-main .nav-main__toggle { padding: calc(var(--spacing) * 3); color: var(--color-white); } .nav-main .menu-vdi { right: calc(var(--spacing) * 0); padding-block: calc(var(--spacing) * 8); overscroll-behavior: contain; background: var(--color-cwc-blue-02); color: var(--color-white); height: calc(100vh - var(--hgtHeader)); top: var(--hgtHeader); z-index: 100; flex-direction: column; width: 95%; display: none; position: absolute; overflow-y: auto; } .nav-main .menu-vdi, .nav-main .menu-vdi ul.menu-vdi { margin: 0; padding-left: 0; list-style: none; } .nav-main .menu-vdi .menu-vdi__submenu { padding-inline: calc(var(--spacing) * 7); padding-block: calc(var(--spacing) * 2); flex-direction: column; } .nav-main .menu-vdi .menu-vdi__item { list-style: none; } .nav-main .menu-vdi .menu-vdi__item a, .nav-main .menu-vdi .menu-vdi__item button { font-size: var(--text-20px); --tw-leading: var(--leading-snug); line-height: var(--leading-snug); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); color: var(--color-white); width: 100%; padding: calc(var(--spacing) * 4); display: block; } @media (hover: hover) { :is(.nav-main .menu-vdi .menu-vdi__item a, .nav-main .menu-vdi .menu-vdi__item button):hover { background-color: var(--color-secondary-200); text-decoration-line: underline; } } :is(.nav-main .menu-vdi .menu-vdi__item a, .nav-main .menu-vdi .menu-vdi__item button):focus-visible { background-color: var(--color-secondary-200); } .nav-main .menu-vdi .menu-vdi__item a { width: 100%; display: block; } .nav-main .menu-vdi .menu-vdi__item button { justify-content: space-between; width: 100%; display: flex; } .nav-main .nav-main__toggle[aria-expanded="true"] ~ .menu-vdi:not(.menu-vdi--sliding) { display: flex !important; } html:has(.nav-main__toggle[aria-expanded="true"]) body, body:has(.nav-main__toggle[aria-expanded="true"]) { overscroll-behavior: contain; touch-action: none; overflow: hidden; } } @media screen and (width >= 62.5rem) { .nav-footer .menu-vdi { margin: calc(var(--spacing) * 0); padding: calc(var(--spacing) * 0); flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex; } .nav-footer .menu-vdi > li > a { font-size: var(--text-18px); --tw-leading: var(--leading-snug); line-height: var(--leading-snug); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: var(--color-secondary); margin-inline: calc(var(--spacing) * 0); padding: calc(var(--spacing) * 0); text-decoration-line: none; } } @media screen and (width <= 62.5rem) { .nav-footer .nav-footer__toggle { padding: calc(var(--spacing) * 3); color: var(--color-primary); } .nav-footer .menu-vdi { width: 95%; padding-block: calc(var(--spacing) * 6); flex-direction: column; } .nav-footer .menu-vdi .menu-vdi__submenu { padding-inline: calc(var(--spacing) * 7); padding-block: calc(var(--spacing) * 2); flex-direction: column; } .nav-footer .menu-vdi .menu-vdi__item a, .nav-footer .menu-vdi .menu-vdi__item button { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); --tw-leading: var(--leading-snug); line-height: var(--leading-snug); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); width: 100%; padding: calc(var(--spacing) * 4); display: block; } @media (hover: hover) { :is(.nav-footer .menu-vdi .menu-vdi__item a, .nav-footer .menu-vdi .menu-vdi__item button):hover { background-color: var(--color-secondary-200); } } :is(.nav-footer .menu-vdi .menu-vdi__item a, .nav-footer .menu-vdi .menu-vdi__item button):focus-visible { background-color: var(--color-secondary-200); } .nav-footer .menu-vdi .menu-vdi__item a { width: 100%; display: block; } .nav-footer .menu-vdi .menu-vdi__item button { justify-content: space-between; width: 100%; display: flex; } } @media screen and (width >= 62.5rem) { .nav-footer .menu-vdi .menu-vdi__toggle { margin-top: calc(var(--spacing) * 3); padding-bottom: calc(var(--spacing) * 1); font-size: var(--text-20px); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); text-decoration-line: underline; } .nav-footer .menu-vdi .menu-vdi__toggle > svg { display: none; } .nav-footer .menu-vdi .menu-vdi__item--parent { position: static; } .nav-footer .menu-vdi .menu-vdi__submenu { margin: calc(var(--spacing) * 0); margin-bottom: calc(var(--spacing) * 3); padding: calc(var(--spacing) * 0); padding-left: calc(var(--spacing) * 2); --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); display: block; position: static; } .nav-footer .menu-vdi .menu-vdi__submenu > li { margin: calc(var(--spacing) * 0); width: 100%; padding: calc(var(--spacing) * 0); } .nav-footer .menu-vdi .menu-vdi__submenu .menu-vdi__item { font-size: var(--text-18px); --tw-leading: var(--leading-snug); line-height: var(--leading-snug); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); width: 100%; display: block; } @media (hover: hover) { .nav-footer .menu-vdi .menu-vdi__submenu .menu-vdi__item:hover { background-color: var(--color-secondary-200); } } .nav-footer .menu-vdi .menu-vdi__submenu .menu-vdi__item:focus-visible { background-color: var(--color-secondary-200); } .nav-footer .menu-vdi .menu-vdi__submenu .menu-vdi__item a { width: 100%; display: block; } .nav-footer .menu-vdi .menu-vdi__submenu a.menu-vdi__item, .nav-footer .menu-vdi .menu-vdi__submenu .menu-vdi__item a { padding: calc(var(--spacing) * 0); color: var(--color-secondary); } } @font-face { font-family: Lineicons; src: url("../../styles/fonts/Lineicons.woff2") format("woff2"), url("../../styles/fonts/Lineicons.svg") format("svg"); } [class^="lni-"], [class*=" lni-"], [class^="icon-"], [class*=" icon-"], [class^="lni-"]:before, [class*=" lni-"]:before, [class^="icon-"]:before, [class*=" icon-"]:before { speak: never; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; vertical-align: middle; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Lineicons, sans-serif; font-size: 110%; font-style: normal; line-height: 1; display: inline-block; } .social-links { flex-direction: row; justify-content: flex-end; width: 100%; display: flex; } .social-links a { margin-right: 1rem; } .social-links a:last-child { margin-right: 0 !important; } .circular-icon { box-sizing: content-box; background-color: var(--color-secondary); color: var(--color-white); --size: 1.5rem; height: var(--size); text-align: center; width: var(--size); border-radius: 3.40282e38px; justify-content: center; align-items: center; display: flex; } .circular-icon i { justify-content: center; align-items: center; width: 100%; height: 100%; margin: 0; padding: 0; line-height: 1; display: flex; } i.circular-icon:before, .circular-icon span { line-height: var(--size) !important; } .lni-is-spinning { animation: 1s linear infinite lni-spin; } @keyframes lni-spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .lni-rotate-90 { transform: rotate(90deg); } .lni-rotate-180 { transform: rotate(180deg); } .lni-rotate-270 { transform: rotate(270deg); } .lni-flip-y { transform: scaleY(-1); } .lni-flip-x { transform: scaleX(-1); } .lni-500px:before, .icon-500px:before { content: ""; } .lni-adobe:before, .icon-adobe:before { content: ""; } .lni-adonis:before, .icon-adonis:before { content: ""; } .lni-aeroplane-1:before, .icon-aeroplane-1:before { content: ""; } .lni-agenda:before, .icon-agenda:before { content: ""; } .lni-airbnb:before, .icon-airbnb:before { content: ""; } .lni-airtable:before, .icon-airtable:before { content: ""; } .lni-alarm-1:before, .icon-alarm-1:before { content: ""; } .lni-align-text-center:before, .icon-align-text-center:before { content: ""; } .lni-align-text-left:before, .icon-align-text-left:before { content: ""; } .lni-align-text-right:before, .icon-align-text-right:before { content: ""; } .lni-alpinejs:before, .icon-alpinejs:before { content: ""; } .lni-amazon:before, .icon-amazon:before { content: ""; } .lni-amazon-original:before, .icon-amazon-original:before { content: ""; } .lni-amazon-pay:before, .icon-amazon-pay:before { content: ""; } .lni-ambulance-1:before, .icon-ambulance-1:before { content: ""; } .lni-amd:before, .icon-amd:before { content: ""; } .lni-amex:before, .icon-amex:before { content: ""; } .lni-anchor:before, .icon-anchor:before { content: ""; } .lni-android:before, .icon-android:before { content: ""; } .lni-android-old:before, .icon-android-old:before { content: ""; } .lni-angellist:before, .icon-angellist:before { content: ""; } .lni-angle-double-down:before, .icon-angle-double-down:before { content: ""; } .lni-angle-double-left:before, .icon-angle-double-left:before { content: ""; } .lni-angle-double-right:before, .icon-angle-double-right:before { content: ""; } .lni-angle-double-up:before, .icon-angle-double-up:before { content: ""; } .lni-angular:before, .icon-angular:before { content: ""; } .lni-app-store:before, .icon-app-store:before { content: ""; } .lni-apple-brand:before, .icon-apple-brand:before, .lni-apple:before, .icon-apple:before { content: ""; } .lni-apple-music:before, .icon-apple-music:before { content: ""; } .lni-apple-music-alt:before, .icon-apple-music-alt:before { content: ""; } .lni-apple-pay:before, .icon-apple-pay:before { content: ""; } .lni-arc-browser:before, .icon-arc-browser:before { content: ""; } .lni-arrow-all-direction:before, .icon-arrow-all-direction:before { content: ""; } .lni-arrow-angular-top-left:before, .icon-arrow-angular-top-left:before { content: ""; } .lni-arrow-angular-top-right:before, .icon-arrow-angular-top-right:before { content: ""; } .lni-arrow-both-direction-horizontal-1:before, .icon-arrow-both-direction-horizontal-1:before { content: ""; } .lni-arrow-both-direction-vertical-1:before, .icon-arrow-both-direction-vertical-1:before { content: ""; } .lni-arrow-downward:before, .icon-arrow-downward:before { content: ""; } .lni-arrow-left:before, .icon-arrow-left:before { content: ""; } .lni-arrow-left-circle:before, .icon-arrow-left-circle:before { content: ""; } .lni-arrow-right:before, .icon-arrow-right:before { content: ""; } .lni-arrow-right-circle:before, .icon-arrow-right-circle:before { content: ""; } .lni-arrow-upward:before, .icon-arrow-upward:before { content: ""; } .lni-asana:before, .icon-asana:before { content: ""; } .lni-astro:before, .icon-astro:before { content: ""; } .lni-atlassian:before, .icon-atlassian:before { content: ""; } .lni-audi:before, .icon-audi:before { content: ""; } .lni-audi-alt:before, .icon-audi-alt:before { content: ""; } .lni-aws:before, .icon-aws:before { content: ""; } .lni-azure:before, .icon-azure:before { content: ""; } .lni-badge-decagram-percent:before, .icon-badge-decagram-percent:before { content: ""; } .lni-balloons:before, .icon-balloons:before { content: ""; } .lni-ban-2:before, .icon-ban-2:before { content: ""; } .lni-bar-chart-4:before, .icon-bar-chart-4:before { content: ""; } .lni-bar-chart-dollar:before, .icon-bar-chart-dollar:before { content: ""; } .lni-basket-shopping-3:before, .icon-basket-shopping-3:before { content: ""; } .lni-beat:before, .icon-beat:before { content: ""; } .lni-behance:before, .icon-behance:before { content: ""; } .lni-bell-1:before, .icon-bell-1:before { content: ""; } .lni-bike:before, .icon-bike:before { content: ""; } .lni-bing:before, .icon-bing:before { content: ""; } .lni-bitbucket:before, .icon-bitbucket:before { content: ""; } .lni-bitcoin:before, .icon-bitcoin:before { content: ""; } .lni-bittorrent:before, .icon-bittorrent:before { content: ""; } .lni-blogger:before, .icon-blogger:before { content: ""; } .lni-blogger-alt:before, .icon-blogger-alt:before { content: ""; } .lni-bluetooth:before, .icon-bluetooth:before { content: ""; } .lni-bluetooth-logo:before, .icon-bluetooth-logo:before { content: ""; } .lni-bmw:before, .icon-bmw:before { content: ""; } .lni-board-writing-3:before, .icon-board-writing-3:before { content: ""; } .lni-bold:before, .icon-bold:before { content: ""; } .lni-bolt-2:before, .icon-bolt-2:before { content: ""; } .lni-bolt-3:before, .icon-bolt-3:before { content: ""; } .lni-book-1:before, .icon-book-1:before { content: ""; } .lni-bookmark-1:before, .icon-bookmark-1:before { content: ""; } .lni-bookmark-circle:before, .icon-bookmark-circle:before { content: ""; } .lni-books-2:before, .icon-books-2:before { content: ""; } .lni-bootstrap-5:before, .icon-bootstrap-5:before { content: ""; } .lni-bootstrap-5-square:before, .icon-bootstrap-5-square:before { content: ""; } .lni-box-archive-1:before, .icon-box-archive-1:before { content: ""; } .lni-box-closed:before, .icon-box-closed:before { content: ""; } .lni-box-gift-1:before, .icon-box-gift-1:before { content: ""; } .lni-brave:before, .icon-brave:before { content: ""; } .lni-bricks:before, .icon-bricks:before { content: ""; } .lni-bridge-3:before, .icon-bridge-3:before { content: ""; } .lni-briefcase-1:before, .icon-briefcase-1:before { content: ""; } .lni-briefcase-2:before, .icon-briefcase-2:before { content: ""; } .lni-briefcase-plus-1:before, .icon-briefcase-plus-1:before { content: ""; } .lni-brush-1-rotated:before, .icon-brush-1-rotated:before { content: ""; } .lni-brush-2:before, .icon-brush-2:before { content: ""; } .lni-btc:before, .icon-btc:before { content: ""; } .lni-bug-1:before, .icon-bug-1:before { content: ""; } .lni-buildings-1:before, .icon-buildings-1:before { content: ""; } .lni-bulb-2:before, .icon-bulb-2:before { content: ""; } .lni-bulb-4:before, .icon-bulb-4:before { content: ""; } .lni-burger-1:before, .icon-burger-1:before { content: ""; } .lni-burger-drink:before, .icon-burger-drink:before { content: ""; } .lni-bus-1:before, .icon-bus-1:before { content: ""; } .lni-busket-ball:before, .icon-busket-ball:before { content: ""; } .lni-cake-1:before, .icon-cake-1:before { content: ""; } .lni-calculator-1:before, .icon-calculator-1:before { content: ""; } .lni-calculator-2:before, .icon-calculator-2:before { content: ""; } .lni-calendar-days:before, .icon-calendar-days:before { content: ""; } .lni-camera-1:before, .icon-camera-1:before { content: ""; } .lni-camera-movie-1:before, .icon-camera-movie-1:before { content: ""; } .lni-candy-cane-2:before, .icon-candy-cane-2:before { content: ""; } .lni-candy-round-1:before, .icon-candy-round-1:before { content: ""; } .lni-canva:before, .icon-canva:before { content: ""; } .lni-capsule-1:before, .icon-capsule-1:before { content: ""; } .lni-car-2:before, .icon-car-2:before { content: ""; } .lni-car-4:before, .icon-car-4:before { content: ""; } .lni-car-6:before, .icon-car-6:before { content: ""; } .lni-caravan-1:before, .icon-caravan-1:before { content: ""; } .lni-cart-1:before, .icon-cart-1:before { content: ""; } .lni-cart-2:before, .icon-cart-2:before { content: ""; } .lni-cash-app:before, .icon-cash-app:before { content: ""; } .lni-certificate-badge-1:before, .icon-certificate-badge-1:before { content: ""; } .lni-chat-bubble-2:before, .icon-chat-bubble-2:before { content: ""; } .lni-check:before, .icon-check:before { content: ""; } .lni-check-circle-1:before, .icon-check-circle-1:before { content: ""; } .lni-check-square-2:before, .icon-check-square-2:before { content: ""; } .lni-chevron-down:before, .icon-chevron-down:before { content: ""; } .lni-chevron-down-circle:before, .icon-chevron-down-circle:before { content: ""; } .lni-chevron-left:before, .icon-chevron-left:before { content: ""; } .lni-chevron-left-circle:before, .icon-chevron-left-circle:before { content: ""; } .lni-chevron-right:before, .icon-chevron-right:before { content: ""; transform: rotate(180deg); } .lni-chevron-right-circle:before, .icon-chevron-right-circle:before { content: ""; } .lni-chevron-up:before, .icon-chevron-up:before { content: ""; } .lni-chevron-up-circle:before, .icon-chevron-up-circle:before { content: ""; } .lni-chrome:before, .icon-chrome:before { content: ""; } .lni-chromecast:before, .icon-chromecast:before { content: ""; } .lni-cisco:before, .icon-cisco:before { content: ""; } .lni-claude:before, .icon-claude:before { content: ""; } .lni-clickup:before, .icon-clickup:before { content: ""; } .lni-clipboard:before, .icon-clipboard:before { content: ""; } .lni-cloud-2:before, .icon-cloud-2:before { content: ""; } .lni-cloud-bolt-1:before, .icon-cloud-bolt-1:before { content: ""; } .lni-cloud-bolt-2:before, .icon-cloud-bolt-2:before { content: ""; } .lni-cloud-check-circle:before, .icon-cloud-check-circle:before { content: ""; } .lni-cloud-download:before, .icon-cloud-download:before { content: ""; } .lni-cloud-iot-2:before, .icon-cloud-iot-2:before { content: ""; } .lni-cloud-rain:before, .icon-cloud-rain:before { content: ""; } .lni-cloud-refresh-clockwise:before, .icon-cloud-refresh-clockwise:before { content: ""; } .lni-cloud-sun:before, .icon-cloud-sun:before { content: ""; } .lni-cloud-upload:before, .icon-cloud-upload:before { content: ""; } .lni-cloudflare:before, .icon-cloudflare:before { content: ""; } .lni-code-1:before, .icon-code-1:before { content: ""; } .lni-code-s:before, .icon-code-s:before { content: ""; } .lni-codepen:before, .icon-codepen:before { content: ""; } .lni-coffee-cup-2:before, .icon-coffee-cup-2:before { content: ""; } .lni-coinbase:before, .icon-coinbase:before { content: ""; } .lni-colour-palette-3:before, .icon-colour-palette-3:before { content: ""; } .lni-comment-1:before, .icon-comment-1:before { content: ""; } .lni-comment-1-share:before, .icon-comment-1-share:before { content: ""; } .lni-comment-1-text:before, .icon-comment-1-text:before { content: ""; } .lni-compass-drafting-2:before, .icon-compass-drafting-2:before { content: ""; } .lni-connectdevelop:before, .icon-connectdevelop:before { content: ""; } .lni-copilot:before, .icon-copilot:before { content: ""; } .lni-coral:before, .icon-coral:before { content: ""; } .lni-cpanel:before, .icon-cpanel:before { content: ""; } .lni-crane-4:before, .icon-crane-4:before { content: ""; } .lni-creative-commons:before, .icon-creative-commons:before { content: ""; } .lni-credit-card-multiple:before, .icon-credit-card-multiple:before { content: ""; } .lni-crop-2:before, .icon-crop-2:before { content: ""; } .lni-crown-3:before, .icon-crown-3:before { content: ""; } .lni-css3:before, .icon-css3:before { content: ""; } .lni-dashboard-square-1:before, .icon-dashboard-square-1:before { content: ""; } .lni-database-2:before, .icon-database-2:before { content: ""; } .lni-deno:before, .icon-deno:before { content: ""; } .lni-dev:before, .icon-dev:before { content: ""; } .lni-dialogflow:before, .icon-dialogflow:before { content: ""; } .lni-diamonds-1:before, .icon-diamonds-1:before { content: ""; } .lni-diamonds-2:before, .icon-diamonds-2:before { content: ""; } .lni-digitalocean:before, .icon-digitalocean:before { content: ""; } .lni-diners-club:before, .icon-diners-club:before { content: ""; } .lni-direction-ltr:before, .icon-direction-ltr:before { content: ""; } .lni-direction-rtl:before, .icon-direction-rtl:before { content: ""; } .lni-discord:before, .icon-discord:before { content: ""; } .lni-discord-chat:before, .icon-discord-chat:before { content: ""; } .lni-discover:before, .icon-discover:before { content: ""; } .lni-docker:before, .icon-docker:before { content: ""; } .lni-dollar:before, .icon-dollar:before { content: ""; } .lni-dollar-circle:before, .icon-dollar-circle:before { content: ""; } .lni-double-quotes-end-1:before, .icon-double-quotes-end-1:before { content: ""; } .lni-download-1:before, .icon-download-1:before { content: ""; } .lni-download-circle-1:before, .icon-download-circle-1:before { content: ""; } .lni-dribbble:before, .icon-dribbble:before { content: ""; } .lni-dribbble-symbol:before, .icon-dribbble-symbol:before { content: ""; } .lni-drizzle:before, .icon-drizzle:before { content: ""; } .lni-dropbox:before, .icon-dropbox:before { content: ""; } .lni-drupal:before, .icon-drupal:before { content: ""; } .lni-dumbbell-1:before, .icon-dumbbell-1:before { content: ""; } .lni-edge:before, .icon-edge:before { content: ""; } .lni-emoji-expressionless:before, .icon-emoji-expressionless:before { content: ""; } .lni-emoji-expressionless-flat-eyes:before, .icon-emoji-expressionless-flat-eyes:before { content: ""; } .lni-emoji-grin:before, .icon-emoji-grin:before { content: ""; } .lni-emoji-sad:before, .icon-emoji-sad:before { content: ""; } .lni-emoji-smile:before, .icon-emoji-smile:before { content: ""; } .lni-emoji-smile-side:before, .icon-emoji-smile-side:before { content: ""; } .lni-emoji-smile-sunglass:before, .icon-emoji-smile-sunglass:before { content: ""; } .lni-emoji-smile-tongue:before, .icon-emoji-smile-tongue:before { content: ""; } .lni-enter:before, .icon-enter:before { content: ""; } .lni-enter-down:before, .icon-enter-down:before { content: ""; } .lni-envato:before, .icon-envato:before { content: ""; } .lni-envelope-1:before, .icon-envelope-1:before { content: ""; } .lni-eraser-1:before, .icon-eraser-1:before { content: ""; } .lni-ethereum-logo:before, .icon-ethereum-logo:before { content: ""; } .lni-euro:before, .icon-euro:before { content: ""; } .lni-exit:before, .icon-exit:before { content: ""; } .lni-exit-up:before, .icon-exit-up:before { content: ""; } .lni-expand-arrow-1:before, .icon-expand-arrow-1:before { content: ""; } .lni-expand-square-4:before, .icon-expand-square-4:before { content: ""; } .lni-expressjs:before, .icon-expressjs:before { content: ""; } .lni-eye:before, .icon-eye:before { content: ""; } .lni-facebook:before, .icon-facebook:before { content: ""; } .lni-facebook-messenger:before, .icon-facebook-messenger:before { content: ""; } .lni-facebook-rounded:before, .icon-facebook-rounded:before { content: ""; } .lni-facebook-square:before, .icon-facebook-square:before { content: ""; } .lni-facetime:before, .icon-facetime:before { content: ""; } .lni-figma:before, .icon-figma:before { content: ""; } .lni-file-format-zip:before, .icon-file-format-zip:before { content: ""; } .lni-file-multiple:before, .icon-file-multiple:before { content: ""; } .lni-file-pencil:before, .icon-file-pencil:before { content: ""; } .lni-file-plus-circle:before, .icon-file-plus-circle:before { content: ""; } .lni-file-question:before, .icon-file-question:before { content: ""; } .lni-file-xmark:before, .icon-file-xmark:before { content: ""; } .lni-firebase:before, .icon-firebase:before { content: ""; } .lni-firefox:before, .icon-firefox:before { content: ""; } .lni-firework-rocket-4:before, .icon-firework-rocket-4:before { content: ""; } .lni-fitbit:before, .icon-fitbit:before { content: ""; } .lni-flag-1:before, .icon-flag-1:before { content: ""; } .lni-flag-2:before, .icon-flag-2:before { content: ""; } .lni-flickr:before, .icon-flickr:before { content: ""; } .lni-floppy-disk-1:before, .icon-floppy-disk-1:before { content: ""; } .lni-flower-2:before, .icon-flower-2:before { content: ""; } .lni-flutter:before, .icon-flutter:before { content: ""; } .lni-folder-1:before, .icon-folder-1:before { content: ""; } .lni-ford:before, .icon-ford:before { content: ""; } .lni-framer:before, .icon-framer:before { content: ""; } .lni-funnel-1:before, .icon-funnel-1:before { content: ""; } .lni-gallery:before, .icon-gallery:before { content: ""; } .lni-game-pad-modern-1:before, .icon-game-pad-modern-1:before { content: ""; } .lni-gatsby:before, .icon-gatsby:before { content: ""; } .lni-gauge-1:before, .icon-gauge-1:before { content: ""; } .lni-gear-1:before, .icon-gear-1:before { content: ""; } .lni-gears-3:before, .icon-gears-3:before { content: ""; } .lni-gemini:before, .icon-gemini:before { content: ""; } .lni-git:before, .icon-git:before { content: ""; } .lni-github:before, .icon-github:before { content: ""; } .lni-glass-juice-1:before, .icon-glass-juice-1:before { content: ""; } .lni-globe-1:before, .icon-globe-1:before { content: ""; } .lni-globe-stand:before, .icon-globe-stand:before { content: ""; } .lni-go:before, .icon-go:before { content: ""; } .lni-goodreads:before, .icon-goodreads:before { content: ""; } .lni-google:before, .icon-google:before { content: ""; } .lni-google-cloud:before, .icon-google-cloud:before { content: ""; } .lni-google-drive:before, .icon-google-drive:before { content: ""; } .lni-google-meet:before, .icon-google-meet:before { content: ""; } .lni-google-pay:before, .icon-google-pay:before { content: ""; } .lni-google-wallet:before, .icon-google-wallet:before { content: ""; } .lni-graduation-cap-1:before, .icon-graduation-cap-1:before { content: ""; } .lni-grammarly:before, .icon-grammarly:before { content: ""; } .lni-hacker-news:before, .icon-hacker-news:before { content: ""; } .lni-hammer-1:before, .icon-hammer-1:before { content: ""; } .lni-hammer-2:before, .icon-hammer-2:before { content: ""; } .lni-hand-mic:before, .icon-hand-mic:before { content: ""; } .lni-hand-shake:before, .icon-hand-shake:before { content: ""; } .lni-hand-stop:before, .icon-hand-stop:before { content: ""; } .lni-hand-taking-dollar:before, .icon-hand-taking-dollar:before { content: ""; } .lni-hand-taking-leaf-1:before, .icon-hand-taking-leaf-1:before { content: ""; } .lni-hand-taking-user:before, .icon-hand-taking-user:before { content: ""; } .lni-hashnode:before, .icon-hashnode:before { content: ""; } .lni-hat-chef-3:before, .icon-hat-chef-3:before { content: ""; } .lni-headphone-1:before, .icon-headphone-1:before { content: ""; } .lni-heart:before, .icon-heart:before { content: ""; } .lni-helicopter-2:before, .icon-helicopter-2:before { content: ""; } .lni-helmet-safety-1:before, .icon-helmet-safety-1:before { content: ""; } .lni-hierarchy-1:before, .icon-hierarchy-1:before { content: ""; } .lni-highlighter-1:before, .icon-highlighter-1:before { content: ""; } .lni-highlighter-2:before, .icon-highlighter-2:before { content: ""; } .lni-home-2:before, .icon-home-2:before { content: ""; } .lni-hospital-2:before, .icon-hospital-2:before { content: ""; } .lni-hourglass:before, .icon-hourglass:before { content: ""; } .lni-html5:before, .icon-html5:before { content: ""; } .lni-ibm:before, .icon-ibm:before { content: ""; } .lni-id-card:before, .icon-id-card:before { content: ""; } .lni-imdb:before, .icon-imdb:before { content: ""; } .lni-indent:before, .icon-indent:before { content: ""; } .lni-info:before, .icon-info:before { content: ""; } .lni-injection-1:before, .icon-injection-1:before { content: ""; } .lni-instagram:before, .icon-instagram:before { content: ""; } .lni-instagram-logotype:before, .icon-instagram-logotype:before { content: ""; } .lni-intel:before, .icon-intel:before { content: ""; } .lni-ios:before, .icon-ios:before { content: ""; } .lni-island-2:before, .icon-island-2:before { content: ""; } .lni-jaguar:before, .icon-jaguar:before { content: ""; } .lni-jamstack:before, .icon-jamstack:before { content: ""; } .lni-java:before, .icon-java:before { content: ""; } .lni-javascript:before, .icon-javascript:before { content: ""; } .lni-jcb:before, .icon-jcb:before { content: ""; } .lni-joomla:before, .icon-joomla:before { content: ""; } .lni-jsfiddle:before, .icon-jsfiddle:before { content: ""; } .lni-key-1:before, .icon-key-1:before { content: ""; } .lni-keyboard:before, .icon-keyboard:before { content: ""; } .lni-knife-fork-1:before, .icon-knife-fork-1:before { content: ""; } .lni-kubernetes:before, .icon-kubernetes:before { content: ""; } .lni-label-dollar-2:before, .icon-label-dollar-2:before { content: ""; } .lni-laptop-2:before, .icon-laptop-2:before { content: ""; } .lni-laptop-phone:before, .icon-laptop-phone:before { content: ""; } .lni-laravel:before, .icon-laravel:before { content: ""; } .lni-layers-1:before, .icon-layers-1:before { content: ""; } .lni-layout-26:before, .icon-layout-26:before { content: ""; } .lni-layout-9:before, .icon-layout-9:before { content: ""; } .lni-leaf-1:before, .icon-leaf-1:before { content: ""; } .lni-leaf-6:before, .icon-leaf-6:before { content: ""; } .lni-lemon-squeezy:before, .icon-lemon-squeezy:before { content: ""; } .lni-life-guard-tube-1:before, .icon-life-guard-tube-1:before { content: ""; } .lni-line:before, .icon-line:before { content: ""; } .lni-line-dashed:before, .icon-line-dashed:before { content: ""; } .lni-line-dotted:before, .icon-line-dotted:before { content: ""; } .lni-line-height:before, .icon-line-height:before { content: ""; } .lni-lineicons:before, .icon-lineicons:before { content: ""; } .lni-link-2-angular-right:before, .icon-link-2-angular-right:before { content: ""; } .lni-linkedin:before, .icon-linkedin:before { content: ""; } .lni-location-arrow-right:before, .icon-location-arrow-right:before { content: ""; } .lni-locked-1:before, .icon-locked-1:before { content: ""; } .lni-locked-2:before, .icon-locked-2:before { content: ""; } .lni-loom:before, .icon-loom:before { content: ""; } .lni-magento:before, .icon-magento:before { content: ""; } .lni-magnet:before, .icon-magnet:before { content: ""; } .lni-mailchimp:before, .icon-mailchimp:before { content: ""; } .lni-map-marker-1:before, .icon-map-marker-1:before { content: ""; } .lni-map-marker-5:before, .icon-map-marker-5:before { content: ""; } .lni-map-pin-5:before, .icon-map-pin-5:before { content: ""; } .lni-markdown:before, .icon-markdown:before { content: ""; } .lni-mastercard:before, .icon-mastercard:before { content: ""; } .lni-medium:before, .icon-medium:before { content: ""; } .lni-medium-alt:before, .icon-medium-alt:before { content: ""; } .lni-megaphone-1:before, .icon-megaphone-1:before { content: ""; } .lni-menu-cheesburger:before, .icon-menu-cheesburger:before { content: ""; } .lni-menu-hamburger-1:before, .icon-menu-hamburger-1:before { content: ""; } .lni-menu-meatballs-1:before, .icon-menu-meatballs-1:before { content: ""; } .lni-menu-meatballs-2:before, .icon-menu-meatballs-2:before { content: ""; } .lni-mercedes:before, .icon-mercedes:before { content: ""; } .lni-message-2:before, .icon-message-2:before { content: ""; } .lni-message-2-question:before, .icon-message-2-question:before { content: ""; } .lni-message-3-text:before, .icon-message-3-text:before { content: ""; } .lni-meta:before, .icon-meta:before { content: ""; } .lni-meta-alt:before, .icon-meta-alt:before { content: ""; } .lni-microphone-1:before, .icon-microphone-1:before { content: ""; } .lni-microscope:before, .icon-microscope:before { content: ""; } .lni-microsoft:before, .icon-microsoft:before { content: ""; } .lni-microsoft-edge:before, .icon-microsoft-edge:before { content: ""; } .lni-microsoft-teams:before, .icon-microsoft-teams:before { content: ""; } .lni-minus:before, .icon-minus:before { content: ""; } .lni-minus-circle:before, .icon-minus-circle:before { content: ""; } .lni-mongodb:before, .icon-mongodb:before { content: ""; } .lni-monitor:before, .icon-monitor:before { content: ""; } .lni-monitor-code:before, .icon-monitor-code:before { content: ""; } .lni-monitor-mac:before, .icon-monitor-mac:before { content: ""; } .lni-moon-half-right-5:before, .icon-moon-half-right-5:before { content: ""; } .lni-mountains-2:before, .icon-mountains-2:before { content: ""; } .lni-mouse-2:before, .icon-mouse-2:before { content: ""; } .lni-mushroom-1:before, .icon-mushroom-1:before { content: ""; } .lni-mushroom-5:before, .icon-mushroom-5:before { content: ""; } .lni-music:before, .icon-music:before { content: ""; } .lni-mysql:before, .icon-mysql:before { content: ""; } .lni-nasa:before, .icon-nasa:before { content: ""; } .lni-netflix:before, .icon-netflix:before { content: ""; } .lni-netlify:before, .icon-netlify:before { content: ""; } .lni-next-step-2:before, .icon-next-step-2:before { content: ""; } .lni-nextjs:before, .icon-nextjs:before { content: ""; } .lni-nike:before, .icon-nike:before { content: ""; } .lni-nissan:before, .icon-nissan:before { content: ""; } .lni-nodejs:before, .icon-nodejs:before { content: ""; } .lni-nodejs-alt:before, .icon-nodejs-alt:before { content: ""; } .lni-notebook-1:before, .icon-notebook-1:before { content: ""; } .lni-notion:before, .icon-notion:before { content: ""; } .lni-npm:before, .icon-npm:before { content: ""; } .lni-nuxt:before, .icon-nuxt:before { content: ""; } .lni-nvidia:before, .icon-nvidia:before { content: ""; } .lni-oculus:before, .icon-oculus:before { content: ""; } .lni-open-ai:before, .icon-open-ai:before { content: ""; } .lni-opera-mini:before, .icon-opera-mini:before { content: ""; } .lni-oracle:before, .icon-oracle:before { content: ""; } .lni-outdent:before, .icon-outdent:before { content: ""; } .lni-paddle:before, .icon-paddle:before { content: ""; } .lni-page-break-1:before, .icon-page-break-1:before { content: ""; } .lni-pagination:before, .icon-pagination:before { content: ""; } .lni-paint-bucket:before, .icon-paint-bucket:before { content: ""; } .lni-paint-roller-1:before, .icon-paint-roller-1:before { content: ""; } .lni-paperclip-1:before, .icon-paperclip-1:before { content: ""; } .lni-party-flags:before, .icon-party-flags:before { content: ""; } .lni-party-spray:before, .icon-party-spray:before { content: ""; } .lni-patreon:before, .icon-patreon:before { content: ""; } .lni-pause:before, .icon-pause:before { content: ""; } .lni-payoneer:before, .icon-payoneer:before { content: ""; } .lni-paypal:before, .icon-paypal:before { content: ""; } .lni-pen-to-square:before, .icon-pen-to-square:before { content: ""; } .lni-pencil-1:before, .icon-pencil-1:before { content: ""; } .lni-pepsi:before, .icon-pepsi:before { content: ""; } .lni-phone:before, .icon-phone:before { content: ""; } .lni-photos:before, .icon-photos:before { content: ""; } .lni-php:before, .icon-php:before { content: ""; } .lni-pie-chart-2:before, .icon-pie-chart-2:before { content: ""; } .lni-pilcrow:before, .icon-pilcrow:before { content: ""; } .lni-pimjo-logo:before, .icon-pimjo-logo:before { content: ""; } .lni-pimjo-symbol:before, .icon-pimjo-symbol:before { content: ""; } .lni-pinterest:before, .icon-pinterest:before { content: ""; } .lni-pizza-2:before, .icon-pizza-2:before { content: ""; } .lni-placeholder-dollar:before, .icon-placeholder-dollar:before { content: ""; } .lni-plantscale:before, .icon-plantscale:before { content: ""; } .lni-play:before, .icon-play:before { content: ""; } .lni-play-store:before, .icon-play-store:before { content: ""; } .lni-playstation:before, .icon-playstation:before { content: ""; } .lni-plug-1:before, .icon-plug-1:before { content: ""; } .lni-plus:before, .icon-plus:before { content: ""; } .lni-plus-circle:before, .icon-plus-circle:before { content: ""; } .lni-pnpm:before, .icon-pnpm:before { content: ""; } .lni-postgresql:before, .icon-postgresql:before { content: ""; } .lni-postman:before, .icon-postman:before { content: ""; } .lni-pound:before, .icon-pound:before { content: ""; } .lni-power-button:before, .icon-power-button:before { content: ""; } .lni-previous-step-2:before, .icon-previous-step-2:before { content: ""; } .lni-printer:before, .icon-printer:before { content: ""; } .lni-prisma:before, .icon-prisma:before { content: ""; } .lni-producthunt:before, .icon-producthunt:before { content: ""; } .lni-proton-mail-logo:before, .icon-proton-mail-logo:before { content: ""; } .lni-proton-mail-symbol:before, .icon-proton-mail-symbol:before { content: ""; } .lni-python:before, .icon-python:before { content: ""; } .lni-question-mark:before, .icon-question-mark:before { content: ""; } .lni-question-mark-circle:before, .icon-question-mark-circle:before { content: ""; } .lni-quora:before, .icon-quora:before { content: ""; } .lni-radis:before, .icon-radis:before { content: ""; } .lni-react:before, .icon-react:before { content: ""; } .lni-reddit:before, .icon-reddit:before { content: ""; } .lni-refresh-circle-1-clockwise:before, .icon-refresh-circle-1-clockwise:before { content: ""; } .lni-refresh-dollar-1:before, .icon-refresh-dollar-1:before { content: ""; } .lni-refresh-user-1:before, .icon-refresh-user-1:before { content: ""; } .lni-remix-js:before, .icon-remix-js:before { content: ""; } .lni-road-1:before, .icon-road-1:before { content: ""; } .lni-rocket-5:before, .icon-rocket-5:before { content: ""; } .lni-route-1:before, .icon-route-1:before { content: ""; } .lni-rss-right:before, .icon-rss-right:before { content: ""; } .lni-ruler-1:before, .icon-ruler-1:before { content: ""; } .lni-ruler-pen:before, .icon-ruler-pen:before { content: ""; } .lni-rupee:before, .icon-rupee:before { content: ""; } .lni-safari:before, .icon-safari:before { content: ""; } .lni-sanity:before, .icon-sanity:before { content: ""; } .lni-school-bench-1:before, .icon-school-bench-1:before { content: ""; } .lni-school-bench-2:before, .icon-school-bench-2:before { content: ""; } .lni-scissors-1-vertical:before, .icon-scissors-1-vertical:before { content: ""; } .lni-scoter:before, .icon-scoter:before { content: ""; } .lni-scroll-down-2:before, .icon-scroll-down-2:before { content: ""; } .lni-search-1:before, .icon-search-1:before { content: ""; } .lni-search-2:before, .icon-search-2:before { content: ""; } .lni-search-minus:before, .icon-search-minus:before { content: ""; } .lni-search-plus:before, .icon-search-plus:before { content: ""; } .lni-search-text:before, .icon-search-text:before { content: ""; } .lni-select-cursor-1:before, .icon-select-cursor-1:before { content: ""; } .lni-seo-monitor:before, .icon-seo-monitor:before { content: ""; } .lni-service-bell-1:before, .icon-service-bell-1:before { content: ""; } .lni-share-1:before, .icon-share-1:before { content: ""; } .lni-share-1-circle:before, .icon-share-1-circle:before { content: ""; } .lni-share-2:before, .icon-share-2:before { content: ""; } .lni-shield-2:before, .icon-shield-2:before { content: ""; } .lni-shield-2-check:before, .icon-shield-2-check:before { content: ""; } .lni-shield-dollar:before, .icon-shield-dollar:before { content: ""; } .lni-shift-left:before, .icon-shift-left:before { content: ""; } .lni-shift-right:before, .icon-shift-right:before { content: ""; } .lni-ship-1:before, .icon-ship-1:before { content: ""; } .lni-shirt-1:before, .icon-shirt-1:before { content: ""; } .lni-shopify:before, .icon-shopify:before { content: ""; } .lni-shovel:before, .icon-shovel:before { content: ""; } .lni-shuffle:before, .icon-shuffle:before { content: ""; } .lni-sign-post-left:before, .icon-sign-post-left:before { content: ""; } .lni-signal-app:before, .icon-signal-app:before { content: ""; } .lni-signs-post-2:before, .icon-signs-post-2:before { content: ""; } .lni-sketch:before, .icon-sketch:before { content: ""; } .lni-skype:before, .icon-skype:before { content: ""; } .lni-slack:before, .icon-slack:before { content: ""; } .lni-slice-2:before, .icon-slice-2:before { content: ""; } .lni-sliders-horizontal-square-2:before, .icon-sliders-horizontal-square-2:before { content: ""; } .lni-slideshare:before, .icon-slideshare:before { content: ""; } .lni-snapchat:before, .icon-snapchat:before { content: ""; } .lni-sort-alphabetical:before, .icon-sort-alphabetical:before { content: ""; } .lni-sort-high-to-low:before, .icon-sort-high-to-low:before { content: ""; } .lni-soundcloud:before, .icon-soundcloud:before { content: ""; } .lni-spacex:before, .icon-spacex:before { content: ""; } .lni-spellcheck:before, .icon-spellcheck:before { content: ""; } .lni-spinner-2-sacle:before, .icon-spinner-2-sacle:before { content: ""; } .lni-spinner-3:before, .icon-spinner-3:before { content: ""; } .lni-sports:before, .icon-sports:before { content: ""; } .lni-spotify:before, .icon-spotify:before { content: ""; } .lni-spotify-alt:before, .icon-spotify-alt:before { content: ""; } .lni-squarespace:before, .icon-squarespace:before { content: ""; } .lni-stackoverflow:before, .icon-stackoverflow:before { content: ""; } .lni-stamp:before, .icon-stamp:before { content: ""; } .lni-star-fat:before, .icon-star-fat:before { content: ""; } .lni-star-fat-half-2:before, .icon-star-fat-half-2:before { content: ""; } .lni-star-sharp-disabled:before, .icon-star-sharp-disabled:before { content: ""; } .lni-statista:before, .icon-statista:before { content: ""; } .lni-steam:before, .icon-steam:before { content: ""; } .lni-stethoscope-1:before, .icon-stethoscope-1:before { content: ""; } .lni-stopwatch:before, .icon-stopwatch:before { content: ""; } .lni-storage-hdd-2:before, .icon-storage-hdd-2:before { content: ""; } .lni-strikethrough-1:before, .icon-strikethrough-1:before { content: ""; } .lni-stripe:before, .icon-stripe:before { content: ""; } .lni-stumbleupon:before, .icon-stumbleupon:before { content: ""; } .lni-sun-1:before, .icon-sun-1:before { content: ""; } .lni-supabase:before, .icon-supabase:before { content: ""; } .lni-surfboard-2:before, .icon-surfboard-2:before { content: ""; } .lni-svelte:before, .icon-svelte:before { content: ""; } .lni-swift:before, .icon-swift:before { content: ""; } .lni-tab:before, .icon-tab:before { content: ""; } .lni-tailwindcss:before, .icon-tailwindcss:before { content: ""; } .lni-target-user:before, .icon-target-user:before { content: ""; } .lni-telegram:before, .icon-telegram:before { content: ""; } .lni-telephone-1:before, .icon-telephone-1:before { content: ""; } .lni-telephone-3:before, .icon-telephone-3:before { content: ""; } .lni-tesla:before, .icon-tesla:before { content: ""; } .lni-text-format:before, .icon-text-format:before { content: ""; } .lni-text-format-remove:before, .icon-text-format-remove:before { content: ""; } .lni-text-paragraph:before, .icon-text-paragraph:before { content: ""; } .lni-thumbs-down-3:before, .icon-thumbs-down-3:before { content: ""; } .lni-thumbs-up-3:before, .icon-thumbs-up-3:before { content: ""; } .lni-ticket-1:before, .icon-ticket-1:before { content: ""; } .lni-tickets-3:before, .icon-tickets-3:before { content: ""; } .lni-tiktok:before, .icon-tiktok:before { content: ""; } .lni-tiktok-alt:before, .icon-tiktok-alt:before { content: ""; } .lni-tower-broadcast-1:before, .icon-tower-broadcast-1:before { content: ""; } .lni-toyota:before, .icon-toyota:before { content: ""; } .lni-train-1:before, .icon-train-1:before { content: ""; } .lni-train-3:before, .icon-train-3:before { content: ""; } .lni-trash-3:before, .icon-trash-3:before { content: ""; } .lni-tree-2:before, .icon-tree-2:before { content: ""; } .lni-trees-3:before, .icon-trees-3:before { content: ""; } .lni-trello:before, .icon-trello:before { content: ""; } .lni-trend-down-1:before, .icon-trend-down-1:before { content: ""; } .lni-trend-up-1:before, .icon-trend-up-1:before { content: ""; } .lni-trophy-1:before, .icon-trophy-1:before { content: ""; } .lni-trowel-1:before, .icon-trowel-1:before { content: ""; } .lni-truck-delivery-1:before, .icon-truck-delivery-1:before { content: ""; } .lni-tumblr:before, .icon-tumblr:before { content: ""; } .lni-turborepo:before, .icon-turborepo:before { content: ""; } .lni-twitch:before, .icon-twitch:before { content: ""; } .lni-twitter-old:before, .icon-twitter-old:before { content: ""; } .lni-typescript:before, .icon-typescript:before { content: ""; } .lni-uber:before, .icon-uber:before { content: ""; } .lni-uber-symbol:before, .icon-uber-symbol:before { content: ""; } .lni-ubuntu:before, .icon-ubuntu:before { content: ""; } .lni-underline:before, .icon-underline:before { content: ""; } .lni-unlink-2-angular-eft:before, .icon-unlink-2-angular-eft:before { content: ""; } .lni-unlocked-2:before, .icon-unlocked-2:before { content: ""; } .lni-unsplash:before, .icon-unsplash:before { content: ""; } .lni-upload-1:before, .icon-upload-1:before { content: ""; } .lni-upload-circle-1:before, .icon-upload-circle-1:before { content: ""; } .lni-user-4:before, .icon-user-4:before { content: ""; } .lni-user-multiple-4:before, .icon-user-multiple-4:before { content: ""; } .lni-vector-nodes-6:before, .icon-vector-nodes-6:before { content: ""; } .lni-vector-nodes-7:before, .icon-vector-nodes-7:before { content: ""; } .lni-vercel:before, .icon-vercel:before { content: ""; } .lni-vimeo:before, .icon-vimeo:before { content: ""; } .lni-visa:before, .icon-visa:before { content: ""; } .lni-vite:before, .icon-vite:before { content: ""; } .lni-vk:before, .icon-vk:before { content: ""; } .lni-vmware:before, .icon-vmware:before { content: ""; } .lni-volkswagen:before, .icon-volkswagen:before { content: ""; } .lni-volume-1:before, .icon-volume-1:before { content: ""; } .lni-volume-high:before, .icon-volume-high:before { content: ""; } .lni-volume-low:before, .icon-volume-low:before { content: ""; } .lni-volume-mute:before, .icon-volume-mute:before { content: ""; } .lni-volume-off:before, .icon-volume-off:before { content: ""; } .lni-vs-code:before, .icon-vs-code:before { content: ""; } .lni-vuejs:before, .icon-vuejs:before { content: ""; } .lni-wallet-1:before, .icon-wallet-1:before { content: ""; } .lni-watch-beat-1:before, .icon-watch-beat-1:before { content: ""; } .lni-water-drop-1:before, .icon-water-drop-1:before { content: ""; } .lni-webflow:before, .icon-webflow:before { content: ""; } .lni-webhooks:before, .icon-webhooks:before { content: ""; } .lni-wechat:before, .icon-wechat:before { content: ""; } .lni-weight-machine-1:before, .icon-weight-machine-1:before { content: ""; } .lni-whatsapp:before, .icon-whatsapp:before { content: ""; } .lni-wheelbarrow-empty:before, .icon-wheelbarrow-empty:before { content: ""; } .lni-wheelchair-1:before, .icon-wheelchair-1:before { content: ""; } .lni-windows:before, .icon-windows:before { content: ""; } .lni-wise:before, .icon-wise:before { content: ""; } .lni-wordpress:before, .icon-wordpress:before { content: ""; } .lni-www:before, .icon-www:before { content: ""; } .lni-www-cursor:before, .icon-www-cursor:before { content: ""; } .lni-x:before, .icon-x:before { content: ""; } .lni-xampp:before, .icon-xampp:before { content: ""; } .lni-xbox:before, .icon-xbox:before { content: ""; } .lni-xmark:before, .icon-xmark:before { content: ""; } .lni-xmark-circle:before, .icon-xmark-circle:before { content: ""; } .lni-xrp:before, .icon-xrp:before { content: ""; } .lni-yahoo:before, .icon-yahoo:before { content: ""; } .lni-yarn:before, .icon-yarn:before { content: ""; } .lni-ycombinator:before, .icon-ycombinator:before { content: ""; } .lni-yen:before, .icon-yen:before { content: ""; } .lni-youtube:before, .icon-youtube:before { content: ""; } .lni-youtube-kids:before, .icon-youtube-kids:before { content: ""; } .lni-youtube-music:before, .icon-youtube-music:before { content: ""; } .lni-zapier:before, .icon-zapier:before { content: ""; } .lni-zero-size:before, .icon-zero-size:before { content: ""; } .lni-zoom:before, .icon-zoom:before { content: ""; } .icon-chevron-right-after { justify-content: space-between; align-items: flex-start; width: 100%; margin-top: 0; padding-top: 0; line-height: 1; display: flex; } .icon-chevron-right-after:after { content: ""; margin-top: .25rem; transform: rotate(180deg); } .site-header { background: linear-gradient(90.15deg, #0773ac -39.25%, #032f46 100%); } .site-header .header__nav-main .nav-main { align-self: stretch; } .site-header .nav-aux__container { background: linear-gradient(90.17deg, #2189c0 -51.3%, #0773ac 55.75%); } .site-header .nav-aux__container .header__nav-aux { padding-inline: calc(var(--spacing) * 0) !important; } .site-header .nav-aux__container a { color: var(--color-white); font-weight: 500; text-decoration: none; transition: color .3s; } .site-header .nav-aux__container a:hover { color: var(--color-primary-800); } .site-header .nav-aux__container #globalSearch { font-size: var(--text-14px); color: var(--color-light); } @media (width <= 767px) { .site-header { width: 100%; overflow: hidden; } .site-header .nav-aux__container { display: none; } .site-header .header__nav-main { gap: .75rem; width: 100%; min-height: 4.375rem; display: grid; grid-template-columns: minmax(0, 1fr) auto !important; padding: .85rem 1rem !important; } .site-header__logo { width: 7.25rem; min-width: 0; height: 2.25rem; margin-left: 1rem; overflow: hidden; } .site-header__logo img { width: auto; max-width: none; height: 2.25rem; } .site-header .nav-main { justify-content: flex-end; align-items: center; min-width: 0; display: flex; } .site-header .nav-main__toggle { background: var(--color-secondary); margin-block: -.125rem; border-radius: 1.4rem .35rem; justify-content: center; align-items: center; width: 4.5rem; height: 2.8125rem; margin-right: 1rem; padding: .65rem 1rem; display: inline-flex; } .site-header .nav-main__toggle svg { width: 1.5rem; height: 1.5rem; } .site-header .nav-main__toggle svg, .site-header .nav-main__toggle path, .site-header .nav-main__toggle line { fill: var(--color-white); stroke: var(--color-white); } } #breadcrumbs { color: var(--color-white); } #breadcrumbs a { color: oklch(.72 .122 212.25); } #breadcrumbs a:hover { color: color-mix(in oklch, oklch(.72 .122 212.25) 60%, white); } .post-list__post { overflow: hidden; } .post-list__img { border-bottom: 0; } .post-list__details { background: color-mix(in oklch, var(--color-cwc-blue-03) 60%, white); color: var(--color-cwc-blue-01); } .post-list__title { color: var(--color-cwc-blue-01); font-weight: 700; line-height: 1.1; } .post-list__title a { color: var(--color-cwc-blue-01); text-decoration: none; } .post-list__title a:after { background: var(--color-secondary); content: ""; width: 3rem; height: 4px; margin-top: .45rem; display: block; } .post-list__excerpt { color: var(--color-dark); font-size: var(--text-18px); font-weight: 300; line-height: 1.5; } .post-list__byline { color: var(--color-cwc-blue-01); font-size: .875rem; } .post-list__read-more { color: var(--color-secondary); margin-top: .75rem; font-weight: 600; text-decoration: none; } .sidebar { padding-top: calc(var(--spacing) * 1); } .sidebar .widget { margin-bottom: calc(var(--spacing) * 10); } .sidebar .widget:last-child { margin-bottom: calc(var(--spacing) * 0); } .sidebar .widget h2, .sidebar .widget h3, .sidebar .widget .wp-block-heading { margin: calc(var(--spacing) * 0); margin-bottom: calc(var(--spacing) * 4); padding-bottom: calc(var(--spacing) * 0); color: var(--color-cwc-blue-01); font-family: var(--font-sans); font-size: var(--text-14px); letter-spacing: .11em; text-transform: uppercase; font-weight: 600; line-height: 1; } .sidebar .widget ul { margin: calc(var(--spacing) * 0); padding: calc(var(--spacing) * 0); list-style-type: none; } .sidebar .widget ul li { margin: calc(var(--spacing) * 0); --tw-leading: 1 !important; line-height: 1 !important; } .sidebar .widget ul li:not(:last-child) { margin-bottom: calc(var(--spacing) * 4); } .sidebar .widget ul li a { color: var(--color-dark); font-size: var(--text-16px); font-weight: 300; } .sidebar .widget ul li a:hover { color: var(--color-cwc-blue-01); } .sidebar .widget select { border-radius: var(--radius-sm); border-style: var(--tw-border-style); border-width: 2px; border-color: var(--color-cwc-blue-03); padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 3); background-color: color-mix(in oklch, var(--color-cwc-blue-03) 40%, white); color: var(--color-dark); font-size: var(--text-16px); appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.25L6 5.75L11 1.25' stroke='%23F26B53' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: right 1rem center; background-repeat: no-repeat; background-size: .75rem; padding-right: 2.75rem; font-weight: 300; line-height: 1.1; } .sidebar .widget select:focus-visible { border-color: var(--color-cwc-blue-01); outline-offset: 2px; } .sidebar .widget .wp-block-search__label, .sidebar .widget .screen-reader-text { pointer-events: none; top: 50%; left: calc(var(--spacing) * 5); color: var(--color-dark); font-size: var(--text-16px); z-index: 2; font-weight: 300; line-height: 1; position: absolute; transform: translateY(-50%); } :is(.sidebar .widget .wp-block-search__label, .sidebar .widget .screen-reader-text):before { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.25 12.25C13.4167 11.0833 14 9.66667 14 8C14 6.33333 13.4167 4.91667 12.25 3.75C11.0833 2.58333 9.66667 2 8 2C6.33333 2 4.91667 2.58333 3.75 3.75C2.58333 4.91667 2 6.33333 2 8C2 9.66667 2.58333 11.0833 3.75 12.25C4.91667 13.4167 6.33333 14 8 14C9.66667 14 11.0833 13.4167 12.25 12.25ZM8 16C5.76667 16 3.875 15.225 2.325 13.675C0.775 12.125 0 10.2333 0 8C0 5.76667 0.775 3.875 2.325 2.325C3.875 0.775 5.76667 0 8 0C10.2333 0 12.125 0.775 13.675 2.325C15.225 3.875 16 5.76667 16 8C16 8.93333 15.8542 9.8125 15.5625 10.6375C15.2708 11.4625 14.8583 12.2167 14.325 12.9L20 18.6L18.6 20L12.9 14.325C12.2167 14.8583 11.4625 15.2708 10.6375 15.5625C9.8125 15.8542 8.93333 16 8 16Z' fill='%23F26B53'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; width: 1rem; height: 1rem; margin-right: .6rem; display: inline-block; transform: translateY(1px); } .sidebar .widget .wp-block-search { position: relative; } .sidebar .widget .wp-block-search:focus-within .wp-block-search__label { opacity: 0; } .sidebar .widget .wp-block-search .wp-block-search__inside-wrapper { position: relative; } .sidebar .widget .wp-block-search .wp-block-search__input { border-radius: var(--radius-sm); border-style: var(--tw-border-style); border-width: 2px; border-color: var(--color-cwc-blue-03); padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 3); background-color: color-mix(in oklch, var(--color-cwc-blue-03) 40%, white); color: var(--color-dark); font-size: var(--text-16px); padding-left: 8.8rem; font-weight: 300; line-height: 1.1; } .sidebar .widget .wp-block-search .wp-block-search__button { display: none; } .sidebar .widget .wp-block-search:has(.wp-block-search__input:not(:placeholder-shown)) .wp-block-search__label { opacity: 0; } .sidebar .widget.widget_search { margin-bottom: calc(var(--spacing) * 9); } .sidebar .widget.widget_search .wp-block-search__input:focus-visible { border-color: var(--color-cwc-blue-01); outline-offset: 2px; } .sidebar .widget:has(ul) h2, .sidebar .widget:has(ul) h3, .sidebar .widget:has(ul) .wp-block-heading { margin-bottom: calc(var(--spacing) * 2); } :is(.sidebar .widget:has(ul) h2, .sidebar .widget:has(ul) h3, .sidebar .widget:has(ul) .wp-block-heading):after { margin-top: calc(var(--spacing) * 2); content: ""; background: var(--color-secondary); width: 100%; height: 2px; display: block; } .sidebar .widget .wp-block-archives__label { clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } @media (width <= 1023px) { .sidebar .widget ul a, .sidebar .widget .wp-block-search__label, .sidebar .widget .screen-reader-text { font-size: var(--text-16px); } .sidebar .widget .wp-block-search .wp-block-search__input { font-size: var(--text-16px); padding-left: 7.7rem; } } .pagination .nav-links { margin-top: calc(var(--spacing) * 12); justify-content: center; align-items: center; display: none; } @media (width >= 48rem) { .pagination .nav-links { display: flex; } } .pagination .nav-links .page-numbers { height: calc(var(--spacing) * 16); width: calc(var(--spacing) * 16); stroke: var(--color-primary); font-family: var(--font-quincy); font-size: var(--text-32px); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-primary); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .3s; border-radius: .25rem; justify-content: center; align-items: center; transition-duration: .3s; display: none; } @media (hover: hover) { .pagination .nav-links .page-numbers:hover { background-color: var(--color-info); stroke: var(--color-info); color: var(--color-light); } } .pagination .nav-links .page-numbers:focus-visible { background-color: var(--color-info); stroke: var(--color-info); color: var(--color-light); --tw-outline-style: none; outline-style: none; } @media (width >= 48rem) { .pagination .nav-links .page-numbers { display: flex; } } .pagination .nav-links .page-numbers.current { background-color: var(--color-info); white-space: nowrap; color: var(--color-light); --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } @media (hover: hover) { .pagination .nav-links .page-numbers.current:hover { background-color: var(--color-primary); stroke: var(--color-primary); } } .pagination .nav-links .page-numbers.current:focus-visible { background-color: var(--color-info); } .pagination .nav-links .prev, .pagination .nav-links .next { gap: calc(var(--spacing) * 4); width: fit-content; display: flex; } .pagination a, .pagination span { border-radius: 4px; margin: 0 5px; padding: .25rem .5rem; text-decoration: none; color: var(--color-cwc-blue-01) !important; } .pagination .current, .pagination a:hover { padding: .25rem .5rem; background: color-mix(in oklch, var(--color-cwc-blue-03), white 50%) !important; color: var(--color-cwc-blue-01) !important; } .site-footer { border-bottom: 1rem solid var(--color-orange, #f26b53); } .site-footer a { color: var(--color-white); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .3s; transition-duration: .3s; } @media (hover: hover) { .site-footer a:hover { color: var(--color-secondary-400); } } .site-footer a:focus-visible { color: var(--color-secondary-400); } .site-footer .widget li { margin-block: calc(var(--spacing) * 1); margin-bottom: calc(var(--spacing) * 2); font-size: var(--text-16px); --tw-leading: calc(var(--spacing) * 4); line-height: calc(var(--spacing) * 4); } .site-footer .widget h4 { margin-bottom: calc(var(--spacing) * 2); font-size: var(--text-18px); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); color: var(--color-secondary); } .site-footer .menu-footer-menu-container { flex-grow: 1; } .site-footer .copyright p { margin: calc(var(--spacing) * 0); padding: calc(var(--spacing) * 0); --tw-leading: 1; color: var(--color-white); line-height: 1; } .site-footer .copyright a { color: var(--color-white); text-underline-offset: 2px; text-decoration-line: underline; } @media (hover: hover) { .site-footer .copyright a:hover { color: var(--color-primary-500); } } .site-footer .contact__item { margin-bottom: calc(var(--spacing) * 2); font-size: var(--text-14px); --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); color: var(--color-white); justify-content: flex-start; align-items: flex-start; display: flex; } .site-footer .contact__item p { margin: calc(var(--spacing) * 0); padding: calc(var(--spacing) * 0); } .site-footer .contact__item a { color: var(--color-white); } @media (hover: hover) { .site-footer .contact__item a:hover { color: var(--color-secondary-400); } } .site-footer .contact__item a:focus-visible { color: var(--color-secondary-400); } .site-footer .contact__item:before { margin-right: calc(var(--spacing) * 2); content: ""; width: 1.5rem; height: 1.5rem; display: inline-block; } .site-footer .contact__item.contact__phone:before { background: url("../../static/img/footer-phone.svg") center no-repeat; } .site-footer .contact__item.contact__email:before { background: url("../../static/img/footer-email.svg") center no-repeat; } .site-footer .contact__item.contact__address:before { background: url("../../static/img/footer-map.svg") center no-repeat; padding-top: 2rem; } @media (width <= 767px) { .site-footer { border-bottom-width: clamp(4.0625rem, 20.4vw, 5.125rem); min-height: clamp(34rem, 167.4vw, 42.0625rem); padding-block: clamp(2.375rem, 11.94vw, 3rem) clamp(1.125rem, 12.2vw - 1.3125rem, 1.75rem); font-size: clamp(.875rem, 3.98vw, 1rem); } .site-footer > .container { grid-template-columns: minmax(0, 1fr) auto; gap: 0 clamp(.8125rem, 3.98vw, 1rem); padding-inline: clamp(1.59375rem, 7.96vw, 2rem); display: grid; } .site-footer > .container > div:first-child { grid-area: 1 / 1; } .site-footer #footer-header { max-width: clamp(9.75rem, 48.76vw, 12.25rem); margin: 0; } .site-footer #footer-nav { grid-area: 2 / 1 / auto / -1; margin-top: clamp(1.5625rem, 7.71vw, 1.9375rem); } .site-footer .site-footer__nav-list { grid-template-rows: repeat(3, auto); grid-auto-flow: column; gap: clamp(.625rem, 3.23vw, .8125rem) clamp(1.59375rem, 7.96vw, 2rem); padding-inline-start: 0; display: grid; } .site-footer .site-footer__nav-item { margin-bottom: 0; } .site-footer #footer-nav + div { grid-area: 3 / 1 / auto / -1; margin-top: clamp(1.25rem, 6.22vw, 1.5625rem); } .site-footer #footer-description { max-width: 21rem; font-size: clamp(1rem, 4.98vw, 1.25rem); line-height: 1.2; } .site-footer .contact__item { font-size: clamp(.75rem, 3.48vw, .875rem); } .site-footer .contact__address { margin-top: clamp(.875rem, 4.48vw, 1.125rem); } .site-footer .contact__email, .site-footer .contact__phone { margin-top: clamp(.8125rem, 3.98vw, 1rem); } .site-footer .contact__item:before { width: clamp(1.1875rem, 5.97vw, 1.5rem); height: clamp(1.1875rem, 5.97vw, 1.5rem); margin-right: clamp(.375rem, 1.99vw, .5rem); } .site-footer .contact__address:before { padding-top: clamp(1.59375rem, 7.96vw, 2rem); } .site-footer > .container > .text-right { display: contents; } .site-footer x-back-to-top { grid-area: 1 / 2; align-self: start; } .site-footer #backToTopBtn { width: clamp(2rem, 9.95vw, 2.5rem); height: clamp(2rem, 9.95vw, 2.5rem); padding: 0; } .site-footer .social-links { grid-area: 4 / 1 / auto / -1; justify-content: flex-end; margin-top: clamp(.5rem, 2.49vw, .625rem); } .site-footer .social-icons { --size: clamp(1.1875rem, 5.97vw, 1.5rem); } .site-footer .social-links a { margin-right: clamp(.8125rem, 3.98vw, 1rem); } .site-footer .copyright { text-align: center; grid-area: 5 / 1 / auto / -1; margin-top: clamp(.8125rem, 4.23vw, 1.0625rem); padding-block: 0; } } .btn, .button, .acf-block-preview .button { min-width: calc(var(--spacing) * 0); background: var(--button-bg); box-shadow: var(--button-shadow); cursor: pointer; color: var(--button-color); border-width: var(--button-border-width); border-style: var(--button-border-style); border-color: var(--button-border-color); border-radius: var(--button-radius); padding: var(--button-padding-block) var(--button-padding-inline); font-weight: var(--button-font-weight, 600); font-size: var(--button-font-size, 1rem); letter-spacing: var(--button-letter-spacing); line-height: 1.1; text-decoration: none; transition: background .2s, border-color .2s, box-shadow .2s, color .2s, transform .2s; display: inline-block; } :is(.btn, .button, .acf-block-preview .button).dark { color: #fff; } :is(.btn, .button, .acf-block-preview .button)[data-button-variant="outline"] { --button-color: var(--button-border-color); --button-hover-border-color: var(--button-border-color); --button-hover-color: var(--button-primary-outline-hover-color); background: none; } :is(.btn, .button, .acf-block-preview .button)[data-button-variant="outline"]:hover { background: var(--button-border-color); } .btn:hover, .button:hover, .acf-block-preview .button:hover { background: var(--button-hover-bg); border-color: var(--button-hover-border-color); box-shadow: none; color: var(--button-hover-color); } .btn:focus, .button:focus { outline-width: var(--button-outline-width, var(--button-border-width)); outline-style: var(--button-outline-style, var(--button-border-style)); outline-color: var(--button-outline-color, var(--button-border-color)); outline-offset: calc(var(--button-border-width) * 2); } .btn:active, .button:active { background: var(--button-active-bg); border-color: var(--button-active-border-color); box-shadow: var(--button-active-shadow); transform: translate(.125rem, .125rem); } .btn[data-button-size="small"], .button[data-button-size="small"] { padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * .5); } .btn[data-button-size="medium"], .button[data-button-size="medium"] { padding-inline: calc(var(--spacing) * 8); padding-block: calc(var(--spacing) * 2); } .btn[data-button-size="large"], .button[data-button-size="large"] { padding-inline: calc(var(--spacing) * 12); padding-block: calc(var(--spacing) * 3); } .btn[data-button-width="auto"], .button[data-button-width="auto"] { min-width: calc(var(--spacing) * 0); } .btn[data-button-width="small"], .button[data-button-width="small"] { padding-inline: calc(var(--spacing) * 2); } @media (width >= 40rem) { :is(.btn[data-button-width="wide"], .button[data-button-width="wide"]) { min-width: 20rem; } } .button[data-button-width="full"], x-button:has(.button[data-button-width="full"]) { width: 100%; } .btn[data-button-color="secondary"], .button[data-button-color="secondary"] { --button-bg: var(--color-secondary-accessible); --button-color: var(--color-white); --button-border-color: var(--color-secondary-accessible); --button-outline-color: var(--color-secondary-accessible); --button-hover-bg: color-mix(in oklch, var(--color-secondary) 74%); --button-hover-border-color: color-mix(in oklch, var(--color-secondary) 74%); --button-hover-color: var(--color-white); --button-active-bg: color-mix(in oklch, var(--color-secondary) 84%); --button-active-border-color: color-mix(in oklch, var(--color-secondary) 84%); } .btn[data-button-color="light"], .button[data-button-color="light"] { --button-bg: var(--color-white); --button-color: var(--color-dark); --button-border-color: var(--color-white); --button-hover-bg: var(--color-dark); --button-hover-border-color: var(--color-dark); --button-hover-color: var(--color-white); --button-active-bg: var(--color-dark); --button-active-border-color: var(--color-dark); } .btn[data-button-color="white"], .button[data-button-color="white"] { --button-bg: var(--color-white); --button-color: var(--color-black); --button-border-color: var(--color-white); --button-hover-bg: var(--color-secondary-200); --button-hover-border-color: var(--color-secondary-200); --button-hover-color: var(--color-black); --button-active-bg: var(--color-secondary-200); --button-active-border-color: var(--color-secondary-200); } .btn[data-button-color="black"], .button[data-button-color="black"] { --button-bg: var(--color-black); --button-color: var(--color-white); --button-border-color: var(--color-black); --button-hover-bg: var(--color-secondary); --button-hover-border-color: var(--color-secondary); --button-hover-color: var(--color-dark); --button-active-bg: var(--color-secondary); --button-active-border-color: var(--color-secondary); } #backToTopBtn { background: var(--color-secondary); color: var(--color-white); cursor: pointer; border: 1px solid #0000; border-radius: 100%; outline: 1px solid #0000; justify-content: center; align-items: center; width: 1rem; height: 1rem; padding: 1rem; font-size: 1rem; line-height: 1; transition: opacity .2s, background .2s; display: flex; } #backToTopBtn i { margin: -4px 0 0; font-weight: bold; display: inline-block; } #backToTopBtn:hover, #backToTopBtn:focus { background: var(--color-secondary-800); border: 1px solid var(--color-secondary); color: var(--color-white); opacity: 1; outline: 1px solid var(--color-secondary); } .alignfull { width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } .logo-soup.layout-carousel { -webkit-mask-composite: intersect; -webkit-mask-composite: source-in; -webkit-mask-image: linear-gradient(to right, #0000 0, #000 40px calc(100% - 40px), #0000 100%); mask-image: linear-gradient(to right, #0000 0, #000 40px calc(100% - 40px), #0000 100%); -webkit-mask-composite: source-in; mask-composite: intersect; } .page-hero__heading { color: var(--color-cwc-blue-01); text-align: left; margin: 0; line-height: 1; } .page-hero__heading em { color: var(--color-secondary); font-style: normal; } .page-hero__intro { text-align: left; font-weight: 300; line-height: 1.3; } .page-hero-services { isolation: isolate; background: linear-gradient(73.83deg, #8fc9e6 -8.7%, #006196 21.51%, #032f46 60.7%); min-height: clamp(31rem, 38.5417vw, 46.25rem); margin-bottom: 10rem; position: relative; } .page-hero-services__content { z-index: 10; padding-block: clamp(2rem, 6vw, 4rem); position: relative; } .page-hero-services__heading { color: #fff; text-align: left; max-width: 36rem; margin: 3rem 0 1.5rem; line-height: 1; } .page-hero-services__heading em { color: var(--color-secondary); font-style: normal; } .page-hero-services__intro { color: #fff; opacity: .95; text-align: left; max-width: 32rem; font-size: clamp(1rem, 1.5vw, 1.5rem); font-weight: 300; line-height: 1.4; } .page-hero-services__media { border-radius: var(--radius-xl); pointer-events: none; z-index: 1; width: auto; max-width: clamp(20rem, 30vw, 28rem); height: auto; max-height: none; position: absolute; top: 3rem; bottom: -5%; right: 28vw; } .page-hero-services__vector { pointer-events: none; z-index: 5; width: 100%; height: auto; position: absolute; bottom: 0; left: 0; } @media (width <= 767px) { .page-hero-services { min-height: clamp(28rem, 130vw, 40rem); } .page-hero-services__media { max-width: 60vw; top: auto; bottom: -8%; right: 0; } .page-hero-services__vector { width: 100%; bottom: clamp(1rem, 3vw, 2rem); } } main#maincontent { padding: 0; } .contact-info { background: var(--color-white); position: relative; } .contact-info__grid { grid-template-columns: 1fr; gap: 2rem; display: grid; position: relative; } .contact-info__details { max-width: 36rem; padding: 5rem 0; } .contact-info__heading { font-size: var(--text-34px); line-height: calc(var(--spacing) * 9); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); color: var(--color-cwc-blue-02); margin: 0 0 1rem; } .contact-info__heading span { color: var(--color-cwc-blue-01); } .contact-info__heading em { color: var(--color-secondary); } .contact-info__items { flex-direction: column; gap: .75rem; margin: 0 0 2.25rem; padding: 0; font-weight: 300; list-style: none; display: flex; } .contact-info__item { color: var(--color-dark); align-items: flex-start; gap: .75rem; font-size: 1rem; line-height: 1.5; display: flex; } .contact-info__icon { color: var(--color-cwc-blue-03); flex-shrink: 0; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; display: inline-flex; } .contact-info__icon img { width: 100%; height: 100%; display: block; } .contact-info__value { color: inherit; text-decoration: none; } a.contact-info__value:hover { color: var(--color-secondary); } .contact-info__map { background: color-mix(in oklch, var(--color-cwc-blue-03) 30%, white); height: 100%; min-height: 24rem; position: relative; overflow: hidden; } .contact-info__map .leaflet-container { isolation: isolate; width: 100%; height: 100%; } .contact-info__map .leaflet-tile-pane { filter: grayscale(.35) saturate(.7) brightness(1.05) contrast(.98); } .contact-info__map:after { background: color-mix(in oklch, var(--color-cwc-blue-03) 30%, transparent); content: ""; mix-blend-mode: normal; pointer-events: none; z-index: 410; position: absolute; inset: 0; } .contact-info__map .leaflet-control-attribution { color: color-mix(in oklch, var(--color-cwc-blue-01) 45%, black); opacity: .65; font-size: .625rem; } .contact-info__leaflet-pin { filter: drop-shadow(0 .2rem .45rem #00000014); display: block; } .contact-info__leaflet-pin svg { width: 100%; height: 100%; display: block; } @media (width >= 1024px) { .contact-info__grid { grid-template-columns: 1fr 1fr; } .contact-info__details { padding-inline: clamp(1.5rem, 5vw, 3rem) 0; } .contact-info__map { border-radius: 0; align-self: stretch; width: 50vw; min-height: 32rem; margin-left: 0; margin-right: calc(50% - 50vw); } } @media (width <= 767px) { .contact-info { padding-block: 0; } .contact-info__details { max-width: none; padding: 2.75rem 0 2rem; padding-inline: clamp(1.5rem, 5vw, 3rem); } .contact-info__heading { margin-bottom: 1.375rem; } .contact-info__map { min-height: 30rem; margin-inline: 0; } .contact-info__form .gfield { margin-bottom: 1rem; } .contact-info__form .gfield_label { letter-spacing: .08em; margin-bottom: .35rem; } .contact-info__form input[type="text"], .contact-info__form input[type="email"], .contact-info__form input[type="tel"], .contact-info__form input[type="url"], .contact-info__form select { min-height: 2.875rem; padding: .45rem .75rem; } .contact-info__form textarea { min-height: 13.5rem; padding: .7rem .75rem; } .contact-info__form .gform_footer { margin-top: 1.25rem; } .contact-info__form .gform_footer input[type="submit"], .contact-info__form .gform_footer button[type="submit"] { border-radius: 1rem .25rem; min-width: 7.75rem; padding: .65rem 1.4rem; font-size: 1.125rem; line-height: 1; } } .contact-info__form .gform_wrapper { max-width: none; margin: 0; } .contact-info__form .gform_wrapper .gform_required_legend { display: none; } .contact-info__form .gfield { margin-bottom: 1.25rem; } .contact-info__form .gfield_label { color: var(--color-cwc-blue-01); letter-spacing: .05em; text-transform: uppercase; justify-content: space-between; margin-bottom: .5rem; font-size: .875rem; font-weight: 700; line-height: 1.2; display: flex; } .contact-info__form .gfield_required { color: var(--color-secondary-accessible); margin-left: .25rem; font-weight: 700; } .contact-info__form input[type="text"], .contact-info__form input[type="email"], .contact-info__form input[type="tel"], .contact-info__form input[type="url"], .contact-info__form textarea, .contact-info__form select { background: color-mix(in oklch, var(--color-cwc-blue-03) 30%, white); border: 2px solid var(--color-cwc-blue-03); color: var(--color-dark); border-radius: .25rem; width: 100%; padding: .25rem .5rem; font-size: 1rem; line-height: 1; } .contact-info__form input[type="text"]:focus, .contact-info__form input[type="email"]:focus, .contact-info__form input[type="tel"]:focus, .contact-info__form input[type="url"]:focus, .contact-info__form textarea:focus, .contact-info__form select:focus { border-color: var(--color-cwc-blue-01); outline: 2px solid var(--color-cwc-blue-01); outline-offset: 2px; } .contact-info__form textarea { resize: vertical; min-height: 10rem; padding: .5rem; } .contact-info__form .gform_footer { margin-top: 1.5rem; } .contact-info__form .gform_footer input[type="submit"], .contact-info__form .gform_footer button[type="submit"] { background: var(--background-image-button-gradient); color: var(--color-white); cursor: pointer; border: 3px solid #0000; border-radius: 1.25rem .25rem; padding: .625rem 2rem; font-size: 1.125rem; font-weight: 700; transition: background .2s, border-color .2s, color .2s; } .contact-info__form .gform_footer input[type="submit"]:hover, .contact-info__form .gform_footer button[type="submit"]:hover { border: 3px solid #d24d32; } .services-list { --services-line-top: 25%; } __line.services-list { inset-inline: 0; top: var(--services-line-top); pointer-events: none; z-index: 1; background-image: url("/wp-content/themes/community-works-collaborative/static/img/services-list-line.svg"); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; height: 8px; position: absolute; } __grid.services-list { z-index: 2; position: relative; } __card.services-list { flex-direction: column; display: flex; } __media.services-list { border-radius: var(--radius-md); background-color: var(--color-gray-100); overflow: hidden; } __img.services-list { object-fit: cover; width: 100%; height: 100%; } __heading.services-list { margin-top: calc(var(--spacing) * 6); margin-bottom: calc(var(--spacing) * 4); font-size: var(--text-24px); --tw-leading: 1; --tw-font-weight: var(--font-weight-bold); line-height: 1; font-weight: var(--font-weight-bold); color: var(--color-cwc-blue-01); } __heading.services-list:after { background: var(--color-secondary); content: ""; width: 3rem; height: 4px; margin-top: .45rem; display: block; } __desc.services-list { font-size: var(--text-16px); --tw-leading: var(--leading-snug); line-height: var(--leading-snug); --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); color: var(--color-gray-600); } @media (width <= 1023px) { .services-list__line { display: none; } } @property --tw-rotate-x { syntax: "*"; inherits: false; initial-value: rotateX(0); } @property --tw-rotate-y { syntax: "*"; inherits: false; initial-value: rotateY(0); } @property --tw-rotate-z { syntax: "*"; inherits: false; initial-value: rotateZ(0); } @property --tw-skew-x { syntax: "*"; inherits: false; initial-value: skewX(0); } @property --tw-skew-y { syntax: "*"; inherits: false; initial-value: skewY(0); } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-leading { syntax: "*"; inherits: false } @property --tw-font-weight { syntax: "*"; inherits: false } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false } @property --tw-ring-color { syntax: "*"; inherits: false } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false } @property --tw-brightness { syntax: "*"; inherits: false } @property --tw-contrast { syntax: "*"; inherits: false } @property --tw-grayscale { syntax: "*"; inherits: false } @property --tw-hue-rotate { syntax: "*"; inherits: false } @property --tw-invert { syntax: "*"; inherits: false } @property --tw-opacity { syntax: "*"; inherits: false } @property --tw-saturate { syntax: "*"; inherits: false } @property --tw-sepia { syntax: "*"; inherits: false } @property --tw-drop-shadow { syntax: "*"; inherits: false } @property --tw-duration { syntax: "*"; inherits: false } @property --tw-ease { syntax: "*"; inherits: false } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }