diff --git a/header.php b/header.php index d091c0c..0395520 100644 --- a/header.php +++ b/header.php @@ -48,6 +48,10 @@ $showHero = isServicesDescendant() && get_field( 'hero_style' ) === 'default';
- - - + diff --git a/index.php b/index.php index 0b5f13e..7eae029 100644 --- a/index.php +++ b/index.php @@ -10,7 +10,7 @@ namespace CWC; // Determine classes based on sidebar presence if ( hasSidebar() ) { - $classes = 'container grid grid-cols-1 lg:grid-cols-4 gap-8 xl:gap-16 my-section mx-auto'; + $classes = 'container grid grid-cols-1 lg:grid-cols-4 gap-8 xl:gap-16 my-section mx-auto lg:px-0!'; $clsEntry = 'lg:col-span-3'; } else { $classes = 'container my-section lg:my-0 mx-auto'; @@ -23,8 +23,6 @@ get_header();
-

Blog

-
= 22.5rem) { - max-width: 22.5rem; - } - @media (width >= 29.6875rem) { - max-width: 29.6875rem; - } - @media (width >= 40rem) { - max-width: 40rem; - } - @media (width >= 48rem) { - max-width: 48rem; - } - @media (width >= 64rem) { - max-width: 64rem; - } - @media (width >= 70rem) { - max-width: 70rem; - } - @media (width >= 96rem) { - max-width: 96rem; - } - } - .m-0 { - margin: calc(var(--spacing) * 0); - } - .-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-auto { - margin-top: auto; - } - .mx-break-out { - margin-left: calc(50% - 50vw); - margin-right: calc(50% - 50vw); - width: calc(100vw - var(--twcb-scrollbar-width)); - } - .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 { - margin-left: calc(50% - 50vw); - width: 100%; - } - .mr-break-out { - margin-left: calc(-50% + 50vw); - width: 100%; - } - .ml-0 { - margin-left: calc(var(--spacing) * 0); - } - .ml-4 { - margin-left: calc(var(--spacing) * 4); - } - .line-clamp-4 { - overflow: hidden; - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 4; - } - .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-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-full { - width: 100%; - } - .w-full\! { - width: 100% !important; - } - .max-w-3xl { - max-width: var(--container-3xl); - } - .max-w-4\/5 { - max-width: calc(4/5 * 100%); - } - .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-1 { - flex: 1; - } - .flex-shrink { - flex-shrink: 1; - } - .flex-shrink-0 { - flex-shrink: 0; - } - .flex-grow { - flex-grow: 1; - } - .grow { - flex-grow: 1; - } - .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-4 { - gap: calc(var(--spacing) * 4); - } - .gap-6 { - gap: calc(var(--spacing) * 6); - } - .gap-8 { - gap: calc(var(--spacing) * 8); - } - .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 { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - .overflow-hidden { - overflow: hidden; - } - .rounded { - border-radius: 0.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: 0.25rem; - border-bottom-left-radius: 0.25rem; - } - .rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.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-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); - } - .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-1 { - padding: calc(var(--spacing) * 1); - } - .p-2 { - padding: calc(var(--spacing) * 2); - } - .p-6 { - padding: calc(var(--spacing) * 6); - } - .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-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-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-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-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; - } - .italic { - font-style: italic; - } - .underline { - text-decoration-line: underline; - } - .shadow-lg { - --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); - 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: 300ms; - transition-duration: 300ms; - } - .duration-500 { - --tw-duration: 500ms; - transition-duration: 500ms; - } - .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; - } - .group-hover\:scale-105 { - &:is(:where(.group):hover *) { - @media (hover: 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 { - color: var(--color-gray-500); - } - } - .hover\:underline { - &:hover { - @media (hover: hover) { - text-decoration-line: underline; - } - } - } - .hover\:opacity-80 { - &:hover { - @media (hover: hover) { - opacity: 80%; - } - } - } - .hover\:opacity-80\! { - &:hover { - @media (hover: hover) { - opacity: 80% !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); - } - } - .sm\:col-span-1 { - @media (width >= 40rem) { - grid-column: span 1 / span 1; - } - } - .sm\:col-span-2 { - @media (width >= 40rem) { - grid-column: span 2 / span 2; - } - } - .sm\:col-span-3 { - @media (width >= 40rem) { - grid-column: span 3 / span 3; - } - } - .sm\:col-span-4 { - @media (width >= 40rem) { - grid-column: span 4 / span 4; - } - } - .sm\:col-span-5 { - @media (width >= 40rem) { - grid-column: span 5 / span 5; - } - } - .sm\:col-span-6 { - @media (width >= 40rem) { - grid-column: span 6 / span 6; - } - } - .sm\:col-span-7 { - @media (width >= 40rem) { - grid-column: span 7 / span 7; - } - } - .sm\:col-span-8 { - @media (width >= 40rem) { - grid-column: span 8 / span 8; - } - } - .sm\:mt-6 { - @media (width >= 40rem) { - margin-top: calc(var(--spacing) * 6); - } - } - .sm\:grid-cols-1 { - @media (width >= 40rem) { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } - } - .sm\:grid-cols-2 { - @media (width >= 40rem) { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - } - .sm\:grid-cols-3 { - @media (width >= 40rem) { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - } - .sm\:grid-cols-4 { - @media (width >= 40rem) { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - } - .sm\:grid-cols-5 { - @media (width >= 40rem) { - grid-template-columns: repeat(5, minmax(0, 1fr)); - } - } - .sm\:grid-cols-6 { - @media (width >= 40rem) { - grid-template-columns: repeat(6, minmax(0, 1fr)); - } - } - .sm\:grid-cols-7 { - @media (width >= 40rem) { - grid-template-columns: repeat(7, minmax(0, 1fr)); - } - } - .sm\:grid-cols-8 { - @media (width >= 40rem) { - grid-template-columns: repeat(8, minmax(0, 1fr)); - } - } - .sm\:justify-start { - @media (width >= 40rem) { - justify-content: flex-start; - } - } - .sm\:px-6 { - @media (width >= 40rem) { - padding-inline: calc(var(--spacing) * 6); - } - } - .sm\:py-12 { - @media (width >= 40rem) { - padding-block: calc(var(--spacing) * 12); - } - } - .sm\:text-center { - @media (width >= 40rem) { - text-align: center; - } - } - .sm\:text-5xl { - @media (width >= 40rem) { - font-size: var(--text-5xl); - line-height: var(--tw-leading, var(--text-5xl--line-height)); - } - } - .md\:col-span-1 { - @media (width >= 48rem) { - grid-column: span 1 / span 1; - } - } - .md\:col-span-2 { - @media (width >= 48rem) { - grid-column: span 2 / span 2; - } - } - .md\:col-span-3 { - @media (width >= 48rem) { - grid-column: span 3 / span 3; - } - } - .md\:col-span-4 { - @media (width >= 48rem) { - grid-column: span 4 / span 4; - } - } - .md\:col-span-5 { - @media (width >= 48rem) { - grid-column: span 5 / span 5; - } - } - .md\:col-span-6 { - @media (width >= 48rem) { - grid-column: span 6 / span 6; - } - } - .md\:col-span-7 { - @media (width >= 48rem) { - grid-column: span 7 / span 7; - } - } - .md\:col-span-8 { - @media (width >= 48rem) { - grid-column: span 8 / span 8; - } - } - .md\:w-\[18em\] { - @media (width >= 48rem) { - width: 18em; - } - } - .md\:min-w-\[25ch\] { - @media (width >= 48rem) { - min-width: 25ch; - } - } - .md\:grid-cols-1 { - @media (width >= 48rem) { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } - } - .md\:grid-cols-2 { - @media (width >= 48rem) { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - } - .md\:grid-cols-3 { - @media (width >= 48rem) { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - } - .md\:grid-cols-4 { - @media (width >= 48rem) { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - } - .md\:grid-cols-5 { - @media (width >= 48rem) { - grid-template-columns: repeat(5, minmax(0, 1fr)); - } - } - .md\:grid-cols-6 { - @media (width >= 48rem) { - grid-template-columns: repeat(6, minmax(0, 1fr)); - } - } - .md\:grid-cols-7 { - @media (width >= 48rem) { - grid-template-columns: repeat(7, minmax(0, 1fr)); - } - } - .md\:grid-cols-8 { - @media (width >= 48rem) { - grid-template-columns: repeat(8, minmax(0, 1fr)); - } - } - .lg\:col-span-1 { - @media (width >= 64rem) { - grid-column: span 1 / span 1; - } - } - .lg\:col-span-2 { - @media (width >= 64rem) { - grid-column: span 2 / span 2; - } - } - .lg\:col-span-3 { - @media (width >= 64rem) { - grid-column: span 3 / span 3; - } - } - .lg\:col-span-4 { - @media (width >= 64rem) { - grid-column: span 4 / span 4; - } - } - .lg\:col-span-5 { - @media (width >= 64rem) { - grid-column: span 5 / span 5; - } - } - .lg\:col-span-6 { - @media (width >= 64rem) { - grid-column: span 6 / span 6; - } - } - .lg\:col-span-7 { - @media (width >= 64rem) { - grid-column: span 7 / span 7; - } - } - .lg\:col-span-8 { - @media (width >= 64rem) { - grid-column: span 8 / span 8; - } - } - .lg\:my-0 { - @media (width >= 64rem) { - margin-block: calc(var(--spacing) * 0); - } - } - .lg\:block { - @media (width >= 64rem) { - display: block; - } - } - .lg\:hidden { - @media (width >= 64rem) { - display: none; - } - } - .lg\:grid-cols-1 { - @media (width >= 64rem) { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } - } - .lg\:grid-cols-2 { - @media (width >= 64rem) { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - } - .lg\:grid-cols-3 { - @media (width >= 64rem) { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - } - .lg\:grid-cols-4 { - @media (width >= 64rem) { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - } - .lg\:grid-cols-5 { - @media (width >= 64rem) { - grid-template-columns: repeat(5, minmax(0, 1fr)); - } - } - .lg\:grid-cols-6 { - @media (width >= 64rem) { - grid-template-columns: repeat(6, minmax(0, 1fr)); - } - } - .lg\:grid-cols-7 { - @media (width >= 64rem) { - grid-template-columns: repeat(7, minmax(0, 1fr)); - } - } - .lg\:grid-cols-8 { - @media (width >= 64rem) { - grid-template-columns: repeat(8, minmax(0, 1fr)); - } - } - .lg\:flex-row { - @media (width >= 64rem) { - flex-direction: row; - } - } - .lg\:items-center { - @media (width >= 64rem) { - align-items: center; - } - } - .lg\:items-start { - @media (width >= 64rem) { - align-items: flex-start; - } - } - .lg\:justify-start { - @media (width >= 64rem) { - justify-content: flex-start; - } - } - .lg\:px-0\! { - @media (width >= 64rem) { - padding-inline: calc(var(--spacing) * 0) !important; - } - } - .lg\:px-8 { - @media (width >= 64rem) { - padding-inline: calc(var(--spacing) * 8); - } - } - .lg\:py-16 { - @media (width >= 64rem) { - padding-block: calc(var(--spacing) * 16); - } - } - .lg\:py-20 { - @media (width >= 64rem) { - padding-block: calc(var(--spacing) * 20); - } - } - .lg\:text-left { - @media (width >= 64rem) { - text-align: left; - } - } - .lg\:text-5xl { - @media (width >= 64rem) { - font-size: var(--text-5xl); - line-height: var(--tw-leading, var(--text-5xl--line-height)); - } - } - .lg\:text-6xl { - @media (width >= 64rem) { - font-size: var(--text-6xl); - line-height: var(--tw-leading, var(--text-6xl--line-height)); - } - } - .lg\:text-xl { - @media (width >= 64rem) { - font-size: var(--text-xl); - line-height: var(--tw-leading, var(--text-xl--line-height)); - } - } - .xl\:col-span-1 { - @media (width >= 70rem) { - grid-column: span 1 / span 1; - } - } - .xl\:col-span-2 { - @media (width >= 70rem) { - grid-column: span 2 / span 2; - } - } - .xl\:col-span-3 { - @media (width >= 70rem) { - grid-column: span 3 / span 3; - } - } - .xl\:col-span-4 { - @media (width >= 70rem) { - grid-column: span 4 / span 4; - } - } - .xl\:col-span-5 { - @media (width >= 70rem) { - grid-column: span 5 / span 5; - } - } - .xl\:col-span-6 { - @media (width >= 70rem) { - grid-column: span 6 / span 6; - } - } - .xl\:col-span-7 { - @media (width >= 70rem) { - grid-column: span 7 / span 7; - } - } - .xl\:col-span-8 { - @media (width >= 70rem) { - grid-column: span 8 / span 8; - } - } - .xl\:grid-cols-1 { - @media (width >= 70rem) { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } - } - .xl\:grid-cols-2 { - @media (width >= 70rem) { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - } - .xl\:grid-cols-3 { - @media (width >= 70rem) { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - } - .xl\:grid-cols-4 { - @media (width >= 70rem) { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - } - .xl\:grid-cols-5 { - @media (width >= 70rem) { - grid-template-columns: repeat(5, minmax(0, 1fr)); - } - } - .xl\:grid-cols-6 { - @media (width >= 70rem) { - grid-template-columns: repeat(6, minmax(0, 1fr)); - } - } - .xl\:grid-cols-7 { - @media (width >= 70rem) { - grid-template-columns: repeat(7, minmax(0, 1fr)); - } - } - .xl\:grid-cols-8 { - @media (width >= 70rem) { - grid-template-columns: repeat(8, minmax(0, 1fr)); - } - } - .xl\:gap-16 { - @media (width >= 70rem) { - gap: calc(var(--spacing) * 16); - } - } - .xl\:text-7xl { - @media (width >= 70rem) { - font-size: var(--text-7xl); - line-height: var(--tw-leading, var(--text-7xl--line-height)); - } - } - .\32 xl\:col-span-1 { - @media (width >= 96rem) { - grid-column: span 1 / span 1; - } - } - .\32 xl\:col-span-2 { - @media (width >= 96rem) { - grid-column: span 2 / span 2; - } - } - .\32 xl\:col-span-3 { - @media (width >= 96rem) { - grid-column: span 3 / span 3; - } - } - .\32 xl\:col-span-4 { - @media (width >= 96rem) { - grid-column: span 4 / span 4; - } - } - .\32 xl\:col-span-5 { - @media (width >= 96rem) { - grid-column: span 5 / span 5; - } - } - .\32 xl\:col-span-6 { - @media (width >= 96rem) { - grid-column: span 6 / span 6; - } - } - .\32 xl\:col-span-7 { - @media (width >= 96rem) { - grid-column: span 7 / span 7; - } - } - .\32 xl\:col-span-8 { - @media (width >= 96rem) { - grid-column: span 8 / span 8; - } - } - .\32 xl\:grid-cols-1 { - @media (width >= 96rem) { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } - } - .\32 xl\:grid-cols-2 { - @media (width >= 96rem) { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - } - .\32 xl\:grid-cols-3 { - @media (width >= 96rem) { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - } - .\32 xl\:grid-cols-4 { - @media (width >= 96rem) { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - } - .\32 xl\:grid-cols-5 { - @media (width >= 96rem) { - grid-template-columns: repeat(5, minmax(0, 1fr)); - } - } - .\32 xl\:grid-cols-6 { - @media (width >= 96rem) { - grid-template-columns: repeat(6, minmax(0, 1fr)); - } - } - .\32 xl\:grid-cols-7 { - @media (width >= 96rem) { - grid-template-columns: repeat(7, minmax(0, 1fr)); - } - } - .\32 xl\:grid-cols-8 { - @media (width >= 96rem) { - grid-template-columns: repeat(8, minmax(0, 1fr)); - } - } - .prose-p\:text-balance { - & :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { - text-wrap: balance; - } - } - .hover\:prose-img\:origin-center { - &:hover { - @media (hover: hover) { - & :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) { - transform-origin: center; - } - } - } - } - .hover\:prose-img\:scale-110 { - &:hover { - @media (hover: hover) { - & :is(: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 { - @media (hover: hover) { - & :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) { - --tw-duration: 500ms; - transition-duration: 500ms; - } - } - } - } -} -main#maincontent { - background-color: var(--color-background); - color: var(--color-text); - margin: 0; - padding: 0 0 5rem; -} -.container { - margin: 0 auto; - max-width: 80.5rem; - padding-inline: clamp(1.5rem, 5vw, 3rem); - width: 100%; - &.wider { - max-width: 85rem; - } -} -.section { - position: relative; - margin-block: var(--spacing-section); - padding-inline: var(--spacing-section); - &:first-child { - margin-top: calc(var(--spacing) * 0); - } - &:last-child, p:last-child { - margin-bottom: calc(var(--spacing) * 0); - } - &.has-background { - background-size: cover; - background-repeat: no-repeat; - padding-block: var(--spacing-section); - } -} -.content-wrapper { - .alignfull { - max-width: 100%; - } - .alignwide { - max-width: 100%; - } - .alignleft { - float: none; - margin-right: auto; - margin-left: calc(var(--spacing) * 0); - } - .alignright { - float: none; - margin-right: calc(var(--spacing) * 0); - margin-left: auto; - } - .aligncenter { - margin-inline: auto; - } -} -.embed { - position: relative; - padding-bottom: 56.25%; - height: 0; - overflow: hidden; -} -.embed iframe, .embed object, .embed embed, .embed video { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} -: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 { - background-color: white; - color: black; - font-family: var(--font-sans); - font-size: var(--text-18px); - line-height: var(--line-height); -} -::selection { - background: var(--color-primary-400); -} -@layer components { - h1, h2, h3, h4, h5, h6 { - font-family: var(--font-quincy); - font-weight: 700; - margin: 0 0 1rem; - } - 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; - em { - font-style: normal; - color: var(--color-secondary); - } - } - #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); - } -} -a, .link { - color: var(--color-bodylinks); - text-decoration: none; - transition: color 200ms; - cursor: pointer; - &: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 { - list-style-type: disc; - list-style-position: inside; - padding: 0 1rem; -} -ol { - list-style-type: decimal; - list-style-position: inside; - padding: 0 1rem; -} -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 { - font-size: 0.875rem; - overflow: auto; - padding: 1.5rem; -} -pre code { - background-color: inherit; - border-radius: 0; - color: inherit; - 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) * 0.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: black; - border: none; - display: block; - height: 1px; - margin: 1rem 0; - width: 100%; -} -.skip-link { - background-color: #f6ff00 !important; - border-color: #f6ff00 !important; - color: #000 !important; - font-size: larger; - font-weight: 600; - left: 0; - margin: 0 auto; - max-width: 90vw; - opacity: 1; - outline-color: #f6ff00 !important; - padding: 1rem; - position: absolute; - right: 0; - text-align: center; - top: 0.5rem; - transition: transform 0.1875s ease-out; - width: 15rem; - z-index: 999; - &:not(:focus):not(:hover) { - opacity: 0; - transform: translateY(-4em); - } -} -.social-icons svg { - display: block; - border-radius: calc(infinity * 1px); - background-color: transparent; - fill: var(--color-white); -} -input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="password"], input[type="date"], select, textarea { - width: 100%; - border-radius: 0.25rem; - border-style: var(--tw-border-style); - border-width: 2px; - border-color: var(--color-primary); - padding-inline: calc(var(--spacing) * 4); - padding-block: calc(var(--spacing) * 2); - background-color: var(--color-white); - color: var(--color-black); - &:focus-visible { - border-color: transparent; - } - &:focus-visible { - outline-style: var(--tw-outline-style); - outline-width: 2px; - } - &:focus-visible { - outline-offset: 3px; - } - &:focus-visible { - outline-color: var(--color-primary); - } - font-size: inherit; - line-height: inherit; -} -.gform_wrapper { - margin-inline: auto; - max-width: 100%; - .gform_fields { - color: var(--color-black); - } - fieldset.gfield { - margin-bottom: calc(var(--spacing) * 6); - } - legend, 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); - } - 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); - } - .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); - } - .dark { - input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="password"], input[type="date"], select, textarea { - background-color: var(--color-white); - color: var(--color-black); - &:focus-visible { - border-color: transparent; - } - &:focus-visible { - outline-style: var(--tw-outline-style); - outline-width: 2px; - } - &:focus-visible { - outline-offset: 3px; - } - &:focus-visible { - outline-color: var(--color-primary); - } - } - } - .ginput_complex { - @media (width >= 40rem) { - display: flex; - } - span { - display: block; - flex-grow: 1; - &:not(:first-child) { - margin-top: calc(var(--spacing) * 6); - @media (width >= 40rem) { - margin-top: calc(var(--spacing) * 0); - } - @media (width >= 40rem) { - margin-left: calc(var(--spacing) * 4); - } - } - } - } - .gform_footer { - margin-top: calc(var(--spacing) * 8); - } - 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); - } - .validation_message { - color: var(--color-danger); - font-style: italic; - } - .hidden_label > label { - display: none; - } -} -.wp-block-search__input { - width: 100%; - border-radius: 0.25rem; - border-style: var(--tw-border-style); - border-width: 2px; - border-color: transparent; - padding-inline: calc(var(--spacing) * 4); - padding-block: calc(var(--spacing) * 2); - &:focus-visible { - border-color: var(--color-primary); - } - &:focus-visible { - background-color: var(--color-secondary-300); - } - appearance: none; - flex-grow: 1; - margin-left: 0; - margin-right: 0; - min-width: 3rem; - text-decoration: unset !important; -} -.menu-vdi { - display: none; - >li { - list-style-type: none; - >a { - &:hover { - @media (hover: hover) { - text-decoration-line: underline; - } - } - &:focus-visible { - text-decoration-line: underline; - } - } - a[aria-current="true"] { - text-decoration-line: underline; - } - .menu-vdi__toggle { - &[aria-expanded="true"] { - svg { - rotate: 180deg; - } - +.menu-vdi__submenu { - display: flex; - } - } - } - } - .menu-vdi__submenu { - z-index: 10; - width: 100%; - @media (width >= 22.5rem) { - max-width: 22.5rem; - } - @media (width >= 29.6875rem) { - max-width: 29.6875rem; - } - @media (width >= 40rem) { - max-width: 40rem; - } - @media (width >= 48rem) { - max-width: 48rem; - } - @media (width >= 64rem) { - max-width: 64rem; - } - @media (width >= 70rem) { - max-width: 70rem; - } - @media (width >= 96rem) { - max-width: 96rem; - } - display: none; - .menu-vdi__item--grandchild a { - text-decoration-line: none; - &:hover { - @media (hover: hover) { - text-decoration-line: underline; - } - } - &:focus-visible { - text-decoration-line: underline; - } - } - } -} -@media screen and (max-width: 62.5rem) { - #app:has(.nav-main__toggle[aria-expanded="true"]) { - height: calc(100vh - var(--hgtHeader)); - } - .nav-main__toggle { - .nav-toggle-hamburger { - display: inline-block !important; - } - .nav-toggle-x { - display: none !important; - } - &[aria-expanded="true"] { - .nav-toggle-hamburger { - display: none !important; - } - .nav-toggle-x { - display: inline-block !important; - } - } - } - .nav-main { - .nav-main__toggle[aria-expanded="true"] { - +ul { - position: absolute; - display: flex; - } - } - .menu-vdi { - position: absolute; - right: calc(var(--spacing) * 0); - z-index: 10; - .menu-vdi__toggle { - display: flex; - align-items: center; - gap: calc(var(--spacing) * 2); - } - } - } - .nav-aux { - .menu-vdi__submenu { - position: absolute; - list-style-type: none; - } - } -} -@media screen and (min-width: 62.5rem) { - .nav-main__toggle { - display: none; - } - .menu-vdi { - display: flex; - list-style-type: none; - .menu-vdi__toggle { - display: flex; - align-items: center; - gap: calc(var(--spacing) * 2); - } - .menu-vdi__submenu { - position: absolute; - list-style-type: none; - } - } -} -.nav-aux { - position: relative; - margin: calc(var(--spacing) * 0); - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: flex-end; - gap: calc(var(--spacing) * 2); - padding: calc(var(--spacing) * 0); - .menu-vdi { - position: relative; - margin: calc(var(--spacing) * 0); - display: flex; - flex-wrap: wrap; - 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); - .menu-vdi__toggle { - display: flex; - align-items: center; - gap: calc(var(--spacing) * 2); - &:hover { - @media (hover: hover) { - text-decoration-line: underline; - } - } - &:focus-visible { - text-decoration-line: underline; - } - } - } -} -@media screen and (min-width: 62.5rem) { - .nav-aux { - gap: calc(var(--spacing) * 4); - .menu-vdi { - justify-content: flex-end; - .menu-vdi__toggle { - display: flex; - align-items: center; - gap: calc(var(--spacing) * 2); - } - } - } -} -@media screen and (min-width: 62.5rem) { - .nav-main .menu-vdi { - margin: calc(var(--spacing) * 0); - display: flex; - height: 100%; - align-items: center; - justify-content: flex-end; - padding: calc(var(--spacing) * 0); - >li { - height: 100%; - >a, >.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); - text-decoration-line: none; - margin-block: calc(var(--spacing) * -4); - display: flex; - align-items: center; - padding-inline: calc(var(--spacing) * 4); - text-decoration-line: none; - height: calc(100% + 2rem); - } - &:hover, &:has(a[aria-current="true"]), &:has(.menu-vdi__toggle[aria-expanded="true"]) { - >a, >.menu-vdi__toggle { - background-color: var(--color-cwc-blue-02); - color: var(--color-light); - box-shadow: inset 0 -4px 0 #F26B53; - } - } - &.menu-vdi__item--contact { - height: auto; - &:hover > a { - background-color: transparent; - box-shadow: none; - } - >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 transparent; - border-radius: 1.25rem 0.25rem; - height: auto; - padding: .5rem 2rem; - &:hover { - border: 3px solid #D24D32; - } - } - } - } - } -} -@media screen and (min-width: 62.5rem) { - .menu-vdi { - .menu-vdi__toggle { - display: flex; - align-items: center; - gap: calc(var(--spacing) * 2); - &:hover { - @media (hover: hover) { - cursor: pointer; - } - } - } - .menu-vdi__item--parent { - position: relative; - } - .menu-vdi__submenu { - top: calc(100% + 1rem); - z-index: 10000; - left: calc(var(--spacing) * 0); - margin-left: calc(var(--spacing) * 0); - width: calc(var(--spacing) * 64); - flex-direction: column; - 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, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - >li { - width: 100%; - border-bottom-style: var(--tw-border-style); - border-bottom-width: 1px; - border-color: #D24D32; - &: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: 0px; - } - } - .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); - text-decoration-line: none; - display: block; - width: 100%; - &:hover { - @media (hover: hover) { - background-color: var(--color-cwc-blue-01); - } - } - &:focus-visible { - background-color: var(--color-cwc-blue-01); - } - a { - display: block; - width: 100%; - } - } - a.menu-vdi__item, .menu-vdi__item a { - padding: calc(var(--spacing) * 4); - color: var(--color-white); - } - } - } -} -@media screen and (max-width: 62.5rem) { - .nav-main { - .nav-main__toggle { - padding: calc(var(--spacing) * 3); - color: var(--color-white); - } - .menu-vdi { - position: relative; - right: calc(var(--spacing) * 0); - display: flex; - flex-direction: column; - padding-block: calc(var(--spacing) * 8); - position: absolute; - display: none; - overflow-y: auto; - overscroll-behavior: contain; - background: var(--color-cwc-blue-02); - color: var(--color-white); - height: calc(100vh - var(--hgtHeader)); - top: var(--hgtHeader); - width: 95%; - z-index: 100; - &, ul.menu-vdi { - list-style: none; - padding-left: 0; - margin: 0; - } - .menu-vdi__submenu { - flex-direction: column; - padding-inline: calc(var(--spacing) * 7); - padding-block: calc(var(--spacing) * 2); - } - .menu-vdi__item { - list-style: none; - a, 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); - &:hover { - @media (hover: hover) { - text-decoration-line: underline; - } - } - display: block; - width: 100%; - padding: calc(var(--spacing) * 4); - &:hover { - @media (hover: hover) { - background-color: var(--color-secondary-200); - } - } - &:focus-visible { - background-color: var(--color-secondary-200); - } - } - a { - display: block; - width: 100%; - } - button { - display: flex; - width: 100%; - justify-content: space-between; - } - } - } - .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"]) { - overflow: hidden; - overscroll-behavior: contain; - touch-action: none; - } -} -@media screen and (min-width: 62.5rem) { - .nav-footer .menu-vdi { - margin: calc(var(--spacing) * 0); - display: flex; - flex-direction: column; - align-items: flex-start; - justify-content: flex-start; - padding: calc(var(--spacing) * 0); - >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 (max-width: 62.5rem) { - .nav-footer { - .nav-footer__toggle { - padding: calc(var(--spacing) * 3); - color: var(--color-primary); - } - .menu-vdi { - width: 95%; - flex-direction: column; - padding-block: calc(var(--spacing) * 6); - .menu-vdi__submenu { - flex-direction: column; - padding-inline: calc(var(--spacing) * 7); - padding-block: calc(var(--spacing) * 2); - } - .menu-vdi__item { - a, 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); - display: block; - width: 100%; - padding: calc(var(--spacing) * 4); - &:hover { - @media (hover: hover) { - background-color: var(--color-secondary-200); - } - } - &:focus-visible { - background-color: var(--color-secondary-200); - } - } - a { - display: block; - width: 100%; - } - button { - display: flex; - width: 100%; - justify-content: space-between; - } - } - } - } -} -@media screen and (min-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; - >svg { - display: none; - } - } - .menu-vdi__item--parent { - position: static; - } - .menu-vdi__submenu { - position: static; - margin: calc(var(--spacing) * 0); - margin-bottom: calc(var(--spacing) * 3); - display: block; - 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); - >li { - margin: calc(var(--spacing) * 0); - width: 100%; - padding: calc(var(--spacing) * 0); - } - .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); - display: block; - width: 100%; - &:hover { - @media (hover: hover) { - background-color: var(--color-secondary-200); - } - } - &:focus-visible { - background-color: var(--color-secondary-200); - } - a { - display: block; - width: 100%; - } - } - a.menu-vdi__item, .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 { - font-family: "Lineicons", sans-serif; - font-style: normal; - speak: never; - display: inline-block; - text-decoration: inherit; - vertical-align: middle; - text-align: center; - font-variant: normal; - text-transform: none; - font-size: 110%; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.social-links { - display: flex; - width: 100%; - flex-direction: row; - justify-content: flex-end; - a { - margin-right: 1rem; - &:last-child { - margin-right: 0 !important; - } - } -} -.circular-icon { - box-sizing: content-box; - display: flex; - align-items: center; - justify-content: center; - border-radius: calc(infinity * 1px); - background-color: var(--color-secondary); - color: var(--color-white); - --size: 1.5rem; - height: var(--size); - text-align: center; - width: var(--size); - i { - align-items: center; - display: flex; - height: 100%; - justify-content: center; - line-height: 1; - margin: 0; - padding: 0; - width: 100%; - } - &i::before, span { - line-height: var(--size) !important; - } -} -.lni-is-spinning { - animation: lni-spin 1s infinite linear; -} -@keyframes lni-spin { - 0% { - transform: rotate(0deg); - } - 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: "\ea01"; -} -.lni-adobe:before, .icon-adobe:before { - content: "\ea02"; -} -.lni-adonis:before, .icon-adonis:before { - content: "\ea03"; -} -.lni-aeroplane-1:before, .icon-aeroplane-1:before { - content: "\ea04"; -} -.lni-agenda:before, .icon-agenda:before { - content: "\ea05"; -} -.lni-airbnb:before, .icon-airbnb:before { - content: "\ea06"; -} -.lni-airtable:before, .icon-airtable:before { - content: "\ea07"; -} -.lni-alarm-1:before, .icon-alarm-1:before { - content: "\ea08"; -} -.lni-align-text-center:before, .icon-align-text-center:before { - content: "\ea09"; -} -.lni-align-text-left:before, .icon-align-text-left:before { - content: "\ea0a"; -} -.lni-align-text-right:before, .icon-align-text-right:before { - content: "\ea0b"; -} -.lni-alpinejs:before, .icon-alpinejs:before { - content: "\ea0c"; -} -.lni-amazon:before, .icon-amazon:before { - content: "\ea0d"; -} -.lni-amazon-original:before, .icon-amazon-original:before { - content: "\ea0e"; -} -.lni-amazon-pay:before, .icon-amazon-pay:before { - content: "\ea0f"; -} -.lni-ambulance-1:before, .icon-ambulance-1:before { - content: "\ea10"; -} -.lni-amd:before, .icon-amd:before { - content: "\ea11"; -} -.lni-amex:before, .icon-amex:before { - content: "\ea12"; -} -.lni-anchor:before, .icon-anchor:before { - content: "\ea13"; -} -.lni-android:before, .icon-android:before { - content: "\ea14"; -} -.lni-android-old:before, .icon-android-old:before { - content: "\ea15"; -} -.lni-angellist:before, .icon-angellist:before { - content: "\ea16"; -} -.lni-angle-double-down:before, .icon-angle-double-down:before { - content: "\ea17"; -} -.lni-angle-double-left:before, .icon-angle-double-left:before { - content: "\ea18"; -} -.lni-angle-double-right:before, .icon-angle-double-right:before { - content: "\ea19"; -} -.lni-angle-double-up:before, .icon-angle-double-up:before { - content: "\ea1a"; -} -.lni-angular:before, .icon-angular:before { - content: "\ea1b"; -} -.lni-app-store:before, .icon-app-store:before { - content: "\ea1c"; -} -.lni-apple-brand:before, .icon-apple-brand:before { - content: "\ea1d"; -} -.lni-apple-music:before, .icon-apple-music:before { - content: "\ea1e"; -} -.lni-apple-music-alt:before, .icon-apple-music-alt:before { - content: "\ea1f"; -} -.lni-apple:before, .icon-apple:before { - content: "\ea1d"; -} -.lni-apple-music:before, .icon-apple-music:before { - content: "\ea1e"; -} -.lni-apple-music-alt:before, .icon-apple-music-alt:before { - content: "\ea1f"; -} -.lni-apple-pay:before, .icon-apple-pay:before { - content: "\ea20"; -} -.lni-arc-browser:before, .icon-arc-browser:before { - content: "\ea21"; -} -.lni-arrow-all-direction:before, .icon-arrow-all-direction:before { - content: "\ea22"; -} -.lni-arrow-angular-top-left:before, .icon-arrow-angular-top-left:before { - content: "\ea23"; -} -.lni-arrow-angular-top-right:before, .icon-arrow-angular-top-right:before { - content: "\ea24"; -} -.lni-arrow-both-direction-horizontal-1:before, .icon-arrow-both-direction-horizontal-1:before { - content: "\ea25"; -} -.lni-arrow-both-direction-vertical-1:before, .icon-arrow-both-direction-vertical-1:before { - content: "\ea26"; -} -.lni-arrow-downward:before, .icon-arrow-downward:before { - content: "\ea27"; -} -.lni-arrow-left:before, .icon-arrow-left:before { - content: "\ea28"; -} -.lni-arrow-left-circle:before, .icon-arrow-left-circle:before { - content: "\ea29"; -} -.lni-arrow-right:before, .icon-arrow-right:before { - content: "\ea2a"; -} -.lni-arrow-right-circle:before, .icon-arrow-right-circle:before { - content: "\ea2b"; -} -.lni-arrow-upward:before, .icon-arrow-upward:before { - content: "\ea2c"; -} -.lni-asana:before, .icon-asana:before { - content: "\ea2d"; -} -.lni-astro:before, .icon-astro:before { - content: "\ea2e"; -} -.lni-atlassian:before, .icon-atlassian:before { - content: "\ea2f"; -} -.lni-audi:before, .icon-audi:before { - content: "\ea30"; -} -.lni-audi-alt:before, .icon-audi-alt:before { - content: "\ea31"; -} -.lni-aws:before, .icon-aws:before { - content: "\ea32"; -} -.lni-azure:before, .icon-azure:before { - content: "\ea33"; -} -.lni-badge-decagram-percent:before, .icon-badge-decagram-percent:before { - content: "\ea34"; -} -.lni-balloons:before, .icon-balloons:before { - content: "\ea35"; -} -.lni-ban-2:before, .icon-ban-2:before { - content: "\ea36"; -} -.lni-bar-chart-4:before, .icon-bar-chart-4:before { - content: "\ea37"; -} -.lni-bar-chart-dollar:before, .icon-bar-chart-dollar:before { - content: "\ea38"; -} -.lni-basket-shopping-3:before, .icon-basket-shopping-3:before { - content: "\ea39"; -} -.lni-beat:before, .icon-beat:before { - content: "\ea3a"; -} -.lni-behance:before, .icon-behance:before { - content: "\ea3b"; -} -.lni-bell-1:before, .icon-bell-1:before { - content: "\ea3c"; -} -.lni-bike:before, .icon-bike:before { - content: "\ea3d"; -} -.lni-bing:before, .icon-bing:before { - content: "\ea3e"; -} -.lni-bitbucket:before, .icon-bitbucket:before { - content: "\ea3f"; -} -.lni-bitcoin:before, .icon-bitcoin:before { - content: "\ea40"; -} -.lni-bittorrent:before, .icon-bittorrent:before { - content: "\ea41"; -} -.lni-blogger:before, .icon-blogger:before { - content: "\ea42"; -} -.lni-blogger-alt:before, .icon-blogger-alt:before { - content: "\ea43"; -} -.lni-bluetooth:before, .icon-bluetooth:before { - content: "\ea44"; -} -.lni-bluetooth-logo:before, .icon-bluetooth-logo:before { - content: "\ea45"; -} -.lni-bmw:before, .icon-bmw:before { - content: "\ea46"; -} -.lni-board-writing-3:before, .icon-board-writing-3:before { - content: "\ea47"; -} -.lni-bold:before, .icon-bold:before { - content: "\ea48"; -} -.lni-bolt-2:before, .icon-bolt-2:before { - content: "\ea49"; -} -.lni-bolt-3:before, .icon-bolt-3:before { - content: "\ea4a"; -} -.lni-book-1:before, .icon-book-1:before { - content: "\ea4b"; -} -.lni-bookmark-1:before, .icon-bookmark-1:before { - content: "\ea4c"; -} -.lni-bookmark-circle:before, .icon-bookmark-circle:before { - content: "\ea4d"; -} -.lni-books-2:before, .icon-books-2:before { - content: "\ea4e"; -} -.lni-bootstrap-5:before, .icon-bootstrap-5:before { - content: "\ea4f"; -} -.lni-bootstrap-5-square:before, .icon-bootstrap-5-square:before { - content: "\ea50"; -} -.lni-box-archive-1:before, .icon-box-archive-1:before { - content: "\ea51"; -} -.lni-box-closed:before, .icon-box-closed:before { - content: "\ea52"; -} -.lni-box-gift-1:before, .icon-box-gift-1:before { - content: "\ea53"; -} -.lni-brave:before, .icon-brave:before { - content: "\ea54"; -} -.lni-bricks:before, .icon-bricks:before { - content: "\ea55"; -} -.lni-bridge-3:before, .icon-bridge-3:before { - content: "\ea56"; -} -.lni-briefcase-1:before, .icon-briefcase-1:before { - content: "\ea57"; -} -.lni-briefcase-2:before, .icon-briefcase-2:before { - content: "\ea58"; -} -.lni-briefcase-plus-1:before, .icon-briefcase-plus-1:before { - content: "\ea59"; -} -.lni-brush-1-rotated:before, .icon-brush-1-rotated:before { - content: "\ea5a"; -} -.lni-brush-2:before, .icon-brush-2:before { - content: "\ea5b"; -} -.lni-btc:before, .icon-btc:before { - content: "\ea5c"; -} -.lni-bug-1:before, .icon-bug-1:before { - content: "\ea5d"; -} -.lni-buildings-1:before, .icon-buildings-1:before { - content: "\ea5e"; -} -.lni-bulb-2:before, .icon-bulb-2:before { - content: "\ea5f"; -} -.lni-bulb-4:before, .icon-bulb-4:before { - content: "\ea60"; -} -.lni-burger-1:before, .icon-burger-1:before { - content: "\ea61"; -} -.lni-burger-drink:before, .icon-burger-drink:before { - content: "\ea62"; -} -.lni-bus-1:before, .icon-bus-1:before { - content: "\ea63"; -} -.lni-busket-ball:before, .icon-busket-ball:before { - content: "\ea64"; -} -.lni-cake-1:before, .icon-cake-1:before { - content: "\ea65"; -} -.lni-calculator-1:before, .icon-calculator-1:before { - content: "\ea66"; -} -.lni-calculator-2:before, .icon-calculator-2:before { - content: "\ea67"; -} -.lni-calendar-days:before, .icon-calendar-days:before { - content: "\ea68"; -} -.lni-camera-1:before, .icon-camera-1:before { - content: "\ea69"; -} -.lni-camera-movie-1:before, .icon-camera-movie-1:before { - content: "\ea6a"; -} -.lni-candy-cane-2:before, .icon-candy-cane-2:before { - content: "\ea6b"; -} -.lni-candy-round-1:before, .icon-candy-round-1:before { - content: "\ea6c"; -} -.lni-canva:before, .icon-canva:before { - content: "\ea6d"; -} -.lni-capsule-1:before, .icon-capsule-1:before { - content: "\ea6e"; -} -.lni-car-2:before, .icon-car-2:before { - content: "\ea6f"; -} -.lni-car-4:before, .icon-car-4:before { - content: "\ea70"; -} -.lni-car-6:before, .icon-car-6:before { - content: "\ea71"; -} -.lni-caravan-1:before, .icon-caravan-1:before { - content: "\ea72"; -} -.lni-cart-1:before, .icon-cart-1:before { - content: "\ea73"; -} -.lni-cart-2:before, .icon-cart-2:before { - content: "\ea74"; -} -.lni-cash-app:before, .icon-cash-app:before { - content: "\ea75"; -} -.lni-certificate-badge-1:before, .icon-certificate-badge-1:before { - content: "\ea76"; -} -.lni-chat-bubble-2:before, .icon-chat-bubble-2:before { - content: "\ea77"; -} -.lni-check:before, .icon-check:before { - content: "\ea78"; -} -.lni-check-circle-1:before, .icon-check-circle-1:before { - content: "\ea79"; -} -.lni-check-square-2:before, .icon-check-square-2:before { - content: "\ea7a"; -} -.lni-chevron-down:before, .icon-chevron-down:before { - content: "\ea7b"; -} -.lni-chevron-down-circle:before, .icon-chevron-down-circle:before { - content: "\ea7c"; -} -.lni-chevron-left:before, .icon-chevron-left:before { - content: "\ea7d"; -} -.lni-chevron-left-circle:before, .icon-chevron-left-circle:before { - content: "\ea7e"; -} -.lni-chevron-right:before, .icon-chevron-right:before { - content: "\ea7d"; - transform: rotate(180deg); -} -.lni-chevron-right-circle:before, .icon-chevron-right-circle:before { - content: "\ea7f"; -} -.lni-chevron-up:before, .icon-chevron-up:before { - content: "\ea80"; -} -.lni-chevron-up-circle:before, .icon-chevron-up-circle:before { - content: "\ea81"; -} -.lni-chrome:before, .icon-chrome:before { - content: "\ea82"; -} -.lni-chromecast:before, .icon-chromecast:before { - content: "\ea83"; -} -.lni-cisco:before, .icon-cisco:before { - content: "\ea84"; -} -.lni-claude:before, .icon-claude:before { - content: "\ea85"; -} -.lni-clickup:before, .icon-clickup:before { - content: "\ea86"; -} -.lni-clipboard:before, .icon-clipboard:before { - content: "\ea87"; -} -.lni-cloud-2:before, .icon-cloud-2:before { - content: "\ea88"; -} -.lni-cloud-bolt-1:before, .icon-cloud-bolt-1:before { - content: "\ea89"; -} -.lni-cloud-bolt-2:before, .icon-cloud-bolt-2:before { - content: "\ea8a"; -} -.lni-cloud-check-circle:before, .icon-cloud-check-circle:before { - content: "\ea8b"; -} -.lni-cloud-download:before, .icon-cloud-download:before { - content: "\ea8c"; -} -.lni-cloud-iot-2:before, .icon-cloud-iot-2:before { - content: "\ea8d"; -} -.lni-cloud-rain:before, .icon-cloud-rain:before { - content: "\ea8e"; -} -.lni-cloud-refresh-clockwise:before, .icon-cloud-refresh-clockwise:before { - content: "\ea8f"; -} -.lni-cloud-sun:before, .icon-cloud-sun:before { - content: "\ea90"; -} -.lni-cloud-upload:before, .icon-cloud-upload:before { - content: "\ea91"; -} -.lni-cloudflare:before, .icon-cloudflare:before { - content: "\ea92"; -} -.lni-code-1:before, .icon-code-1:before { - content: "\ea93"; -} -.lni-code-s:before, .icon-code-s:before { - content: "\ea94"; -} -.lni-codepen:before, .icon-codepen:before { - content: "\ea95"; -} -.lni-coffee-cup-2:before, .icon-coffee-cup-2:before { - content: "\ea96"; -} -.lni-coinbase:before, .icon-coinbase:before { - content: "\ea97"; -} -.lni-colour-palette-3:before, .icon-colour-palette-3:before { - content: "\ea98"; -} -.lni-comment-1:before, .icon-comment-1:before { - content: "\ea99"; -} -.lni-comment-1-share:before, .icon-comment-1-share:before { - content: "\ea9a"; -} -.lni-comment-1-text:before, .icon-comment-1-text:before { - content: "\ea9b"; -} -.lni-compass-drafting-2:before, .icon-compass-drafting-2:before { - content: "\ea9c"; -} -.lni-connectdevelop:before, .icon-connectdevelop:before { - content: "\ea9d"; -} -.lni-copilot:before, .icon-copilot:before { - content: "\ea9e"; -} -.lni-coral:before, .icon-coral:before { - content: "\ea9f"; -} -.lni-cpanel:before, .icon-cpanel:before { - content: "\eaa0"; -} -.lni-crane-4:before, .icon-crane-4:before { - content: "\eaa1"; -} -.lni-creative-commons:before, .icon-creative-commons:before { - content: "\eaa2"; -} -.lni-credit-card-multiple:before, .icon-credit-card-multiple:before { - content: "\eaa3"; -} -.lni-crop-2:before, .icon-crop-2:before { - content: "\eaa4"; -} -.lni-crown-3:before, .icon-crown-3:before { - content: "\eaa5"; -} -.lni-css3:before, .icon-css3:before { - content: "\eaa6"; -} -.lni-dashboard-square-1:before, .icon-dashboard-square-1:before { - content: "\eaa7"; -} -.lni-database-2:before, .icon-database-2:before { - content: "\eaa8"; -} -.lni-deno:before, .icon-deno:before { - content: "\eaa9"; -} -.lni-dev:before, .icon-dev:before { - content: "\eaaa"; -} -.lni-dialogflow:before, .icon-dialogflow:before { - content: "\eaab"; -} -.lni-diamonds-1:before, .icon-diamonds-1:before { - content: "\eaac"; -} -.lni-diamonds-2:before, .icon-diamonds-2:before { - content: "\eaad"; -} -.lni-digitalocean:before, .icon-digitalocean:before { - content: "\eaae"; -} -.lni-diners-club:before, .icon-diners-club:before { - content: "\eaaf"; -} -.lni-direction-ltr:before, .icon-direction-ltr:before { - content: "\eab0"; -} -.lni-direction-rtl:before, .icon-direction-rtl:before { - content: "\eab1"; -} -.lni-discord:before, .icon-discord:before { - content: "\eab2"; -} -.lni-discord-chat:before, .icon-discord-chat:before { - content: "\eab3"; -} -.lni-discover:before, .icon-discover:before { - content: "\eab4"; -} -.lni-docker:before, .icon-docker:before { - content: "\eab5"; -} -.lni-dollar:before, .icon-dollar:before { - content: "\eab6"; -} -.lni-dollar-circle:before, .icon-dollar-circle:before { - content: "\eab7"; -} -.lni-double-quotes-end-1:before, .icon-double-quotes-end-1:before { - content: "\eab8"; -} -.lni-download-1:before, .icon-download-1:before { - content: "\eab9"; -} -.lni-download-circle-1:before, .icon-download-circle-1:before { - content: "\eaba"; -} -.lni-dribbble:before, .icon-dribbble:before { - content: "\eabb"; -} -.lni-dribbble-symbol:before, .icon-dribbble-symbol:before { - content: "\eabc"; -} -.lni-drizzle:before, .icon-drizzle:before { - content: "\eabd"; -} -.lni-dropbox:before, .icon-dropbox:before { - content: "\eabe"; -} -.lni-drupal:before, .icon-drupal:before { - content: "\eabf"; -} -.lni-dumbbell-1:before, .icon-dumbbell-1:before { - content: "\eac0"; -} -.lni-edge:before, .icon-edge:before { - content: "\eac1"; -} -.lni-emoji-expressionless:before, .icon-emoji-expressionless:before { - content: "\eac2"; -} -.lni-emoji-expressionless-flat-eyes:before, .icon-emoji-expressionless-flat-eyes:before { - content: "\eac3"; -} -.lni-emoji-grin:before, .icon-emoji-grin:before { - content: "\eac4"; -} -.lni-emoji-sad:before, .icon-emoji-sad:before { - content: "\eac5"; -} -.lni-emoji-smile:before, .icon-emoji-smile:before { - content: "\eac6"; -} -.lni-emoji-smile-side:before, .icon-emoji-smile-side:before { - content: "\eac7"; -} -.lni-emoji-smile-sunglass:before, .icon-emoji-smile-sunglass:before { - content: "\eac8"; -} -.lni-emoji-smile-tongue:before, .icon-emoji-smile-tongue:before { - content: "\eac9"; -} -.lni-enter:before, .icon-enter:before { - content: "\eaca"; -} -.lni-enter-down:before, .icon-enter-down:before { - content: "\eacb"; -} -.lni-envato:before, .icon-envato:before { - content: "\eacc"; -} -.lni-envelope-1:before, .icon-envelope-1:before { - content: "\eacd"; -} -.lni-eraser-1:before, .icon-eraser-1:before { - content: "\eace"; -} -.lni-ethereum-logo:before, .icon-ethereum-logo:before { - content: "\eacf"; -} -.lni-euro:before, .icon-euro:before { - content: "\ead0"; -} -.lni-exit:before, .icon-exit:before { - content: "\ead1"; -} -.lni-exit-up:before, .icon-exit-up:before { - content: "\ead2"; -} -.lni-expand-arrow-1:before, .icon-expand-arrow-1:before { - content: "\ead3"; -} -.lni-expand-square-4:before, .icon-expand-square-4:before { - content: "\ead4"; -} -.lni-expressjs:before, .icon-expressjs:before { - content: "\ead5"; -} -.lni-eye:before, .icon-eye:before { - content: "\ead6"; -} -.lni-facebook:before, .icon-facebook:before { - content: "\ead7"; -} -.lni-facebook-messenger:before, .icon-facebook-messenger:before { - content: "\ead8"; -} -.lni-facebook-rounded:before, .icon-facebook-rounded:before { - content: "\ead9"; -} -.lni-facebook-square:before, .icon-facebook-square:before { - content: "\eada"; -} -.lni-facetime:before, .icon-facetime:before { - content: "\eadb"; -} -.lni-figma:before, .icon-figma:before { - content: "\eadc"; -} -.lni-file-format-zip:before, .icon-file-format-zip:before { - content: "\eadd"; -} -.lni-file-multiple:before, .icon-file-multiple:before { - content: "\eade"; -} -.lni-file-pencil:before, .icon-file-pencil:before { - content: "\eadf"; -} -.lni-file-plus-circle:before, .icon-file-plus-circle:before { - content: "\eae0"; -} -.lni-file-question:before, .icon-file-question:before { - content: "\eae1"; -} -.lni-file-xmark:before, .icon-file-xmark:before { - content: "\eae2"; -} -.lni-firebase:before, .icon-firebase:before { - content: "\eae3"; -} -.lni-firefox:before, .icon-firefox:before { - content: "\eae4"; -} -.lni-firework-rocket-4:before, .icon-firework-rocket-4:before { - content: "\eae5"; -} -.lni-fitbit:before, .icon-fitbit:before { - content: "\eae6"; -} -.lni-flag-1:before, .icon-flag-1:before { - content: "\eae7"; -} -.lni-flag-2:before, .icon-flag-2:before { - content: "\eae8"; -} -.lni-flickr:before, .icon-flickr:before { - content: "\eae9"; -} -.lni-floppy-disk-1:before, .icon-floppy-disk-1:before { - content: "\eaea"; -} -.lni-flower-2:before, .icon-flower-2:before { - content: "\eaeb"; -} -.lni-flutter:before, .icon-flutter:before { - content: "\eaec"; -} -.lni-folder-1:before, .icon-folder-1:before { - content: "\eaed"; -} -.lni-ford:before, .icon-ford:before { - content: "\eaee"; -} -.lni-framer:before, .icon-framer:before { - content: "\eaef"; -} -.lni-funnel-1:before, .icon-funnel-1:before { - content: "\eaf0"; -} -.lni-gallery:before, .icon-gallery:before { - content: "\eaf1"; -} -.lni-game-pad-modern-1:before, .icon-game-pad-modern-1:before { - content: "\eaf2"; -} -.lni-gatsby:before, .icon-gatsby:before { - content: "\eaf3"; -} -.lni-gauge-1:before, .icon-gauge-1:before { - content: "\eaf4"; -} -.lni-gear-1:before, .icon-gear-1:before { - content: "\eaf5"; -} -.lni-gears-3:before, .icon-gears-3:before { - content: "\eaf6"; -} -.lni-gemini:before, .icon-gemini:before { - content: "\eaf7"; -} -.lni-git:before, .icon-git:before { - content: "\eaf8"; -} -.lni-github:before, .icon-github:before { - content: "\eaf9"; -} -.lni-glass-juice-1:before, .icon-glass-juice-1:before { - content: "\eafa"; -} -.lni-globe-1:before, .icon-globe-1:before { - content: "\eafb"; -} -.lni-globe-stand:before, .icon-globe-stand:before { - content: "\eafc"; -} -.lni-go:before, .icon-go:before { - content: "\eafd"; -} -.lni-goodreads:before, .icon-goodreads:before { - content: "\eafe"; -} -.lni-google:before, .icon-google:before { - content: "\eaff"; -} -.lni-google-cloud:before, .icon-google-cloud:before { - content: "\eb00"; -} -.lni-google-drive:before, .icon-google-drive:before { - content: "\eb01"; -} -.lni-google-meet:before, .icon-google-meet:before { - content: "\eb02"; -} -.lni-google-pay:before, .icon-google-pay:before { - content: "\eb03"; -} -.lni-google-wallet:before, .icon-google-wallet:before { - content: "\eb04"; -} -.lni-graduation-cap-1:before, .icon-graduation-cap-1:before { - content: "\eb05"; -} -.lni-grammarly:before, .icon-grammarly:before { - content: "\eb06"; -} -.lni-hacker-news:before, .icon-hacker-news:before { - content: "\eb07"; -} -.lni-hammer-1:before, .icon-hammer-1:before { - content: "\eb08"; -} -.lni-hammer-2:before, .icon-hammer-2:before { - content: "\eb09"; -} -.lni-hand-mic:before, .icon-hand-mic:before { - content: "\eb0a"; -} -.lni-hand-shake:before, .icon-hand-shake:before { - content: "\eb0b"; -} -.lni-hand-stop:before, .icon-hand-stop:before { - content: "\eb0c"; -} -.lni-hand-taking-dollar:before, .icon-hand-taking-dollar:before { - content: "\eb0d"; -} -.lni-hand-taking-leaf-1:before, .icon-hand-taking-leaf-1:before { - content: "\eb0e"; -} -.lni-hand-taking-user:before, .icon-hand-taking-user:before { - content: "\eb0f"; -} -.lni-hashnode:before, .icon-hashnode:before { - content: "\eb10"; -} -.lni-hat-chef-3:before, .icon-hat-chef-3:before { - content: "\eb11"; -} -.lni-headphone-1:before, .icon-headphone-1:before { - content: "\eb12"; -} -.lni-heart:before, .icon-heart:before { - content: "\eb13"; -} -.lni-helicopter-2:before, .icon-helicopter-2:before { - content: "\eb14"; -} -.lni-helmet-safety-1:before, .icon-helmet-safety-1:before { - content: "\eb15"; -} -.lni-hierarchy-1:before, .icon-hierarchy-1:before { - content: "\eb16"; -} -.lni-highlighter-1:before, .icon-highlighter-1:before { - content: "\eb17"; -} -.lni-highlighter-2:before, .icon-highlighter-2:before { - content: "\eb18"; -} -.lni-home-2:before, .icon-home-2:before { - content: "\eb19"; -} -.lni-hospital-2:before, .icon-hospital-2:before { - content: "\eb1a"; -} -.lni-hourglass:before, .icon-hourglass:before { - content: "\eb1b"; -} -.lni-html5:before, .icon-html5:before { - content: "\eb1c"; -} -.lni-ibm:before, .icon-ibm:before { - content: "\eb1d"; -} -.lni-id-card:before, .icon-id-card:before { - content: "\eb1e"; -} -.lni-imdb:before, .icon-imdb:before { - content: "\eb1f"; -} -.lni-indent:before, .icon-indent:before { - content: "\eb20"; -} -.lni-info:before, .icon-info:before { - content: "\eb21"; -} -.lni-injection-1:before, .icon-injection-1:before { - content: "\eb22"; -} -.lni-instagram:before, .icon-instagram:before { - content: "\eb23"; -} -.lni-instagram-logotype:before, .icon-instagram-logotype:before { - content: "\eb24"; -} -.lni-intel:before, .icon-intel:before { - content: "\eb25"; -} -.lni-ios:before, .icon-ios:before { - content: "\eb26"; -} -.lni-island-2:before, .icon-island-2:before { - content: "\eb27"; -} -.lni-jaguar:before, .icon-jaguar:before { - content: "\eb28"; -} -.lni-jamstack:before, .icon-jamstack:before { - content: "\eb29"; -} -.lni-java:before, .icon-java:before { - content: "\eb2a"; -} -.lni-javascript:before, .icon-javascript:before { - content: "\eb2b"; -} -.lni-jcb:before, .icon-jcb:before { - content: "\eb2c"; -} -.lni-joomla:before, .icon-joomla:before { - content: "\eb2d"; -} -.lni-jsfiddle:before, .icon-jsfiddle:before { - content: "\eb2e"; -} -.lni-key-1:before, .icon-key-1:before { - content: "\eb2f"; -} -.lni-keyboard:before, .icon-keyboard:before { - content: "\eb30"; -} -.lni-knife-fork-1:before, .icon-knife-fork-1:before { - content: "\eb31"; -} -.lni-kubernetes:before, .icon-kubernetes:before { - content: "\eb32"; -} -.lni-label-dollar-2:before, .icon-label-dollar-2:before { - content: "\eb33"; -} -.lni-laptop-2:before, .icon-laptop-2:before { - content: "\eb34"; -} -.lni-laptop-phone:before, .icon-laptop-phone:before { - content: "\eb35"; -} -.lni-laravel:before, .icon-laravel:before { - content: "\eb36"; -} -.lni-layers-1:before, .icon-layers-1:before { - content: "\eb37"; -} -.lni-layout-26:before, .icon-layout-26:before { - content: "\eb38"; -} -.lni-layout-9:before, .icon-layout-9:before { - content: "\eb39"; -} -.lni-leaf-1:before, .icon-leaf-1:before { - content: "\eb3a"; -} -.lni-leaf-6:before, .icon-leaf-6:before { - content: "\eb3b"; -} -.lni-lemon-squeezy:before, .icon-lemon-squeezy:before { - content: "\eb3c"; -} -.lni-life-guard-tube-1:before, .icon-life-guard-tube-1:before { - content: "\eb3d"; -} -.lni-line:before, .icon-line:before { - content: "\eb3e"; -} -.lni-line-dashed:before, .icon-line-dashed:before { - content: "\eb3f"; -} -.lni-line-dotted:before, .icon-line-dotted:before { - content: "\eb40"; -} -.lni-line-height:before, .icon-line-height:before { - content: "\eb41"; -} -.lni-lineicons:before, .icon-lineicons:before { - content: "\eb42"; -} -.lni-link-2-angular-right:before, .icon-link-2-angular-right:before { - content: "\eb43"; -} -.lni-linkedin:before, .icon-linkedin:before { - content: "\eb44"; -} -.lni-location-arrow-right:before, .icon-location-arrow-right:before { - content: "\eb45"; -} -.lni-locked-1:before, .icon-locked-1:before { - content: "\eb46"; -} -.lni-locked-2:before, .icon-locked-2:before { - content: "\eb47"; -} -.lni-loom:before, .icon-loom:before { - content: "\eb48"; -} -.lni-magento:before, .icon-magento:before { - content: "\eb49"; -} -.lni-magnet:before, .icon-magnet:before { - content: "\eb4a"; -} -.lni-mailchimp:before, .icon-mailchimp:before { - content: "\eb4b"; -} -.lni-map-marker-1:before, .icon-map-marker-1:before { - content: "\eb4c"; -} -.lni-map-marker-5:before, .icon-map-marker-5:before { - content: "\eb4d"; -} -.lni-map-pin-5:before, .icon-map-pin-5:before { - content: "\eb4e"; -} -.lni-markdown:before, .icon-markdown:before { - content: "\eb4f"; -} -.lni-mastercard:before, .icon-mastercard:before { - content: "\eb50"; -} -.lni-medium:before, .icon-medium:before { - content: "\eb51"; -} -.lni-medium-alt:before, .icon-medium-alt:before { - content: "\eb52"; -} -.lni-megaphone-1:before, .icon-megaphone-1:before { - content: "\eb53"; -} -.lni-menu-cheesburger:before, .icon-menu-cheesburger:before { - content: "\eb54"; -} -.lni-menu-hamburger-1:before, .icon-menu-hamburger-1:before { - content: "\eb55"; -} -.lni-menu-meatballs-1:before, .icon-menu-meatballs-1:before { - content: "\eb56"; -} -.lni-menu-meatballs-2:before, .icon-menu-meatballs-2:before { - content: "\eb57"; -} -.lni-mercedes:before, .icon-mercedes:before { - content: "\eb58"; -} -.lni-message-2:before, .icon-message-2:before { - content: "\eb59"; -} -.lni-message-2-question:before, .icon-message-2-question:before { - content: "\eb5a"; -} -.lni-message-3-text:before, .icon-message-3-text:before { - content: "\eb5b"; -} -.lni-meta:before, .icon-meta:before { - content: "\eb5c"; -} -.lni-meta-alt:before, .icon-meta-alt:before { - content: "\eb5d"; -} -.lni-microphone-1:before, .icon-microphone-1:before { - content: "\eb5e"; -} -.lni-microscope:before, .icon-microscope:before { - content: "\eb5f"; -} -.lni-microsoft:before, .icon-microsoft:before { - content: "\eb60"; -} -.lni-microsoft-edge:before, .icon-microsoft-edge:before { - content: "\eb61"; -} -.lni-microsoft-teams:before, .icon-microsoft-teams:before { - content: "\eb62"; -} -.lni-minus:before, .icon-minus:before { - content: "\eb63"; -} -.lni-minus-circle:before, .icon-minus-circle:before { - content: "\eb64"; -} -.lni-mongodb:before, .icon-mongodb:before { - content: "\eb65"; -} -.lni-monitor:before, .icon-monitor:before { - content: "\eb66"; -} -.lni-monitor-code:before, .icon-monitor-code:before { - content: "\eb67"; -} -.lni-monitor-mac:before, .icon-monitor-mac:before { - content: "\eb68"; -} -.lni-moon-half-right-5:before, .icon-moon-half-right-5:before { - content: "\eb69"; -} -.lni-mountains-2:before, .icon-mountains-2:before { - content: "\eb6a"; -} -.lni-mouse-2:before, .icon-mouse-2:before { - content: "\eb6b"; -} -.lni-mushroom-1:before, .icon-mushroom-1:before { - content: "\eb6c"; -} -.lni-mushroom-5:before, .icon-mushroom-5:before { - content: "\eb6d"; -} -.lni-music:before, .icon-music:before { - content: "\eb6e"; -} -.lni-mysql:before, .icon-mysql:before { - content: "\eb6f"; -} -.lni-nasa:before, .icon-nasa:before { - content: "\eb70"; -} -.lni-netflix:before, .icon-netflix:before { - content: "\eb71"; -} -.lni-netlify:before, .icon-netlify:before { - content: "\eb72"; -} -.lni-next-step-2:before, .icon-next-step-2:before { - content: "\eb73"; -} -.lni-nextjs:before, .icon-nextjs:before { - content: "\eb74"; -} -.lni-nike:before, .icon-nike:before { - content: "\eb75"; -} -.lni-nissan:before, .icon-nissan:before { - content: "\eb76"; -} -.lni-nodejs:before, .icon-nodejs:before { - content: "\eb77"; -} -.lni-nodejs-alt:before, .icon-nodejs-alt:before { - content: "\eb78"; -} -.lni-notebook-1:before, .icon-notebook-1:before { - content: "\eb79"; -} -.lni-notion:before, .icon-notion:before { - content: "\eb7a"; -} -.lni-npm:before, .icon-npm:before { - content: "\eb7b"; -} -.lni-nuxt:before, .icon-nuxt:before { - content: "\eb7c"; -} -.lni-nvidia:before, .icon-nvidia:before { - content: "\eb7d"; -} -.lni-oculus:before, .icon-oculus:before { - content: "\eb7e"; -} -.lni-open-ai:before, .icon-open-ai:before { - content: "\eb7f"; -} -.lni-opera-mini:before, .icon-opera-mini:before { - content: "\eb80"; -} -.lni-oracle:before, .icon-oracle:before { - content: "\eb81"; -} -.lni-outdent:before, .icon-outdent:before { - content: "\eb82"; -} -.lni-paddle:before, .icon-paddle:before { - content: "\eb83"; -} -.lni-page-break-1:before, .icon-page-break-1:before { - content: "\eb84"; -} -.lni-pagination:before, .icon-pagination:before { - content: "\eb85"; -} -.lni-paint-bucket:before, .icon-paint-bucket:before { - content: "\eb86"; -} -.lni-paint-roller-1:before, .icon-paint-roller-1:before { - content: "\eb87"; -} -.lni-paperclip-1:before, .icon-paperclip-1:before { - content: "\eb88"; -} -.lni-party-flags:before, .icon-party-flags:before { - content: "\eb89"; -} -.lni-party-spray:before, .icon-party-spray:before { - content: "\eb8a"; -} -.lni-patreon:before, .icon-patreon:before { - content: "\eb8b"; -} -.lni-pause:before, .icon-pause:before { - content: "\eb8c"; -} -.lni-payoneer:before, .icon-payoneer:before { - content: "\eb8d"; -} -.lni-paypal:before, .icon-paypal:before { - content: "\eb8e"; -} -.lni-pen-to-square:before, .icon-pen-to-square:before { - content: "\eb8f"; -} -.lni-pencil-1:before, .icon-pencil-1:before { - content: "\eb90"; -} -.lni-pepsi:before, .icon-pepsi:before { - content: "\eb91"; -} -.lni-phone:before, .icon-phone:before { - content: "\eb92"; -} -.lni-photos:before, .icon-photos:before { - content: "\eb93"; -} -.lni-php:before, .icon-php:before { - content: "\eb94"; -} -.lni-pie-chart-2:before, .icon-pie-chart-2:before { - content: "\eb95"; -} -.lni-pilcrow:before, .icon-pilcrow:before { - content: "\eb96"; -} -.lni-pimjo-logo:before, .icon-pimjo-logo:before { - content: "\eb97"; -} -.lni-pimjo-symbol:before, .icon-pimjo-symbol:before { - content: "\eb98"; -} -.lni-pinterest:before, .icon-pinterest:before { - content: "\eb99"; -} -.lni-pizza-2:before, .icon-pizza-2:before { - content: "\eb9a"; -} -.lni-placeholder-dollar:before, .icon-placeholder-dollar:before { - content: "\eb9b"; -} -.lni-plantscale:before, .icon-plantscale:before { - content: "\eb9c"; -} -.lni-play:before, .icon-play:before { - content: "\eb9d"; -} -.lni-play-store:before, .icon-play-store:before { - content: "\eb9e"; -} -.lni-playstation:before, .icon-playstation:before { - content: "\eb9f"; -} -.lni-plug-1:before, .icon-plug-1:before { - content: "\eba0"; -} -.lni-plus:before, .icon-plus:before { - content: "\eba1"; -} -.lni-plus-circle:before, .icon-plus-circle:before { - content: "\eba2"; -} -.lni-pnpm:before, .icon-pnpm:before { - content: "\eba3"; -} -.lni-postgresql:before, .icon-postgresql:before { - content: "\eba4"; -} -.lni-postman:before, .icon-postman:before { - content: "\eba5"; -} -.lni-pound:before, .icon-pound:before { - content: "\eba6"; -} -.lni-power-button:before, .icon-power-button:before { - content: "\eba7"; -} -.lni-previous-step-2:before, .icon-previous-step-2:before { - content: "\eba8"; -} -.lni-printer:before, .icon-printer:before { - content: "\eba9"; -} -.lni-prisma:before, .icon-prisma:before { - content: "\ebaa"; -} -.lni-producthunt:before, .icon-producthunt:before { - content: "\ebab"; -} -.lni-proton-mail-logo:before, .icon-proton-mail-logo:before { - content: "\ebac"; -} -.lni-proton-mail-symbol:before, .icon-proton-mail-symbol:before { - content: "\ebad"; -} -.lni-python:before, .icon-python:before { - content: "\ebae"; -} -.lni-question-mark:before, .icon-question-mark:before { - content: "\ebaf"; -} -.lni-question-mark-circle:before, .icon-question-mark-circle:before { - content: "\ebb0"; -} -.lni-quora:before, .icon-quora:before { - content: "\ebb1"; -} -.lni-radis:before, .icon-radis:before { - content: "\ebb2"; -} -.lni-react:before, .icon-react:before { - content: "\ebb3"; -} -.lni-reddit:before, .icon-reddit:before { - content: "\ebb4"; -} -.lni-refresh-circle-1-clockwise:before, .icon-refresh-circle-1-clockwise:before { - content: "\ebb5"; -} -.lni-refresh-dollar-1:before, .icon-refresh-dollar-1:before { - content: "\ebb6"; -} -.lni-refresh-user-1:before, .icon-refresh-user-1:before { - content: "\ebb7"; -} -.lni-remix-js:before, .icon-remix-js:before { - content: "\ebb8"; -} -.lni-road-1:before, .icon-road-1:before { - content: "\ebb9"; -} -.lni-rocket-5:before, .icon-rocket-5:before { - content: "\ebba"; -} -.lni-route-1:before, .icon-route-1:before { - content: "\ebbb"; -} -.lni-rss-right:before, .icon-rss-right:before { - content: "\ebbc"; -} -.lni-ruler-1:before, .icon-ruler-1:before { - content: "\ebbd"; -} -.lni-ruler-pen:before, .icon-ruler-pen:before { - content: "\ebbe"; -} -.lni-rupee:before, .icon-rupee:before { - content: "\ebbf"; -} -.lni-safari:before, .icon-safari:before { - content: "\ebc0"; -} -.lni-sanity:before, .icon-sanity:before { - content: "\ebc1"; -} -.lni-school-bench-1:before, .icon-school-bench-1:before { - content: "\ebc2"; -} -.lni-school-bench-2:before, .icon-school-bench-2:before { - content: "\ebc3"; -} -.lni-scissors-1-vertical:before, .icon-scissors-1-vertical:before { - content: "\ebc4"; -} -.lni-scoter:before, .icon-scoter:before { - content: "\ebc5"; -} -.lni-scroll-down-2:before, .icon-scroll-down-2:before { - content: "\ebc6"; -} -.lni-search-1:before, .icon-search-1:before { - content: "\ebc7"; -} -.lni-search-2:before, .icon-search-2:before { - content: "\ebc8"; -} -.lni-search-minus:before, .icon-search-minus:before { - content: "\ebc9"; -} -.lni-search-plus:before, .icon-search-plus:before { - content: "\ebca"; -} -.lni-search-text:before, .icon-search-text:before { - content: "\ebcb"; -} -.lni-select-cursor-1:before, .icon-select-cursor-1:before { - content: "\ebcc"; -} -.lni-seo-monitor:before, .icon-seo-monitor:before { - content: "\ebcd"; -} -.lni-service-bell-1:before, .icon-service-bell-1:before { - content: "\ebce"; -} -.lni-share-1:before, .icon-share-1:before { - content: "\ebcf"; -} -.lni-share-1-circle:before, .icon-share-1-circle:before { - content: "\ebd0"; -} -.lni-share-2:before, .icon-share-2:before { - content: "\ebd1"; -} -.lni-shield-2:before, .icon-shield-2:before { - content: "\ebd2"; -} -.lni-shield-2-check:before, .icon-shield-2-check:before { - content: "\ebd3"; -} -.lni-shield-dollar:before, .icon-shield-dollar:before { - content: "\ebd4"; -} -.lni-shift-left:before, .icon-shift-left:before { - content: "\ebd5"; -} -.lni-shift-right:before, .icon-shift-right:before { - content: "\ebd6"; -} -.lni-ship-1:before, .icon-ship-1:before { - content: "\ebd7"; -} -.lni-shirt-1:before, .icon-shirt-1:before { - content: "\ebd8"; -} -.lni-shopify:before, .icon-shopify:before { - content: "\ebd9"; -} -.lni-shovel:before, .icon-shovel:before { - content: "\ebda"; -} -.lni-shuffle:before, .icon-shuffle:before { - content: "\ebdb"; -} -.lni-sign-post-left:before, .icon-sign-post-left:before { - content: "\ebdc"; -} -.lni-signal-app:before, .icon-signal-app:before { - content: "\ebdd"; -} -.lni-signs-post-2:before, .icon-signs-post-2:before { - content: "\ebde"; -} -.lni-sketch:before, .icon-sketch:before { - content: "\ebdf"; -} -.lni-skype:before, .icon-skype:before { - content: "\ebe0"; -} -.lni-slack:before, .icon-slack:before { - content: "\ebe1"; -} -.lni-slice-2:before, .icon-slice-2:before { - content: "\ebe2"; -} -.lni-sliders-horizontal-square-2:before, .icon-sliders-horizontal-square-2:before { - content: "\ebe3"; -} -.lni-slideshare:before, .icon-slideshare:before { - content: "\ebe4"; -} -.lni-snapchat:before, .icon-snapchat:before { - content: "\ebe5"; -} -.lni-sort-alphabetical:before, .icon-sort-alphabetical:before { - content: "\ebe6"; -} -.lni-sort-high-to-low:before, .icon-sort-high-to-low:before { - content: "\ebe7"; -} -.lni-soundcloud:before, .icon-soundcloud:before { - content: "\ebe8"; -} -.lni-spacex:before, .icon-spacex:before { - content: "\ebe9"; -} -.lni-spellcheck:before, .icon-spellcheck:before { - content: "\ebea"; -} -.lni-spinner-2-sacle:before, .icon-spinner-2-sacle:before { - content: "\ebeb"; -} -.lni-spinner-3:before, .icon-spinner-3:before { - content: "\ebec"; -} -.lni-sports:before, .icon-sports:before { - content: "\ebed"; -} -.lni-spotify:before, .icon-spotify:before { - content: "\ebee"; -} -.lni-spotify-alt:before, .icon-spotify-alt:before { - content: "\ebef"; -} -.lni-squarespace:before, .icon-squarespace:before { - content: "\ebf0"; -} -.lni-stackoverflow:before, .icon-stackoverflow:before { - content: "\ebf1"; -} -.lni-stamp:before, .icon-stamp:before { - content: "\ebf2"; -} -.lni-star-fat:before, .icon-star-fat:before { - content: "\ebf3"; -} -.lni-star-fat-half-2:before, .icon-star-fat-half-2:before { - content: "\ebf4"; -} -.lni-star-sharp-disabled:before, .icon-star-sharp-disabled:before { - content: "\ebf5"; -} -.lni-statista:before, .icon-statista:before { - content: "\ebf6"; -} -.lni-steam:before, .icon-steam:before { - content: "\ebf7"; -} -.lni-stethoscope-1:before, .icon-stethoscope-1:before { - content: "\ebf8"; -} -.lni-stopwatch:before, .icon-stopwatch:before { - content: "\ebf9"; -} -.lni-storage-hdd-2:before, .icon-storage-hdd-2:before { - content: "\ebfa"; -} -.lni-strikethrough-1:before, .icon-strikethrough-1:before { - content: "\ebfb"; -} -.lni-stripe:before, .icon-stripe:before { - content: "\ebfc"; -} -.lni-stumbleupon:before, .icon-stumbleupon:before { - content: "\ebfd"; -} -.lni-sun-1:before, .icon-sun-1:before { - content: "\ebfe"; -} -.lni-supabase:before, .icon-supabase:before { - content: "\ebff"; -} -.lni-surfboard-2:before, .icon-surfboard-2:before { - content: "\ec00"; -} -.lni-svelte:before, .icon-svelte:before { - content: "\ec01"; -} -.lni-swift:before, .icon-swift:before { - content: "\ec02"; -} -.lni-tab:before, .icon-tab:before { - content: "\ec03"; -} -.lni-tailwindcss:before, .icon-tailwindcss:before { - content: "\ec04"; -} -.lni-target-user:before, .icon-target-user:before { - content: "\ec05"; -} -.lni-telegram:before, .icon-telegram:before { - content: "\ec06"; -} -.lni-telephone-1:before, .icon-telephone-1:before { - content: "\ec07"; -} -.lni-telephone-3:before, .icon-telephone-3:before { - content: "\ec08"; -} -.lni-tesla:before, .icon-tesla:before { - content: "\ec09"; -} -.lni-text-format:before, .icon-text-format:before { - content: "\ec0a"; -} -.lni-text-format-remove:before, .icon-text-format-remove:before { - content: "\ec0b"; -} -.lni-text-paragraph:before, .icon-text-paragraph:before { - content: "\ec0c"; -} -.lni-thumbs-down-3:before, .icon-thumbs-down-3:before { - content: "\ec0d"; -} -.lni-thumbs-up-3:before, .icon-thumbs-up-3:before { - content: "\ec0e"; -} -.lni-ticket-1:before, .icon-ticket-1:before { - content: "\ec0f"; -} -.lni-tickets-3:before, .icon-tickets-3:before { - content: "\ec10"; -} -.lni-tiktok:before, .icon-tiktok:before { - content: "\ec11"; -} -.lni-tiktok-alt:before, .icon-tiktok-alt:before { - content: "\ec12"; -} -.lni-tower-broadcast-1:before, .icon-tower-broadcast-1:before { - content: "\ec13"; -} -.lni-toyota:before, .icon-toyota:before { - content: "\ec14"; -} -.lni-train-1:before, .icon-train-1:before { - content: "\ec15"; -} -.lni-train-3:before, .icon-train-3:before { - content: "\ec16"; -} -.lni-trash-3:before, .icon-trash-3:before { - content: "\ec17"; -} -.lni-tree-2:before, .icon-tree-2:before { - content: "\ec18"; -} -.lni-trees-3:before, .icon-trees-3:before { - content: "\ec19"; -} -.lni-trello:before, .icon-trello:before { - content: "\ec1a"; -} -.lni-trend-down-1:before, .icon-trend-down-1:before { - content: "\ec1b"; -} -.lni-trend-up-1:before, .icon-trend-up-1:before { - content: "\ec1c"; -} -.lni-trophy-1:before, .icon-trophy-1:before { - content: "\ec1d"; -} -.lni-trowel-1:before, .icon-trowel-1:before { - content: "\ec1e"; -} -.lni-truck-delivery-1:before, .icon-truck-delivery-1:before { - content: "\ec1f"; -} -.lni-tumblr:before, .icon-tumblr:before { - content: "\ec20"; -} -.lni-turborepo:before, .icon-turborepo:before { - content: "\ec21"; -} -.lni-twitch:before, .icon-twitch:before { - content: "\ec22"; -} -.lni-twitter-old:before, .icon-twitter-old:before { - content: "\ec23"; -} -.lni-typescript:before, .icon-typescript:before { - content: "\ec24"; -} -.lni-uber:before, .icon-uber:before { - content: "\ec25"; -} -.lni-uber-symbol:before, .icon-uber-symbol:before { - content: "\ec26"; -} -.lni-ubuntu:before, .icon-ubuntu:before { - content: "\ec27"; -} -.lni-underline:before, .icon-underline:before { - content: "\ec28"; -} -.lni-unlink-2-angular-eft:before, .icon-unlink-2-angular-eft:before { - content: "\ec29"; -} -.lni-unlocked-2:before, .icon-unlocked-2:before { - content: "\ec2a"; -} -.lni-unsplash:before, .icon-unsplash:before { - content: "\ec2b"; -} -.lni-upload-1:before, .icon-upload-1:before { - content: "\ec2c"; -} -.lni-upload-circle-1:before, .icon-upload-circle-1:before { - content: "\ec2d"; -} -.lni-user-4:before, .icon-user-4:before { - content: "\ec2e"; -} -.lni-user-multiple-4:before, .icon-user-multiple-4:before { - content: "\ec2f"; -} -.lni-vector-nodes-6:before, .icon-vector-nodes-6:before { - content: "\ec30"; -} -.lni-vector-nodes-7:before, .icon-vector-nodes-7:before { - content: "\ec31"; -} -.lni-vercel:before, .icon-vercel:before { - content: "\ec32"; -} -.lni-vimeo:before, .icon-vimeo:before { - content: "\ec33"; -} -.lni-visa:before, .icon-visa:before { - content: "\ec34"; -} -.lni-vite:before, .icon-vite:before { - content: "\ec35"; -} -.lni-vk:before, .icon-vk:before { - content: "\ec36"; -} -.lni-vmware:before, .icon-vmware:before { - content: "\ec37"; -} -.lni-volkswagen:before, .icon-volkswagen:before { - content: "\ec38"; -} -.lni-volume-1:before, .icon-volume-1:before { - content: "\ec39"; -} -.lni-volume-high:before, .icon-volume-high:before { - content: "\ec3a"; -} -.lni-volume-low:before, .icon-volume-low:before { - content: "\ec3b"; -} -.lni-volume-mute:before, .icon-volume-mute:before { - content: "\ec3c"; -} -.lni-volume-off:before, .icon-volume-off:before { - content: "\ec3d"; -} -.lni-vs-code:before, .icon-vs-code:before { - content: "\ec3e"; -} -.lni-vuejs:before, .icon-vuejs:before { - content: "\ec3f"; -} -.lni-wallet-1:before, .icon-wallet-1:before { - content: "\ec40"; -} -.lni-watch-beat-1:before, .icon-watch-beat-1:before { - content: "\ec41"; -} -.lni-water-drop-1:before, .icon-water-drop-1:before { - content: "\ec42"; -} -.lni-webflow:before, .icon-webflow:before { - content: "\ec43"; -} -.lni-webhooks:before, .icon-webhooks:before { - content: "\ec44"; -} -.lni-wechat:before, .icon-wechat:before { - content: "\ec45"; -} -.lni-weight-machine-1:before, .icon-weight-machine-1:before { - content: "\ec46"; -} -.lni-whatsapp:before, .icon-whatsapp:before { - content: "\ec47"; -} -.lni-wheelbarrow-empty:before, .icon-wheelbarrow-empty:before { - content: "\ec48"; -} -.lni-wheelchair-1:before, .icon-wheelchair-1:before { - content: "\ec49"; -} -.lni-windows:before, .icon-windows:before { - content: "\ec4a"; -} -.lni-wise:before, .icon-wise:before { - content: "\ec4b"; -} -.lni-wordpress:before, .icon-wordpress:before { - content: "\ec4c"; -} -.lni-www:before, .icon-www:before { - content: "\ec4d"; -} -.lni-www-cursor:before, .icon-www-cursor:before { - content: "\ec4e"; -} -.lni-x:before, .icon-x:before { - content: "\ec4f"; -} -.lni-xampp:before, .icon-xampp:before { - content: "\ec50"; -} -.lni-xbox:before, .icon-xbox:before { - content: "\ec51"; -} -.lni-xmark:before, .icon-xmark:before { - content: "\ec52"; -} -.lni-xmark-circle:before, .icon-xmark-circle:before { - content: "\ec53"; -} -.lni-xrp:before, .icon-xrp:before { - content: "\ec54"; -} -.lni-yahoo:before, .icon-yahoo:before { - content: "\ec55"; -} -.lni-yarn:before, .icon-yarn:before { - content: "\ec56"; -} -.lni-ycombinator:before, .icon-ycombinator:before { - content: "\ec57"; -} -.lni-yen:before, .icon-yen:before { - content: "\ec58"; -} -.lni-youtube:before, .icon-youtube:before { - content: "\ec59"; -} -.lni-youtube-kids:before, .icon-youtube-kids:before { - content: "\ec5a"; -} -.lni-youtube-music:before, .icon-youtube-music:before { - content: "\ec5b"; -} -.lni-zapier:before, .icon-zapier:before { - content: "\ec5c"; -} -.lni-zero-size:before, .icon-zero-size:before { - content: "\ec5d"; -} -.lni-zoom:before, .icon-zoom:before { - content: "\ec5e"; -} -.icon-chevron-right-after { - align-items: flex-start; - display: flex; - justify-content: space-between; - line-height: 1; - margin-top: 0; - padding-top: 0; - width: 100%; - &:after { - content: "\ea7d"; - margin-top: .25rem; - transform: rotate(180deg); - } -} -.site-header { - background: linear-gradient(90.15deg, #0773AC -39.25%, #032F46 100%); - .header__nav-main { - .nav-main { - align-self: stretch; - } - } - .nav-aux__container { - background: linear-gradient(90.17deg, #2189C0 -51.3%, #0773AC 55.75%); - .header__nav-aux { - padding-inline: calc(var(--spacing) * 0) !important; - } - a { - color: var(--color-white); - text-decoration: none; - font-weight: 500; - transition: color 0.3s ease; - &:hover { - color: var(--color-primary-800); - } - } - #globalSearch { - font-size: var(--text-14px); - color: var(--color-light); - } - } -} -@media (max-width: 767px) { - .site-header { - overflow: hidden; - width: 100%; - } - .site-header .nav-aux__container { - display: none; - } - .site-header .header__nav-main { - display: grid; - gap: 0.75rem; - grid-template-columns: minmax(0, 1fr) auto !important; - min-height: 4.375rem; - padding: 0.85rem 1rem !important; - padding-left: 1rem !important; - padding-right: 1rem !important; - width: 100%; - } - .site-header__logo { - height: 2.25rem; - margin-left: 1rem; - min-width: 0; - overflow: hidden; - width: 7.25rem; - } - .site-header__logo img { - height: 2.25rem; - max-width: none; - width: auto; - } - .site-header .nav-main { - align-items: center; - display: flex; - justify-content: flex-end; - min-width: 0; - } - .site-header .nav-main__toggle { - align-items: center; - background: var(--color-secondary); - border-radius: 1.4rem 0.35rem 1.4rem 0.35rem; - display: inline-flex; - height: 2.8125rem; - justify-content: center; - margin-block: -0.125rem; - margin-right: 1rem; - padding: 0.65rem 1rem; - width: 4.5rem; - } - .site-header .nav-main__toggle svg { - height: 1.5rem; - width: 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); - a { - color: oklch(0.72 0.122 212.25); - &:hover { - color: color-mix(in oklch, oklch(0.72 0.122 212.25) 60%, white); - } - } -} -.post-list__h1 { - color: var(--color-cwc-blue-01); - font-family: var(--font-quincy, 'Quincy', serif); - font-size: var(--h1); - font-weight: 700; - line-height: 1.2; - margin: 0 0 2rem; - text-align: left; -} -.post-list__post { - border-color: var(--color-cwc-blue-03); - overflow: hidden; -} -.post-list__img { - border-bottom: 0; -} -.post-list__details { - background: var(--color-cwc-blue-03); - color: var(--color-cwc-blue-01); -} -.post-list__title { - color: var(--color-cwc-blue-01); - font-weight: 700; -} -.post-list__byline { - color: var(--color-cwc-blue-01); - font-size: 0.875rem; -} -.post-list__read-more { - color: var(--color-secondary); - font-weight: 600; - margin-top: 0.75rem; - text-decoration: none; -} -.post-list__read-more:hover { - text-decoration: underline; -} -.sidebar { - .widget { - margin-bottom: calc(var(--spacing) * 8); - h3 { - margin: calc(var(--spacing) * 0); - margin-bottom: calc(var(--spacing) * 2); - --tw-font-weight: var(--font-weight-semibold); - font-weight: var(--font-weight-semibold); - } - ul { - margin: calc(var(--spacing) * 0); - list-style-type: none; - border-left-style: var(--tw-border-style); - border-left-width: 3px; - border-color: var(--color-secondary-400); - padding: calc(var(--spacing) * 0); - padding-left: calc(var(--spacing) * 3); - li { - text-wrap: balance; - &:first-of-type { - margin-bottom: calc(var(--spacing) * 1); - --tw-leading: 1; - line-height: 1; - } - } - } - } -} -.pagination { - .nav-links { - margin-top: calc(var(--spacing) * 12); - display: none; - align-items: center; - justify-content: center; - @media (width >= 48rem) { - display: flex; - } - .page-numbers { - display: none; - height: calc(var(--spacing) * 10); - align-items: center; - justify-content: center; - border-radius: 0.25rem; - stroke: var(--color-primary); - padding: calc(var(--spacing) * 4); - font-size: var(--text-base); - line-height: var(--tw-leading, var(--text-base--line-height)); - --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: 300ms; - transition-duration: 300ms; - &:hover { - @media (hover: hover) { - background-color: var(--color-info); - } - } - &:hover { - @media (hover: hover) { - stroke: var(--color-info); - } - } - &:hover { - @media (hover: hover) { - color: var(--color-light); - } - } - &:focus-visible { - background-color: var(--color-info); - } - &:focus-visible { - stroke: var(--color-info); - } - &:focus-visible { - color: var(--color-light); - } - &:focus-visible { - --tw-outline-style: none; - outline-style: none; - } - @media (width >= 48rem) { - display: flex; - } - } - .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); - &:hover { - @media (hover: hover) { - background-color: var(--color-primary); - } - } - &:hover { - @media (hover: hover) { - stroke: var(--color-primary); - } - } - &:focus-visible { - background-color: var(--color-info); - } - } - .prev, .next { - display: flex; - gap: calc(var(--spacing) * 4); - } - } - & a, & span { - border: 1px solid #ddd; - border-radius: 4px; - color: #3857BC !important; - margin: 0 5px; - padding: .25rem .5rem; - text-decoration: none; - } - & .current, & a:hover { - background: #3857BC !important; - border-color: #3857BC !important; - color: #fff !important; - padding: .25rem .5rem; - } -} -.site-footer { - border-bottom: 1rem solid var(--color-orange, #f26b53); - 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: 300ms; - transition-duration: 300ms; - &:hover { - @media (hover: hover) { - color: var(--color-secondary-400); - } - } - &:focus-visible { - color: var(--color-secondary-400); - } - } - .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); - } - 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); - } - } - .menu-footer-menu-container { - flex-grow: 1; - } - .copyright { - p { - margin: calc(var(--spacing) * 0); - padding: calc(var(--spacing) * 0); - --tw-leading: 1; - line-height: 1; - color: var(--color-white); - } - a { - color: var(--color-white); - text-decoration-line: underline; - text-underline-offset: 2px; - &:hover { - @media (hover: hover) { - color: var(--color-primary-500); - } - } - } - } - .contact__item { - margin-bottom: calc(var(--spacing) * 2); - display: flex; - align-items: flex-start; - justify-content: flex-start; - font-size: var(--text-14px); - --tw-font-weight: var(--font-weight-light); - font-weight: var(--font-weight-light); - color: var(--color-white); - p { - margin: calc(var(--spacing) * 0); - padding: calc(var(--spacing) * 0); - } - a { - color: var(--color-white); - &:hover { - @media (hover: hover) { - color: var(--color-secondary-400); - } - } - &:focus-visible { - color: var(--color-secondary-400); - } - } - &::before { - margin-right: calc(var(--spacing) * 2); - display: inline-block; - content: ""; - height: 1.5rem; - width: 1.5rem; - } - &.contact__phone::before { - background: url("../../static/img/footer-phone.svg") no-repeat center center; - } - &.contact__email::before { - background: url("../../static/img/footer-email.svg") no-repeat center center; - } - &.contact__address::before { - background: url("../../static/img/footer-map.svg") no-repeat center center; - padding-top: 2rem; - } - } -} -@media (max-width: 767px) { - .site-footer { - border-bottom-width: clamp(4.0625rem, 20.4vw, 5.125rem); - font-size: clamp(0.875rem, 3.98vw, 1rem); - min-height: clamp(34rem, 167.4vw, 42.0625rem); - padding-block: clamp(2.375rem, 11.94vw, 3rem) clamp(1.125rem, calc(12.2vw - 1.3125rem), 1.75rem); - } - .site-footer > .container { - display: grid; - gap: 0 clamp(0.8125rem, 3.98vw, 1rem); - grid-template-columns: minmax(0, 1fr) auto; - padding-inline: clamp(1.59375rem, 7.96vw, 2rem); - } - .site-footer > .container > div:first-child { - grid-column: 1; - grid-row: 1; - } - .site-footer #footer-header { - margin: 0; - max-width: clamp(9.75rem, 48.76vw, 12.25rem); - } - .site-footer #footer-nav { - grid-column: 1 / -1; - grid-row: 2; - margin-top: clamp(1.5625rem, 7.71vw, 1.9375rem); - } - .site-footer .site-footer__nav-list { - display: grid; - gap: clamp(0.625rem, 3.23vw, 0.8125rem) clamp(1.59375rem, 7.96vw, 2rem); - grid-auto-flow: column; - grid-template-rows: repeat(3, auto); - padding-inline-start: 0; - } - .site-footer .site-footer__nav-item { - margin-bottom: 0; - } - .site-footer #footer-nav + div { - grid-column: 1 / -1; - grid-row: 3; - margin-top: clamp(1.25rem, 6.22vw, 1.5625rem); - } - .site-footer #footer-description { - font-size: clamp(1rem, 4.98vw, 1.25rem); - line-height: 1.2; - max-width: 21rem; - } - .site-footer .contact__item { - font-size: clamp(0.75rem, 3.48vw, 0.875rem); - } - .site-footer .contact__address { - margin-top: clamp(0.875rem, 4.48vw, 1.125rem); - } - .site-footer .contact__email, .site-footer .contact__phone { - margin-top: clamp(0.8125rem, 3.98vw, 1rem); - } - .site-footer .contact__item::before { - height: clamp(1.1875rem, 5.97vw, 1.5rem); - margin-right: clamp(0.375rem, 1.99vw, 0.5rem); - width: clamp(1.1875rem, 5.97vw, 1.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 { - align-self: start; - grid-column: 2; - grid-row: 1; - } - .site-footer #backToTopBtn { - height: clamp(2rem, 9.95vw, 2.5rem); - padding: 0; - width: clamp(2rem, 9.95vw, 2.5rem); - } - .site-footer .social-links { - grid-column: 1 / -1; - grid-row: 4; - justify-content: flex-end; - margin-top: clamp(0.5rem, 2.49vw, 0.625rem); - } - .site-footer .social-icons { - --size: clamp(1.1875rem, 5.97vw, 1.5rem); - } - .site-footer .social-links a { - margin-right: clamp(0.8125rem, 3.98vw, 1rem); - } - .site-footer .copyright { - grid-column: 1 / -1; - grid-row: 5; - margin-top: clamp(0.8125rem, 4.23vw, 1.0625rem); - padding-block: 0; - text-align: center; - } -} -.btn, .button, .acf-block-preview .button { - min-width: calc(var(--spacing) * 0); - background: var(--button-bg); - box-shadow: var(--button-shadow); - cursor: pointer; - display: inline-block; - transition: background 200ms, border-color 200ms, box-shadow 200ms, color 200ms, transform 200ms; - color: var(--button-color); - &.dark { - color: white; - } - 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); - text-decoration: none; - font-weight: var(--button-font-weight, 600); - font-size: var(--button-font-size, 1rem); - letter-spacing: var(--button-letter-spacing); - line-height: 1.1; - &[data-button-variant="outline"] { - background: transparent; - &:hover { - background: var(--button-border-color); - } - --button-color: var(--button-border-color); - --button-hover-border-color: var(--button-border-color); - --button-hover-color: var(--button-primary-outline-hover-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(0.125rem, 0.125rem); -} -.btn[data-button-size="small"], .button[data-button-size="small"] { - padding-inline: calc(var(--spacing) * 4); - padding-block: calc(var(--spacing) * 0.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); -} -.btn[data-button-width="wide"], .button[data-button-width="wide"] { - @media (width >= 40rem) { - 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 { - align-items: center; - background: var(--color-secondary); - border: 1px solid transparent; - border-radius: 100%; - color: var(--color-white); - cursor: pointer; - display: flex; - font-size: 1rem; - height: 1rem; - justify-content: center; - line-height: 1; - outline: 1px solid transparent; - padding: 1rem; - transition: opacity 0.2s, background 0.2s; - width: 1rem; - i { - font-weight: bold; - display: inline-block; - margin: -4px 0 0 0; - } - &:hover, &: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 { - margin-left: calc(50% - 50vw); - margin-right: calc(50% - 50vw); - width: 100vw; -} -.logo-soup.layout-carousel { - mask-image: linear-gradient( to right, transparent 0px, black 40px, black calc(100% - 40px), transparent 100% ); - -webkit-mask-image: linear-gradient( to right, transparent 0px, black 40px, black calc(100% - 40px), transparent 100% ); - mask-composite: intersect; - -webkit-mask-composite: intersect; -} -.page-hero { - background: linear-gradient(73.83deg, #8FC9E6 -8.7%, #006196 21.51%, #032F46 60.7%); - isolation: isolate; - margin-bottom: 10rem; - min-height: clamp(31rem, 38vw, 36rem); - position: relative; -} -.page-hero__content { - padding-block: clamp(2rem, 6vw, 4rem); - position: relative; - z-index: 10; -} -.page-hero__heading { - color: #fff; - line-height: 1; - margin: 3rem 0 1.5rem; - max-width: 36rem; - text-align: left; - em { - color: var(--color-secondary); - font-style: normal; - } -} -.page-hero__intro { - color: #fff; - font-size: clamp(1rem, 1.5vw, 1.25rem); - font-weight: 300; - line-height: 1.5; - max-width: 36rem; - opacity: 0.95; - text-align: left; -} -.page-hero__media { - bottom: -5%; - height: auto; - max-height: none; - pointer-events: none; - position: absolute; - right: 23vw; - top: 3rem; - width: auto; - z-index: 1; - max-width: clamp(20rem, 30vw, 28rem); -} -.page-hero__vector { - bottom: clamp(1.5rem, 4vw, 3rem); - height: auto; - left: 0; - pointer-events: none; - position: absolute; - width: 100%; - z-index: 5; -} -@media (max-width: 767px) { - .page-hero { - min-height: clamp(28rem, 130vw, 40rem); - } - .page-hero__media { - bottom: -8%; - right: 0; - top: auto; - max-width: 60vw; - } - .page-hero__vector { - bottom: clamp(1rem, 3vw, 2rem); - width: 100%; - } -} -main#maincontent { - padding: 0; -} -.contact-info { - background: var(--color-white); - position: relative; -} -.contact-info__grid { - display: grid; - gap: 2rem; - grid-template-columns: 1fr; - position: relative; -} -.contact-info__details { - padding: 5rem 0; - max-width: 36rem; -} -.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; - span { - color: var(--color-cwc-blue-01); - } - em { - color: var(--color-secondary); - } -} -.contact-info__items { - display: flex; - flex-direction: column; - font-weight: 300; - gap: 0.75rem; - list-style: none; - margin: 0 0 2.25rem; - padding: 0; -} -.contact-info__item { - align-items: flex-start; - color: var(--color-dark); - display: flex; - font-size: 1rem; - gap: 0.75rem; - line-height: 1.5; -} -.contact-info__icon { - align-items: center; - color: var(--color-cwc-blue-03); - display: inline-flex; - flex-shrink: 0; - height: 1.5rem; - justify-content: center; - width: 1.5rem; -} -.contact-info__icon img { - display: block; - height: 100%; - width: 100%; -} -.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; - overflow: hidden; - position: relative; -} -.contact-info__map .leaflet-container { - height: 100%; - isolation: isolate; - width: 100%; -} -.contact-info__map .leaflet-tile-pane { - filter: grayscale(0.35) saturate(0.7) brightness(1.05) contrast(0.98); -} -.contact-info__map::after { - background: color-mix(in oklch, var(--color-cwc-blue-03) 30%, transparent); - content: ''; - inset: 0; - mix-blend-mode: normal; - pointer-events: none; - position: absolute; - z-index: 410; -} -.contact-info__map .leaflet-control-attribution { - color: color-mix(in oklch, var(--color-cwc-blue-01) 45%, black); - font-size: 0.625rem; - opacity: 0.65; -} -.contact-info__leaflet-pin { - display: block; - filter: drop-shadow(0 0.2rem 0.45rem rgba(0, 0, 0, 0.08)); -} -.contact-info__leaflet-pin svg { - display: block; - height: 100%; - width: 100%; -} -@media (min-width: 1024px) { - .contact-info__grid { - grid-template-columns: 1fr 1fr; - } - .contact-info__details { - padding-inline: clamp(1.5rem, 5vw, 3rem) 0; - } - .contact-info__map { - align-self: stretch; - border-radius: 0; - margin-right: calc(50% - 50vw); - margin-left: 0; - min-height: 32rem; - width: calc(50vw - 0px); - } -} -@media (max-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 { - margin-inline: 0; - min-height: 30rem; - } - .contact-info__form .gfield { - margin-bottom: 1rem; - } - .contact-info__form .gfield_label { - letter-spacing: 0.08em; - margin-bottom: 0.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: 0.45rem 0.75rem; - } - .contact-info__form textarea { - min-height: 13.5rem; - padding: 0.7rem 0.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 0.25rem; - font-size: 1.125rem; - line-height: 1; - min-width: 7.75rem; - padding: 0.65rem 1.4rem; - } -} -.contact-info__form .gform_wrapper { - margin: 0; - max-width: none; - .gform_required_legend { - display: none; - } -} -.contact-info__form .gfield { - margin-bottom: 1.25rem; -} -.contact-info__form .gfield_label { - color: var(--color-cwc-blue-01); - display: flex; - font-size: 0.875rem; - font-weight: 700; - justify-content: space-between; - letter-spacing: 0.05em; - line-height: 1.2; - margin-bottom: 0.5rem; - text-transform: uppercase; -} -.contact-info__form .gfield_required { - color: var(--color-secondary-accessible); - font-weight: 700; - margin-left: 0.25rem; -} -.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); - border-radius: 0.25rem; - color: var(--color-dark); - font-size: 1rem; - line-height: 1; - padding: 0.25rem 0.5rem; - width: 100%; -} -.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 { - min-height: 10rem; - padding: 0.5rem; - resize: vertical; -} -.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); - border: 3px solid transparent; - border-radius: 1.25rem 0.25rem; - color: var(--color-white); - cursor: pointer; - font-size: 1.125rem; - font-weight: 700; - padding: 0.625rem 2rem; - transition: background 200ms, border-color 200ms, color 200ms; -} -.contact-info__form .gform_footer input[type="submit"]:hover, .contact-info__form .gform_footer button[type="submit"]:hover { - border: 3px solid #D24D32; -} -@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: 0px; -} -@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; -} diff --git a/styles/base/typography.css b/styles/base/typography.css index 2e0f9b4..7e8857a 100644 --- a/styles/base/typography.css +++ b/styles/base/typography.css @@ -43,19 +43,19 @@ --text-base: 1rem; --text-12px: round(down, clamp(0.625rem, 0.5962rem + 0.1282vw, 0.75rem), 1px); - --text-14px: round(up, clamp(0.75rem, 0.7212rem + 0.1282vw, 0.875rem), 2px); - --text-16px: round(up, clamp(0.875rem, 0.8462rem + 0.1282vw, 1rem), 2px); - --text-18px: round(up, clamp(1rem, 0.9712rem + 0.1282vw, 1.125rem), 2px); - --text-20px: round(up, clamp(1.125rem, 1.0962rem + 0.1282vw, 1.25rem), 2px); - --text-22px: round(up, clamp(1.25rem, 1.2212rem + 0.1282vw, 1.375rem), 2px); - --text-24px: round(up, clamp(1.375rem, 1.3462rem + 0.1282vw, 1.5rem), 2px); - --text-28px: round(up, clamp(1.625rem, 1.5962rem + 0.1282vw, 1.75rem), 2px); - --text-30px: round(up, clamp(1.75rem, 1.7212rem + 0.1282vw, 1.875rem), 2px); - --text-32px: round(up, clamp(1.875rem, 1.8462rem + 0.1282vw, 2rem), 2px); - --text-34px: round(up, clamp(2rem, 1.9712rem + 0.1282vw, 2.125rem), 2px); - --text-40px: round(up, clamp(2.25rem, 2.1923rem + 0.2564vw, 2.5rem), 2px); - --text-54px: round(up, clamp(2.375rem, 2.1442rem + 1.0256vw, 3.375rem), 2px); - --text-64px: round(up, clamp(3rem, 2.7692rem + 1.0256vw, 4rem), 2px); + --text-14px: round(up, clamp(0.75rem, 0.7212rem + 0.1282vw, 0.875rem), 1px); + --text-16px: round(up, clamp(0.875rem, 0.8462rem + 0.1282vw, 1rem), 1px); + --text-18px: round(up, clamp(1rem, 0.9712rem + 0.1282vw, 1.125rem), 1px); + --text-20px: round(up, clamp(1.125rem, 1.0962rem + 0.1282vw, 1.25rem), 1px); + --text-22px: round(up, clamp(1.25rem, 1.2212rem + 0.1282vw, 1.375rem), 1px); + --text-24px: round(up, clamp(1.375rem, 1.3462rem + 0.1282vw, 1.5rem), 1px); + --text-28px: round(up, clamp(1.625rem, 1.5962rem + 0.1282vw, 1.75rem), 1px); + --text-30px: round(up, clamp(1.75rem, 1.7212rem + 0.1282vw, 1.875rem), 1px); + --text-32px: round(up, clamp(1.875rem, 1.8462rem + 0.1282vw, 2rem), 1px); + --text-34px: round(up, clamp(2rem, 1.9712rem + 0.1282vw, 2.125rem), 1px); + --text-40px: round(up, clamp(2.25rem, 2.1923rem + 0.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); } :root { diff --git a/styles/blocks/page-hero.css b/styles/blocks/page-hero.css index 0defbfa..24dcea3 100644 --- a/styles/blocks/page-hero.css +++ b/styles/blocks/page-hero.css @@ -1,7 +1,25 @@ -/* Page Hero partial styles (page-hero.php) - * Scoped to .page-hero to avoid affecting the homepage-hero block. */ +.page-hero__heading { + @apply text-cwc-blue-01; -.page-hero { + line-height: 1; + margin: 0 0 1.5rem; + text-align: left; + + em { + color: var(--color-secondary); + font-style: normal; + } +} + +.page-hero__intro { + font-weight: 300; + line-height: 1; + text-align: left; +} + +/* Page Hero partial styles (page-hero-services.php) + * Scoped to .page-hero-services to avoid affecting the homepage-hero block. */ +.page-hero-services { background: linear-gradient(73.83deg, #8FC9E6 -8.7%, #006196 21.51%, #032F46 60.7%); isolation: isolate; margin-bottom: 10rem; @@ -9,13 +27,13 @@ position: relative; } -.page-hero__content { +.page-hero-services__content { padding-block: clamp(2rem, 6vw, 4rem); position: relative; z-index: 10; } -.page-hero__heading { +.page-hero-services__heading { color: #fff; line-height: 1; margin: 3rem 0 1.5rem; @@ -28,7 +46,7 @@ } } -.page-hero__intro { +.page-hero-services__intro { color: #fff; font-size: clamp(1rem, 1.5vw, 1.25rem); font-weight: 300; @@ -38,7 +56,7 @@ text-align: left; } -.page-hero__media { +.page-hero-services__media { bottom: -5%; height: auto; max-height: none; @@ -52,7 +70,7 @@ max-width: clamp(20rem, 30vw, 28rem); } -.page-hero__vector { +.page-hero-services__vector { bottom: clamp(1.5rem, 4vw, 3rem); height: auto; left: 0; @@ -63,18 +81,18 @@ } @media (max-width: 767px) { - .page-hero { + .page-hero-services { min-height: clamp(28rem, 130vw, 40rem); } - .page-hero__media { + .page-hero-services__media { bottom: -8%; right: 0; top: auto; max-width: 60vw; } - .page-hero__vector { + .page-hero-services__vector { bottom: clamp(1rem, 3vw, 2rem); width: 100%; } diff --git a/views/partials/page-hero-services.php b/views/partials/page-hero-services.php new file mode 100644 index 0000000..a098543 --- /dev/null +++ b/views/partials/page-hero-services.php @@ -0,0 +1,71 @@ + + +
+
+ + +

+ . +

+ + +
+ +
+ +
+ + + + + + + + +
diff --git a/views/partials/page-hero.php b/views/partials/page-hero.php index fd77004..17197da 100644 --- a/views/partials/page-hero.php +++ b/views/partials/page-hero.php @@ -8,64 +8,39 @@ namespace CWC; // Set variables -$bgColor = get_field( 'background_color' ); -$isDark = get_field( 'is_dark' ); -$heading = get_field( 'heading' ); -$heroImage = get_field( 'hero_image' ); -$heroVector = get_field( 'hero_vector' ); -$intro = get_field( 'intro' ); +$bgColor = get_field( 'background_color' ); +$isDark = get_field( 'is_dark' ); +$heading = get_field( 'heading' ); +$intro = get_field( 'intro' ); + +if ( is_home() ) { + $intro = get_field( 'intro', get_option( 'page_for_posts' ) ); +} // Fallback for heading if ( ! $heading ) { $heading = getTheTitle(); } -// Additional logic for dark mode (if needed) -if ( is_home() || is_single() || is_archive() || is_search() || is_404() ) { - $isDark = true; -} - -// The wrapper color is the gradient from .page-hero in page-hero.css. The -// editor's background_color ACF field overrides the gradient with a solid color. $wrapperStyle = $bgColor ? 'background-color: ' . esc_attr( $bgColor ) . ';' : ''; ?> -
-
+
+
-

- . -

+ +

+ . +

+ -
+
- - - - - - - -