@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.popup-template .modal{opacity:0;transition:all .25s ease}.popup-template .modal.is-open{opacity:1;transition:all .25s ease}.post-meta,
.entry-meta,
.article-meta {
display: flex;
align-items: center; gap: 0.5rem;
flex-wrap: wrap;
} .post-meta__text,
.post-meta__separator,
.entry-meta__text {
display: inline-flex;
align-items: center;
line-height: 1; height: 100%; margin: 0;
padding: 0;
} .post-subtitle,
.entry-subtitle {
display: flex;
align-items: center;
gap: 0.5rem;
} .post-meta__item,
.post-meta__badge,
.category-badge,
.date-badge {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.25rem 0.75rem;
border-radius: 4px;
line-height: 1.4;
min-height: 28px; }  .single-post .entry-content,
.single-post .post-content,
.blog .entry-content {
max-width: var(--content-max-width, 1200px);
margin: 0 auto;
padding: 2rem;
width: 100%;
} .entry-content > *:not(.alignfull):not(.alignwide),
.post-content > *:not(.alignfull):not(.alignwide) {
max-width: 100%;
overflow-wrap: break-word;
word-wrap: break-word;
hyphens: auto;
} .entry-content .alignwide {
max-width: 1400px;
margin-left: auto;
margin-right: auto;
}
.entry-content .alignfull {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
} @media (max-width: 768px) {
.single-post .entry-content,
.single-post .post-content,
.blog .entry-content {
padding: 1rem;
}
}  .breadcrumb-item.current,
.breadcrumb-item.active,
.breadcrumb__item--current {
background-color: var(--purple-primary, #7700cc);
color: #ffffff;
} .breadcrumb-item.current::before,
.breadcrumb-item.active::before,
.breadcrumb__item--current::before {
border-right-color: #ffffff !important; } .breadcrumb-item::before,
.breadcrumb__item::before {
content: '';
position: relative;
display: inline-block;
margin-right: 0.5rem; border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid currentColor;
} .nav-item .caret,
.nav-link .caret {
float: right;
margin-left: 0.5rem;
}  .post-chunk,
.query-loop-item,
.posts-loop .post {
background: var(--chunk-bg, #ffffff);
border: 2px solid var(--chunk-border, #e0e0e0);
border-radius: 12px;
padding: 2rem;
margin-bottom: 2rem;
position: relative;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
} .post-chunk:hover,
.query-loop-item:hover {
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
border-color: var(--purple-primary, #7700cc);
transform: translateY(-2px);
} .post-chunk::after,
.query-loop-item::after {
content: '';
position: absolute;
bottom: -1rem;
left: 50%;
transform: translateX(-50%);
width: 60%;
height: 2px;
background: linear-gradient(
90deg,
transparent,
var(--chunk-border, #e0e0e0),
transparent
);
opacity: 0.5;
} .post-chunk:last-child::after,
.query-loop-item:last-child::after {
display: none;
} .post-chunk .post-title,
.post-chunk .entry-title,
.query-loop-item .post-title {
margin-top: 0;
padding-top: 0;
border-top: none;
} .post-chunk .post-content,
.post-chunk .entry-content { } .post-chunk .post-excerpt,
.post-chunk .entry-summary {
color: var(--text-secondary, #666);
line-height: 1.6;
margin-bottom: 1rem;
}  .feature-grid-chunk,
.feature-grid__item {
background: var(--chunk-bg, #ffffff);
border-left: 4px solid var(--chunk-accent, #7700cc);
border-radius: 8px;
padding: 1.5rem;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
} .feature-grid-chunk:hover,
.feature-grid__item:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
border-left-width: 6px;
transform: translateX(4px);
} .feature-grid__items {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
} .feature-grid-chunk .feature-grid__title,
.feature-grid__item .feature-grid__title {
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 0.5rem;
color: var(--purple-primary, #7700cc);
}  .matrix-chat-post,
.chat-style-post {
background: var(--chat-bubble-bg, #f5f5f5);
border-radius: 18px 18px 18px 4px;
padding: 1.5rem;
margin-bottom: 1.5rem;
max-width: 80%;
position: relative;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
} .matrix-chat-post:nth-child(even),
.chat-style-post:nth-child(even) {
margin-left: auto;
border-radius: 18px 18px 4px 18px;
background: var(--chat-bubble-alt-bg, #e8f0fe);
} .matrix-chat-post .post-meta,
.chat-style-post .post-meta {
font-size: 0.875rem;
opacity: 0.7;
margin-top: 0.5rem;
} .matrix-chat-post::before,
.chat-style-post::before {
content: '';
position: absolute;
bottom: 0;
left: -8px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 8px 12px 0;
border-color: transparent var(--chat-bubble-bg, #f5f5f5) transparent transparent;
}
.matrix-chat-post:nth-child(even)::before,
.chat-style-post:nth-child(even)::before {
left: auto;
right: -8px;
border-width: 0 0 12px 8px;
border-color: transparent transparent transparent var(--chat-bubble-alt-bg, #e8f0fe);
} @media (max-width: 768px) { .post-chunk,
.query-loop-item {
padding: 1.5rem;
margin-bottom: 1.5rem;
} .matrix-chat-post,
.chat-style-post {
max-width: 100%;
margin-left: 0;
} .post-meta,
.entry-meta {
flex-direction: column;
align-items: flex-start;
}
} :root {
--content-max-width: 1200px;
--purple-primary: #7700cc;
--chunk-bg: #ffffff;
--chunk-border: #e0e0e0;
--chunk-accent: #7700cc;
--chat-bubble-bg: #f5f5f5;
--chat-bubble-alt-bg: #e8f0fe;
--text-secondary: #666666;
} @media (prefers-color-scheme: dark) {
:root {
--chunk-bg: #1a1a1a;
--chunk-border: #333333;
--chat-bubble-bg: #2a2a2a;
--chat-bubble-alt-bg: #1e3a5f;
--text-secondary: #aaaaaa;
}
}
:root {
--brand-primary: #7700cc;
--brand-primary-light: #9933ff;
--brand-primary-lighter: #bb66ff;
--brand-primary-lightest: #ddaaff;
--brand-primary-dark: #5a00a3;
--brand-primary-darker: #44007a;
--brand-primary-darkest: #2e0051;
--brand-secondary: #00ccaa;
--brand-secondary-light: #33ffdd;
--brand-secondary-dark: #009977;
--brand-accent-warm: #ff6b6b;
--brand-accent-cool: #4ecdc4;
--brand-accent-bright: #ffe66d;
--gray-50: #fafafa;
--gray-100: #f5f5f5;
--gray-200: #eeeeee;
--gray-300: #e0e0e0;
--gray-400: #bdbdbd;
--gray-500: #9e9e9e;
--gray-600: #757575;
--gray-700: #616161;
--gray-800: #424242;
--gray-900: #212121;
--gray-950: #0a0a0a;
--black: #000000;
--white: #ffffff;
--text-primary: var(--gray-900);
--text-secondary: var(--gray-700);
--text-tertiary: var(--gray-600);
--text-disabled: var(--gray-400);
--text-inverse: var(--white);
--text-link: var(--brand-primary);
--text-link-hover: var(--brand-primary-dark);
--bg-primary: var(--white);
--bg-secondary: var(--gray-50);
--bg-tertiary: var(--gray-100);
--bg-inverse: var(--gray-900);
--bg-overlay: rgba(0, 0, 0, .5);
--bg-overlay-light: rgba(0, 0, 0, .3);
--bg-overlay-heavy: rgba(0, 0, 0, .7);
--border-primary: var(--gray-300);
--border-secondary: var(--gray-200);
--border-focus: var(--brand-primary);
--border-error: var(--state-error);
--state-success: #10b981;
--state-success-light: #d1fae5;
--state-success-dark: #047857;
--state-warning: #f59e0b;
--state-warning-light: #fef3c7;
--state-warning-dark: #d97706;
--state-error: #ef4444;
--state-error-light: #fee2e2;
--state-error-dark: #dc2626;
--state-info: #3b82f6;
--state-info-light: #dbeafe;
--state-info-dark: #1e40af;
--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
--font-serif: Georgia, Cambria, "Times New Roman", Times, serif;
--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
--font-display: var(--font-sans);
--font-size-xs: .75rem;
--font-size-sm: .875rem;
--font-size-base: 1rem;
--font-size-md: 1.125rem;
--font-size-lg: 1.25rem;
--font-size-xl: 1.5rem;
--font-size-2xl: 1.875rem;
--font-size-3xl: 2.25rem;
--font-size-4xl: 3rem;
--font-size-5xl: 3.75rem;
--font-size-6xl: 4.5rem;
--line-height-tight: 1.2;
--line-height-snug: 1.375;
--line-height-normal: 1.5;
--line-height-relaxed: 1.7;
--line-height-loose: 2;
--font-weight-thin: 100;
--font-weight-extralight: 200;
--font-weight-light: 300;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-extrabold: 800;
--font-weight-black: 900;
--letter-spacing-tighter: -.05em;
--letter-spacing-tight: -.025em;
--letter-spacing-normal: 0;
--letter-spacing-wide: .025em;
--letter-spacing-wider: .05em;
--letter-spacing-widest: .1em;
--space-0: 0;
--space-px: 1px;
--space-0-5: .125rem;
--space-1: .25rem;
--space-1-5: .375rem;
--space-2: .5rem;
--space-2-5: .625rem;
--space-3: .75rem;
--space-3-5: .875rem;
--space-4: 1rem;
--space-5: 1.25rem;
--space-6: 1.5rem;
--space-7: 1.75rem;
--space-8: 2rem;
--space-9: 2.25rem;
--space-10: 2.5rem;
--space-11: 2.75rem;
--space-12: 3rem;
--space-14: 3.5rem;
--space-16: 4rem;
--space-20: 5rem;
--space-24: 6rem;
--space-28: 7rem;
--space-32: 8rem;
--space-36: 9rem;
--space-40: 10rem;
--space-44: 11rem;
--space-48: 12rem;
--space-52: 13rem;
--space-56: 14rem;
--space-60: 15rem;
--space-64: 16rem;
--space-72: 18rem;
--space-80: 20rem;
--space-96: 24rem;
--spacing-xs: .5rem;
--spacing-sm: 1rem;
--spacing-md: 2rem;
--spacing-lg: 3rem;
--spacing-xl: 3rem;
--spacing-after-hero: 3rem;
--container-mobile: 100%;
--container-sm: 640px;
--container-md: 768px;
--container-lg: 1024px;
--container-xl: 1280px;
--container-2xl: 1536px;
--container-max: 1920px;
--container-padding-mobile: var(--space-4);
--container-padding-tablet: var(--space-6);
--container-padding-desktop: var(--space-8);
--radius-none: 0;
--radius-sm: .125rem;
--radius-base: .25rem;
--radius-md: .375rem;
--radius-lg: .5rem;
--radius-xl: .75rem;
--radius-2xl: 1rem;
--radius-3xl: 1.5rem;
--radius-full: 9999px;
--radius-circle: 50%;
--shadow-none: none;
--shadow-xs: none;
--shadow-sm: none;
--shadow-base: none;
--shadow-md: none;
--shadow-lg: none;
--shadow-xl: none;
--shadow-2xl: none;
--shadow-inner: none;
--z-base: 1;
--z-dropdown: 1000;
--z-sticky: 1020;
--z-fixed: 1030;
--z-modal-backdrop: 1040;
--z-modal: 1050;
--z-popover: 1060;
--z-tooltip: 1070;
--z-notification: 1080;
--transition-fastest: 75ms;
--transition-faster: .1s;
--transition-fast: .15s;
--transition-base: .2s;
--transition-medium: .3s;
--transition-slow: .5s;
--transition-slower: .7s;
--transition-slowest: 1s;
--ease-linear: linear;
--ease-in: cubic-bezier(.4, 0, 1, 1);
--ease-out: cubic-bezier(0, 0, .2, 1);
--ease-in-out: cubic-bezier(.4, 0, .2, 1);
--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);
--ease-smooth: cubic-bezier(.25, .1, .25, 1);
--transition-colors: color var(--transition-base) var(--ease-in-out), background-color var(--transition-base) var(--ease-in-out), border-color var(--transition-base) var(--ease-in-out);
--transition-opacity: opacity var(--transition-base) var(--ease-in-out);
--transition-transform: transform var(--transition-base) var(--ease-out);
--transition-all: all var(--transition-base) var(--ease-in-out);
--header-height-mobile: 60px;
--header-height-tablet: 80px;
--header-height-desktop: 100px;
--logo-height-mobile: 40px;
--logo-height-tablet: 60px;
--logo-height-desktop: 80px;
--input-height-sm: 32px;
--input-height-base: 40px;
--input-height-lg: 48px;
--input-height-xl: 56px;
--input-padding-x: var(--space-3);
--input-padding-y: var(--space-2);
--input-border-width: 1px;
--input-border-color: var(--border-primary);
--input-border-color-focus: var(--border-focus);
--input-border-radius: var(--radius-md);
--button-height-sm: 32px;
--button-height-base: 40px;
--button-height-lg: 48px;
--button-height-xl: 56px;
--button-padding-x-sm: var(--space-3);
--button-padding-x-base: var(--space-4);
--button-padding-x-lg: var(--space-6);
--button-padding-x-xl: var(--space-8);
--button-border-radius: 2rem;
--aspect-square: 1 / 1;
--aspect-video: 16 / 9;
--aspect-portrait: 3 / 4;
--aspect-landscape: 4 / 3;
--aspect-ultrawide: 21 / 9;
--breakpoint-xs: 0px;
--breakpoint-sm: 640px;
--breakpoint-md: 768px;
--breakpoint-lg: 1024px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1536px
}
@media(min-width: 768px) {
:root {
--spacing-lg: 4rem;
--spacing-xl: 5rem;
--spacing-after-hero: 4rem
}
}
@media(min-width: 1024px) {
:root {
--spacing-lg: 4rem;
--spacing-xl: 5rem;
--spacing-after-hero: 4rem
}
}
.context-portal {
--brand-primary: #4a90e2;
--brand-primary-light: #6ba3e8;
--brand-primary-dark: #3a7bc8;
--shadow-base: none;
--shadow-md: none;
--button-height-base: 48px;
--input-height-base: 48px;
--header-height-mobile: 56px
}
.context-admin {
--brand-primary: #0073aa;
--brand-primary-dark: #005a87
}
.context-auth {
--container-max: 480px;
--space-base: var(--space-8)
}
@media print {
:root {
--shadow-sm: none;
--shadow-base: none;
--shadow-md: none;
--shadow-lg: none;
--shadow-xl: none;
--bg-primary: white;
--text-primary: black
}
}
:root {
--space-unit: 1rem;
--space-0: 0;
--space-px: 1px;
--space-0-5: calc(var(--space-unit) * .125);
--space-1: calc(var(--space-unit) * .25);
--space-1-5: calc(var(--space-unit) * .375);
--space-2: calc(var(--space-unit) * .5);
--space-2-5: calc(var(--space-unit) * .625);
--space-3: calc(var(--space-unit) * .75);
--space-3-5: calc(var(--space-unit) * .875);
--space-4: var(--space-unit);
--space-5: calc(var(--space-unit) * 1.25);
--space-6: calc(var(--space-unit) * 1.5);
--space-7: calc(var(--space-unit) * 1.75);
--space-8: calc(var(--space-unit) * 2);
--space-9: calc(var(--space-unit) * 2.25);
--space-10: calc(var(--space-unit) * 2.5);
--space-11: calc(var(--space-unit) * 2.75);
--space-12: calc(var(--space-unit) * 3);
--space-14: calc(var(--space-unit) * 3.5);
--space-16: calc(var(--space-unit) * 4);
--space-20: calc(var(--space-unit) * 5);
--space-24: calc(var(--space-unit) * 6);
--space-28: calc(var(--space-unit) * 7);
--space-32: calc(var(--space-unit) * 8);
--space-36: calc(var(--space-unit) * 9);
--space-40: calc(var(--space-unit) * 10);
--space-44: calc(var(--space-unit) * 11);
--space-48: calc(var(--space-unit) * 12);
--space-52: calc(var(--space-unit) * 13);
--space-56: calc(var(--space-unit) * 14);
--space-60: calc(var(--space-unit) * 15);
--space-64: calc(var(--space-unit) * 16);
--space-72: calc(var(--space-unit) * 18);
--space-80: calc(var(--space-unit) * 20);
--space-96: calc(var(--space-unit) * 24);
--space-interpolation-start: var(--space-4);
--space-interpolation-end: var(--space-8);
--space-interpolation-value: .5;
--space-dynamic: calc( var(--space-interpolation-start) + (var(--space-interpolation-end) - var(--space-interpolation-start)) * var(--space-interpolation-value) );
--space-dynamic-x-start: var(--space-6);
--space-dynamic-x-end: var(--space-12);
--space-dynamic-x-value: .5;
--space-dynamic-x: calc( var(--space-dynamic-x-start) + (var(--space-dynamic-x-end) - var(--space-dynamic-x-start)) * var(--space-dynamic-x-value) );
--space-dynamic-y-start: var(--space-8);
--space-dynamic-y-end: var(--space-16);
--space-dynamic-y-value: .5;
--space-dynamic-y: calc( var(--space-dynamic-y-start) + (var(--space-dynamic-y-end) - var(--space-dynamic-y-start)) * var(--space-dynamic-y-value) );
--space-dynamic-gap-start: var(--space-4);
--space-dynamic-gap-end: var(--space-8);
--space-dynamic-gap-value: .5;
--space-dynamic-gap: calc( var(--space-dynamic-gap-start) + (var(--space-dynamic-gap-end) - var(--space-dynamic-gap-start)) * var(--space-dynamic-gap-value) );
--space-section-start: var(--space-12);
--space-section-end: var(--space-20);
--space-section-value: .5;
--space-section-dynamic: calc( var(--space-section-start) + (var(--space-section-end) - var(--space-section-start)) * var(--space-section-value) );
--space-card-start: var(--space-4);
--space-card-end: var(--space-8);
--space-card-value: .5;
--space-card-dynamic: calc( var(--space-card-start) + (var(--space-card-end) - var(--space-card-start)) * var(--space-card-value) );
--space-hero-start: var(--space-16);
--space-hero-end: var(--space-32);
--space-hero-value: .5;
--space-hero-dynamic: calc( var(--space-hero-start) + (var(--space-hero-end) - var(--space-hero-start)) * var(--space-hero-value) )
}
.space-transition-fast {
transition: margin var(--transition-fast) var(--ease-out),padding var(--transition-fast) var(--ease-out),gap var(--transition-fast) var(--ease-out)
}
.space-transition-slow {
transition: margin var(--transition-slow) var(--ease-out),padding var(--transition-slow) var(--ease-out),gap var(--transition-slow) var(--ease-out)
}
.space-transition-smooth {
transition: margin var(--transition-medium) var(--ease-smooth),padding var(--transition-medium) var(--ease-smooth),gap var(--transition-medium) var(--ease-smooth)
}
*,*:before,*:after {
box-sizing: border-box;
margin: 0;
padding: 0
}
html {
font-size: var(--font-size-base);
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: transparent;
line-height: var(--line-height-normal)
}
body {
min-height: 100vh;
min-height: 100dvh;
font-family: var(--font-sans);
font-size: var(--font-size-base);
font-weight: var(--font-weight-normal);
line-height: var(--line-height-normal);
color: var(--text-primary);
background-color: var(--bg-primary);
text-rendering: optimizeLegibility;
overscroll-behavior-y: none
}
h3,h4 {
margin: 0;
font-family: var(--font-display);
font-weight: var(--font-weight-bold);
line-height: var(--line-height-tight);
color: var(--text-primary);
word-wrap: break-word;
overflow-wrap: break-word;
hyphens: auto
}
p {
margin: 0;
line-height: var(--line-height-normal)
}
ul,ol {
list-style: none;
margin: 0;
padding: 0
}
b {
font-weight: var(--font-weight-bold)
}
i {
font-style: italic
}
small {
font-size: var(--font-size-sm)
}
code {
font-family: var(--font-mono);
font-size: .9em
}
a {
color: var(--text-link);
text-decoration: none;
background-color: transparent;
transition: var(--transition-colors);
touch-action: manipulation
}
a:hover {
color: var(--text-link-hover)
}
a:focus {
outline: 2px solid var(--border-focus);
outline-offset: 2px
}
a:active {
opacity: .8
}
a:not([class]) {
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto
}
img,video,svg {
display: block;
max-width: 100%;
height: auto
}
img {
border-style: none;
vertical-align: middle
}
img:is([sizes=auto i]) {
contain-intrinsic-size: auto!important
}
svg {
overflow: hidden;
vertical-align: middle
}
@media(max-width: 768px) {
img,video {
max-width:100%!important;
height: auto!important;
width: auto;
-o-object-fit: contain;
object-fit: contain
}
.feature-grid__item img,.feature-grid__icon img {
display: block;
margin: 0 auto
}
.post-thumbnail img,.wp-post-image {
display: block;
margin: 0 auto;
max-width: 100%!important;
height: auto!important
}
.partner-logo,.logo-grid .partner-logo {
display: block;
margin: 0 auto;
max-width: 100%!important;
max-height: 100%!important;
width: auto!important;
height: auto!important;
-o-object-fit: contain!important;
object-fit: contain!important;
contain-intrinsic-size: auto!important
}
.hero-section img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%
}
.entry-content img,.wp-block-post-content img,.post-content img {
max-width: 100%!important;
height: auto!important;
display: block;
margin-left: auto;
margin-right: auto
}
.wp-block-gallery img,.gallery img {
width: 100%!important;
height: auto!important;
-o-object-fit: cover;
object-fit: cover
}
}
@media(max-width: 640px) {
img {
max-width:100%!important;
height: auto!important
}
.post-thumbnail,.feature-grid__item,.wp-block-image {
padding: .5rem 0
}
}
@media(max-width: 480px) {
.post-thumbnail,.wp-block-image {
padding:.25rem 0
}
.partner-logo,.logo-grid .partner-logo {
min-width: 80px
}
}
.partner-logo,.logo-grid .partner-logo {
contain-intrinsic-size: auto!important;
display: block;
max-width: 100%;
height: auto;
-o-object-fit: contain;
object-fit: contain
}
.logo-grid .feature-grid__item {
display: flex;
align-items: center;
justify-content: center
}
button:focus,input:focus,select:focus,textarea:focus {
outline: 2px solid var(--border-focus);
outline-offset: 2px
}
@media(hover: hover)and (pointer:fine) {
button:hover {
opacity:.9
}
}
input,select,textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
touch-action: manipulation
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
input[type=number] {
-moz-appearance: textfield
}
input[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
input[type=file] {
cursor: pointer
}
textarea {
overflow: auto;
resize: vertical
}
select {
word-wrap: normal;
cursor: pointer
}
input[type=checkbox],input[type=radio] {
width: 1.125em;
height: 1.125em;
cursor: pointer
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%
}
summary {
display: list-item;
cursor: pointer
}
progress {
vertical-align: baseline
}
[hidden] {
display: none!important
}
.screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
clip-path: inset(50%);
white-space: nowrap;
border: 0
}
@media(prefers-reduced-motion:reduce) {
*,*:before,*:after {
animation-duration: .01ms!important;
animation-iteration-count: 1!important;
transition-duration: .01ms!important;
scroll-behavior: auto!important
}
}
@media print {
*,*:before,*:after {
background: transparent!important;
color: #000!important;
box-shadow: none!important;
text-shadow: none!important
}
a,a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
img {
page-break-inside: avoid
}
p,h3 {
orphans: 3;
widows: 3
}
h3 {
page-break-after: avoid
}
}
.underline {
text-decoration: underline
}
.context-portal {
--font-size-base: 18px
}
html {
font-family: var(--font-sans);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility
}
body {
text-rendering: optimizeSpeed;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%
}
h3,h4 {
text-rendering: optimizeLegibility
}
h3,h4,.h3,.h4 {
font-family: var(--font-sans);
font-weight: 700;
line-height: 1.2;
color: var(--text-primary);
margin: 0;
letter-spacing: -.02em
}
h3,.h3 {
font-size: 1.75rem;
font-weight: 700;
line-height: 1.2;
margin-bottom: 1.25rem
}
@media(min-width: 768px) {
h3,.h3 {
font-size:1.875rem
}
}
@media(min-width: 1024px) {
h3,.h3 {
font-size:2rem
}
}
h4,.h4 {
font-size: 1.25rem;
font-weight: 700;
line-height: 1.3;
margin-bottom: var(--space-3)
}
@media(min-width: 768px) {
h4,.h4 {
font-size:1.5rem
}
}
@media(min-width: 1024px) {
h4,.h4 {
font-size:1.75rem
}
}
body {
font-family: var(--font-sans);
font-size: 1rem;
line-height: 1.7;
color: var(--text-primary);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
@media(min-width: 1024px) {
body {
font-size:1.125rem;
line-height: 1.7
}
}
p {
margin: 0 0 var(--space-6) 0
}
body:not(.wp-admin) .text-section ul:not([class]),body:not(.wp-admin) .text-section ol:not([class]),body:not(.wp-admin) .entry-content ul:not([class]),body:not(.wp-admin) .entry-content ol:not([class]),body:not(.wp-admin) .wp-block-post-content ul:not([class]),body:not(.wp-admin) .wp-block-post-content ol:not([class]) {
margin: 0 0 var(--space-6) 0;
padding-left: var(--space-6)
}
body:not(.wp-admin) .text-section ul:not([class]) li,body:not(.wp-admin) .text-section ol:not([class]) li,body:not(.wp-admin) .entry-content ul:not([class]) li,body:not(.wp-admin) .entry-content ol:not([class]) li,body:not(.wp-admin) .wp-block-post-content ul:not([class]) li,body:not(.wp-admin) .wp-block-post-content ol:not([class]) li {
margin-bottom: var(--space-3);
line-height: 1.7
}
body:not(.wp-admin) .text-section ul:not([class]) li:last-child,body:not(.wp-admin) .text-section ol:not([class]) li:last-child,body:not(.wp-admin) .entry-content ul:not([class]) li:last-child,body:not(.wp-admin) .entry-content ol:not([class]) li:last-child,body:not(.wp-admin) .wp-block-post-content ul:not([class]) li:last-child,body:not(.wp-admin) .wp-block-post-content ol:not([class]) li:last-child {
margin-bottom: 0
}
body:not(.wp-admin) .text-section ul:not([class]) li a,body:not(.wp-admin) .text-section ol:not([class]) li a,body:not(.wp-admin) .entry-content ul:not([class]) li a,body:not(.wp-admin) .entry-content ol:not([class]) li a,body:not(.wp-admin) .wp-block-post-content ul:not([class]) li a,body:not(.wp-admin) .wp-block-post-content ol:not([class]) li a {
text-decoration: underline;
text-underline-offset: 2px
}
body:not(.wp-admin) .text-section ul:not([class]) li b,body:not(.wp-admin) .text-section ol:not([class]) li b,body:not(.wp-admin) .entry-content ul:not([class]) li b,body:not(.wp-admin) .entry-content ol:not([class]) li b,body:not(.wp-admin) .wp-block-post-content ul:not([class]) li strong,body:not(.wp-admin) .wp-block-post-content ul:not([class]) li b,body:not(.wp-admin) .wp-block-post-content ol:not([class]) li strong,body:not(.wp-admin) .wp-block-post-content ol:not([class]) li b {
font-weight: 700
}
body:not(.wp-admin) .text-section ul:not([class]) li i,body:not(.wp-admin) .text-section ol:not([class]) li i,body:not(.wp-admin) .entry-content ul:not([class]) li i,body:not(.wp-admin) .entry-content ol:not([class]) li i,body:not(.wp-admin) .wp-block-post-content ul:not([class]) li em,body:not(.wp-admin) .wp-block-post-content ul:not([class]) li i,body:not(.wp-admin) .wp-block-post-content ol:not([class]) li em,body:not(.wp-admin) .wp-block-post-content ol:not([class]) li i {
font-style: italic
}
body:not(.wp-admin) .text-section ul:not([class]) li ul,body:not(.wp-admin) .text-section ul:not([class]) li ol,body:not(.wp-admin) .text-section ol:not([class]) li ul,body:not(.wp-admin) .text-section ol:not([class]) li ol,body:not(.wp-admin) .entry-content ul:not([class]) li ul,body:not(.wp-admin) .entry-content ul:not([class]) li ol,body:not(.wp-admin) .entry-content ol:not([class]) li ul,body:not(.wp-admin) .entry-content ol:not([class]) li ol,body:not(.wp-admin) .wp-block-post-content ul:not([class]) li ul,body:not(.wp-admin) .wp-block-post-content ul:not([class]) li ol,body:not(.wp-admin) .wp-block-post-content ol:not([class]) li ul,body:not(.wp-admin) .wp-block-post-content ol:not([class]) li ol {
margin-top: var(--space-3);
margin-bottom: var(--space-3)
}
@media(min-width: 1024px) {
body:not(.wp-admin) .text-section ul:not([class]),body:not(.wp-admin) .text-section ol:not([class]),body:not(.wp-admin) .entry-content ul:not([class]),body:not(.wp-admin) .entry-content ol:not([class]),body:not(.wp-admin) .wp-block-post-content ul:not([class]),body:not(.wp-admin) .wp-block-post-content ol:not([class]) {
padding-left:var(--space-8)
}
body:not(.wp-admin) .text-section ul:not([class]) li,body:not(.wp-admin) .text-section ol:not([class]) li,body:not(.wp-admin) .entry-content ul:not([class]) li,body:not(.wp-admin) .entry-content ol:not([class]) li,body:not(.wp-admin) .wp-block-post-content ul:not([class]) li,body:not(.wp-admin) .wp-block-post-content ol:not([class]) li {
margin-bottom: var(--space-4)
}
}
body:not(.wp-admin) .text-section ul:not([class]),body:not(.wp-admin) .entry-content ul:not([class]),body:not(.wp-admin) .wp-block-post-content ul:not([class]) {
list-style-type: disc
}
body:not(.wp-admin) .text-section ul:not([class]) ul,body:not(.wp-admin) .entry-content ul:not([class]) ul,body:not(.wp-admin) .wp-block-post-content ul:not([class]) ul {
list-style-type: circle;
margin-top: var(--space-3)
}
b {
font-weight: 700
}
a {
color: var(--brand-primary);
text-decoration: none;
transition: color .2s ease;
font-weight: 500
}
a:hover,a:focus {
color: var(--brand-primary-dark);
text-decoration: underline
}
a b {
font-weight: 700
}
a i {
font-style: italic
}
a b,a i,a span {
color: inherit;
transition: color .2s ease
}
code {
font-family: var(--font-mono);
font-size: .875em;
padding: .125rem .375rem;
background: var(--bg-tertiary);
border-radius: var(--border-radius);
color: var(--brand-primary-dark)
}
.site-header {
background: #fff;
border-bottom: 1px solid #e5e7eb;
position: sticky;
top: 0;
z-index: 1100;
min-height: 80px
}
@media(max-width: 1023px) {
.site-header {
position:static!important;
top: auto!important
}
}
@media(min-width: 768px) {
.site-header {
min-height:90px
}
}
@media(min-width: 1024px) {
.site-header {
min-height:100px
}
}
.site-header .container {
max-width: var(--header-max-width, 1400px);
padding: 0;
height: 100%
}
@media(min-width: 1600px) {
.site-header .container {
max-width:var(--header-max-width-xl, 1600px)
}
}
.site-header .header-inner {
display: flex;
align-items: center;
gap: var(--space-8);
padding: var(--space-3) var(--space-4);
min-height: 80px
}
@media(max-width: 1023px) {
.site-header .header-inner {
display:flex;
justify-content: space-between;
gap: var(--space-4);
padding: var(--space-3) var(--space-4)
}
}
@media(min-width: 768px) {
.site-header .header-inner {
padding:var(--space-3) var(--space-6);
min-height: 90px
}
}
@media(min-width: 1024px) {
.site-header .header-inner {
padding:var(--space-3) var(--space-8);
min-height: 100px
}
}
.site-header .logo-container {
flex-shrink: 0;
flex-grow: 0;
flex: 0 1 var(--logo-max-width, 250px);
max-width: var(--logo-max-width, 250px);
min-width: var(--logo-min-width, 140px);
transition: transform .2s ease
}
.site-header .logo-container:hover {
transform: scale(1.05)
}
@media(min-width: 768px) {
.site-header .logo-container {
flex:0 1 var(--logo-max-width-tablet, 320px);
max-width: var(--logo-max-width-tablet, 320px)
}
}
@media(min-width: 1024px) {
.site-header .logo-container {
flex:0 1 var(--logo-max-width-desktop, 380px);
max-width: var(--logo-max-width-desktop, 380px)
}
}
.site-header .custom-logo,.site-header .site-title {
display: block;
max-height: 60px;
max-width: 100%;
height: auto;
width: auto;
-o-object-fit: contain;
object-fit: contain
}
@media(min-width: 768px) {
.site-header .custom-logo,.site-header .site-title {
max-height:75px
}
}
@media(min-width: 1024px) {
.site-header .custom-logo,.site-header .site-title {
max-height:90px
}
}
.primary-navigation {
flex-grow: 1;
flex-shrink: 1;
display: none
}
@media(min-width: 1024px) {
.primary-navigation {
display:flex;
align-items: center;
align-self: stretch
}
}
.primary-navigation .nav-menu {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: nowrap;
gap: var(--space-2);
width: 100%;
list-style: none;
margin: 0;
padding: 0
}
.primary-navigation .nav-menu:before {
display: none
}
.primary-navigation .nav-menu li {
list-style: none
}
.primary-navigation .nav-menu li:before {
display: none
}
.primary-navigation .nav-menu>li {
margin: 0!important;
padding: 0!important;
flex-shrink: 0;
position: relative;
display: flex;
flex-direction: column;
list-style-type: none;
opacity: 1
}
.primary-navigation .nav-menu>li>a {
position: relative;
transition: all .3s cubic-bezier(.34,1.56,.64,1)
}
.primary-navigation .nav-menu>li>a:after {
content: "";
position: absolute;
top: 100%;
left: 2%;
right: 2%;
height: 8px;
background: linear-gradient(180deg,rgba(119,0,204,.05) 0%,transparent 100%);
z-index: -1;
opacity: 0;
transform: translateY(-4px);
transition: all .3s cubic-bezier(.34,1.56,.64,1);
pointer-events: none
}
.primary-navigation .nav-menu>li>a:hover {
transform: translateY(-1px);
background: #7700cc08
}
.primary-navigation .nav-menu>li>a:hover:after {
opacity: 1;
transform: translateY(2px)
}
.primary-navigation .nav-menu>li>a:active {
transform: translateY(0);
transition-duration: .1s
}
.primary-navigation .nav-menu>li>a:active:after {
opacity: .5;
transform: translateY(0)
}
.primary-navigation .nav-menu>li>a {
display: inline-block;
padding: .75rem 1.5rem;
font-size: .9375rem;
font-weight: 500;
color: #333;
text-decoration: none;
border-radius: 1rem;
border: 2px solid transparent;
background: transparent
}
.primary-navigation .nav-menu>li>a:hover {
color: #70c
}
@media(min-width: 1200px) {
.primary-navigation .nav-menu>li>a {
padding:.875rem 1.75rem;
font-size: 1rem
}
}
.primary-navigation .nav-menu>li.current-menu-item>a,.primary-navigation .nav-menu>li.current_page_item>a {
color: #fff;
font-weight: 600;
background: #70c;
border-color: #70c
}
.primary-navigation .nav-menu>li.current-menu-item.menu-item-has-children>a:before,.primary-navigation .nav-menu>li.current_page_item.menu-item-has-children>a:before {
position: absolute;
right: .75rem;
top: 50%;
bottom: auto;
left: auto;
transform: translateY(-50%) rotate(90deg);
color: #fff
}
.primary-navigation .nav-menu>li.current-menu-item.menu-item-has-children>a:hover:before,.primary-navigation .nav-menu>li.current_page_item.menu-item-has-children>a:hover:before {
transform: translateY(-50%) rotate(270deg)
}
.primary-navigation .nav-menu>li.menu-item-cta>a,.primary-navigation .nav-menu>li.menu-cta>a {
background: #70c;
color: #fff;
font-weight: 600;
padding: var(--space-3) var(--space-7) var(--space-3) var(--space-6);
margin-left: var(--space-6);
border-radius: 2rem;
position: relative
}
.primary-navigation .nav-menu>li.menu-item-cta>a:after,.primary-navigation .nav-menu>li.menu-cta>a:after {
content: "";
display: none;
margin-left: .5rem;
font-size: 1.1rem;
transition: transform .2s ease;
position: static;
width: auto;
height: auto;
background: none
}
.primary-navigation .nav-menu>li.menu-item-cta>a:hover,.primary-navigation .nav-menu>li.menu-cta>a:hover {
background: #5c0099;
color: #fff;
transform: translateY(-1px)
}
.primary-navigation .nav-menu>li.menu-item-cta>a:hover:after,.primary-navigation .nav-menu>li.menu-cta>a:hover:after {
opacity: .8
}
.primary-navigation .nav-menu>.menu-item-has-children>a {
padding-right: 2.75rem;
position: relative
}
.primary-navigation .nav-menu>.menu-item-has-children>a:before {
content: "›";
position: absolute;
right: .75rem;
top: 50%;
bottom: auto;
left: auto;
transform: translateY(-50%) rotate(90deg);
font-size: 1rem;
color: currentColor;
transition: transform .3s cubic-bezier(.4,0,.2,1);
width: auto;
height: auto;
background: none;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;
pointer-events: none
}
.primary-navigation .nav-menu>.menu-item-has-children>a:hover:before {
transform: translateY(-50%) rotate(270deg)
}
.primary-navigation .nav-menu .sub-menu {
position: absolute;
background: #fff;
border-radius: .75rem;
box-shadow: 0 10px 40px #00000026;
padding: 1rem 0;
list-style: none;
visibility: hidden;
transition: transform .2s ease,visibility .2s ease;
pointer-events: none;
z-index: 100;
inset: 100% auto auto 50%;
min-width: var(--submenu-min-width, 240px);
margin-top: 0;
transform: translate(-50%) translateY(-10px)
}
.primary-navigation .nav-menu .sub-menu li {
margin: 0;
padding: 0;
list-style: none
}
.primary-navigation .nav-menu .sub-menu li:before {
display: none
}
.primary-navigation .nav-menu .sub-menu li:not(:last-child) {
margin-bottom: .25rem
}
.primary-navigation .nav-menu .sub-menu li a {
display: block;
padding: .625rem 1rem;
color: #333;
font-size: .875rem;
font-weight: 500;
white-space: nowrap;
text-decoration: none;
border-radius: .5rem;
border: 2px solid transparent;
transition: all .3s cubic-bezier(.4,0,.2,1)
}
.primary-navigation .nav-menu .sub-menu li a:hover {
background: #7700cc14;
border-color: #7700cc26;
color: #70c;
transform: translate(4px)
}
.primary-navigation .nav-menu .menu-item-has-children:hover>.sub-menu {
visibility: visible;
transform: translate(-50%) translateY(0);
pointer-events: auto
}
.primary-navigation .nav-menu .menu-item-has-children>a:active~.sub-menu,.primary-navigation .nav-menu .menu-item-has-children.clicked>.sub-menu {
visibility: hidden;
pointer-events: none;
transition: none
}
.primary-navigation .nav-menu .sub-menu .menu-item-has-children>a {
padding-right: 2.5rem;
position: relative
}
.primary-navigation .nav-menu .sub-menu .menu-item-has-children>a:before {
content: "›";
position: absolute;
right: 1rem;
top: 50%;
bottom: auto;
left: auto;
transform: translateY(-50%);
font-size: .875rem;
color: currentColor;
width: auto;
height: auto;
pointer-events: none;
background: none;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif
}
.primary-navigation .nav-menu .sub-menu .sub-menu {
inset: 0 auto auto 100%;
margin-top: 0;
margin-left: .5rem
}
.mobile-menu-toggle {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
border: none;
background: transparent;
cursor: pointer;
z-index: 1101;
position: relative
}
@media(max-width: 1023px) {
.mobile-menu-toggle {
position:fixed;
top: var(--space-4);
right: var(--space-4);
background: #fff;
border-radius: 50%;
box-shadow: 0 2px 8px #0000001a
}
}
@media(min-width: 1024px) {
.mobile-menu-toggle {
display:none
}
}
.mobile-menu-toggle .menu-toggle-icon {
width: 24px;
height: 2px;
background: #333;
position: relative;
transition: all .3s ease
}
.mobile-menu-toggle .menu-toggle-icon:before,.mobile-menu-toggle .menu-toggle-icon:after {
content: "";
position: absolute;
inset: auto auto auto 0;
width: 100%;
height: 2px;
background: #333;
transition: all .3s ease
}
.mobile-menu-toggle .menu-toggle-icon:before {
top: -8px
}
.mobile-menu-toggle .menu-toggle-icon:after {
bottom: -8px
}
.mobile-menu-toggle[aria-expanded=true] .menu-toggle-icon {
background: transparent
}
.mobile-menu-toggle[aria-expanded=true] .menu-toggle-icon:before {
top: 0;
transform: rotate(45deg)
}
.mobile-menu-toggle[aria-expanded=true] .menu-toggle-icon:after {
bottom: 0;
transform: rotate(-45deg)
}
.mobile-menu-toggle:hover .menu-toggle-icon,.mobile-menu-toggle:hover .menu-toggle-icon:before,.mobile-menu-toggle:hover .menu-toggle-icon:after {
background: #70c
}
.mobile-menu {
position: fixed;
inset: 0;
width: 100%;
height: 100vh;
background: #fff;
border-bottom: 2px solid var(--border-primary, #e0e0e0);
transform: translateY(-100%);
transition: transform .4s cubic-bezier(.4,0,.2,1);
z-index: 1000;
overflow-y: auto;
pointer-events: none;
padding: var(--space-16) 0 0 0
}
@media(min-width: 1024px) {
.mobile-menu {
display:none!important
}
}
.mobile-menu.active {
transform: translateY(0)!important;
pointer-events: auto!important;
display: block!important
}
.mobile-menu .mobile-navigation .mobile-nav-menu {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0;
list-style: none;
margin: 0;
padding: 0
}
.mobile-menu .mobile-navigation .mobile-nav-menu:before {
display: none
}
.mobile-menu .mobile-navigation .mobile-nav-menu li {
list-style: none
}
.mobile-menu .mobile-navigation .mobile-nav-menu li:before {
display: none
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li {
margin: 0;
border-bottom: 1px solid #e5e7eb;
transform: translateY(-20px);
animation: slideInStack .4s ease forwards
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li:nth-child(1) {
animation-delay: .05s
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li:nth-child(2) {
animation-delay: .1s
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li:nth-child(3) {
animation-delay: .15s
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li:nth-child(4) {
animation-delay: .2s
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li:nth-child(5) {
animation-delay: .25s
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li:nth-child(6) {
animation-delay: .3s
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li:nth-child(7) {
animation-delay: .35s
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li:nth-child(8) {
animation-delay: .4s
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li:nth-child(9) {
animation-delay: .45s
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li:nth-child(10) {
animation-delay: .5s
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li:nth-child(11) {
animation-delay: .55s
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li:nth-child(12) {
animation-delay: .6s
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li:nth-child(13) {
animation-delay: .65s
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li:nth-child(14) {
animation-delay: .7s
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li:nth-child(15) {
animation-delay: .75s
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li:nth-child(16) {
animation-delay: .8s
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li:nth-child(17) {
animation-delay: .85s
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li:nth-child(18) {
animation-delay: .9s
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li:nth-child(19) {
animation-delay: .95s
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li:nth-child(20) {
animation-delay: 1s
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li>a {
display: block;
padding: var(--space-4) var(--space-6);
font-size: 1.125rem;
font-weight: 500;
color: #333;
text-decoration: none;
transition: all .2s ease
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li>a:hover {
color: #70c;
background: #7700cc0d
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li.current-menu-item>a,.mobile-menu .mobile-navigation .mobile-nav-menu>li.current_page_item>a {
color: #70c;
font-weight: 600;
background: #7700cc0d;
position: relative
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li.current-menu-item>a:before,.mobile-menu .mobile-navigation .mobile-nav-menu>li.current_page_item>a:before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
background: #70c
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li.menu-item-has-children {
position: relative;
display: flex;
flex-direction: column;
align-items: stretch
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li.menu-item-has-children>a {
padding-right: 3.5rem;
position: relative
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li.menu-item-has-children>.submenu-toggle {
display: none
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li.menu-item-cta>a {
background: #70c;
color: #fff;
margin: var(--space-2) var(--space-4);
text-align: center;
padding: var(--space-3-5) var(--space-6);
border-radius: 2rem
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li.menu-item-cta>a:after {
content: "";
display: none
}
.mobile-menu .mobile-navigation .mobile-nav-menu>li.menu-item-cta>a:hover {
background: #5c0099;
color: #fff
}
.mobile-menu .mobile-navigation .mobile-nav-menu .sub-menu {
background: #f9fafb;
padding: var(--space-2) 0;
display: block;
list-style: none;
margin: 0;
padding: 0
}
.mobile-menu .mobile-navigation .mobile-nav-menu .sub-menu:before {
display: none
}
.mobile-menu .mobile-navigation .mobile-nav-menu .sub-menu li {
list-style: none
}
.mobile-menu .mobile-navigation .mobile-nav-menu .sub-menu li:before {
display: none
}
.mobile-menu .mobile-navigation .mobile-nav-menu .sub-menu li {
border-bottom: 1px solid #e5e7eb;
transform: translateY(-10px);
animation: slideInStack .3s ease forwards
}
.mobile-menu .mobile-navigation .mobile-nav-menu .sub-menu li:nth-child(1) {
animation-delay: .24s
}
.mobile-menu .mobile-navigation .mobile-nav-menu .sub-menu li:nth-child(2) {
animation-delay: .28s
}
.mobile-menu .mobile-navigation .mobile-nav-menu .sub-menu li:nth-child(3) {
animation-delay: .32s
}
.mobile-menu .mobile-navigation .mobile-nav-menu .sub-menu li:nth-child(4) {
animation-delay: .36s
}
.mobile-menu .mobile-navigation .mobile-nav-menu .sub-menu li:nth-child(5) {
animation-delay: .4s
}
.mobile-menu .mobile-navigation .mobile-nav-menu .sub-menu li:nth-child(6) {
animation-delay: .44s
}
.mobile-menu .mobile-navigation .mobile-nav-menu .sub-menu li:nth-child(7) {
animation-delay: .48s
}
.mobile-menu .mobile-navigation .mobile-nav-menu .sub-menu li:nth-child(8) {
animation-delay: .52s
}
.mobile-menu .mobile-navigation .mobile-nav-menu .sub-menu li:nth-child(9) {
animation-delay: .56s
}
.mobile-menu .mobile-navigation .mobile-nav-menu .sub-menu li:nth-child(10) {
animation-delay: .6s
}
.mobile-menu .mobile-navigation .mobile-nav-menu .sub-menu li:last-child {
border-bottom: none
}
.mobile-menu .mobile-navigation .mobile-nav-menu .sub-menu li a {
display: block;
padding: var(--space-3) var(--space-4) var(--space-3) var(--space-8);
font-size: 1rem;
color: #333;
text-decoration: none
}
.mobile-menu .mobile-navigation .mobile-nav-menu .sub-menu li a:hover {
color: #70c;
padding-left: var(--space-10);
background: #7700cc14
}
@keyframes slideInStack {
0% {
transform: translateY(-20px)
}
to {
transform: translateY(0)
}
}
@media(max-width: 1023px) {
.primary-navigation {
position:fixed;
inset: 0;
width: 100%;
height: 100vh;
background: #fff;
border-bottom: 2px solid var(--border-primary, #e0e0e0);
transform: translateY(-100%);
transition: transform .4s cubic-bezier(.4,0,.2,1);
z-index: 1000;
overflow-y: auto;
padding: var(--space-16) 0 0 0
}
.primary-navigation.active {
display: block!important;
transform: translateY(0)!important;
pointer-events: auto!important
}
.primary-navigation .nav-menu {
flex-direction: column;
align-items: stretch;
gap: 0;
padding: 0
}
.primary-navigation .nav-menu>li {
position: relative;
border-bottom: 1px solid #e5e7eb;
list-style: none;
transform: translateY(-20px);
animation: slideInStack .4s ease forwards
}
.primary-navigation .nav-menu>li:nth-child(1) {
animation-delay: .05s
}
.primary-navigation .nav-menu>li:nth-child(2) {
animation-delay: .1s
}
.primary-navigation .nav-menu>li:nth-child(3) {
animation-delay: .15s
}
.primary-navigation .nav-menu>li:nth-child(4) {
animation-delay: .2s
}
.primary-navigation .nav-menu>li:nth-child(5) {
animation-delay: .25s
}
.primary-navigation .nav-menu>li:nth-child(6) {
animation-delay: .3s
}
.primary-navigation .nav-menu>li:nth-child(7) {
animation-delay: .35s
}
.primary-navigation .nav-menu>li:nth-child(8) {
animation-delay: .4s
}
.primary-navigation .nav-menu>li:nth-child(9) {
animation-delay: .45s
}
.primary-navigation .nav-menu>li:nth-child(10) {
animation-delay: .5s
}
.primary-navigation .nav-menu>li:nth-child(11) {
animation-delay: .55s
}
.primary-navigation .nav-menu>li:nth-child(12) {
animation-delay: .6s
}
.primary-navigation .nav-menu>li:nth-child(13) {
animation-delay: .65s
}
.primary-navigation .nav-menu>li:nth-child(14) {
animation-delay: .7s
}
.primary-navigation .nav-menu>li:nth-child(15) {
animation-delay: .75s
}
.primary-navigation .nav-menu>li:nth-child(16) {
animation-delay: .8s
}
.primary-navigation .nav-menu>li:nth-child(17) {
animation-delay: .85s
}
.primary-navigation .nav-menu>li:nth-child(18) {
animation-delay: .9s
}
.primary-navigation .nav-menu>li:nth-child(19) {
animation-delay: .95s
}
.primary-navigation .nav-menu>li:nth-child(20) {
animation-delay: 1s
}
.primary-navigation .nav-menu>li:before {
display: none
}
.primary-navigation .nav-menu>li>a {
display: block;
padding: var(--space-4) var(--space-6);
font-size: 1.125rem;
font-weight: 500;
border-radius: 0;
position: relative;
z-index: 1
}
.primary-navigation .nav-menu>li>a:after {
display: none
}
.primary-navigation .nav-menu>li>a:before {
display: none
}
.primary-navigation .nav-menu>li.menu-item-has-children>a {
padding-right: var(--space-6)
}
.primary-navigation .nav-menu>li.menu-item-cta>a {
background: #70c;
color: #fff;
margin: var(--space-2) var(--space-4);
text-align: center;
padding: var(--space-3-5) var(--space-6);
border-radius: 2rem
}
.primary-navigation .nav-menu>li.menu-item-cta>a:after {
content: "";
display: none
}
.primary-navigation .nav-menu>li.menu-item-cta>a:hover {
background: #5c0099;
color: #fff
}
.primary-navigation .nav-menu .submenu-toggle {
display: none
}
.primary-navigation .nav-menu .sub-menu {
position: static;
visibility: visible;
transform: none;
box-shadow: none;
border: none;
border-radius: 0;
background: #f9fafb;
margin: 0;
padding: var(--space-2) 0;
display: block
}
.primary-navigation .nav-menu .sub-menu li {
border-bottom: 1px solid #e5e7eb;
transform: translateY(-10px);
animation: slideInStack .3s ease forwards
}
.primary-navigation .nav-menu .sub-menu li:nth-child(1) {
animation-delay: .24s
}
.primary-navigation .nav-menu .sub-menu li:nth-child(2) {
animation-delay: .28s
}
.primary-navigation .nav-menu .sub-menu li:nth-child(3) {
animation-delay: .32s
}
.primary-navigation .nav-menu .sub-menu li:nth-child(4) {
animation-delay: .36s
}
.primary-navigation .nav-menu .sub-menu li:nth-child(5) {
animation-delay: .4s
}
.primary-navigation .nav-menu .sub-menu li:nth-child(6) {
animation-delay: .44s
}
.primary-navigation .nav-menu .sub-menu li:nth-child(7) {
animation-delay: .48s
}
.primary-navigation .nav-menu .sub-menu li:nth-child(8) {
animation-delay: .52s
}
.primary-navigation .nav-menu .sub-menu li:nth-child(9) {
animation-delay: .56s
}
.primary-navigation .nav-menu .sub-menu li:nth-child(10) {
animation-delay: .6s
}
.primary-navigation .nav-menu .sub-menu li:last-child {
border-bottom: none
}
.primary-navigation .nav-menu .sub-menu li a {
padding: var(--space-3) var(--space-4) var(--space-3) var(--space-8);
font-size: 1rem
}
.primary-navigation .nav-menu .sub-menu li a:hover {
color: #70c;
padding-left: var(--space-10);
background: #7700cc14
}
body.menu-open {
overflow: hidden
}
body.menu-open:after {
content: "";
position: fixed;
inset: 0;
background: #00000080;
z-index: 999
}
}
@media(hover: none)and (pointer:coarse) {
.primary-navigation .menu-item-has-children>a {
pointer-events:none
}
.primary-navigation .menu-item-has-children.open .sub-menu {
visibility: visible;
transform: translateY(0);
pointer-events: auto
}
}
.primary-navigation .nav-menu a:focus-visible,.mobile-menu-toggle:focus-visible {
outline: 3px solid #7700cc;
outline-offset: 4px;
border-radius: .25rem
}
.site-header .header-container {
display: flex;
align-items: center;
gap: var(--space-8);
padding: var(--space-5) var(--space-4);
max-width: 1400px;
margin: 0 auto
}
@media(max-width: 1023px) {
.site-header .header-container {
display:flex;
justify-content: space-between;
align-items: center;
gap: var(--space-4);
padding: var(--space-4)
}
}
@media(min-width: 768px) {
.site-header .header-container {
padding:var(--space-6) var(--space-4)
}
}
@media(min-width: 1024px) {
.site-header .header-container {
padding:var(--space-6) var(--space-8)
}
}
@media(min-width: 1600px) {
.site-header .header-container {
max-width:1600px
}
}
.site-header .header-logo {
flex-shrink: 0;
flex-grow: 0;
max-width: 250px;
min-width: 140px;
transition: transform .2s ease
}
.site-header .header-logo:hover {
transform: scale(1.05)
}
@media(min-width: 768px) {
.site-header .header-logo {
max-width:320px
}
}
@media(min-width: 1024px) {
.site-header .header-logo {
max-width:380px
}
}
.site-header .header-logo a {
display: block
}
.site-header .header-logo img {
display: block;
max-height: 60px;
max-width: 100%;
height: auto;
width: auto;
-o-object-fit: contain;
object-fit: contain
}
@media(min-width: 768px) {
.site-header .header-logo img {
max-height:75px
}
}
@media(min-width: 1024px) {
.site-header .header-logo img {
max-height:90px
}
}
.site-header #nav-island-mount {
flex-grow: 1;
flex-shrink: 1;
display: none
}
@media(min-width: 1024px) {
.site-header #nav-island-mount {
display:block
}
}
.site-header #nav-island-mount .site-nav .nav-menu {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: nowrap;
gap: var(--space-2);
list-style: none;
margin: 0;
padding: 0
}
.site-header #nav-island-mount .site-nav .nav-menu li {
list-style: none;
margin: 0;
flex-shrink: 0;
position: relative
}
.site-header #nav-island-mount .site-nav .nav-menu li:before {
display: none
}
.site-header #nav-island-mount .site-nav .nav-menu .nav-link {
display: inline-block;
padding: var(--space-3) var(--space-4);
font-size: .9375rem;
font-weight: 500;
color: #333;
text-decoration: none;
border-radius: .375rem;
transition: all .2s ease;
position: relative
}
.site-header #nav-island-mount .site-nav .nav-menu .nav-link:after {
content: "";
position: absolute;
bottom: .5rem;
left: 1rem;
right: 1rem;
height: 2px;
background-color: #70c;
transform: scaleX(0);
transform-origin: center;
transition: transform .2s ease
}
.site-header #nav-island-mount .site-nav .nav-menu .nav-link:hover {
color: #70c;
background-color: #7700cc0d
}
.site-header #nav-island-mount .site-nav .nav-menu .nav-link:hover:after {
transform: scaleX(1)
}
.site-header #nav-island-mount .site-nav .nav-menu .nav-link.current-menu-item,.site-header #nav-island-mount .site-nav .nav-menu .nav-link.current-page-item,.site-header #nav-island-mount .site-nav .nav-menu .nav-link[aria-current=page] {
color: #70c;
font-weight: 600
}
.site-header #nav-island-mount .site-nav .nav-menu .nav-link.current-menu-item:after,.site-header #nav-island-mount .site-nav .nav-menu .nav-link.current-page-item:after,.site-header #nav-island-mount .site-nav .nav-menu .nav-link[aria-current=page]:after {
transform: scaleX(1)
}
.site-header .header-actions {
flex-shrink: 0;
display: flex;
align-items: center;
gap: var(--space-4)
}
.site-header .header-actions .btn,.site-header .header-actions a {
display: inline-flex;
align-items: center;
justify-content: center;
padding: var(--space-2-5) var(--space-6);
font-size: .9375rem;
font-weight: 600;
text-decoration: none;
border-radius: .5rem;
transition: all .2s ease;
white-space: nowrap
}
@media(min-width: 1024px) {
.site-header .header-actions .btn,.site-header .header-actions a {
padding:var(--space-3) var(--space-7);
font-size: 1rem
}
}
.site-header .header-actions .btn-primary {
background-color: #70c;
color: #fff;
border: 2px solid #7700cc
}
.site-header .header-actions .btn-primary:hover {
background-color: #5c0099;
border-color: #5c0099;
transform: translateY(-2px)
}
.site-header .header-actions .btn-primary:active {
transform: translateY(0)
}
.site-header .header-actions .header-user-menu {
background: none;
border: none;
padding: var(--space-2);
cursor: pointer;
color: #333;
transition: all .2s ease;
border-radius: .375rem
}
.site-header .header-actions .header-user-menu:hover {
background-color: #7700cc0d;
color: #70c
}
.site-header .header-actions .header-user-menu svg {
width: 24px;
height: 24px;
display: block
}
.site-header .mobile-menu-toggle {
display: flex;
align-items: center;
justify-content: center;
background: none;
border: none;
padding: var(--space-2);
cursor: pointer;
color: #333;
transition: all .2s ease;
border-radius: .375rem
}
@media(min-width: 1024px) {
.site-header .mobile-menu-toggle {
display:none
}
}
.site-header .mobile-menu-toggle:hover {
background-color: #7700cc0d;
color: #70c
}
@media(max-width: 1023px) {
.site-header .header-container {
flex-wrap:wrap
}
.site-header #nav-island-mount {
display: none
}
.site-header #nav-island-mount.mobile-menu-open {
display: block;
width: 100%;
order: 10
}
.site-header #nav-island-mount.mobile-menu-open .site-nav .nav-menu {
flex-direction: column;
align-items: flex-start;
gap: 0;
padding: var(--space-4) 0
}
.site-header #nav-island-mount.mobile-menu-open .site-nav .nav-menu .nav-link {
width: 100%;
padding: var(--space-4);
border-radius: 0;
border-bottom: 1px solid #e5e7eb
}
.site-header #nav-island-mount.mobile-menu-open .site-nav .nav-menu .nav-link:after {
display: none
}
}
.site-header .header-logo a:focus-visible,.site-header .nav-link:focus-visible,.site-header .btn:focus-visible,.site-header .header-user-menu:focus-visible,.site-header .mobile-menu-toggle:focus-visible {
outline: 2px solid #7700cc;
outline-offset: 2px;
border-radius: .375rem
}
@media print {
.site-header .header-actions,.site-header .mobile-menu-toggle {
display: none
}
.site-header .header-logo img {
max-height: 40px
}
}
.page-template-document .hero-section,body.page-id-28704 .hero-section,body.page-id-28705 .hero-section {
background: #f5f5f5!important;
background-image: none!important;
padding: 2rem 0;
min-height: auto;
border-bottom: 3px solid #7700cc
}
@media(min-width: 768px) {
.page-template-document .hero-section,body.page-id-28704 .hero-section,body.page-id-28705 .hero-section {
padding:2.5rem 0
}
}
.page-template-document .hero-section .hero-section__overlay,body.page-id-28704 .hero-section .hero-section__overlay,body.page-id-28705 .hero-section .hero-section__overlay {
display: none
}
.page-template-document .hero-section .hero-section__title,body.page-id-28704 .hero-section .hero-section__title,body.page-id-28705 .hero-section .hero-section__title {
color: #1a1a1a;
font-size: 2rem;
margin-bottom: .5rem
}
@media(min-width: 768px) {
.page-template-document .hero-section .hero-section__title,body.page-id-28704 .hero-section .hero-section__title,body.page-id-28705 .hero-section .hero-section__title {
font-size:2.5rem
}
}
.page-template-document .hero-section .hero-section__subtitle,body.page-id-28704 .hero-section .hero-section__subtitle,body.page-id-28705 .hero-section .hero-section__subtitle {
color: #666;
font-size: 1.125rem;
font-weight: 400
}
.page-template-document .hero-section .hero-section__button,body.page-id-28704 .hero-section .hero-section__button,body.page-id-28705 .hero-section .hero-section__button {
display: none
}
.page-template-document .text-section,body.page-id-28704 .text-section,body.page-id-28705 .text-section {
max-width: 800px;
margin: 0 auto;
padding: 2rem 1.5rem;
background: #fff
}
@media(min-width: 768px) {
.page-template-document .text-section,body.page-id-28704 .text-section,body.page-id-28705 .text-section {
padding:3rem 2rem
}
}
.page-template-document .text-section:first-of-type,body.page-id-28704 .text-section:first-of-type,body.page-id-28705 .text-section:first-of-type {
padding-top: 3rem
}
@media(min-width: 768px) {
.page-template-document .text-section:first-of-type,body.page-id-28704 .text-section:first-of-type,body.page-id-28705 .text-section:first-of-type {
padding-top:4rem
}
}
.page-template-document .text-section:last-of-type,body.page-id-28704 .text-section:last-of-type,body.page-id-28705 .text-section:last-of-type {
padding-bottom: 4rem
}
@media(min-width: 768px) {
.page-template-document .text-section:last-of-type,body.page-id-28704 .text-section:last-of-type,body.page-id-28705 .text-section:last-of-type {
padding-bottom:5rem
}
}
.page-template-document .text-section .text-section__content,body.page-id-28704 .text-section .text-section__content,body.page-id-28705 .text-section .text-section__content {
line-height: 1.8;
font-size: 1rem;
color: #333
}
@media(min-width: 768px) {
.page-template-document .text-section .text-section__content,body.page-id-28704 .text-section .text-section__content,body.page-id-28705 .text-section .text-section__content {
font-size:1.0625rem
}
}
.page-template-document .text-section .text-section__content h3,body.page-id-28704 .text-section .text-section__content h3,body.page-id-28705 .text-section .text-section__content h3 {
color: #333;
font-size: 1.375rem;
font-weight: 600;
margin-top: 2rem;
margin-bottom: 1rem;
line-height: 1.4
}
@media(min-width: 768px) {
.page-template-document .text-section .text-section__content h3,body.page-id-28704 .text-section .text-section__content h3,body.page-id-28705 .text-section .text-section__content h3 {
font-size:1.5rem
}
}
.page-template-document .text-section .text-section__content h4,body.page-id-28704 .text-section .text-section__content h4,body.page-id-28705 .text-section .text-section__content h4 {
color: #444;
font-size: 1.125rem;
font-weight: 600;
margin-top: 1.5rem;
margin-bottom: .75rem;
line-height: 1.4
}
@media(min-width: 768px) {
.page-template-document .text-section .text-section__content h4,body.page-id-28704 .text-section .text-section__content h4,body.page-id-28705 .text-section .text-section__content h4 {
font-size:1.25rem
}
}
.page-template-document .text-section .text-section__content p,body.page-id-28704 .text-section .text-section__content p,body.page-id-28705 .text-section .text-section__content p {
margin-bottom: 1.25rem;
line-height: 1.8;
color: #333
}
.page-template-document .text-section .text-section__content p:last-child,body.page-id-28704 .text-section .text-section__content p:last-child,body.page-id-28705 .text-section .text-section__content p:last-child {
margin-bottom: 0
}
.page-template-document .text-section .text-section__content ul,.page-template-document .text-section .text-section__content ol,body.page-id-28704 .text-section .text-section__content ul,body.page-id-28704 .text-section .text-section__content ol,body.page-id-28705 .text-section .text-section__content ul,body.page-id-28705 .text-section .text-section__content ol {
margin: 1.5rem 0;
padding-left: 2rem;
line-height: 1.8
}
@media(min-width: 768px) {
.page-template-document .text-section .text-section__content ul,.page-template-document .text-section .text-section__content ol,body.page-id-28704 .text-section .text-section__content ul,body.page-id-28704 .text-section .text-section__content ol,body.page-id-28705 .text-section .text-section__content ul,body.page-id-28705 .text-section .text-section__content ol {
padding-left:2.5rem
}
}
.page-template-document .text-section .text-section__content ul li,.page-template-document .text-section .text-section__content ol li,body.page-id-28704 .text-section .text-section__content ul li,body.page-id-28704 .text-section .text-section__content ol li,body.page-id-28705 .text-section .text-section__content ul li,body.page-id-28705 .text-section .text-section__content ol li {
margin-bottom: .75rem;
color: #333
}
.page-template-document .text-section .text-section__content ul li:last-child,.page-template-document .text-section .text-section__content ol li:last-child,body.page-id-28704 .text-section .text-section__content ul li:last-child,body.page-id-28704 .text-section .text-section__content ol li:last-child,body.page-id-28705 .text-section .text-section__content ul li:last-child,body.page-id-28705 .text-section .text-section__content ol li:last-child {
margin-bottom: 0
}
.page-template-document .text-section .text-section__content ul ul,.page-template-document .text-section .text-section__content ul ol,.page-template-document .text-section .text-section__content ol ul,.page-template-document .text-section .text-section__content ol ol,body.page-id-28704 .text-section .text-section__content ul ul,body.page-id-28704 .text-section .text-section__content ul ol,body.page-id-28704 .text-section .text-section__content ol ul,body.page-id-28704 .text-section .text-section__content ol ol,body.page-id-28705 .text-section .text-section__content ul ul,body.page-id-28705 .text-section .text-section__content ul ol,body.page-id-28705 .text-section .text-section__content ol ul,body.page-id-28705 .text-section .text-section__content ol ol {
margin-top: .75rem;
margin-bottom: .75rem
}
.page-template-document .text-section .text-section__content ul,body.page-id-28704 .text-section .text-section__content ul,body.page-id-28705 .text-section .text-section__content ul {
list-style: disc
}
.page-template-document .text-section .text-section__content ol,body.page-id-28704 .text-section .text-section__content ol,body.page-id-28705 .text-section .text-section__content ol {
list-style: decimal
}
.page-template-document .text-section .text-section__content a:not(.wp-block-button__link):not([class*=button]),body.page-id-28704 .text-section .text-section__content a:not(.wp-block-button__link):not([class*=button]),body.page-id-28705 .text-section .text-section__content a:not(.wp-block-button__link):not([class*=button]) {
color: #70c;
text-decoration: underline;
font-weight: 500;
transition: color .2s ease
}
.page-template-document .text-section .text-section__content a:not(.wp-block-button__link):not([class*=button]):hover,body.page-id-28704 .text-section .text-section__content a:not(.wp-block-button__link):not([class*=button]):hover,body.page-id-28705 .text-section .text-section__content a:not(.wp-block-button__link):not([class*=button]):hover {
color: #5c0099;
text-decoration: none
}
.page-template-document .text-section .text-section__content a:not(.wp-block-button__link):not([class*=button]):focus-visible,body.page-id-28704 .text-section .text-section__content a:not(.wp-block-button__link):not([class*=button]):focus-visible,body.page-id-28705 .text-section .text-section__content a:not(.wp-block-button__link):not([class*=button]):focus-visible {
outline: 3px solid #7700cc;
outline-offset: 2px;
border-radius: 2px
}
.page-template-document .text-section .text-section__content table,body.page-id-28704 .text-section .text-section__content table,body.page-id-28705 .text-section .text-section__content table {
width: 100%;
border-collapse: collapse;
margin: 2rem 0;
font-size: .9375rem
}
@media(max-width: 767px) {
.page-template-document .text-section .text-section__content table,body.page-id-28704 .text-section .text-section__content table,body.page-id-28705 .text-section .text-section__content table {
display:block;
overflow-x: auto
}
}
@media print {
body.page-id-28704 .site-header,body.page-id-28704 .site-footer,body.page-id-28704 .mobile-menu-toggle,body.page-id-28704 .hero-section__button,body.page-id-28705 .site-header,body.page-id-28705 .site-footer,body.page-id-28705 .mobile-menu-toggle,body.page-id-28705 .hero-section__button {
display: none!important
}
body.page-id-28704 .hero-section,body.page-id-28705 .hero-section {
background: #fff!important;
border-bottom: 2px solid black;
padding: 1rem 0
}
body.page-id-28704 .text-section,body.page-id-28705 .text-section {
max-width: 100%;
padding: 1rem
}
body.page-id-28704 .text-section .text-section__content,body.page-id-28705 .text-section .text-section__content {
font-size: 11pt;
line-height: 1.6;
color: #000
}
body.page-id-28704 .text-section .text-section__content h3,body.page-id-28705 .text-section .text-section__content h3 {
font-size: 14pt;
page-break-after: avoid
}
body.page-id-28704 .text-section .text-section__content h4,body.page-id-28705 .text-section .text-section__content h4 {
font-size: 12pt;
page-break-after: avoid
}
body.page-id-28704 .text-section .text-section__content p,body.page-id-28704 .text-section .text-section__content li,body.page-id-28705 .text-section .text-section__content p,body.page-id-28705 .text-section .text-section__content li {
color: #000;
orphans: 3;
widows: 3
}
body.page-id-28704 .text-section .text-section__content a,body.page-id-28705 .text-section .text-section__content a {
color: #000;
text-decoration: underline
}
body.page-id-28704 .text-section .text-section__content p,body.page-id-28704 .text-section .text-section__content li,body.page-id-28705 .text-section .text-section__content p,body.page-id-28705 .text-section .text-section__content li {
page-break-inside: avoid
}
body.page-id-28704 .text-section,body.page-id-28705 .text-section {
page-break-after: auto
}
}
@media(prefers-contrast:high) {
.page-template-document .text-section__content h3,.page-template-document .text-section__content h4,body.page-id-28704 .text-section__content h3,body.page-id-28704 .text-section__content h4,body.page-id-28705 .text-section__content h3,body.page-id-28705 .text-section__content h4,.page-template-document .text-section__content p,.page-template-document .text-section__content li,body.page-id-28704 .text-section__content p,body.page-id-28704 .text-section__content li,body.page-id-28705 .text-section__content p,body.page-id-28705 .text-section__content li {
color: #000
}
.page-template-document .text-section__content a,body.page-id-28704 .text-section__content a,body.page-id-28705 .text-section__content a {
text-decoration: underline;
text-decoration-thickness: 2px
}
}
.page-template-document *:focus-visible,body.page-id-28704 *:focus-visible,body.page-id-28705 *:focus-visible {
outline: 3px solid #7700cc;
outline-offset: 3px
}
.site-footer {
padding: var(--space-12) 0 var(--space-6);
background: #f9fafb;
color: #1a1a1a;
border-top: 1px solid #e5e7eb
}
@media(min-width: 768px) {
.site-footer {
padding:var(--space-14) 0 var(--space-8)
}
}
@media(min-width: 1024px) {
.site-footer {
padding:var(--space-16) 0 var(--space-10)
}
}
.footer-widgets {
margin-bottom: var(--space-8)
}
@media(min-width: 768px) {
.footer-widgets {
margin-bottom:var(--space-10)
}
}
.footer-widgets:empty {
display: none;
margin: 0
}
.footer-widget-columns {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(var(--footer-column-min-width, 250px),1fr));
gap: var(--space-8)
}
@media(min-width: 768px) {
.footer-widget-columns {
gap:var(--space-10)
}
}
@media(min-width: 1024px) {
.footer-widget-columns {
gap:var(--space-12)
}
}
.footer-widget-columns:empty {
display: none
}
.footer-widget-column h3,.footer-widget-column h4 {
color: #1a1a1a;
font-size: 1.25rem;
font-weight: 700;
margin-bottom: var(--space-6);
letter-spacing: .5px
}
@media(min-width: 768px) {
.footer-widget-column h3,.footer-widget-column h4 {
font-size:1.375rem;
margin-bottom: var(--space-8)
}
}
.footer-widget-column ul {
list-style: none;
margin: 0;
padding: 0
}
.footer-widget-column ul:before {
display: none
}
.footer-widget-column ul li {
list-style: none
}
.footer-widget-column ul li:before {
display: none
}
.footer-widget-column li {
margin-bottom: var(--space-4)
}
@media(min-width: 768px) {
.footer-widget-column li {
margin-bottom:var(--space-5)
}
}
.footer-widget-column a {
color: #555;
text-decoration: none;
font-size: 1rem;
font-weight: 500;
display: inline-block;
padding: var(--space-2) 0;
transition: color .2s ease
}
.footer-widget-column a:hover {
color: #70c
}
@media(min-width: 768px) {
.footer-widget-column a {
font-size:1.0625rem
}
}
.footer-widget-column p {
color: #666;
line-height: 1.8;
font-size: 1rem
}
@media(min-width: 768px) {
.footer-widget-column p {
font-size:1.0625rem
}
}
.footer-bottom {
padding: var(--space-6) 0;
border-top: 1px solid #e5e7eb
}
@media(min-width: 768px) {
.footer-bottom {
padding:var(--space-8) 0
}
}
.footer-bottom-inner {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: var(--space-6)
}
.footer-copyright {
color: #666;
font-size: 1rem;
text-align: left;
width: 100%
}
.footer-navigation {
width: 100%
}
.footer-navigation .footer-menu {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: var(--space-4);
list-style: none;
margin: 0;
padding: 0
}
.footer-navigation .footer-menu:before {
display: none
}
.footer-navigation .footer-menu li {
list-style: none
}
.footer-navigation .footer-menu li:before {
display: none
}
.footer-navigation .footer-menu li {
margin: 0
}
.footer-navigation .footer-menu a {
color: #555;
text-decoration: none;
font-size: 1rem;
font-weight: 500;
padding: var(--space-2) 0;
display: inline-block;
transition: color .2s ease
}
.footer-navigation .footer-menu a:hover {
color: #70c
}
.footer-social {
display: flex;
align-items: flex-start;
gap: var(--space-6);
width: 100%
}
.footer-social .social-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
background: #e5e7eb;
border-radius: 50%;
color: #555;
text-decoration: none;
transition: all .3s ease
}
.footer-social .social-link:hover {
background: var(--color-brand-primary, #7700cc);
color: #fff;
transform: translateY(-2px);
box-shadow: 0 4px 12px #7700cc4d
}
.footer-social .social-link {
font-size: 1.25rem
}
@media(min-width: 768px) {
.footer-social .social-link {
display:inline-flex;
align-items: center;
justify-content: center;
width: 3.5rem;
height: 3.5rem;
background: #e5e7eb;
border-radius: 50%;
color: #555;
text-decoration: none;
transition: all .3s ease
}
.footer-social .social-link:hover {
background: var(--color-brand-primary, #7700cc);
color: #fff;
transform: translateY(-2px);
box-shadow: 0 4px 12px #7700cc4d
}
.footer-social .social-link {
font-size: 1.5rem
}
}
.footer-social .social-link .dashicons {
display: flex;
align-items: center;
justify-content: center;
width: 1.5rem;
height: 1.5rem;
line-height: 1
}
@media(min-width: 768px) {
.footer-social .social-link .dashicons {
width:1.75rem;
height: 1.75rem
}
}
.footer-navigation a:focus-visible {
outline: 3px solid #7700cc;
outline-offset: 4px;
border-radius: .25rem
}
.social-archive {
background: linear-gradient(135deg,#f5f7fa,#fff);
min-height: 100vh
}
.social-archive .archive-header {
background: var(--color-brand-primary);
color: #fff;
padding: 4rem 0 3rem;
text-align: center;
margin-bottom: 2rem
}
.social-archive .archive-header .archive-title {
font-size: clamp(2rem,4vw,3rem);
margin-bottom: 1rem;
font-weight: 700
}
.social-archive .archive-header .archive-description {
font-size: 1.125rem;
max-width: 60ch;
margin: 0 auto;
opacity: .95
}
.social-archive .social-filters {
background: #fff;
padding: 2rem 0;
border-bottom: 1px solid #e5e7eb;
margin-bottom: 2rem;
position: sticky;
top: 0;
z-index: 10;
border: 1px solid var(--border-primary)
}
.social-archive .social-filters .search-form {
margin-bottom: 1.5rem
}
.social-archive .social-filters .search-form .search-input-wrapper {
display: flex;
gap: .5rem;
max-width: 600px;
margin: 0 auto
}
.social-archive .social-filters .search-form .search-input-wrapper .search-field {
flex: 1;
padding: .875rem 1.25rem;
border: 2px solid #e5e7eb;
border-radius: 8px;
font-size: 1rem;
transition: border-color .2s
}
.social-archive .social-filters .search-form .search-input-wrapper .search-field:focus {
outline: none;
border-color: var(--color-brand-primary)
}
.social-archive .social-filters .search-form .search-input-wrapper .search-submit {
padding: .875rem 2rem;
background: var(--color-brand-primary);
color: #fff;
border: none;
border-radius: 8px;
font-weight: 600;
cursor: pointer;
transition: background .2s
}
.social-archive .social-filters .search-form .search-input-wrapper .search-submit:hover {
background: var(--color-brand-primary-dark)
}
.social-archive .social-filters .tag-filter {
display: flex;
align-items: center;
gap: 1rem;
flex-wrap: wrap;
justify-content: center
}
.social-archive .social-filters .tag-filter .filter-label {
font-weight: 600;
color: #374151
}
.social-archive .social-filters .tag-filter .tag-list {
display: flex;
gap: .5rem;
flex-wrap: wrap
}
.social-archive .social-filters .tag-filter .tag-list .tag {
display: inline-block;
padding: .5rem 1rem;
background: #f3f4f6;
border: 2px solid transparent;
border-radius: 20px;
font-size: .875rem;
font-weight: 500;
color: #6b7280;
text-decoration: none;
transition: all .2s
}
.social-archive .social-filters .tag-filter .tag-list .tag:hover {
background: #e5e7eb;
color: #374151
}
.social-archive .social-filters .tag-filter .tag-list .tag.active {
background: var(--color-brand-primary);
color: #fff;
border-color: var(--color-brand-primary)
}
.social-archive .social-posts-list {
padding: 2rem 0 4rem
}
.social-archive .social-posts-list .posts-grid {
display: grid;
grid-template-columns: repeat(auto-fill,minmax(350px,1fr));
gap: 1.5rem;
margin-bottom: 3rem
}
@media(max-width: 768px) {
.social-archive .social-posts-list .posts-grid {
grid-template-columns:1fr
}
}
.social-archive .social-posts-list .social-post-card {
background: #fff;
border-radius: 12px;
padding: 1.5rem;
border: 2px solid var(--border-primary);
transition: all .3s
}
.social-archive .social-posts-list .social-post-card:hover {
transform: translateY(-4px);
border-color: var(--color-brand-primary)
}
.social-archive .social-posts-list .social-post-card .post-link {
text-decoration: none;
color: inherit;
display: block
}
.social-archive .social-posts-list .social-post-card .post-meta-header {
display: flex;
gap: .5rem;
margin-bottom: 1rem;
flex-wrap: wrap
}
.social-archive .social-posts-list .social-post-card .post-meta-header .platform-badge {
display: inline-block;
padding: .25rem .75rem;
border-radius: 6px;
font-size: .75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .5px
}
.social-archive .social-posts-list .social-post-card .post-meta-header .platform-badge.platform-linkedin {
background: #0a66c2;
color: #fff
}
.social-archive .social-posts-list .social-post-card .post-meta-header .platform-badge.platform-twitter {
background: #1da1f2;
color: #fff
}
.social-archive .social-posts-list .social-post-card .post-meta-header .platform-badge.platform-facebook {
background: #4267b2;
color: #fff
}
.social-archive .social-posts-list .social-post-card .post-meta-header .priority-badge {
display: inline-block;
padding: .25rem .75rem;
background: var(--color-brand-accent);
color: #fff;
border-radius: 6px;
font-size: .75rem;
font-weight: 600
}
.social-archive .social-posts-list .social-post-card .post-title {
font-size: 1.25rem;
font-weight: 700;
margin-bottom: .75rem;
line-height: 1.3;
color: #111827
}
.social-archive .social-posts-list .social-post-card .post-excerpt {
font-size: .875rem;
color: #6b7280;
line-height: 1.6;
margin-bottom: 1rem
}
.social-archive .social-posts-list .social-post-card .post-meta-footer {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 1rem;
border-top: 1px solid #f3f4f6;
font-size: .875rem;
color: #6b7280;
margin-bottom: 1rem
}
.social-archive .social-posts-list .social-post-card .post-meta-footer .post-author {
display: flex;
flex-direction: column;
gap: .25rem
}
.social-archive .social-posts-list .social-post-card .post-meta-footer .post-author .author-role {
font-size: .75rem;
color: #9ca3af
}
.social-archive .social-posts-list .social-post-card .post-meta-footer .post-date {
font-weight: 500
}
.social-archive .social-posts-list .social-post-card .post-tags {
display: flex;
gap: .5rem;
flex-wrap: wrap
}
.social-archive .social-posts-list .social-post-card .post-tags .tag-badge {
padding: .25rem .625rem;
background: #f3f4f6;
color: var(--color-brand-primary);
border-radius: 6px;
font-size: .75rem;
font-weight: 500
}
.social-archive .social-posts-list .social-post-card .post-tags .tag-badge.more {
background: #e5e7eb;
color: #6b7280
}
.social-archive .social-posts-list .social-post-card .post-thumbnail {
margin-top: 1rem;
border-radius: 8px;
overflow: hidden
}
.social-archive .social-posts-list .social-post-card .post-thumbnail img {
width: 100%;
height: auto;
display: block
}
.social-archive .pagination {
margin-top: 3rem;
text-align: center
}
.social-archive .pagination .nav-links {
display: flex;
justify-content: center;
gap: .5rem;
flex-wrap: wrap
}
.social-archive .pagination .nav-links a,.social-archive .pagination .nav-links .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 .75rem;
background: #fff;
border: 2px solid #e5e7eb;
border-radius: 8px;
color: #374151;
font-weight: 500;
text-decoration: none;
transition: all .2s
}
.social-archive .pagination .nav-links a:hover,.social-archive .pagination .nav-links .page-numbers:hover,.social-archive .pagination .nav-links a.current,.social-archive .pagination .nav-links .page-numbers.current {
background: var(--color-brand-primary);
color: #fff;
border-color: var(--color-brand-primary)
}
.social-archive .no-posts-found {
text-align: center;
padding: 4rem 2rem;
background: #fff;
border-radius: 12px;
border: 1px solid var(--border-primary)
}
.social-archive .no-posts-found p {
color: #6b7280;
font-size: 1.125rem
}
.social-archive .archive-stats {
background: #fff;
border-top: 1px solid #e5e7eb;
padding: 2rem 0;
margin-top: 2rem
}
.social-archive .archive-stats .stats-text {
text-align: center;
color: #6b7280;
font-size: .875rem;
margin: 0
}
.social-single {
background: #f9fafb;
min-height: 100vh
}
.social-single .social-post .breadcrumb {
background: #fff;
padding: 1rem 0;
border-bottom: 1px solid #e5e7eb;
font-size: .875rem
}
.social-single .social-post .breadcrumb a {
color: var(--color-brand-primary);
text-decoration: none
}
.social-single .social-post .breadcrumb a:hover {
text-decoration: underline
}
.social-single .social-post .breadcrumb .separator {
margin: 0 .5rem;
color: #9ca3af
}
.social-single .social-post .breadcrumb .current {
color: #6b7280
}
.social-single .social-post .post-header {
background: #fff;
padding: 3rem 0;
border-bottom: 1px solid #e5e7eb
}
.social-single .social-post .post-header .post-meta-badges {
display: flex;
gap: .5rem;
margin-bottom: 1.5rem;
flex-wrap: wrap
}
.social-single .social-post .post-header .post-meta-badges .platform-badge,.social-single .social-post .post-header .post-meta-badges .priority-badge,.social-single .social-post .post-header .post-meta-badges .content-type-badge {
display: inline-block;
padding: .5rem 1rem;
border-radius: 8px;
font-size: .875rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .5px
}
.social-single .social-post .post-header .post-meta-badges .platform-badge.platform-linkedin {
background: #0a66c2;
color: #fff
}
.social-single .social-post .post-header .post-meta-badges .priority-badge {
background: var(--color-brand-accent);
color: #fff
}
.social-single .social-post .post-header .post-meta-badges .content-type-badge {
background: var(--color-brand-secondary);
color: #fff
}
.social-single .social-post .post-header .post-title {
font-size: clamp(2rem,4vw,3rem);
font-weight: 700;
line-height: 1.2;
margin-bottom: 1.5rem;
color: #111827
}
.social-single .social-post .post-header .post-meta-info {
display: flex;
gap: 2rem;
flex-wrap: wrap;
padding: 1.5rem 0;
border-top: 1px solid #e5e7eb;
border-bottom: 1px solid #e5e7eb;
margin-bottom: 1rem;
font-size: .875rem
}
.social-single .social-post .post-header .post-meta-info>div {
display: flex;
gap: .5rem;
align-items: baseline
}
.social-single .social-post .post-header .post-meta-info>div .label {
color: #6b7280;
font-weight: 500
}
.social-single .social-post .post-header .post-meta-info>div .author-role {
color: #6b7280;
font-size: .875rem
}
.social-single .social-post .post-header .post-tags {
display: flex;
gap: .5rem;
flex-wrap: wrap;
margin-top: 1rem
}
.social-single .social-post .post-header .post-tags .tag-badge {
padding: .5rem .875rem;
background: #f3f4f6;
color: var(--color-brand-primary);
border-radius: 8px;
font-size: .875rem;
font-weight: 500;
text-decoration: none;
transition: all .2s
}
.social-single .social-post .post-header .post-tags .tag-badge:hover {
background: var(--color-brand-primary);
color: #fff
}
.social-single .social-post .post-featured-image {
background: #fff;
padding: 2rem 0;
border-bottom: 1px solid #e5e7eb
}
.social-single .social-post .post-featured-image img {
width: 100%;
height: auto;
border-radius: 12px;
border-color: var(--brand-primary)
}
.social-single .social-post .post-content {
background: #fff;
padding: 3rem 0
}
.social-single .social-post .post-content .content-wrapper {
max-width: 800px;
margin: 0 auto;
font-size: 1.125rem;
line-height: 1.8;
color: #374151
}
.social-single .social-post .post-content .content-wrapper h3,.social-single .social-post .post-content .content-wrapper h4 {
color: #111827;
margin-top: 2rem;
margin-bottom: 1rem
}
.social-single .social-post .post-content .content-wrapper p {
margin-bottom: 1.5rem
}
.social-single .social-post .post-content .content-wrapper ul,.social-single .social-post .post-content .content-wrapper ol {
margin-bottom: 1.5rem;
padding-left: 1.5rem
}
.social-single .social-post .post-content .content-wrapper ul li,.social-single .social-post .post-content .content-wrapper ol li {
margin-bottom: .5rem
}
.social-single .social-post .post-content .content-wrapper code {
background: #f3f4f6;
padding: .25rem .5rem;
border-radius: 4px;
font-size: .875em;
font-family: Courier New,monospace
}
.social-single .social-post .post-footer {
background: #fff;
padding: 3rem 0;
border-top: 1px solid #e5e7eb
}
.social-single .social-post .post-footer .post-navigation {
margin-bottom: 2rem
}
.social-single .social-post .post-footer .post-navigation .nav-links {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
gap: 1.5rem
}
.social-single .social-post .post-footer .post-navigation .nav-links>div {
padding: 1.5rem;
background: #f9fafb;
border-radius: 12px;
transition: all .3s
}
.social-single .social-post .post-footer .post-navigation .nav-links>div:hover {
background: #f3f4f6;
transform: translateY(-2px)
}
.social-single .social-post .post-footer .post-navigation .nav-links>div .nav-label {
display: block;
font-size: .875rem;
font-weight: 600;
color: #6b7280;
margin-bottom: .5rem
}
.social-single .social-post .post-footer .post-navigation .nav-links>div .nav-title {
display: block;
font-size: 1.125rem;
font-weight: 600;
color: var(--color-brand-primary);
text-decoration: none
}
.social-single .social-post .post-footer .post-navigation .nav-links>div .nav-title:hover {
text-decoration: underline
}
.social-single .social-post .post-footer .post-navigation .nav-links .nav-previous {
text-align: left
}
.social-single .social-post .post-footer .post-navigation .nav-links .nav-next {
text-align: right
}
.social-single .social-post .post-footer .back-to-archive {
text-align: center;
padding-top: 2rem;
border-top: 1px solid #e5e7eb
}
.social-single .social-post .post-footer .back-to-archive .btn {
display: inline-flex;
align-items: center;
gap: .5rem
}
.page-template-legal,body.page-privacy-policy,body.page-terms-conditions,body.page-id-privacy,body.page-id-terms {
background: #f9fafb
}
.page-template-legal .hero-section,body.page-privacy-policy .hero-section,body.page-terms-conditions .hero-section,body.page-id-privacy .hero-section,body.page-id-terms .hero-section {
background: linear-gradient(135deg,var(--color-brand-primary) 0%,var(--color-brand-primary-dark) 100%);
color: #fff;
padding: 4rem 0 3rem;
text-align: center;
margin-bottom: 0;
position: relative;
overflow: hidden
}
.page-template-legal .hero-section:before,body.page-privacy-policy .hero-section:before,body.page-terms-conditions .hero-section:before,body.page-id-privacy .hero-section:before,body.page-id-terms .hero-section:before {
content: "";
position: absolute;
inset: 0;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="1" height="1" fill="white" opacity="0.05"/></svg>');
background-size: 20px 20px;
opacity: .3
}
.page-template-legal .hero-section .hero-section__title,body.page-privacy-policy .hero-section .hero-section__title,body.page-terms-conditions .hero-section .hero-section__title,body.page-id-privacy .hero-section .hero-section__title,body.page-id-terms .hero-section .hero-section__title {
position: relative;
font-size: clamp(2.5rem,5vw,4rem);
font-weight: 700;
margin-bottom: 1rem;
color: #fff
}
.page-template-legal .hero-section .hero-section__subtitle,.page-template-legal .hero-section .subtitle,body.page-privacy-policy .hero-section .hero-section__subtitle,body.page-privacy-policy .hero-section .subtitle,body.page-terms-conditions .hero-section .hero-section__subtitle,body.page-terms-conditions .hero-section .subtitle,body.page-id-privacy .hero-section .hero-section__subtitle,body.page-id-privacy .hero-section .subtitle,body.page-id-terms .hero-section .hero-section__subtitle,body.page-id-terms .hero-section .subtitle {
position: relative;
font-size: 1.25rem;
opacity: .95;
margin-bottom: 0
}
.page-template-legal .entry-content,.page-template-legal .post-content,.page-template-legal .text-section,body.page-privacy-policy .entry-content,body.page-privacy-policy .post-content,body.page-privacy-policy .text-section,body.page-terms-conditions .entry-content,body.page-terms-conditions .post-content,body.page-terms-conditions .text-section,body.page-id-privacy .entry-content,body.page-id-privacy .post-content,body.page-id-privacy .text-section,body.page-id-terms .entry-content,body.page-id-terms .post-content,body.page-id-terms .text-section {
background: #fff
}
.page-template-legal .entry-content h3,.page-template-legal .entry-content h4,.page-template-legal .entry-content .entry-title,.page-template-legal .post-content h3,.page-template-legal .post-content h4,.page-template-legal .post-content .entry-title,.page-template-legal .text-section h3,.page-template-legal .text-section h4,.page-template-legal .text-section .entry-title,body.page-privacy-policy .entry-content h3,body.page-privacy-policy .entry-content h4,body.page-privacy-policy .entry-content .entry-title,body.page-privacy-policy .post-content h3,body.page-privacy-policy .post-content h4,body.page-privacy-policy .post-content .entry-title,body.page-privacy-policy .text-section h3,body.page-privacy-policy .text-section h4,body.page-privacy-policy .text-section .entry-title,body.page-terms-conditions .entry-content h3,body.page-terms-conditions .entry-content h4,body.page-terms-conditions .entry-content .entry-title,body.page-terms-conditions .post-content h3,body.page-terms-conditions .post-content h4,body.page-terms-conditions .post-content .entry-title,body.page-terms-conditions .text-section h3,body.page-terms-conditions .text-section h4,body.page-terms-conditions .text-section .entry-title,body.page-id-privacy .entry-content h3,body.page-id-privacy .entry-content h4,body.page-id-privacy .entry-content .entry-title,body.page-id-privacy .post-content h3,body.page-id-privacy .post-content h4,body.page-id-privacy .post-content .entry-title,body.page-id-privacy .text-section h3,body.page-id-privacy .text-section h4,body.page-id-privacy .text-section .entry-title,body.page-id-terms .entry-content h3,body.page-id-terms .entry-content h4,body.page-id-terms .entry-content .entry-title,body.page-id-terms .post-content h3,body.page-id-terms .post-content h4,body.page-id-terms .post-content .entry-title,body.page-id-terms .text-section h3,body.page-id-terms .text-section h4,body.page-id-terms .text-section .entry-title {
color: #111827
}
.page-template-legal .text-section,body.page-privacy-policy .text-section,body.page-terms-conditions .text-section,body.page-id-privacy .text-section,body.page-id-terms .text-section {
padding: 3rem 0;
border-bottom: 1px solid #e5e7eb
}
.page-template-legal .text-section:last-of-type,body.page-privacy-policy .text-section:last-of-type,body.page-terms-conditions .text-section:last-of-type,body.page-id-privacy .text-section:last-of-type,body.page-id-terms .text-section:last-of-type {
border-bottom: none
}
.page-template-legal .text-section .text-section__content,body.page-privacy-policy .text-section .text-section__content,body.page-terms-conditions .text-section .text-section__content,body.page-id-privacy .text-section .text-section__content,body.page-id-terms .text-section .text-section__content {
max-width: 1000px;
margin: 0 auto
}
.page-template-legal h3,body.page-privacy-policy h3,body.page-terms-conditions h3,body.page-id-privacy h3,body.page-id-terms h3 {
font-size: 1.5rem;
font-weight: 600;
color: #374151;
margin-top: 2rem;
margin-bottom: 1rem
}
.page-template-legal h4,body.page-privacy-policy h4,body.page-terms-conditions h4,body.page-id-privacy h4,body.page-id-terms h4 {
font-size: 1.25rem;
font-weight: 600;
color: #4b5563;
margin-top: 1.5rem;
margin-bottom: .75rem
}
.page-template-legal p,body.page-privacy-policy p,body.page-terms-conditions p,body.page-id-privacy p,body.page-id-terms p {
font-size: 1.0625rem;
line-height: 1.8;
color: #374151;
margin-bottom: 1.5rem
}
.page-template-legal .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),.page-template-legal .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),.page-template-legal .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),.page-template-legal .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),.page-template-legal .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),.page-template-legal .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),.page-template-legal main ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),.page-template-legal main ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-privacy-policy .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-privacy-policy .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-privacy-policy .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-privacy-policy .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-privacy-policy .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-privacy-policy .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-privacy-policy main ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-privacy-policy main ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-terms-conditions .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-terms-conditions .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-terms-conditions .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-terms-conditions .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-terms-conditions .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-terms-conditions .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-terms-conditions main ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-terms-conditions main ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-privacy .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-privacy .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-privacy .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-privacy .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-privacy .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-privacy .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-privacy main ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-privacy main ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-terms .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-terms .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-terms .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-terms .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-terms .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-terms .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-terms main ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-terms main ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) {
margin: 1.5rem 0;
padding-left: 2rem
}
.page-template-legal .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,.page-template-legal .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,.page-template-legal .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,.page-template-legal .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,.page-template-legal .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,.page-template-legal .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,.page-template-legal main ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,.page-template-legal main ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-privacy-policy .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-privacy-policy .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-privacy-policy .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-privacy-policy .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-privacy-policy .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-privacy-policy .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-privacy-policy main ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-privacy-policy main ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-terms-conditions .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-terms-conditions .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-terms-conditions .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-terms-conditions .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-terms-conditions .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-terms-conditions .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-terms-conditions main ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-terms-conditions main ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-privacy .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-privacy .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-privacy .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-privacy .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-privacy .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-privacy .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-privacy main ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-privacy main ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-terms .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-terms .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-terms .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-terms .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-terms .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-terms .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-terms main ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-terms main ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li {
font-size: 1.0625rem;
line-height: 1.8;
color: #374151;
margin-bottom: .75rem;
padding-left: .5rem
}
.page-template-legal .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),.page-template-legal .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),.page-template-legal .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),.page-template-legal main ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-privacy-policy .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-privacy-policy .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-privacy-policy .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-privacy-policy main ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-terms-conditions .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-terms-conditions .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-terms-conditions .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-terms-conditions main ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-privacy .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-privacy .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-privacy .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-privacy main ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-terms .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-terms .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-terms .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-terms main ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) {
list-style: none
}
.page-template-legal .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,.page-template-legal .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,.page-template-legal .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,.page-template-legal main ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-privacy-policy .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-privacy-policy .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-privacy-policy .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-privacy-policy main ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-terms-conditions .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-terms-conditions .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-terms-conditions .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-terms-conditions main ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-privacy .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-privacy .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-privacy .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-privacy main ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-terms .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-terms .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-terms .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-terms main ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li {
position: relative
}
.page-template-legal .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,.page-template-legal .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,.page-template-legal .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,.page-template-legal main ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-privacy-policy .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-privacy-policy .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-privacy-policy .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-privacy-policy main ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-terms-conditions .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-terms-conditions .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-terms-conditions .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-terms-conditions main ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-id-privacy .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-id-privacy .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-id-privacy .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-id-privacy main ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-id-terms .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-id-terms .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-id-terms .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-id-terms main ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before {
content: "▸";
position: absolute;
left: -1.5rem;
color: var(--color-brand-primary);
font-weight: 600
}
.page-template-legal .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),.page-template-legal .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),.page-template-legal .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),.page-template-legal main ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-privacy-policy .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-privacy-policy .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-privacy-policy .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-privacy-policy main ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-terms-conditions .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-terms-conditions .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-terms-conditions .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-terms-conditions main ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-privacy .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-privacy .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-privacy .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-privacy main ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-terms .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-terms .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-terms .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body.page-id-terms main ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) {
counter-reset: item
}
.page-template-legal .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,.page-template-legal .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,.page-template-legal .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,.page-template-legal main ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-privacy-policy .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-privacy-policy .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-privacy-policy .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-privacy-policy main ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-terms-conditions .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-terms-conditions .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-terms-conditions .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-terms-conditions main ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-privacy .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-privacy .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-privacy .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-privacy main ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-terms .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-terms .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-terms .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body.page-id-terms main ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li {
counter-increment: item;
position: relative
}
.page-template-legal .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,.page-template-legal .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,.page-template-legal .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,.page-template-legal main ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-privacy-policy .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-privacy-policy .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-privacy-policy .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-privacy-policy main ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-terms-conditions .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-terms-conditions .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-terms-conditions .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-terms-conditions main ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-id-privacy .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-id-privacy .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-id-privacy .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-id-privacy main ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-id-terms .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-id-terms .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-id-terms .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body.page-id-terms main ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before {
content: counter(item) ".";
position: absolute;
left: -2rem;
color: var(--color-brand-primary);
font-weight: 600
}
.page-template-legal .important,.page-template-legal .warning,.page-template-legal p:contains("MAXIMUM EXTENT"),.page-template-legal p:contains("AS IS"),body.page-privacy-policy .important,body.page-privacy-policy .warning,body.page-privacy-policy p:contains("MAXIMUM EXTENT"),body.page-privacy-policy p:contains("AS IS"),body.page-terms-conditions .important,body.page-terms-conditions .warning,body.page-terms-conditions p:contains("MAXIMUM EXTENT"),body.page-terms-conditions p:contains("AS IS"),body.page-id-privacy .important,body.page-id-privacy .warning,body.page-id-privacy p:contains("MAXIMUM EXTENT"),body.page-id-privacy p:contains("AS IS"),body.page-id-terms .important,body.page-id-terms .warning,body.page-id-terms p:contains("MAXIMUM EXTENT"),body.page-id-terms p:contains("AS IS") {
background: #fef3c7;
border-left: 4px solid #f59e0b;
padding: 1.5rem;
border-radius: 8px;
margin: 2rem 0;
font-weight: 500
}
.page-template-legal a,body.page-privacy-policy a,body.page-terms-conditions a,body.page-id-privacy a,body.page-id-terms a {
color: var(--color-brand-primary);
text-decoration: underline;
text-decoration-color: #7700cc4d;
text-underline-offset: 3px;
transition: all .2s
}
.page-template-legal a:hover,body.page-privacy-policy a:hover,body.page-terms-conditions a:hover,body.page-id-privacy a:hover,body.page-id-terms a:hover {
color: var(--color-brand-primary-dark);
text-decoration-color: var(--color-brand-primary)
}
.page-template-legal .toc,body.page-privacy-policy .toc,body.page-terms-conditions .toc,body.page-id-privacy .toc,body.page-id-terms .toc {
background: #f3f4f6;
border-radius: 12px;
padding: 2rem;
margin: 2rem 0 3rem;
position: sticky;
top: 100px
}
.page-template-legal .toc ul,body.page-privacy-policy .toc ul,body.page-terms-conditions .toc ul,body.page-id-privacy .toc ul,body.page-id-terms .toc ul {
list-style: none;
padding-left: 0;
margin: 0
}
.page-template-legal .toc ul li,body.page-privacy-policy .toc ul li,body.page-terms-conditions .toc ul li,body.page-id-privacy .toc ul li,body.page-id-terms .toc ul li {
margin-bottom: .5rem
}
.page-template-legal .toc ul li:before,body.page-privacy-policy .toc ul li:before,body.page-terms-conditions .toc ul li:before,body.page-id-privacy .toc ul li:before,body.page-id-terms .toc ul li:before {
display: none
}
.page-template-legal .toc ul li a,body.page-privacy-policy .toc ul li a,body.page-terms-conditions .toc ul li a,body.page-id-privacy .toc ul li a,body.page-id-terms .toc ul li a {
display: block;
padding: .5rem 1rem;
color: #374151;
text-decoration: none;
border-radius: 6px;
transition: all .2s
}
.page-template-legal .toc ul li a:hover,body.page-privacy-policy .toc ul li a:hover,body.page-terms-conditions .toc ul li a:hover,body.page-id-privacy .toc ul li a:hover,body.page-id-terms .toc ul li a:hover {
background: #fff;
color: var(--color-brand-primary)
}
.page-template-legal .toc ul ul,body.page-privacy-policy .toc ul ul,body.page-terms-conditions .toc ul ul,body.page-id-privacy .toc ul ul,body.page-id-terms .toc ul ul {
margin-top: .5rem;
margin-left: 1rem
}
.page-template-legal .cta-section,body.page-privacy-policy .cta-section,body.page-terms-conditions .cta-section,body.page-id-privacy .cta-section,body.page-id-terms .cta-section {
background: linear-gradient(135deg,var(--color-brand-primary) 0%,var(--color-brand-primary-dark) 100%);
color: #fff;
padding: 4rem 2rem;
text-align: center;
border-radius: 12px;
margin: 3rem 0
}
.page-template-legal .cta-section h3,.page-template-legal .cta-section h4,.page-template-legal .cta-section .cta-section__title,body.page-privacy-policy .cta-section h3,body.page-privacy-policy .cta-section h4,body.page-privacy-policy .cta-section .cta-section__title,body.page-terms-conditions .cta-section h3,body.page-terms-conditions .cta-section h4,body.page-terms-conditions .cta-section .cta-section__title,body.page-id-privacy .cta-section h3,body.page-id-privacy .cta-section h4,body.page-id-privacy .cta-section .cta-section__title,body.page-id-terms .cta-section h3,body.page-id-terms .cta-section h4,body.page-id-terms .cta-section .cta-section__title {
color: #fff!important
}
.page-template-legal .cta-section .cta-section__title,.page-template-legal .cta-section h3.cta-section__title,body.page-privacy-policy .cta-section .cta-section__title,body.page-privacy-policy .cta-section h3.cta-section__title,body.page-terms-conditions .cta-section .cta-section__title,body.page-terms-conditions .cta-section h3.cta-section__title,body.page-id-privacy .cta-section .cta-section__title,body.page-id-privacy .cta-section h3.cta-section__title,body.page-id-terms .cta-section .cta-section__title,body.page-id-terms .cta-section h3.cta-section__title {
font-size: 2rem;
margin-bottom: 1rem
}
.page-template-legal .cta-section .cta-section__description,.page-template-legal .cta-section p,body.page-privacy-policy .cta-section .cta-section__description,body.page-privacy-policy .cta-section p,body.page-terms-conditions .cta-section .cta-section__description,body.page-terms-conditions .cta-section p,body.page-id-privacy .cta-section .cta-section__description,body.page-id-privacy .cta-section p,body.page-id-terms .cta-section .cta-section__description,body.page-id-terms .cta-section p {
font-size: 1.125rem;
margin-bottom: 2rem;
opacity: .95;
max-width: 600px;
margin-left: auto;
margin-right: auto;
color: #fff
}
.page-template-legal .cta-section .cta-section__button .wp-block-button__link,body.page-privacy-policy .cta-section .cta-section__button .wp-block-button__link,body.page-terms-conditions .cta-section .cta-section__button .wp-block-button__link,body.page-id-privacy .cta-section .cta-section__button .wp-block-button__link,body.page-id-terms .cta-section .cta-section__button .wp-block-button__link {
display: inline-block;
padding: 1rem 2.5rem;
background: #fff;
color: var(--color-brand-primary);
font-weight: 600;
border-radius: 8px;
text-decoration: none;
transition: all .3s;
border: 2px solid var(--border-primary)
}
.page-template-legal .cta-section .cta-section__button .wp-block-button__link:hover,body.page-privacy-policy .cta-section .cta-section__button .wp-block-button__link:hover,body.page-terms-conditions .cta-section .cta-section__button .wp-block-button__link:hover,body.page-id-privacy .cta-section .cta-section__button .wp-block-button__link:hover,body.page-id-terms .cta-section .cta-section__button .wp-block-button__link:hover {
background: #f9fafb;
transform: translateY(-2px);
border-color: var(--brand-primary)
}
@media(max-width: 768px) {
.page-template-legal .hero-section,body.page-privacy-policy .hero-section,body.page-terms-conditions .hero-section,body.page-id-privacy .hero-section,body.page-id-terms .hero-section {
padding:3rem 1rem 2rem
}
.page-template-legal .hero-section .hero-section__title,body.page-privacy-policy .hero-section .hero-section__title,body.page-terms-conditions .hero-section .hero-section__title,body.page-id-privacy .hero-section .hero-section__title,body.page-id-terms .hero-section .hero-section__title {
font-size: 2rem
}
.page-template-legal .hero-section .hero-section__subtitle,body.page-privacy-policy .hero-section .hero-section__subtitle,body.page-terms-conditions .hero-section .hero-section__subtitle,body.page-id-privacy .hero-section .hero-section__subtitle,body.page-id-terms .hero-section .hero-section__subtitle {
font-size: 1rem
}
.page-template-legal .text-section,body.page-privacy-policy .text-section,body.page-terms-conditions .text-section,body.page-id-privacy .text-section,body.page-id-terms .text-section {
padding: 2rem 1rem
}
.page-template-legal h3,body.page-privacy-policy h3,body.page-terms-conditions h3,body.page-id-privacy h3,body.page-id-terms h3 {
font-size: 1.25rem
}
.page-template-legal p,.page-template-legal li,body.page-privacy-policy p,body.page-privacy-policy li,body.page-terms-conditions p,body.page-terms-conditions li,body.page-id-privacy p,body.page-id-privacy li,body.page-id-terms p,body.page-id-terms li {
font-size: 1rem
}
.page-template-legal .toc,body.page-privacy-policy .toc,body.page-terms-conditions .toc,body.page-id-privacy .toc,body.page-id-terms .toc {
position: static;
margin: 1.5rem 0
}
}
@media print {
.page-template-legal .hero-section,.page-template-legal .cta-section,body.page-privacy-policy .hero-section,body.page-privacy-policy .cta-section,body.page-terms-conditions .hero-section,body.page-terms-conditions .cta-section,body.page-id-privacy .hero-section,body.page-id-privacy .cta-section,body.page-id-terms .hero-section,body.page-id-terms .cta-section {
display: none
}
.page-template-legal,body.page-privacy-policy,body.page-terms-conditions,body.page-id-privacy,body.page-id-terms {
background: #fff
}
.page-template-legal ul,.page-template-legal ol,body.page-privacy-policy ul,body.page-privacy-policy ol,body.page-terms-conditions ul,body.page-terms-conditions ol,body.page-id-privacy ul,body.page-id-privacy ol,body.page-id-terms ul,body.page-id-terms ol {
page-break-inside: avoid
}
}
.page-privacy-policy .text-section:nth-child(odd),body.page-id-privacy .text-section:nth-child(odd) {
background: #f9fafb
}
.entry-content,.wp-block-post-content {
user-select: none!important;
-webkit-user-select: none!important;
-moz-user-select: none!important;
-ms-user-select: none!important
}
.entry-content input,.entry-content textarea,.entry-content .allow-select,.wp-block-post-content input,.wp-block-post-content textarea,.wp-block-post-content [contenteditable=true],.wp-block-post-content .allow-select {
user-select: text!important;
-webkit-user-select: text!important;
-moz-user-select: text!important;
-ms-user-select: text!important
}
.copy-button {
border: none;
margin: 0;
background: none;
cursor: pointer;
font-family: inherit;
position: absolute;
z-index: 10;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 6px;
min-width: 32px;
width: 32px;
height: 32px;
background-color: #fffffff2;
border: 1px solid rgba(119,0,204,.2);
border-radius: 6px;
font-size: .8125rem;
font-weight: 500;
color: #70c;
transition: all .2s ease;
visibility: hidden
}
.copy-button:hover {
background-color: #70c;
color: #fff;
border-color: #70c;
transform: translateY(-1px)
}
.copy-button:active {
transform: translateY(0)
}
.copy-button:focus-visible {
outline: 2px solid #7700cc;
outline-offset: 2px
}
.copy-button:disabled {
cursor: not-allowed;
pointer-events: none;
background-color: #c8c8c880;
color: #646464b3
}
.copy-button .copy-icon {
width: 16px;
height: 16px;
flex-shrink: 0
}
.copy-button .copy-text {
display: none
}
.copy-button--top-right {
top: 8px;
right: 8px
}
.copy-button--bottom-right {
bottom: 8px;
right: 8px
}
.copy-button--inline {
position: relative;
display: inline-flex;
margin-left: 8px;
vertical-align: middle
}
.entry-content p:hover .copy-button,.entry-content h3:hover .copy-button,.entry-content h4:hover .copy-button,.entry-content ul:hover .copy-button,.entry-content ol:hover .copy-button,.entry-content code:hover .copy-button,.entry-content .wp-block-group:hover .copy-button,.wp-block-post-content p:hover .copy-button,.wp-block-post-content h1:hover .copy-button,.wp-block-post-content h2:hover .copy-button,.wp-block-post-content h3:hover .copy-button,.wp-block-post-content h4:hover .copy-button,.wp-block-post-content ul:hover .copy-button,.wp-block-post-content ol:hover .copy-button,.wp-block-post-content blockquote:hover .copy-button,.wp-block-post-content pre:hover .copy-button,.wp-block-post-content code:hover .copy-button,.wp-block-post-content .wp-block-group:hover .copy-button {
visibility: visible
}
.copy-button:focus-visible {
visibility: visible
}
.copy-button.copy-button--success {
background-color: #10b981;
border-color: #10b981;
color: #fff
}
.copy-button.copy-button--success:hover {
background-color: #059669;
border-color: #059669
}
.copy-button.copy-button--error {
background-color: #ef4444;
border-color: #ef4444;
color: #fff
}
.copy-button.copy-button--error:hover {
background-color: #dc2626;
border-color: #dc2626
}
.entry-content p:not(.no-copy),.entry-content h3:not(.no-copy),.entry-content h4:not(.no-copy),.entry-content ul:not(.no-copy),.entry-content ol:not(.no-copy),.entry-content code:not(.no-copy),.entry-content .wp-block-group:not(.no-copy),.wp-block-post-content p:not(.no-copy),.wp-block-post-content h1:not(.no-copy),.wp-block-post-content h2:not(.no-copy),.wp-block-post-content h3:not(.no-copy),.wp-block-post-content h4:not(.no-copy),.wp-block-post-content ul:not(.no-copy),.wp-block-post-content ol:not(.no-copy),.wp-block-post-content blockquote:not(.no-copy),.wp-block-post-content pre:not(.no-copy),.wp-block-post-content code:not(.no-copy),.wp-block-post-content .wp-block-group:not(.no-copy) {
position: relative
}
.entry-content p:not(.no-copy):hover,.entry-content h3:not(.no-copy):hover,.entry-content h4:not(.no-copy):hover,.entry-content ul:not(.no-copy):hover,.entry-content ol:not(.no-copy):hover,.entry-content code:not(.no-copy):hover,.entry-content .wp-block-group:not(.no-copy):hover,.wp-block-post-content p:not(.no-copy):hover,.wp-block-post-content h1:not(.no-copy):hover,.wp-block-post-content h2:not(.no-copy):hover,.wp-block-post-content h3:not(.no-copy):hover,.wp-block-post-content h4:not(.no-copy):hover,.wp-block-post-content ul:not(.no-copy):hover,.wp-block-post-content ol:not(.no-copy):hover,.wp-block-post-content blockquote:not(.no-copy):hover,.wp-block-post-content pre:not(.no-copy):hover,.wp-block-post-content code:not(.no-copy):hover,.wp-block-post-content .wp-block-group:not(.no-copy):hover {
background-color: #7700cc05;
border-radius: 4px;
transition: background-color .2s ease
}
.wp-block-post-content pre .copy-button {
visibility: visible;
top: 12px;
right: 12px
}
.wp-block-post-content pre:hover {
background-color: #7700cc0d
}
@media(max-width: 768px) {
.copy-button {
visibility:visible;
padding: 4px 10px;
min-width: 70px;
height: 28px;
font-size: .75rem
}
.copy-button .copy-icon {
width: 14px;
height: 14px
}
p:hover,h3:hover,h4:hover {
background-color: transparent
}
.hero-section .copy-button,.wp-block-cover .copy-button,.has-background-image .copy-button {
display: none;
visibility: hidden
}
.hero-section p:hover,.hero-section h3:hover,.hero-section h4:hover,.wp-block-cover p:hover,.wp-block-cover h1:hover,.wp-block-cover h2:hover,.wp-block-cover h3:hover,.wp-block-cover h4:hover,.has-background-image p:hover,.has-background-image h3:hover,.has-background-image h4:hover {
background-color: transparent
}
}
@media(hover: none)and (pointer:coarse) {
.copy-button {
visibility:visible;
min-width: 44px;
min-height: 44px;
padding: 8px 14px
}
.hero-section .copy-button,.wp-block-cover .copy-button,.has-background-image .copy-button {
display: none!important;
visibility: hidden!important
}
}
@media(prefers-color-scheme: dark) {
.copy-button {
background-color:#1a1a1af2;
border-color: #a78bfa4d;
color: #a78bfa
}
.copy-button:hover {
background-color: #70c;
border-color: #70c;
color: #fff
}
p:hover,h3:hover,h4:hover {
background-color: #7700cc0d
}
}
@media print {
.copy-button {
display: none!important
}
body,html {
-moz-user-select: text!important;
user-select: text!important;
-webkit-user-select: text!important
}
}
@media(prefers-reduced-motion:reduce) {
.copy-button {
transition: none!important
}
.copy-button:hover,.copy-button:active {
transform: none!important
}
p:hover,h3:hover,h4:hover {
transition: none!important
}
}
@media(prefers-contrast:high) {
.copy-button {
border-width: 2px;
border-color: currentColor
}
.copy-button:focus-visible {
outline-width: 3px
}
}
.entry-content h3:not(.no-copy) .copy-button,.entry-content h4:not(.no-copy) .copy-button,.entry-content ul:not(.no-copy) .copy-button,.entry-content ol:not(.no-copy) .copy-button,.entry-content p:not(.no-copy) .copy-button,.wp-block-post-content h1:not(.no-copy) .copy-button,.wp-block-post-content h2:not(.no-copy) .copy-button,.wp-block-post-content h3:not(.no-copy) .copy-button,.wp-block-post-content h4:not(.no-copy) .copy-button,.wp-block-post-content ul:not(.no-copy) .copy-button,.wp-block-post-content ol:not(.no-copy) .copy-button,.wp-block-post-content blockquote:not(.no-copy) .copy-button,.wp-block-post-content p:not(.no-copy) .copy-button {
top: 8px!important;
right: 8px!important
}
.wp-block-post-content blockquote:not(.no-copy) {
padding-right: inherit
}
.feature-grid__item .copy-button {
display: none!important
}
.feature-grid__item {
-moz-user-select: text!important;
user-select: text!important;
-webkit-user-select: text!important
}
nav .copy-button,.site-nav .copy-button,.breadcrumbs .copy-button {
display: none!important
}
nav,.site-nav,.breadcrumbs {
-moz-user-select: text!important;
user-select: text!important;
-webkit-user-select: text!important
}
input,textarea,select,button,.wp-block-button {
-moz-user-select: text!important;
user-select: text!important;
-webkit-user-select: text!important
}
input .copy-button,textarea .copy-button,select .copy-button,button .copy-button,.wp-block-button .copy-button,.hero-section .copy-button,.wp-block-cover .copy-button,.has-background-image .copy-button {
display: none!important
}
.hero-section p:hover,.hero-section h3:hover,.hero-section h4:hover,.wp-block-cover p:hover,.wp-block-cover h1:hover,.wp-block-cover h2:hover,.wp-block-cover h3:hover,.wp-block-cover h4:hover,.has-background-image p:hover,.has-background-image h3:hover,.has-background-image h4:hover {
background-color: transparent!important
}
.hero-section,.wp-block-cover,.has-background-image,.hero-section *,.wp-block-cover *,.has-background-image * {
-moz-user-select: text!important;
user-select: text!important;
-webkit-user-select: text!important
}
body .wp-block-button__link,body .wp-element-button {
background-color: #70c;
color: #fff;
border: none;
padding: .75rem 1.5rem;
border-radius: 2rem;
text-decoration: none;
display: inline-block;
transition: all .2s ease
}
body .wp-block-button__link:hover,body .wp-block-button__link:focus,body .wp-element-button:hover,body .wp-element-button:focus {
background-color: #5c0099;
color: #fff;
text-decoration: none
}
body .wp-block-button__link:active,body .wp-element-button:active {
background-color: #44007a
}
body .button,body .btn {
background-color: #70c;
color: #fff;
padding: .75rem 1.5rem;
border-radius: 2rem;
text-decoration: none;
display: inline-block;
border: none;
transition: all .2s ease
}
body .button:hover,body .button:focus,body .btn:hover,body .btn:focus {
background-color: #5c0099;
color: #fff
}
body .button:active,body .btn:active {
background-color: #44007a
}
body button.button,body button.btn,body button.wp-block-button__link {
background-color: #70c;
color: #fff
}
body button.button:hover,body button.button:focus,body button.btn:hover,body button.btn:focus,body button.wp-block-button__link:hover,body button.wp-block-button__link:focus {
background-color: #5c0099
}
body button.button:active,body button.btn:active,body button.wp-block-button__link:active {
background-color: #44007a
}
.cta-button,.cta-primary {
display: inline-flex;
align-items: center;
justify-content: center;
padding: .75rem 1.5rem;
font-weight: 600;
text-decoration: none;
border-radius: 2rem;
transition: all .2s ease;
cursor: pointer;
border: none;
position: relative;
transition: all .3s cubic-bezier(.34,1.56,.64,1)
}
.cta-button:after,.cta-primary:after {
content: "";
position: absolute;
top: 100%;
left: 5%;
right: 5%;
height: 10px;
background: linear-gradient(180deg,rgba(119,0,204,.15) 0%,transparent 100%);
z-index: -1;
opacity: 0;
transform: translateY(-6px);
transition: all .3s cubic-bezier(.34,1.56,.64,1);
pointer-events: none;
border-radius: 0 0 1rem 1rem
}
.cta-button:hover,.cta-primary:hover {
transform: translateY(-2px)
}
.cta-button:hover:after,.cta-primary:hover:after {
opacity: 1;
transform: translateY(3px)
}
.cta-button:active,.cta-primary:active {
transform: translateY(0);
transition-duration: .1s
}
.cta-button:active:after,.cta-primary:active:after {
opacity: .7;
transform: translateY(1px)
}
.cta-button,.cta-primary {
background-color: #70c;
color: #fff;
padding: .875rem 2rem;
border-radius: 2rem
}
.cta-button:hover,.cta-button:focus,.cta-primary:hover,.cta-primary:focus {
background-color: #5c0099;
color: #fff
}
.cta-button:active,.cta-primary:active {
background-color: #44007a
}
.cta-secondary {
background-color: transparent;
color: #70c;
border: 2px solid #7700cc;
padding: .875rem 2rem;
border-radius: 2rem;
text-decoration: none;
display: inline-block;
font-weight: 600;
transition: all .2s ease
}
.cta-secondary:hover,.cta-secondary:focus {
background-color: #70c;
color: #fff;
border-color: #70c
}
.cta-secondary:active {
background-color: #44007a;
border-color: #44007a
}
.cta-link {
color: #70c;
text-decoration: none;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: .5rem;
transition: all .2s ease
}
.cta-link:hover,.cta-link:focus {
color: #5c0099;
text-decoration: underline
}
.cta-link:after {
content: "→";
transition: transform .2s ease
}
.cta-link:hover:after {
transform: scale(1.15)
}
.cta-light,.cta-button-light {
display: inline-flex;
align-items: center;
justify-content: center;
padding: .75rem 1.5rem;
font-weight: 600;
text-decoration: none;
border-radius: 2rem;
transition: all .2s ease;
cursor: pointer;
border: none;
position: relative;
transition: all .3s cubic-bezier(.34,1.56,.64,1)
}
.cta-light:after,.cta-button-light:after {
content: "";
position: absolute;
top: 100%;
left: 5%;
right: 5%;
height: 10px;
background: linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 100%);
z-index: -1;
opacity: 0;
transform: translateY(-6px);
transition: all .3s cubic-bezier(.34,1.56,.64,1);
pointer-events: none;
border-radius: 0 0 1rem 1rem
}
.cta-light:hover,.cta-button-light:hover {
transform: translateY(-2px)
}
.cta-light:hover:after,.cta-button-light:hover:after {
opacity: 1;
transform: translateY(3px)
}
.cta-light:active,.cta-button-light:active {
transform: translateY(0);
transition-duration: .1s
}
.cta-light:active:after,.cta-button-light:active:after {
opacity: .7;
transform: translateY(1px)
}
.cta-light,.cta-button-light {
background-color: #fff;
color: #70c;
padding: .875rem 2rem;
border-radius: 2rem
}
.cta-light:hover,.cta-light:focus,.cta-button-light:hover,.cta-button-light:focus {
background-color: #fbbf24;
color: #1a1a1a
}
.cta-light:active,.cta-button-light:active {
background-color: #f59e0b
}
.cta-secondary-light {
background-color: transparent;
color: #fff;
border: 2px solid #ffffff;
padding: .875rem 2rem;
border-radius: 2rem;
text-decoration: none;
display: inline-block;
font-weight: 600;
transition: all .2s ease
}
.cta-secondary-light:hover,.cta-secondary-light:focus {
background-color: #fff;
color: #70c;
border-color: #fff
}
.cta-secondary-light:active {
background-color: #ffffffe6;
border-color: #ffffffe6
}
.hero-section,.wp-block-cover,.has-background-image {
border-bottom-left-radius: 2rem;
border-bottom-right-radius: 2rem
}
.hero-section .wp-block-button__link,.hero-section .wp-element-button,.hero-section .button,.hero-section .btn,.hero-section .cta-button,.hero-section .cta-primary,.wp-block-cover .wp-block-button__link,.wp-block-cover .wp-element-button,.wp-block-cover .button,.wp-block-cover .btn,.wp-block-cover .cta-button,.wp-block-cover .cta-primary {
display: inline-flex;
align-items: center;
justify-content: center;
padding: .75rem 1.5rem;
font-weight: 600;
text-decoration: none;
border-radius: 2rem;
transition: all .2s ease;
cursor: pointer;
border: none;
position: relative;
transition: all .3s cubic-bezier(.34,1.56,.64,1)
}
.hero-section .wp-block-button__link:after,.hero-section .wp-element-button:after,.hero-section .button:after,.hero-section .btn:after,.hero-section .cta-button:after,.hero-section .cta-primary:after,.wp-block-cover .wp-block-button__link:after,.wp-block-cover .wp-element-button:after,.wp-block-cover .button:after,.wp-block-cover .btn:after,.wp-block-cover .cta-button:after,.wp-block-cover .cta-primary:after {
content: "";
position: absolute;
top: 100%;
left: 5%;
right: 5%;
height: 10px;
background: linear-gradient(180deg,rgba(251,191,36,.15) 0%,transparent 100%);
z-index: -1;
opacity: 0;
transform: translateY(-6px);
transition: all .3s cubic-bezier(.34,1.56,.64,1);
pointer-events: none;
border-radius: 0 0 1rem 1rem
}
.hero-section .wp-block-button__link:hover,.hero-section .wp-element-button:hover,.hero-section .button:hover,.hero-section .btn:hover,.hero-section .cta-button:hover,.hero-section .cta-primary:hover,.wp-block-cover .wp-block-button__link:hover,.wp-block-cover .wp-element-button:hover,.wp-block-cover .button:hover,.wp-block-cover .btn:hover,.wp-block-cover .cta-button:hover,.wp-block-cover .cta-primary:hover {
transform: translateY(-2px)
}
.hero-section .wp-block-button__link:hover:after,.hero-section .wp-element-button:hover:after,.hero-section .button:hover:after,.hero-section .btn:hover:after,.hero-section .cta-button:hover:after,.hero-section .cta-primary:hover:after,.wp-block-cover .wp-block-button__link:hover:after,.wp-block-cover .wp-element-button:hover:after,.wp-block-cover .button:hover:after,.wp-block-cover .btn:hover:after,.wp-block-cover .cta-button:hover:after,.wp-block-cover .cta-primary:hover:after {
opacity: 1;
transform: translateY(3px)
}
.hero-section .wp-block-button__link:active,.hero-section .wp-element-button:active,.hero-section .button:active,.hero-section .btn:active,.hero-section .cta-button:active,.hero-section .cta-primary:active,.wp-block-cover .wp-block-button__link:active,.wp-block-cover .wp-element-button:active,.wp-block-cover .button:active,.wp-block-cover .btn:active,.wp-block-cover .cta-button:active,.wp-block-cover .cta-primary:active {
transform: translateY(0);
transition-duration: .1s
}
.hero-section .wp-block-button__link:active:after,.hero-section .wp-element-button:active:after,.hero-section .button:active:after,.hero-section .btn:active:after,.hero-section .cta-button:active:after,.hero-section .cta-primary:active:after,.wp-block-cover .wp-block-button__link:active:after,.wp-block-cover .wp-element-button:active:after,.wp-block-cover .button:active:after,.wp-block-cover .btn:active:after,.wp-block-cover .cta-button:active:after,.wp-block-cover .cta-primary:active:after {
opacity: .7;
transform: translateY(1px)
}
.hero-section .wp-block-button__link,.hero-section .wp-element-button,.hero-section .button,.hero-section .btn,.hero-section .cta-button,.hero-section .cta-primary,.wp-block-cover .wp-block-button__link,.wp-block-cover .wp-element-button,.wp-block-cover .button,.wp-block-cover .btn,.wp-block-cover .cta-button,.wp-block-cover .cta-primary {
background-color: #fbbf24;
background-image: none;
color: #1a1a1a;
padding: 1rem 2.5rem;
font-size: 1.125rem;
line-height: 1.5;
border: 2px solid #fbbf24;
border-radius: 2rem;
gap: .5rem
}
.hero-section .wp-block-button__link:hover,.hero-section .wp-block-button__link:focus,.hero-section .wp-element-button:hover,.hero-section .wp-element-button:focus,.hero-section .button:hover,.hero-section .button:focus,.hero-section .btn:hover,.hero-section .btn:focus,.hero-section .cta-button:hover,.hero-section .cta-button:focus,.hero-section .cta-primary:hover,.hero-section .cta-primary:focus,.wp-block-cover .wp-block-button__link:hover,.wp-block-cover .wp-block-button__link:focus,.wp-block-cover .wp-element-button:hover,.wp-block-cover .wp-element-button:focus,.wp-block-cover .button:hover,.wp-block-cover .button:focus,.wp-block-cover .btn:hover,.wp-block-cover .btn:focus,.wp-block-cover .cta-button:hover,.wp-block-cover .cta-button:focus,.wp-block-cover .cta-primary:hover,.wp-block-cover .cta-primary:focus {
background-color: #f59e0b;
border-color: #f59e0b;
color: #fff
}
.hero-section .wp-block-button__link:active,.hero-section .wp-element-button:active,.hero-section .button:active,.hero-section .btn:active,.hero-section .cta-button:active,.hero-section .cta-primary:active,.wp-block-cover .wp-block-button__link:active,.wp-block-cover .wp-element-button:active,.wp-block-cover .button:active,.wp-block-cover .btn:active,.wp-block-cover .cta-button:active,.wp-block-cover .cta-primary:active {
background-color: #d97706;
border-color: #d97706
}
nav a.button,nav a.btn,nav a.cta-button,nav a.cta-primary,nav .wp-block-button__link,.navigation a.button,.navigation a.btn,.navigation a.cta-button,.navigation a.cta-primary,.navigation .wp-block-button__link,.menu a.button,.menu a.btn,.menu a.cta-button,.menu a.cta-primary,.menu .wp-block-button__link {
background-color: #70c;
color: #fff;
padding: .625rem 1.25rem;
border-radius: 2rem;
text-decoration: none;
font-weight: 600;
border: none
}
nav a.button:hover,nav a.button:focus,nav a.btn:hover,nav a.btn:focus,nav a.cta-button:hover,nav a.cta-button:focus,nav a.cta-primary:hover,nav a.cta-primary:focus,nav .wp-block-button__link:hover,nav .wp-block-button__link:focus,.navigation a.button:hover,.navigation a.button:focus,.navigation a.btn:hover,.navigation a.btn:focus,.navigation a.cta-button:hover,.navigation a.cta-button:focus,.navigation a.cta-primary:hover,.navigation a.cta-primary:focus,.navigation .wp-block-button__link:hover,.navigation .wp-block-button__link:focus,.menu a.button:hover,.menu a.button:focus,.menu a.btn:hover,.menu a.btn:focus,.menu a.cta-button:hover,.menu a.cta-button:focus,.menu a.cta-primary:hover,.menu a.cta-primary:focus,.menu .wp-block-button__link:hover,.menu .wp-block-button__link:focus {
background-color: #5c0099;
color: #fff
}
.cta-section .wp-block-button__link,.cta-section button.button,.cta-section button.btn,.cta-section .button,.cta-section .btn,.cta-section .cta-button,.wp-block-group.cta-section .wp-block-button__link,.wp-block-group.cta-section button.button,.wp-block-group.cta-section button.btn,.wp-block-group.cta-section .button,.wp-block-group.cta-section .btn,.wp-block-group.cta-section .cta-button {
background-color: #fff;
color: #70c
}
.cta-section .wp-block-button__link:hover,.cta-section button.button:hover,.cta-section button.btn:hover,.cta-section .button:hover,.cta-section .btn:hover,.cta-section .cta-button:hover,.wp-block-group.cta-section .wp-block-button__link:hover,.wp-block-group.cta-section button.button:hover,.wp-block-group.cta-section button.btn:hover,.wp-block-group.cta-section .button:hover,.wp-block-group.cta-section .btn:hover,.wp-block-group.cta-section .cta-button:hover {
background-color: #fbbf24;
color: #1a1a1a
}
.cta-section .wp-block-button__link:active,.cta-section button.button:active,.cta-section button.btn:active,.cta-section .button:active,.cta-section .btn:active,.cta-section .cta-button:active,.wp-block-group.cta-section .wp-block-button__link:active,.wp-block-group.cta-section button.button:active,.wp-block-group.cta-section button.btn:active,.wp-block-group.cta-section .button:active,.wp-block-group.cta-section .btn:active,.wp-block-group.cta-section .cta-button:active {
background-color: #f59e0b
}
.wp-block-button.is-style-primary .wp-block-button__link {
background-color: #70c
}
.wp-block-button.is-style-primary .wp-block-button__link:hover {
background-color: #5c0099
}
.wp-block-button.is-style-outline .wp-block-button__link {
background-color: transparent;
border: 2px solid #7700cc;
color: #70c
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
background-color: #70c;
color: #fff
}
.wp-block-button.is-style-fill .wp-block-button__link {
background-color: #70c
}
.wp-block-button.is-style-fill .wp-block-button__link:hover {
background-color: #5c0099
}
.wp-block-button__link:focus-visible,.button:focus-visible,.btn:focus-visible,.cta-button:focus-visible {
outline: 3px solid #9933ff;
outline-offset: 2px;
border-radius: .25rem
}
.wp-block-button__link:active,.button:active,.btn:active,.cta-button:active {
transform: scale(.98)
}
@media(max-width: 768px) {
.cta-button,.cta-primary {
padding:.75rem 1.5rem;
font-size: 1rem
}
.hero-section .wp-block-button__link,.hero-section .button {
padding: .875rem 2rem;
font-size: 1rem
}
}
@media print {
.wp-block-button__link,.button,.cta-button {
background-color: #70c;
-webkit-print-color-adjust: exact;
print-color-adjust: exact
}
}
.breadcrumbs,[class*=breadcrumb] {
padding: var(--space-2, .5rem) 0;
margin: var(--space-3, .75rem) 0 var(--space-5, 1.25rem);
background: transparent;
border: none;
min-height: 44px;
display: flex;
align-items: center
}
.breadcrumb-item,.breadcrumbs a,.breadcrumbs span {
display: inline-flex;
align-items: center;
justify-content: center;
padding: var(--space-2, .5rem) var(--space-4, 1rem);
min-height: 44px;
background: var(--bg-secondary, #fafafa);
border-radius: var(--radius-lg, .5rem);
color: var(--text-secondary, #616161);
text-decoration: none;
font-weight: var(--font-weight-medium, 500);
transition: var(--transition-colors);
will-change: background-color,color;
transform: translateZ(0);
backface-visibility: hidden
}
.breadcrumb-item:hover,.breadcrumbs a:hover,.breadcrumbs span:hover {
background: var(--bg-tertiary, #f5f5f5);
color: var(--brand-primary, #7700cc);
cursor: pointer
}
.breadcrumb-item:active,.breadcrumbs a:active,.breadcrumbs span:active {
background: var(--gray-200, #eeeeee);
transform: translateZ(0) scale(.98)
}
@media(max-width: 767px) {
.breadcrumb-item,.breadcrumbs a,.breadcrumbs span {
min-height:44px;
padding: var(--space-2-5, .625rem) var(--space-3-5, .875rem);
font-size: var(--font-size-sm, .875rem)
}
}
.breadcrumb-item a {
display: inline-flex;
align-items: center;
padding: var(--space-2, .5rem) var(--space-4, 1rem);
min-height: 44px;
background: var(--bg-secondary, #fafafa);
border-radius: var(--radius-lg, .5rem);
color: var(--text-primary, #212121);
font-weight: var(--font-weight-medium, 500);
text-decoration: none;
transition: var(--transition-colors);
will-change: background-color,color;
transform: translateZ(0)
}
.breadcrumb-item a:hover {
background: var(--bg-tertiary, #f5f5f5);
color: var(--brand-primary, #7700cc);
text-decoration: none
}
.breadcrumb-item a:active {
background: var(--gray-200, #eeeeee);
transform: translateZ(0) scale(.98)
}
.breadcrumb-item.active {
display: inline-flex;
align-items: center;
padding: var(--space-2, .5rem) var(--space-4, 1rem);
min-height: 44px;
background: var(--brand-primary, #7700cc);
color: var(--white, #ffffff);
font-weight: var(--font-weight-semibold, 600);
border-radius: var(--radius-lg, .5rem);
pointer-events: none;
transition: var(--transition-colors);
transform: translateZ(0);
background: linear-gradient(135deg,var(--brand-primary, #7700cc) 0%,var(--brand-primary-dark, #5a00a3) 100%)
}
.breadcrumbs ol,[class*=breadcrumb] ol {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--space-2, .5rem);
list-style: none;
padding: 0;
margin: 0;
counter-reset: none
}
.breadcrumbs ol li,[class*=breadcrumb] ol li {
list-style: none;
display: inline-flex
}
.breadcrumbs ol li:before,[class*=breadcrumb] ol li:before {
display: none!important
}
.breadcrumbs li+li:before,.breadcrumb-item+.breadcrumb-item:before {
content: "›";
color: var(--text-tertiary, #757575);
margin: 0 var(--space-2, .5rem);
font-size: var(--font-size-lg, 1.25rem);
opacity: .6;
display: inline-flex;
align-items: center
}
.breadcrumb-item a:focus-visible {
outline: 3px solid var(--brand-primary, #7700cc);
outline-offset: 4px;
border-radius: var(--radius-lg, .5rem)
}
@media(prefers-contrast:high) {
.breadcrumb-item,.breadcrumbs a,.breadcrumbs span {
border: 2px solid var(--border-primary, #e0e0e0)
}
.breadcrumb-item.active {
border: 2px solid var(--brand-primary, #7700cc)
}
}
@media(prefers-reduced-motion:reduce) {
.breadcrumb-item,.breadcrumbs a,.breadcrumbs span,.breadcrumb-item a {
transition: none;
transform: none
}
}
body:not(.wp-admin) .hero-section,body:not(.wp-admin) .wp-block-cover.has-background-dim {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: 400px;
overflow: hidden;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-bottom-left-radius: 2rem;
border-bottom-right-radius: 2rem
}
@media(min-width: 768px) {
body:not(.wp-admin) .hero-section,body:not(.wp-admin) .wp-block-cover.has-background-dim {
min-height:500px
}
}
@media(min-width: 1024px) {
body:not(.wp-admin) .hero-section,body:not(.wp-admin) .wp-block-cover.has-background-dim {
min-height:600px
}
}
body:not(.wp-admin) .hero-section .hero-content,body:not(.wp-admin) .hero-section .wp-block-cover__inner-container,body:not(.wp-admin) .wp-block-cover.has-background-dim .hero-content,body:not(.wp-admin) .wp-block-cover.has-background-dim .wp-block-cover__inner-container {
position: relative;
z-index: 10;
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: var(--space-12) var(--space-6);
text-align: center
}
@media(min-width: 768px) {
body:not(.wp-admin) .hero-section .hero-content,body:not(.wp-admin) .hero-section .wp-block-cover__inner-container,body:not(.wp-admin) .wp-block-cover.has-background-dim .hero-content,body:not(.wp-admin) .wp-block-cover.has-background-dim .wp-block-cover__inner-container {
padding:var(--space-16) var(--space-8)
}
}
@media(min-width: 1024px) {
body:not(.wp-admin) .hero-section .hero-content,body:not(.wp-admin) .hero-section .wp-block-cover__inner-container,body:not(.wp-admin) .wp-block-cover.has-background-dim .hero-content,body:not(.wp-admin) .wp-block-cover.has-background-dim .wp-block-cover__inner-container {
padding:var(--space-20) var(--space-8)
}
}
body:not(.wp-admin) .hero-section h3,body:not(.wp-admin) .hero-section .hero-title,body:not(.wp-admin) .hero-section .wp-block-cover__heading,body:not(.wp-admin) .wp-block-cover.has-background-dim h1,body:not(.wp-admin) .wp-block-cover.has-background-dim h2,body:not(.wp-admin) .wp-block-cover.has-background-dim h3,body:not(.wp-admin) .wp-block-cover.has-background-dim .hero-title,body:not(.wp-admin) .wp-block-cover.has-background-dim .hero-heading,body:not(.wp-admin) .wp-block-cover.has-background-dim .wp-block-cover__heading {
color: #fff;
font-weight: 800;
line-height: 1.1;
margin-bottom: var(--space-6);
text-shadow: 0 2px 20px rgba(0,0,0,.3);
letter-spacing: -.02em;
font-size: 2rem
}
@media(min-width: 768px) {
body:not(.wp-admin) .hero-section h3,body:not(.wp-admin) .hero-section .hero-title,body:not(.wp-admin) .hero-section .wp-block-cover__heading,body:not(.wp-admin) .wp-block-cover.has-background-dim h1,body:not(.wp-admin) .wp-block-cover.has-background-dim h2,body:not(.wp-admin) .wp-block-cover.has-background-dim h3,body:not(.wp-admin) .wp-block-cover.has-background-dim .hero-title,body:not(.wp-admin) .wp-block-cover.has-background-dim .hero-heading,body:not(.wp-admin) .wp-block-cover.has-background-dim .wp-block-cover__heading {
font-size:3rem
}
}
@media(min-width: 1024px) {
body:not(.wp-admin) .hero-section h3,body:not(.wp-admin) .hero-section .hero-title,body:not(.wp-admin) .hero-section .wp-block-cover__heading,body:not(.wp-admin) .wp-block-cover.has-background-dim h1,body:not(.wp-admin) .wp-block-cover.has-background-dim h2,body:not(.wp-admin) .wp-block-cover.has-background-dim h3,body:not(.wp-admin) .wp-block-cover.has-background-dim .hero-title,body:not(.wp-admin) .wp-block-cover.has-background-dim .hero-heading,body:not(.wp-admin) .wp-block-cover.has-background-dim .wp-block-cover__heading {
font-size:4.5rem;
letter-spacing: -.03em
}
}
@media(min-width: 1440px) {
body:not(.wp-admin) .hero-section h3,body:not(.wp-admin) .hero-section .hero-title,body:not(.wp-admin) .hero-section .wp-block-cover__heading,body:not(.wp-admin) .wp-block-cover.has-background-dim h1,body:not(.wp-admin) .wp-block-cover.has-background-dim h2,body:not(.wp-admin) .wp-block-cover.has-background-dim h3,body:not(.wp-admin) .wp-block-cover.has-background-dim .hero-title,body:not(.wp-admin) .wp-block-cover.has-background-dim .hero-heading,body:not(.wp-admin) .wp-block-cover.has-background-dim .wp-block-cover__heading {
font-size:5rem
}
}
body:not(.wp-admin) .hero-section p,body:not(.wp-admin) .hero-section .hero-subtitle,body:not(.wp-admin) .wp-block-cover.has-background-dim p,body:not(.wp-admin) .wp-block-cover.has-background-dim .hero-subtitle,body:not(.wp-admin) .wp-block-cover.has-background-dim .hero-lead,body:not(.wp-admin) .wp-block-cover.has-background-dim .lead {
color: #fff;
font-size: 1.125rem;
line-height: 1.6;
margin-bottom: var(--space-8);
text-shadow: 0 1px 10px rgba(0,0,0,.3);
opacity: .95
}
@media(min-width: 768px) {
body:not(.wp-admin) .hero-section p,body:not(.wp-admin) .hero-section .hero-subtitle,body:not(.wp-admin) .wp-block-cover.has-background-dim p,body:not(.wp-admin) .wp-block-cover.has-background-dim .hero-subtitle,body:not(.wp-admin) .wp-block-cover.has-background-dim .hero-lead,body:not(.wp-admin) .wp-block-cover.has-background-dim .lead {
font-size:1.25rem
}
}
@media(min-width: 1024px) {
body:not(.wp-admin) .hero-section p,body:not(.wp-admin) .hero-section .hero-subtitle,body:not(.wp-admin) .wp-block-cover.has-background-dim p,body:not(.wp-admin) .wp-block-cover.has-background-dim .hero-subtitle,body:not(.wp-admin) .wp-block-cover.has-background-dim .hero-lead,body:not(.wp-admin) .wp-block-cover.has-background-dim .lead {
font-size:1.5rem;
line-height: 1.7
}
}
body:not(.wp-admin) .hero-section a:not(.wp-block-button__link):not(.button),body:not(.wp-admin) .wp-block-cover.has-background-dim a:not(.wp-block-button__link):not(.button) {
color: #fff;
text-decoration: underline;
text-decoration-color: #ffffff80;
transition: text-decoration-color .2s ease
}
body:not(.wp-admin) .hero-section a:not(.wp-block-button__link):not(.button):hover,body:not(.wp-admin) .hero-section a:not(.wp-block-button__link):not(.button):focus,body:not(.wp-admin) .wp-block-cover.has-background-dim a:not(.wp-block-button__link):not(.button):hover,body:not(.wp-admin) .wp-block-cover.has-background-dim a:not(.wp-block-button__link):not(.button):focus {
text-decoration-color: #fff
}
body:not(.wp-admin) .has-background-image {
background-size: cover;
background-position: center;
background-repeat: no-repeat
}
body:not(.wp-admin) .hero-section .wp-block-buttons,body:not(.wp-admin) .hero-section .hero-buttons,body:not(.wp-admin) .hero-section .button-group,body:not(.wp-admin) .wp-block-cover.has-background-dim .wp-block-buttons,body:not(.wp-admin) .wp-block-cover.has-background-dim .hero-buttons,body:not(.wp-admin) .wp-block-cover.has-background-dim .hero-cta,body:not(.wp-admin) .wp-block-cover.has-background-dim .button-group {
display: flex;
gap: var(--space-4);
justify-content: center;
flex-wrap: wrap;
margin-top: var(--space-8)
}
@media(max-width: 767px) {
body:not(.wp-admin) .hero-section .wp-block-buttons,body:not(.wp-admin) .hero-section .hero-buttons,body:not(.wp-admin) .hero-section .button-group,body:not(.wp-admin) .wp-block-cover.has-background-dim .wp-block-buttons,body:not(.wp-admin) .wp-block-cover.has-background-dim .hero-buttons,body:not(.wp-admin) .wp-block-cover.has-background-dim .hero-cta,body:not(.wp-admin) .wp-block-cover.has-background-dim .button-group {
flex-direction:column;
align-items: stretch
}
}
body:not(.wp-admin) .hero-section .wp-block-button,body:not(.wp-admin) .hero-section .hero-button,body:not(.wp-admin) .wp-block-cover.has-background-dim .wp-block-button,body:not(.wp-admin) .wp-block-cover.has-background-dim .hero-button {
margin: 0
}
@media(max-width: 767px) {
body:not(.wp-admin) .hero-section .wp-block-button,body:not(.wp-admin) .hero-section .hero-button,body:not(.wp-admin) .wp-block-cover.has-background-dim .wp-block-button,body:not(.wp-admin) .wp-block-cover.has-background-dim .hero-button {
width:100%
}
}
@keyframes hero-slide-up {
0% {
transform: translateY(30px)
}
to {
transform: translateY(0)
}
}
body:not(.wp-admin) .hero-section .hero-content,body:not(.wp-admin) .hero-section .wp-block-cover__inner-container {
animation: hero-slide-up .6s ease-out
}
body:not(.wp-admin) .hero-section .hero-title {
animation: hero-slide-up .6s ease-out
}
body:not(.wp-admin) .hero-section p,body:not(.wp-admin) .hero-section .hero-subtitle {
animation: hero-slide-up .6s ease-out .15s backwards
}
body:not(.wp-admin) .hero-section .wp-block-buttons,body:not(.wp-admin) .hero-section .hero-buttons {
animation: hero-slide-up .6s ease-out .3s backwards
}
body:not(.wp-admin) .hero-section.has-white-background-color h3,body:not(.wp-admin) .hero-section.has-white-background-color p,body:not(.wp-admin) .hero-section.has-white-background-color .hero-title,body:not(.wp-admin) .hero-section.has-white-background-color .hero-subtitle,body:not(.wp-admin) .hero-section.has-light-background h3,body:not(.wp-admin) .hero-section.has-light-background p,body:not(.wp-admin) .hero-section.has-light-background .hero-title,body:not(.wp-admin) .hero-section.has-light-background .hero-subtitle {
color: #1a1a1a;
text-shadow: none
}
@media(max-width: 767px) {
body:not(.wp-admin) .hero-section {
background-position:center center;
background-size: cover
}
body:not(.wp-admin) .hero-section .hero-content,body:not(.wp-admin) .hero-section .wp-block-cover__inner-container {
padding: var(--space-8) var(--space-4)
}
}
@media(max-width: 640px) {
body:not(.wp-admin) .hero-section img {
max-width:100%!important;
height: auto!important
}
}
@media(max-width: 480px) {
body:not(.wp-admin) .hero-section .hero-content,body:not(.wp-admin) .hero-section .wp-block-cover__inner-container {
padding:var(--space-6) var(--space-3)
}
body:not(.wp-admin) .hero-section {
min-height: 300px
}
}
body:not(.wp-admin) .wp-block-cover+hr,body:not(.wp-admin) .wp-block-cover.has-background-dim+hr {
margin-top: 0;
margin-bottom: var(--space-12);
border: none;
height: 4px;
background: var(--border-primary);
border-radius: 0 0 2rem 2rem;
max-width: 200px;
margin-left: auto;
margin-right: auto
}
@media(min-width: 768px) {
body:not(.wp-admin) .wp-block-cover+hr,body:not(.wp-admin) .wp-block-cover.has-background-dim+hr {
margin-bottom:var(--space-16);
height: 5px;
max-width: 300px
}
}
@media(min-width: 1024px) {
body:not(.wp-admin) .wp-block-cover+hr,body:not(.wp-admin) .wp-block-cover.has-background-dim+hr {
max-width:320px
}
}
body:not(.wp-admin) .hero-section:has(+hr),body:not(.wp-admin) .wp-block-cover:has(+hr) {
margin-bottom: 0
}
@media print {
.hero-section {
background-image: none;
background-color: transparent
}
.hero-section h3,.hero-section p {
color: #000;
text-shadow: none
}
.hero-section {
min-height: auto;
page-break-inside: avoid
}
.wp-block-cover+hr {
display: none
}
}
body:not(.wp-admin) .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body:not(.wp-admin) .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body:not(.wp-admin) .wp-block-post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body:not(.wp-admin) .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) {
list-style-position: outside;
padding-left: 1.5rem;
margin-bottom: 1.5rem
}
body:not(.wp-admin) .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body:not(.wp-admin) .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body:not(.wp-admin) .wp-block-post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body:not(.wp-admin) .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li {
position: relative;
padding-left: .5rem;
margin-bottom: .75rem;
list-style: none;
color: #374151;
line-height: 1.8
}
body:not(.wp-admin) .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body:not(.wp-admin) .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body:not(.wp-admin) .wp-block-post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body:not(.wp-admin) .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before {
content: "•";
position: absolute;
left: -1.5rem;
top: 0;
color: #70c;
font-weight: 700;
font-size: 1.125rem;
line-height: inherit
}
body:not(.wp-admin) .text-section ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li::marker,body:not(.wp-admin) .entry-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li::marker,body:not(.wp-admin) .wp-block-post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li::marker,body:not(.wp-admin) .post-content ul:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li::marker {
content: none
}
body:not(.wp-admin) .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body:not(.wp-admin) .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body:not(.wp-admin) .wp-block-post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]),body:not(.wp-admin) .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) {
list-style-position: outside;
padding-left: 1.5rem;
margin-bottom: 1.5rem;
counter-reset: list-item
}
body:not(.wp-admin) .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body:not(.wp-admin) .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body:not(.wp-admin) .wp-block-post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li,body:not(.wp-admin) .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li {
position: relative;
padding-left: .5rem;
margin-bottom: .75rem;
list-style: none;
color: #374151;
line-height: 1.8;
counter-increment: list-item
}
body:not(.wp-admin) .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body:not(.wp-admin) .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body:not(.wp-admin) .wp-block-post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before,body:not(.wp-admin) .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li:before {
content: counter(list-item) ".";
position: absolute;
left: -2rem;
top: 0;
color: #70c;
font-weight: 600;
line-height: inherit
}
body:not(.wp-admin) .text-section ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li::marker,body:not(.wp-admin) .entry-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li::marker,body:not(.wp-admin) .wp-block-post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li::marker,body:not(.wp-admin) .post-content ol:not([class*=menu]):not([class*=nav]):not([class*=breadcrumb]) li::marker {
content: none
}
body:not(.wp-admin) .text-section ul ul,body:not(.wp-admin) .text-section ol ol,body:not(.wp-admin) .text-section ul ol,body:not(.wp-admin) .text-section ol ul,body:not(.wp-admin) .entry-content ul ul,body:not(.wp-admin) .entry-content ol ol,body:not(.wp-admin) .entry-content ul ol,body:not(.wp-admin) .entry-content ol ul,body:not(.wp-admin) .wp-block-post-content ul ul,body:not(.wp-admin) .wp-block-post-content ol ol,body:not(.wp-admin) .wp-block-post-content ul ol,body:not(.wp-admin) .wp-block-post-content ol ul,body:not(.wp-admin) .post-content ul ul,body:not(.wp-admin) .post-content ol ol,body:not(.wp-admin) .post-content ul ol,body:not(.wp-admin) .post-content ol ul {
margin-top: .5rem;
margin-bottom: .5rem;
padding-left: 1.5rem
}
body:not(.wp-admin) .text-section li:has(>:first-child:is(span,i,svg)[class*=check]):before,body:not(.wp-admin) .entry-content li:has(>:first-child:is(span,i,svg)[class*=check]):before,body:not(.wp-admin) .post-content li:has(>:first-child:is(span,i,svg)[class*=check]):before {
display: none
}
body:not(.wp-admin) .text-section li:has(>svg:first-child),body:not(.wp-admin) .text-section li:has(>i:first-child),body:not(.wp-admin) .text-section li:has(>.icon:first-child),body:not(.wp-admin) .entry-content li:has(>svg:first-child),body:not(.wp-admin) .entry-content li:has(>i:first-child),body:not(.wp-admin) .entry-content li:has(>.icon:first-child),body:not(.wp-admin) .post-content li:has(>svg:first-child),body:not(.wp-admin) .post-content li:has(>i:first-child),body:not(.wp-admin) .post-content li:has(>.icon:first-child) {
padding-left: 2rem
}
body:not(.wp-admin) .text-section li:has(>svg:first-child)>svg:first-child,body:not(.wp-admin) .text-section li:has(>svg:first-child)>i:first-child,body:not(.wp-admin) .text-section li:has(>svg:first-child)>.icon:first-child,body:not(.wp-admin) .text-section li:has(>i:first-child)>svg:first-child,body:not(.wp-admin) .text-section li:has(>i:first-child)>i:first-child,body:not(.wp-admin) .text-section li:has(>i:first-child)>.icon:first-child,body:not(.wp-admin) .text-section li:has(>.icon:first-child)>svg:first-child,body:not(.wp-admin) .text-section li:has(>.icon:first-child)>i:first-child,body:not(.wp-admin) .text-section li:has(>.icon:first-child)>.icon:first-child,body:not(.wp-admin) .entry-content li:has(>svg:first-child)>svg:first-child,body:not(.wp-admin) .entry-content li:has(>svg:first-child)>i:first-child,body:not(.wp-admin) .entry-content li:has(>svg:first-child)>.icon:first-child,body:not(.wp-admin) .entry-content li:has(>i:first-child)>svg:first-child,body:not(.wp-admin) .entry-content li:has(>i:first-child)>i:first-child,body:not(.wp-admin) .entry-content li:has(>i:first-child)>.icon:first-child,body:not(.wp-admin) .entry-content li:has(>.icon:first-child)>svg:first-child,body:not(.wp-admin) .entry-content li:has(>.icon:first-child)>i:first-child,body:not(.wp-admin) .entry-content li:has(>.icon:first-child)>.icon:first-child,body:not(.wp-admin) .post-content li:has(>svg:first-child)>svg:first-child,body:not(.wp-admin) .post-content li:has(>svg:first-child)>i:first-child,body:not(.wp-admin) .post-content li:has(>svg:first-child)>.icon:first-child,body:not(.wp-admin) .post-content li:has(>i:first-child)>svg:first-child,body:not(.wp-admin) .post-content li:has(>i:first-child)>i:first-child,body:not(.wp-admin) .post-content li:has(>i:first-child)>.icon:first-child,body:not(.wp-admin) .post-content li:has(>.icon:first-child)>svg:first-child,body:not(.wp-admin) .post-content li:has(>.icon:first-child)>i:first-child,body:not(.wp-admin) .post-content li:has(>.icon:first-child)>.icon:first-child {
position: absolute;
left: 0;
top: .25rem;
color: #70c
}
body:not(.wp-admin) .text-section li:has(>svg:first-child):before,body:not(.wp-admin) .text-section li:has(>i:first-child):before,body:not(.wp-admin) .text-section li:has(>.icon:first-child):before,body:not(.wp-admin) .entry-content li:has(>svg:first-child):before,body:not(.wp-admin) .entry-content li:has(>i:first-child):before,body:not(.wp-admin) .entry-content li:has(>.icon:first-child):before,body:not(.wp-admin) .post-content li:has(>svg:first-child):before,body:not(.wp-admin) .post-content li:has(>i:first-child):before,body:not(.wp-admin) .post-content li:has(>.icon:first-child):before {
display: none
}
body:not(.wp-admin) .page-template-legal ul li::marker,body:not(.wp-admin) .page-template-legal ol li::marker,body:not(.wp-admin).page-privacy-policy ul li::marker,body:not(.wp-admin).page-privacy-policy ol li::marker,body:not(.wp-admin).page-terms-conditions ul li::marker,body:not(.wp-admin).page-terms-conditions ol li::marker {
content: none
}
body:not(.wp-admin) .page-template-legal ul li,body:not(.wp-admin) .page-template-legal ol li,body:not(.wp-admin).page-privacy-policy ul li,body:not(.wp-admin).page-privacy-policy ol li,body:not(.wp-admin).page-terms-conditions ul li,body:not(.wp-admin).page-terms-conditions ol li {
list-style: none
}
body:not(.wp-admin) .feature-grid ul {
padding-left: 0
}
body:not(.wp-admin) .feature-grid ul li {
padding-left: 2rem;
margin-bottom: 1rem
}
body:not(.wp-admin) .feature-grid ul li:before {
left: 0;
color: #0ca;
content: "✓";
font-size: 1.5rem;
font-weight: 700
}
nav ul,nav ol,.menu ul,.menu ol,.navigation ul,.navigation ol,.breadcrumbs ul,.breadcrumbs ol,[class*=breadcrumb] ul,[class*=breadcrumb] ol,[class*=menu] ul,[class*=menu] ol,[class*=nav] ul,[class*=nav] ol {
list-style: none;
padding-left: 0;
margin: 0
}
nav ul li,nav ol li,.menu ul li,.menu ol li,.navigation ul li,.navigation ol li,.breadcrumbs ul li,.breadcrumbs ol li,[class*=breadcrumb] ul li,[class*=breadcrumb] ol li,[class*=menu] ul li,[class*=menu] ol li,[class*=nav] ul li,[class*=nav] ol li {
list-style: none
}
nav ul li:before,nav ol li:before,.menu ul li:before,.menu ol li:before,.navigation ul li:before,.navigation ol li:before,.breadcrumbs ul li:before,.breadcrumbs ol li:before,[class*=breadcrumb] ul li:before,[class*=breadcrumb] ol li:before,[class*=menu] ul li:before,[class*=menu] ol li:before,[class*=nav] ul li:before,[class*=nav] ol li:before {
display: none
}
nav ul li::marker,nav ol li::marker,.menu ul li::marker,.menu ol li::marker,.navigation ul li::marker,.navigation ol li::marker,.breadcrumbs ul li::marker,.breadcrumbs ol li::marker,[class*=breadcrumb] ul li::marker,[class*=breadcrumb] ol li::marker,[class*=menu] ul li::marker,[class*=menu] ol li::marker,[class*=nav] ul li::marker,[class*=nav] ol li::marker {
content: none
}
body:not(.wp-admin) .wp-block-list {
padding-left: 1.5rem;
margin-bottom: 1.5rem
}
body:not(.wp-admin) .wp-block-list li {
margin-bottom: .75rem;
padding-left: .5rem
}
body:not(.wp-admin) .wp-block-list .wp-block-list {
margin-top: .5rem;
margin-bottom: .5rem
}
body:not(.wp-admin) .posts-wrapper,body:not(.wp-admin) .post-list,body:not(.wp-admin) .blog-posts {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0
}
body:not(.wp-admin) .posts-wrapper:before,body:not(.wp-admin) .posts-wrapper:after,body:not(.wp-admin) .post-list:before,body:not(.wp-admin) .post-list:after,body:not(.wp-admin) .blog-posts:before,body:not(.wp-admin) .blog-posts:after {
display: none
}
body:not(.wp-admin) .posts-wrapper>*,body:not(.wp-admin) .post-list>*,body:not(.wp-admin) .blog-posts>* {
list-style: none;
list-style-type: none
}
body:not(.wp-admin) .posts-wrapper>*:before,body:not(.wp-admin) .posts-wrapper>*:after,body:not(.wp-admin) .post-list>*:before,body:not(.wp-admin) .post-list>*:after,body:not(.wp-admin) .blog-posts>*:before,body:not(.wp-admin) .blog-posts>*:after {
display: none
}
body:not(.wp-admin) .posts-wrapper li,body:not(.wp-admin) .post-list li,body:not(.wp-admin) .blog-posts li {
list-style: none;
list-style-type: none
}
body:not(.wp-admin) .posts-wrapper li:before,body:not(.wp-admin) .posts-wrapper li:after,body:not(.wp-admin) .post-list li:before,body:not(.wp-admin) .post-list li:after,body:not(.wp-admin) .blog-posts li:before,body:not(.wp-admin) .blog-posts li:after {
display: none
}
@media(max-width: 768px) {
body:not(.wp-admin) .text-section ul,body:not(.wp-admin) .text-section ol,body:not(.wp-admin) .entry-content ul,body:not(.wp-admin) .entry-content ol,body:not(.wp-admin) .post-content ul,body:not(.wp-admin) .post-content ol {
padding-left:1.25rem
}
body:not(.wp-admin) .text-section ul li,body:not(.wp-admin) .text-section ol li,body:not(.wp-admin) .entry-content ul li,body:not(.wp-admin) .entry-content ol li,body:not(.wp-admin) .post-content ul li,body:not(.wp-admin) .post-content ol li {
padding-left: .25rem;
font-size: 1rem
}
}
@media print {
ul,ol {
page-break-inside: avoid
}
ul li,ol li {
page-break-inside: avoid;
margin-bottom: .5rem
}
ul li:before,ol li:before {
color: #000
}
}
body:not(.wp-admin) .blog .site-main,body:not(.wp-admin) .archive .site-main {
padding: 3rem 0
}
@media(max-width: 768px) {
body:not(.wp-admin) .blog .site-main,body:not(.wp-admin) .archive .site-main {
padding:2rem 0
}
}
body:not(.wp-admin) .blog .site-main .container,body:not(.wp-admin) .archive .site-main .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem
}
@media(max-width: 768px) {
body:not(.wp-admin) .blog .site-main .container,body:not(.wp-admin) .archive .site-main .container {
padding:0 1.5rem
}
}
body:not(.wp-admin) .blog .post-thumbnail,body:not(.wp-admin) .archive .post-thumbnail {
margin-bottom: 2rem;
border-radius: .75rem;
overflow: hidden;
border: 1px solid var(--border-primary)
}
body:not(.wp-admin) .blog .post-thumbnail img,body:not(.wp-admin) .archive .post-thumbnail img {
width: 100%;
height: auto;
display: block;
transition: transform .3s ease;
-o-object-fit: cover;
object-fit: cover
}
body:not(.wp-admin) .blog .post-thumbnail img[width][height],body:not(.wp-admin) .archive .post-thumbnail img[width][height] {
height: auto
}
body:not(.wp-admin) .blog .post-thumbnail a:hover img,body:not(.wp-admin) .archive .post-thumbnail a:hover img {
transform: scale(1.05)
}
@media(max-width: 768px) {
body:not(.wp-admin) .blog .post-thumbnail,body:not(.wp-admin) .archive .post-thumbnail {
margin-bottom:1.5rem;
border-radius: .5rem
}
body:not(.wp-admin) .blog .post-thumbnail img,body:not(.wp-admin) .archive .post-thumbnail img {
max-width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover
}
}
@media(max-width: 640px) {
body:not(.wp-admin) .blog .post-thumbnail,body:not(.wp-admin) .archive .post-thumbnail {
margin-bottom:1rem
}
body:not(.wp-admin) .blog .post-thumbnail a:hover img,body:not(.wp-admin) .archive .post-thumbnail a:hover img {
transform: none
}
}
@media(max-width: 480px) {
body:not(.wp-admin) .blog .post-thumbnail,body:not(.wp-admin) .archive .post-thumbnail {
border-radius:.25rem
}
}
body:not(.wp-admin) .blog .entry-title,body:not(.wp-admin) .archive .entry-title {
font-size: 2.25rem;
font-weight: 700;
line-height: 1.2;
margin-bottom: 1rem;
color: #1a1a1a
}
body:not(.wp-admin) .blog .entry-title a,body:not(.wp-admin) .archive .entry-title a {
color: inherit;
text-decoration: none;
transition: color .2s ease
}
body:not(.wp-admin) .blog .entry-title a:hover,body:not(.wp-admin) .archive .entry-title a:hover {
color: #70c
}
@media(max-width: 768px) {
body:not(.wp-admin) .blog .entry-title,body:not(.wp-admin) .archive .entry-title {
font-size:1.875rem
}
}
body:not(.wp-admin) .archive .archive-header,body:not(.wp-admin) .blog .archive-header {
max-width: 800px;
margin: 0 auto 3rem;
padding: 2rem;
text-align: center
}
body:not(.wp-admin) .archive .archive-header .archive-title,body:not(.wp-admin) .blog .archive-header .archive-title {
font-size: 2.5rem;
font-weight: 700;
color: #1a1a1a;
margin-bottom: 1rem
}
@media(min-width: 768px) {
body:not(.wp-admin) .archive .archive-header .archive-title,body:not(.wp-admin) .blog .archive-header .archive-title {
font-size:3rem
}
}
@media(max-width: 768px) {
body:not(.wp-admin) .archive .archive-header .archive-title,body:not(.wp-admin) .blog .archive-header .archive-title {
font-size:2rem
}
}
body:not(.wp-admin) .archive .archive-header .archive-description,body:not(.wp-admin) .blog .archive-header .archive-description {
font-size: 1.125rem;
color: #555;
line-height: 1.7
}
@media(max-width: 768px) {
body:not(.wp-admin) .archive .archive-header .archive-description,body:not(.wp-admin) .blog .archive-header .archive-description {
font-size:1rem
}
}
body:not(.wp-admin) .sidebar,body:not(.wp-admin) .widget-area {
padding: 2rem 1.5rem
}
@media(min-width: 769px) {
body:not(.wp-admin) .sidebar,body:not(.wp-admin) .widget-area {
padding:2rem
}
}
body:not(.wp-admin) .widget {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: .75rem;
padding: 1.5rem;
margin-bottom: 2rem
}
body:not(.wp-admin) .widget:last-child {
margin-bottom: 0
}
body:not(.wp-admin) .widget .widget-title {
font-size: 1.25rem;
font-weight: 700;
color: #1a1a1a;
margin-bottom: 1.25rem;
padding-bottom: .75rem;
border-bottom: 2px solid #e5e7eb
}
body:not(.wp-admin) .widget .widget-content {
font-size: .9375rem;
line-height: 1.6;
color: #333
}
body:not(.wp-admin) .widget a {
color: #70c;
text-decoration: none;
transition: color .2s ease
}
body:not(.wp-admin) .widget a:hover {
color: #5c0099;
text-decoration: underline
}
body:not(.wp-admin) .widget ul {
list-style: none;
padding: 0;
margin: 0
}
body:not(.wp-admin) .widget ul li {
padding: .625rem 0;
border-bottom: 1px solid #e5e7eb
}
body:not(.wp-admin) .widget ul li:last-child {
border-bottom: none
}
body:not(.wp-admin) .widget ul li:before {
content: "›";
display: inline-block;
margin-right: .5rem;
color: #70c;
font-weight: 700;
font-size: 1.25rem
}
body:not(.wp-admin) .widget ul li a {
display: inline-block;
transition: all .2s ease
}
body:not(.wp-admin) .widget ul ul {
margin-left: 1rem;
margin-top: .5rem
}
body:not(.wp-admin) .widget select {
width: 100%;
padding: .625rem .875rem;
border: 2px solid #e5e7eb;
border-radius: .5rem;
font-size: .9375rem;
color: #333;
background: #fff;
cursor: pointer;
transition: all .2s ease
}
body:not(.wp-admin) .widget select:focus {
outline: none;
border-color: #70c;
box-shadow: 0 0 0 3px #7700cc1a
}
@media(min-width: 1025px) {
body.has-sidebar .site-main {
display:grid;
grid-template-columns: 1fr minmax(var(--sidebar-min-width, 280px),var(--sidebar-width, 350px));
gap: var(--sidebar-gap, 3rem);
max-width: var(--content-max-width, 1400px);
margin: 0 auto
}
body.has-sidebar .site-main .sidebar {
position: sticky;
top: var(--sidebar-sticky-top, 2rem);
align-self: start
}
}
@media(max-width: 1024px) {
body.has-sidebar .site-main {
display:flex;
flex-direction: column
}
body.has-sidebar .sidebar {
width: 100%;
max-width: 100%
}
}
body:not(.wp-admin) .widget a:focus-visible,body:not(.wp-admin) .widget button:focus-visible,body:not(.wp-admin) .widget input:focus-visible,body:not(.wp-admin) .widget select:focus-visible {
outline: 3px solid #7700cc;
outline-offset: 2px
}
body:not(.wp-admin) .widget .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0
}
body:not(.wp-admin) .widget .screen-reader-text:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal
}
@media print {
.sidebar,.widget-area {
display: none
}
body.has-sidebar .site-main {
display: block
}
}
.post-archive-list.masonry-grid {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(var(--archive-card-min-width, 300px),1fr));
gap: var(--archive-gap, 2rem);
list-style: none;
padding: 0;
margin: var(--archive-margin, 2rem) 0
}
@media(min-width: 1024px) {
.post-archive-list.masonry-grid {
grid-template-columns:repeat(3,1fr)
}
}
.post-archive-list.masonry-grid .post-item.matrix-item:nth-child(6n+1) {
grid-column: span 2
}
.post-archive-list.masonry-grid .post-item.matrix-item:nth-child(6n+2) {
grid-column: span 1
}
.post-archive-list.masonry-grid .post-item.matrix-item:nth-child(6n+3),.post-archive-list.masonry-grid .post-item.matrix-item:nth-child(6n+4),.post-archive-list.masonry-grid .post-item.matrix-item:nth-child(6n+5) {
grid-column: span 3
}
.post-archive-list.masonry-grid .post-item.matrix-item:nth-child(6n+6) {
grid-column: span 1
}
.post-archive-list.masonry-grid .post-item.matrix-item .post-thumbnail {
margin-bottom: 1rem;
border-radius: .5rem;
overflow: hidden;
border: 1px solid var(--border-primary, #e0e0e0);
position: relative
}
.post-archive-list.masonry-grid .post-item.matrix-item .post-thumbnail img {
width: 100%;
height: auto;
display: block;
transition: opacity .3s ease
}
.post-archive-list.masonry-grid .post-item.matrix-item .post-thumbnail a:hover img {
opacity: .9
}
@media(max-width: 1023px)and (min-width:768px) {
.post-archive-list.masonry-grid {
grid-template-columns:repeat(2,1fr);
gap: 1.5rem
}
.post-archive-list.masonry-grid .post-item.matrix-item:nth-child(6n+1),.post-archive-list.masonry-grid .post-item.matrix-item:nth-child(6n+2),.post-archive-list.masonry-grid .post-item.matrix-item:nth-child(6n+3),.post-archive-list.masonry-grid .post-item.matrix-item:nth-child(6n+4),.post-archive-list.masonry-grid .post-item.matrix-item:nth-child(6n+5),.post-archive-list.masonry-grid .post-item.matrix-item:nth-child(6n+6) {
grid-column: span 2
}
}
@media(max-width: 767px) {
.post-archive-list.masonry-grid {
grid-template-columns:1fr;
gap: 1rem
}
.post-archive-list.masonry-grid .post-item.matrix-item:nth-child(n) {
grid-column: span 1
}
}
.post-archive-list.matrix-style {
list-style: none;
padding: 0;
margin: 2rem 0
}
.post-archive-list.matrix-style ul,.post-archive-list.matrix-style ol {
list-style: none;
padding-left: 0
}
.post-archive-list.matrix-style .post-item.matrix-item {
position: relative;
display: block;
background: var(--bg-primary, #ffffff);
padding: 1.5rem;
margin-bottom: 1rem;
border-radius: 8px;
border: 1px solid var(--border-primary, #e0e0e0);
border-left: 4px solid var(--brand-primary, #7700cc);
transition: all .2s cubic-bezier(.4,0,.2,1)
}
.post-archive-list.matrix-style .post-item.matrix-item:hover {
transform: translateY(-2px);
border-color: var(--brand-primary, #7700cc);
border-left-color: var(--brand-primary-dark, #5500aa);
box-shadow: 0 4px 8px #0000001a
}
.post-archive-list.matrix-style .post-item.matrix-item .post-date {
display: block;
font-size: .875rem;
color: var(--text-tertiary, #666666);
margin-bottom: .5rem;
font-weight: 400;
line-height: 1.5
}
.post-archive-list.matrix-style .post-item.matrix-item .post-title {
font-size: 1.25rem;
font-weight: 600;
margin: 0.5rem 0 .75rem;
line-height: 1.4
}
.post-archive-list.matrix-style .post-item.matrix-item .post-title a {
color: var(--text-primary, #1a1a1a);
text-decoration: none;
transition: color .2s ease
}
.post-archive-list.matrix-style .post-item.matrix-item .post-title a:hover {
color: var(--brand-primary, #7700cc)
}
.post-archive-list.matrix-style .post-item.matrix-item .post-excerpt {
font-size: .9375rem;
line-height: 1.6;
color: var(--text-secondary, #444444);
margin-bottom: .75rem
}
.post-archive-list.matrix-style .post-item.matrix-item .post-excerpt p {
margin: 0
}
.post-archive-list.matrix-style .post-item.matrix-item .post-categories {
font-size: .8125rem;
line-height: 1.5
}
.post-archive-list.matrix-style .post-item.matrix-item .post-categories a {
color: var(--brand-primary, #7700cc);
text-decoration: none;
transition: all .2s ease;
padding: .125rem .25rem;
border-radius: 3px
}
.post-archive-list.matrix-style .post-item.matrix-item .post-categories a:hover {
text-decoration: underline;
background: #7700cc0d
}
.post-archive-list.matrix-style .post-item.matrix-item .post-tags {
font-size: .8125rem;
line-height: 1.5;
margin-top: .5rem
}
.post-archive-list.matrix-style .post-item.matrix-item .post-tags a {
color: var(--text-tertiary, #666666);
text-decoration: none;
padding: .25rem .5rem;
background: var(--bg-secondary, #f5f5f5);
border-radius: 4px;
margin-right: .25rem;
display: inline-block;
margin-bottom: .25rem;
transition: all .2s ease
}
.post-archive-list.matrix-style .post-item.matrix-item .post-tags a:hover {
background: #7700cc1a;
color: var(--brand-primary, #7700cc)
}
.post-archive-list.matrix-style .post-item.matrix-item .read-more-link {
display: inline-block;
margin-top: .75rem;
font-size: .875rem;
font-weight: 600;
color: var(--brand-primary, #7700cc);
text-decoration: none;
transition: all .2s ease
}
.post-archive-list.matrix-style .post-item.matrix-item .read-more-link:hover {
color: var(--brand-primary-dark, #5500aa);
text-decoration: underline
}
.post-archive-list.matrix-style .no-posts {
text-align: center;
padding: 3rem 1rem;
color: var(--text-tertiary, #666666);
font-size: 1rem
}
.post-archive-list.press-release-archive .post-item.press-release-item {
padding: 2rem;
margin-bottom: 1.5rem
}
.post-archive-list.press-release-archive .post-item.press-release-item .post-title {
font-size: 1.375rem;
margin-bottom: 1rem
}
.post-archive-list.press-release-archive .post-item.press-release-item .post-date {
font-size: .9375rem;
margin-bottom: .75rem
}
.post-archive-list.press-release-archive .post-item.press-release-item .post-excerpt {
font-size: 1rem;
margin-bottom: 1rem
}
.news-section {
margin-bottom: 3rem
}
.news-section .section-heading {
font-size: 1.75rem;
font-weight: 700;
margin: 0 0 1.5rem;
color: var(--text-primary, #1a1a1a);
padding-bottom: .5rem;
border-bottom: 2px solid var(--brand-primary, #7700cc)
}
.pagination.matrix-pagination {
margin-top: 3rem;
text-align: center
}
.pagination.matrix-pagination .nav-links {
display: flex;
align-items: center;
justify-content: center;
gap: .5rem;
flex-wrap: wrap
}
.pagination.matrix-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 2.5rem;
height: 2.5rem;
padding: .5rem;
border-radius: 6px;
color: var(--text-primary, #1a1a1a);
text-decoration: none;
font-weight: 500;
transition: all .2s ease;
background: var(--bg-primary, #ffffff);
border: 1px solid var(--border-primary, #e0e0e0)
}
.pagination.matrix-pagination .page-numbers:hover {
background: #7700cc0d;
color: var(--brand-primary, #7700cc);
border-color: var(--brand-primary, #7700cc)
}
.pagination.matrix-pagination .page-numbers.current {
background: var(--brand-primary, #7700cc);
color: #fff;
border-color: var(--brand-primary, #7700cc);
cursor: default
}
.pagination.matrix-pagination .prev,.pagination.matrix-pagination .next {
font-weight: 600
}
.wp-block-query {
margin: 2rem 0
}
.wp-block-query .wp-block-post-template {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 1rem
}
.wp-block-query .wp-block-post-template>li {
list-style: none;
padding: 0;
margin: 0
}
.wp-block-query .wp-block-post-template>li .wp-block-group {
position: relative;
display: block;
background: var(--bg-primary, #ffffff);
padding: 1.5rem;
border-radius: 8px;
border: 1px solid var(--border-primary, #e0e0e0);
border-left: 4px solid var(--brand-primary, #7700cc);
transition: all .2s cubic-bezier(.4,0,.2,1)
}
.wp-block-query .wp-block-post-template>li .wp-block-group:hover {
transform: translateY(-2px);
border-color: var(--brand-primary, #7700cc);
border-left-color: var(--brand-primary-dark, #5500aa);
box-shadow: 0 4px 8px #0000001a
}
.wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-date {
display: block;
font-size: .875rem;
color: var(--text-tertiary, #666666);
margin-bottom: .5rem;
font-weight: 400;
line-height: 1.5
}
.wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-title {
font-size: 1.25rem;
font-weight: 600;
margin: 0 0 .75rem;
line-height: 1.4
}
.wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-title a {
color: var(--text-primary, #1a1a1a);
text-decoration: none;
transition: color .2s ease
}
.wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-title a:hover {
color: var(--brand-primary, #7700cc)
}
.wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-excerpt {
font-size: .9375rem;
line-height: 1.6;
color: var(--text-secondary, #444444);
margin-bottom: .75rem
}
.wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-excerpt p {
margin: 0
}
.wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-excerpt .wp-block-post-excerpt__more-link {
display: inline-flex;
align-items: center;
gap: .5rem;
color: var(--brand-primary, #7700cc);
font-weight: 600;
text-decoration: none;
transition: all .2s ease
}
.wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-excerpt .wp-block-post-excerpt__more-link:hover {
color: var(--brand-primary-dark, #5500aa);
text-decoration: underline
}
.wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-excerpt .wp-block-post-excerpt__more-link:after {
content: "";
display: inline-block;
transition: transform .2s ease
}
.wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-excerpt .wp-block-post-excerpt__more-link:hover:after {
transform: scale(1.15)
}
.wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-terms {
font-size: .8125rem;
line-height: 1.5;
margin-top: .5rem
}
.wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-terms a {
color: var(--brand-primary, #7700cc);
text-decoration: none;
transition: all .2s ease;
padding: .125rem .25rem;
border-radius: 3px
}
.wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-terms a:hover {
text-decoration: underline;
background: #7700cc0d
}
.wp-block-query .wp-block-post-template.is-flex-container {
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 1.5rem
}
@media(max-width: 768px) {
.wp-block-query .wp-block-post-template.is-flex-container {
grid-template-columns:1fr;
gap: 1rem
}
}
.wp-block-query .wp-block-post-template.is-flex-container>li .wp-block-group {
padding: 1.5rem;
height: 100%
}
@media(max-width: 768px) {
.wp-block-query .wp-block-post-template.is-flex-container>li .wp-block-group {
padding:1.25rem
}
}
.post-type-archive-event .wp-block-query .wp-block-post-template>li .wp-block-group .event-date,.post-type-archive-event .wp-block-query .wp-block-post-template>li .wp-block-group .event-time,.post-type-archive-event .wp-block-query .wp-block-post-template>li .wp-block-group .event-location {
display: flex;
align-items: center;
gap: .5rem;
font-size: .875rem;
color: var(--text-tertiary, #666666);
margin-bottom: .5rem
}
.post-type-archive-event .wp-block-query .wp-block-post-template>li .wp-block-group .event-date:before,.post-type-archive-event .wp-block-query .wp-block-post-template>li .wp-block-group .event-time:before,.post-type-archive-event .wp-block-query .wp-block-post-template>li .wp-block-group .event-location:before {
content: "";
display: inline-block;
width: 1rem;
height: 1rem
}
.post-type-archive-event .wp-block-query .wp-block-post-template>li .wp-block-group .event-date:before {
content: "📅"
}
.post-type-archive-event .wp-block-query .wp-block-post-template>li .wp-block-group .event-time:before {
content: "🕐"
}
.post-type-archive-event .wp-block-query .wp-block-post-template>li .wp-block-group .event-location:before {
content: "📍"
}
.post-type-archive-event .wp-block-query .wp-block-post-template>li .wp-block-group.event-upcoming {
border-left-color: #10b981;
background: #10b98105
}
.post-type-archive-event .wp-block-query .wp-block-post-template>li .wp-block-group.event-past {
opacity: .7
}
.post-type-archive-event .wp-block-query .wp-block-post-template>li .wp-block-group.event-past .post-title,.post-type-archive-event .wp-block-query .wp-block-post-template>li .wp-block-group.event-past .wp-block-post-title {
color: var(--text-tertiary, #666666)
}
.press-release-archive .post-archive-list.matrix-style .post-item.matrix-item,.press-release-archive .wp-block-query .wp-block-post-template>li .wp-block-group {
padding: 2rem;
margin-bottom: 1.5rem
}
@media(max-width: 768px) {
.press-release-archive .post-archive-list.matrix-style .post-item.matrix-item,.press-release-archive .wp-block-query .wp-block-post-template>li .wp-block-group {
padding:1.5rem
}
}
.press-release-archive .post-archive-list.matrix-style .post-item.matrix-item .post-title,.press-release-archive .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-title,.press-release-archive .wp-block-query .wp-block-post-template>li .wp-block-group .post-title,.press-release-archive .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-title {
font-size: 1.375rem;
margin-bottom: 1rem
}
@media(max-width: 768px) {
.press-release-archive .post-archive-list.matrix-style .post-item.matrix-item .post-title,.press-release-archive .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-title,.press-release-archive .wp-block-query .wp-block-post-template>li .wp-block-group .post-title,.press-release-archive .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-title {
font-size:1.25rem
}
}
.press-release-archive .post-archive-list.matrix-style .post-item.matrix-item .post-date,.press-release-archive .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-date,.press-release-archive .wp-block-query .wp-block-post-template>li .wp-block-group .post-date,.press-release-archive .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-date {
font-size: .9375rem;
margin-bottom: .75rem
}
.press-release-archive .post-archive-list.matrix-style .post-item.matrix-item .post-excerpt,.press-release-archive .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-excerpt,.press-release-archive .wp-block-query .wp-block-post-template>li .wp-block-group .post-excerpt,.press-release-archive .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-excerpt {
font-size: 1rem;
margin-bottom: 1rem
}
.press-release-archive .wp-block-query .wp-block-post-template>li .wp-block-group .press-badge {
display: inline-block;
padding: .25rem .75rem;
background: var(--brand-primary, #7700cc);
color: #fff;
font-size: .75rem;
font-weight: 700;
text-transform: uppercase;
border-radius: 4px;
margin-bottom: .75rem;
letter-spacing: .05em
}
.blog .post-archive-list.matrix-style .post-item.matrix-item .post-thumbnail,.blog .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-featured-image,.blog .wp-block-query .wp-block-post-template>li .wp-block-group .post-thumbnail,.blog .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-featured-image,.category .post-archive-list.matrix-style .post-item.matrix-item .post-thumbnail,.category .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-featured-image,.category .wp-block-query .wp-block-post-template>li .wp-block-group .post-thumbnail,.category .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-featured-image,.tag .post-archive-list.matrix-style .post-item.matrix-item .post-thumbnail,.tag .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-featured-image,.tag .wp-block-query .wp-block-post-template>li .wp-block-group .post-thumbnail,.tag .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-featured-image,.author .post-archive-list.matrix-style .post-item.matrix-item .post-thumbnail,.author .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-featured-image,.author .wp-block-query .wp-block-post-template>li .wp-block-group .post-thumbnail,.author .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-featured-image {
margin-bottom: 1rem;
border-radius: .5rem;
overflow: hidden;
border: 1px solid var(--border-primary, #e0e0e0);
position: relative
}
.blog .post-archive-list.matrix-style .post-item.matrix-item .post-thumbnail img,.blog .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-featured-image img,.blog .wp-block-query .wp-block-post-template>li .wp-block-group .post-thumbnail img,.blog .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-featured-image img,.category .post-archive-list.matrix-style .post-item.matrix-item .post-thumbnail img,.category .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-featured-image img,.category .wp-block-query .wp-block-post-template>li .wp-block-group .post-thumbnail img,.category .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-featured-image img,.tag .post-archive-list.matrix-style .post-item.matrix-item .post-thumbnail img,.tag .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-featured-image img,.tag .wp-block-query .wp-block-post-template>li .wp-block-group .post-thumbnail img,.tag .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-featured-image img,.author .post-archive-list.matrix-style .post-item.matrix-item .post-thumbnail img,.author .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-featured-image img,.author .wp-block-query .wp-block-post-template>li .wp-block-group .post-thumbnail img,.author .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-featured-image img {
width: 100%;
height: auto;
display: block;
transition: opacity .3s ease
}
.blog .post-archive-list.matrix-style .post-item.matrix-item .post-thumbnail a:hover img,.blog .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-featured-image a:hover img,.blog .wp-block-query .wp-block-post-template>li .wp-block-group .post-thumbnail a:hover img,.blog .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-featured-image a:hover img,.category .post-archive-list.matrix-style .post-item.matrix-item .post-thumbnail a:hover img,.category .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-featured-image a:hover img,.category .wp-block-query .wp-block-post-template>li .wp-block-group .post-thumbnail a:hover img,.category .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-featured-image a:hover img,.tag .post-archive-list.matrix-style .post-item.matrix-item .post-thumbnail a:hover img,.tag .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-featured-image a:hover img,.tag .wp-block-query .wp-block-post-template>li .wp-block-group .post-thumbnail a:hover img,.tag .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-featured-image a:hover img,.author .post-archive-list.matrix-style .post-item.matrix-item .post-thumbnail a:hover img,.author .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-featured-image a:hover img,.author .wp-block-query .wp-block-post-template>li .wp-block-group .post-thumbnail a:hover img,.author .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-featured-image a:hover img {
opacity: .9
}
.blog .post-archive-list.matrix-style .post-item.matrix-item .post-author,.blog .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-author,.blog .wp-block-query .wp-block-post-template>li .wp-block-group .post-author,.blog .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-author,.category .post-archive-list.matrix-style .post-item.matrix-item .post-author,.category .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-author,.category .wp-block-query .wp-block-post-template>li .wp-block-group .post-author,.category .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-author,.tag .post-archive-list.matrix-style .post-item.matrix-item .post-author,.tag .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-author,.tag .wp-block-query .wp-block-post-template>li .wp-block-group .post-author,.tag .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-author,.author .post-archive-list.matrix-style .post-item.matrix-item .post-author,.author .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-author,.author .wp-block-query .wp-block-post-template>li .wp-block-group .post-author,.author .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-author {
display: flex;
align-items: center;
gap: .5rem;
font-size: .875rem;
color: var(--text-tertiary, #666666);
margin-top: .75rem
}
.blog .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-author .avatar,.blog .wp-block-query .wp-block-post-template>li .wp-block-group .post-author .avatar,.blog .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-author .avatar,.category .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-author .avatar,.category .wp-block-query .wp-block-post-template>li .wp-block-group .post-author .avatar,.category .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-author .avatar,.tag .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-author .avatar,.tag .wp-block-query .wp-block-post-template>li .wp-block-group .post-author .avatar,.tag .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-author .avatar,.author .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-author .avatar,.author .wp-block-query .wp-block-post-template>li .wp-block-group .post-author .avatar,.author .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-author .avatar {
width: 2rem;
height: 2rem;
border-radius: 50%
}
.blog .post-archive-list.matrix-style .post-item.matrix-item .post-author a,.blog .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-author a,.blog .wp-block-query .wp-block-post-template>li .wp-block-group .post-author a,.blog .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-author a,.category .post-archive-list.matrix-style .post-item.matrix-item .post-author a,.category .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-author a,.category .wp-block-query .wp-block-post-template>li .wp-block-group .post-author a,.category .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-author a,.tag .post-archive-list.matrix-style .post-item.matrix-item .post-author a,.tag .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-author a,.tag .wp-block-query .wp-block-post-template>li .wp-block-group .post-author a,.tag .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-author a,.author .post-archive-list.matrix-style .post-item.matrix-item .post-author a,.author .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-author a,.author .wp-block-query .wp-block-post-template>li .wp-block-group .post-author a,.author .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-author a {
color: var(--text-secondary, #444444);
text-decoration: none;
font-weight: 500
}
.blog .post-archive-list.matrix-style .post-item.matrix-item .post-author a:hover,.blog .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-author a:hover,.blog .wp-block-query .wp-block-post-template>li .wp-block-group .post-author a:hover,.blog .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-author a:hover,.category .post-archive-list.matrix-style .post-item.matrix-item .post-author a:hover,.category .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-author a:hover,.category .wp-block-query .wp-block-post-template>li .wp-block-group .post-author a:hover,.category .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-author a:hover,.tag .post-archive-list.matrix-style .post-item.matrix-item .post-author a:hover,.tag .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-author a:hover,.tag .wp-block-query .wp-block-post-template>li .wp-block-group .post-author a:hover,.tag .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-author a:hover,.author .post-archive-list.matrix-style .post-item.matrix-item .post-author a:hover,.author .post-archive-list.matrix-style .post-item.matrix-item .wp-block-post-author a:hover,.author .wp-block-query .wp-block-post-template>li .wp-block-group .post-author a:hover,.author .wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-author a:hover {
color: var(--brand-primary, #7700cc)
}
@media(max-width: 767px) {
.post-archive-list.matrix-style .post-item.matrix-item {
padding:1.25rem;
border-left-width: 3px
}
.post-archive-list.matrix-style .post-item.matrix-item .post-title {
font-size: 1.125rem
}
.post-archive-list.matrix-style .post-item.matrix-item .post-excerpt {
font-size: .875rem
}
.post-archive-list.press-release-archive .post-item.press-release-item {
padding: 1.5rem
}
.post-archive-list.press-release-archive .post-item.press-release-item .post-title {
font-size: 1.25rem
}
.news-section .section-heading {
font-size: 1.5rem
}
.pagination.matrix-pagination .page-numbers {
min-width: 2rem;
height: 2rem;
font-size: .875rem
}
.wp-block-query .wp-block-post-template>li .wp-block-group {
padding: 1.25rem;
border-left-width: 3px
}
.wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-title {
font-size: 1.125rem
}
.wp-block-query .wp-block-post-template>li .wp-block-group .wp-block-post-excerpt {
font-size: .875rem
}
}
@media(min-width: 768px) {
.post-archive-list.matrix-style {
margin:3rem 0
}
.post-archive-list.matrix-style .post-item.matrix-item:hover {
transform: translateY(-3px)
}
.wp-block-query {
margin: 3rem 0
}
.wp-block-query .wp-block-post-template>li .wp-block-group:hover {
transform: translateY(-3px)
}
}
.post-archive-list.matrix-style a:focus,.post-archive-list.matrix-style a:focus-visible {
outline: 2px solid var(--brand-primary, #7700cc);
outline-offset: 2px;
border-radius: 2px
}
.pagination.matrix-pagination .page-numbers:focus,.pagination.matrix-pagination .page-numbers:focus-visible {
outline: 2px solid var(--brand-primary, #7700cc);
outline-offset: 2px
}
@media(prefers-reduced-motion:reduce) {
.post-archive-list.matrix-style .post-item.matrix-item {
transition: none
}
.post-archive-list.matrix-style .post-item.matrix-item:hover {
transform: none
}
.pagination.matrix-pagination .page-numbers,.horizontal-navigation .nav-button .arrow {
transition: none
}
.horizontal-navigation .nav-button .arrow:hover {
transform: none
}
}
.horizontal-navigation.matrix-pagination {
margin-top: 3rem;
display: flex;
align-items: center;
justify-content: center
}
.horizontal-navigation.matrix-pagination .nav-links {
display: flex;
align-items: center;
justify-content: center;
gap: .75rem;
flex-wrap: wrap
}
.horizontal-navigation.matrix-pagination .nav-button {
display: inline-flex;
align-items: center;
gap: .5rem;
padding: .75rem 1.5rem;
background: var(--bg-primary, #ffffff);
border: 2px solid var(--border-primary, #e0e0e0);
border-radius: 8px;
color: var(--text-primary, #1a1a1a);
text-decoration: none;
font-weight: 600;
font-size: .9375rem;
transition: all .2s ease;
cursor: pointer
}
.horizontal-navigation.matrix-pagination .nav-button .arrow {
display: inline-block;
font-size: 1.25rem;
line-height: 1;
transition: transform .2s ease
}
.horizontal-navigation.matrix-pagination .nav-button:hover {
background: var(--brand-primary, #7700cc);
color: #fff;
border-color: var(--brand-primary, #7700cc);
transform: translateY(-2px)
}
.horizontal-navigation.matrix-pagination .nav-button:hover .arrow {
transform: scale(1.15)
}
.horizontal-navigation.matrix-pagination .nav-button.disabled {
opacity: .4;
cursor: not-allowed;
pointer-events: none
}
@media(max-width: 767px) {
.horizontal-navigation.matrix-pagination .nav-button {
padding:.625rem 1.25rem;
font-size: .875rem
}
.horizontal-navigation.matrix-pagination .nav-button .arrow {
font-size: 1.125rem
}
}
.horizontal-navigation.matrix-pagination a:not(.nav-button),.horizontal-navigation.matrix-pagination span.current {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 2.5rem;
height: 2.5rem;
padding: .5rem;
border-radius: 6px;
color: var(--text-primary, #1a1a1a);
text-decoration: none;
font-weight: 500;
transition: all .2s ease;
background: var(--bg-primary, #ffffff);
border: 1px solid var(--border-primary, #e0e0e0)
}
.horizontal-navigation.matrix-pagination a:not(.nav-button):hover,.horizontal-navigation.matrix-pagination span.current:hover {
background: #7700cc0d;
color: var(--brand-primary, #7700cc);
border-color: var(--brand-primary, #7700cc)
}
.horizontal-navigation.matrix-pagination span.current {
background: var(--brand-primary, #7700cc);
color: #fff;
border-color: var(--brand-primary, #7700cc);
cursor: default
}
@media(max-width: 767px) {
.horizontal-navigation.matrix-pagination a:not(.nav-button),.horizontal-navigation.matrix-pagination span.current {
min-width:2rem;
height: 2rem;
font-size: .875rem
}
}
.related-posts {
margin-top: 4rem;
padding-top: 3rem;
border-top: 2px solid var(--border-primary, #e0e0e0)
}
.related-posts .related-posts-title {
font-size: 1.75rem;
font-weight: 700;
margin: 0 0 2rem;
color: var(--text-primary, #1a1a1a);
text-align: center
}
.related-posts .related-posts-grid {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(var(--related-post-min-width, 280px),1fr));
gap: var(--related-post-gap, 1.5rem);
margin: 0
}
@media(max-width: 767px) {
.related-posts .related-posts-grid {
gap:1rem
}
}
.related-posts .related-posts-grid .related-post-item .post-title {
font-size: 1.125rem
}
.related-posts .related-posts-grid .related-post-item .post-excerpt {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden
}
.post-date,.published,.updated,.wp-block-post-date {
display: inline-flex;
align-items: center;
padding: .375rem .875rem;
font-size: .875rem;
color: var(--text-tertiary, #666666);
background: var(--bg-secondary, #f5f5f5);
border-radius: .5rem;
font-weight: 500;
line-height: 1.5;
text-decoration: none;
transition: all .2s ease;
border: 1px solid var(--border-primary, #e0e0e0)
}
.post-date:hover,.published:hover,.updated:hover,.wp-block-post-date:hover {
background: var(--bg-tertiary, #e8e8e8);
transform: translateY(-1px);
box-shadow: 0 2px 4px #0000000d
}
.post-date.has-icon:before,.published.has-icon:before,.updated.has-icon:before,.wp-block-post-date.has-icon:before {
content: "📅";
margin-right: .375rem;
opacity: .7
}
.post-date.updated,.published.updated,.updated.updated,.wp-block-post-date.updated {
font-style: italic;
background: #7700cc0d;
border-color: #7700cc26
}
.post-date.updated:before,.published.updated:before,.updated.updated:before,.wp-block-post-date.updated:before {
content: "Updated: ";
font-weight: 600;
font-style: normal
}
.post-date.updated:hover,.published.updated:hover,.updated.updated:hover,.wp-block-post-date.updated:hover {
background: #7700cc1a;
border-color: var(--brand-primary, #7700cc)
}
.wp-block-post-date time {
color: inherit;
font-weight: inherit
}
.post-categories,.wp-block-post-terms.taxonomy-category {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: .5rem;
margin: 0;
font-size: .8125rem;
line-height: 1.5
}
.post-categories .label,.wp-block-post-terms.taxonomy-category .label,.wp-block-post-terms.taxonomy-category .category-label {
font-weight: 600;
color: var(--text-secondary, #444444);
margin-right: .25rem;
min-height: 44px;
display: inline-flex;
align-items: center;
line-height: 1.5
}
.post-categories a,.wp-block-post-terms.taxonomy-category a {
display: inline-flex;
align-items: center;
padding: .375rem .875rem;
background: #7700cc14;
color: var(--brand-primary, #7700cc);
text-decoration: none;
border-radius: 2rem;
font-weight: 600;
transition: all .2s ease;
border: 1px solid rgba(119,0,204,.2);
box-shadow: 0 1px 2px #0000000d
}
.post-categories a:hover,.wp-block-post-terms.taxonomy-category a:hover {
background: #7700cc26;
border-color: var(--brand-primary, #7700cc);
transform: translateY(-1px);
box-shadow: 0 2px 4px #70c3
}
.post-categories a:active,.wp-block-post-terms.taxonomy-category a:active {
transform: translateY(0);
box-shadow: 0 1px 2px #0000000d
}
.post-categories a+a:before,.wp-block-post-terms.taxonomy-category a+a:before {
display: none
}
.post-tags,.wp-block-post-terms.taxonomy-post_tag {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: .375rem;
margin: 0;
font-size: .8125rem;
line-height: 1.5
}
.post-tags .label,.post-tags .tags-label,.wp-block-post-terms.taxonomy-post_tag .label,.wp-block-post-terms.taxonomy-post_tag .tags-label {
font-weight: 600;
color: var(--text-secondary, #444444);
margin-right: .25rem;
min-height: 44px;
display: inline-flex;
align-items: center;
line-height: 1.5
}
.post-tags a,.wp-block-post-terms.taxonomy-post_tag a {
display: inline-flex;
align-items: center;
padding: .375rem .75rem;
background: var(--bg-secondary, #f5f5f5);
color: var(--text-tertiary, #666666);
text-decoration: none;
border-radius: .5rem;
font-weight: 500;
transition: all .2s ease;
border: 1px solid var(--border-primary, #e0e0e0);
box-shadow: 0 1px 2px #00000008
}
.post-tags a.has-hash:before,.wp-block-post-terms.taxonomy-post_tag a.has-hash:before {
content: "#";
margin-right: .125rem;
opacity: .6
}
.post-tags a:hover,.wp-block-post-terms.taxonomy-post_tag a:hover {
background: #7700cc1a;
color: var(--brand-primary, #7700cc);
border-color: var(--brand-primary, #7700cc);
transform: translateY(-1px);
box-shadow: 0 2px 4px #7700cc26
}
.post-tags a:active,.wp-block-post-terms.taxonomy-post_tag a:active {
transform: translateY(0);
box-shadow: 0 1px 2px #00000008
}
.post-author,.author-info,.wp-block-post-author {
display: inline-flex;
align-items: center;
gap: .5rem;
font-size: .875rem;
color: var(--text-tertiary, #666666);
margin: .75rem 0;
line-height: 1.5;
padding: .375rem .875rem;
background: var(--bg-secondary, #f5f5f5);
border-radius: 2rem;
border: 1px solid var(--border-primary, #e0e0e0);
transition: all .2s ease;
box-shadow: 0 1px 2px #00000008
}
.post-author:hover,.author-info:hover,.wp-block-post-author:hover {
background: var(--bg-tertiary, #e8e8e8);
transform: translateY(-1px);
box-shadow: 0 2px 4px #0000000d;
border-color: var(--brand-primary, #7700cc)
}
.post-author .label,.author-info .label,.wp-block-post-author .label {
font-weight: 400;
color: var(--text-tertiary, #666666)
}
.post-author .wp-block-post-author__avatar img,.author-info .wp-block-post-author__avatar img,.wp-block-post-author .avatar,.wp-block-post-author .wp-block-post-author__avatar img {
width: 2rem;
height: 2rem;
border-radius: 50%;
border: 2px solid var(--border-primary, #e0e0e0);
transition: border-color .2s ease;
margin-left: -.375rem
}
.post-author .author-name,.post-author .wp-block-post-author__name,.post-author a,.author-info .author-name,.author-info .wp-block-post-author__name,.author-info a,.wp-block-post-author .author-name,.wp-block-post-author .wp-block-post-author__name,.wp-block-post-author a {
color: var(--text-secondary, #444444);
text-decoration: none;
font-weight: 600;
transition: color .2s ease
}
.post-author .author-name:hover,.post-author .wp-block-post-author__name:hover,.post-author a:hover,.author-info .author-name:hover,.author-info .wp-block-post-author__name:hover,.author-info a:hover,.wp-block-post-author .author-name:hover,.wp-block-post-author .wp-block-post-author__name:hover,.wp-block-post-author a:hover {
color: var(--brand-primary, #7700cc)
}
.wp-block-post-author:hover .avatar {
border-color: var(--brand-primary, #7700cc)
}
.post-author .wp-block-post-author__bio,.author-info .wp-block-post-author__bio,.wp-block-post-author .author-bio,.wp-block-post-author .wp-block-post-author__bio {
font-size: .875rem;
color: var(--text-secondary, #444444);
line-height: 1.6;
margin-top: .5rem
}
.wp-block-post-author .wp-block-post-author__content {
display: flex;
flex-direction: column;
gap: .25rem
}
.wp-block-post-author .wp-block-post-author__name {
font-weight: 600;
line-height: 1.2
}
.post-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--space-2, .5rem);
margin: 1rem 0;
font-size: .875rem;
color: var(--text-tertiary, #666666);
line-height: 1.5
}
.post-meta a {
color: inherit;
text-decoration: none;
font-weight: 500;
transition: color .2s ease
}
.post-meta a:hover {
color: var(--brand-primary, #7700cc);
text-decoration: underline
}
.post-badge,.post-type-badge {
display: inline-flex;
align-items: center;
padding: .25rem .75rem;
background: var(--brand-primary, #7700cc);
color: #fff;
font-size: .75rem;
font-weight: 700;
text-transform: uppercase;
border-radius: 4px;
letter-spacing: .05em;
margin-right: .5rem;
vertical-align: middle
}
.post-badge:before,.post-type-badge:before {
margin-right: .25rem
}
.post-badge.sticky {
background: #10b981
}
.post-badge.sticky:before {
content: "📌"
}
@media(max-width: 767px) {
.post-meta {
font-size:.8125rem;
gap: .75rem
}
.post-categories,.wp-block-post-terms.taxonomy-category {
gap: .375rem
}
.post-categories a,.wp-block-post-terms.taxonomy-category a {
padding: .1875rem .625rem;
font-size: .75rem
}
.post-tags,.wp-block-post-terms.taxonomy-post_tag {
gap: .25rem
}
.post-tags a,.wp-block-post-terms.taxonomy-post_tag a {
padding: .1875rem .5rem;
font-size: .75rem
}
.post-author,.author-info,.wp-block-post-author {
font-size: .8125rem
}
.post-author .wp-block-post-author__avatar img,.author-info .wp-block-post-author__avatar img,.wp-block-post-author .avatar,.wp-block-post-author .wp-block-post-author__avatar img {
width: 1.75rem;
height: 1.75rem
}
.post-badge,.post-type-badge {
font-size: .6875rem;
padding: .1875rem .625rem
}
}
.post-categories a:focus,.post-categories a:focus-visible,.post-tags a:focus,.post-tags a:focus-visible,.post-author a:focus,.post-author a:focus-visible {
outline: 2px solid var(--brand-primary, #7700cc);
outline-offset: 2px;
border-radius: 2px
}
.post-title,.entry-title,.wp-block-post-title {
display: flex;
align-items: center;
padding: 1rem 1.5rem;
margin: 1rem 0;
border-radius: .75rem;
background: linear-gradient(135deg,#7700cc14,#7700cc08);
border: 1px solid rgba(119,0,204,.15);
border-left: 4px solid var(--brand-primary, #7700cc);
color: var(--text-primary, #1a1a1a);
font-size: clamp(1.5rem,4vw,2.5rem);
font-weight: 700;
line-height: 1.3;
min-height: 60px;
transition: all .2s ease;
box-shadow: 0 2px 4px #0000000d;
flex: 1 1 auto;
max-width: 100%;
word-break: break-word
}
.post-title a,.entry-title a,.wp-block-post-title a {
color: inherit;
text-decoration: none;
transition: color .2s ease
}
.post-title a:hover,.entry-title a:hover,.wp-block-post-title a:hover {
color: var(--brand-primary, #7700cc)
}
.post-title:hover,.entry-title:hover,.wp-block-post-title:hover {
background: linear-gradient(135deg,#7700cc1f,#7700cc0f);
border-color: var(--brand-primary, #7700cc);
transform: translateY(-1px);
box-shadow: 0 4px 8px #7700cc26
}
.wp-block-post-title.featured-title,.wp-block-post-title.sticky-title {
background: linear-gradient(135deg,var(--brand-primary, #7700cc),var(--brand-primary-dark, #5500aa));
color: #fff;
border-left-color: var(--brand-primary-dark, #5500aa)
}
.wp-block-post-title.featured-title a,.wp-block-post-title.sticky-title a {
color: #fff
}
.wp-block-post-title.featured-title a:hover,.wp-block-post-title.sticky-title a:hover {
color: #ffffffe6
}
.wp-block-post-title.featured-title:hover,.wp-block-post-title.sticky-title:hover {
background: linear-gradient(135deg,var(--brand-primary-dark, #5500aa),#44007a);
box-shadow: 0 4px 12px #7700cc4d
}
@media(max-width: 768px) {
.post-title,.entry-title,.wp-block-post-title {
padding:.875rem 1.25rem;
min-height: 50px;
font-size: clamp(1.25rem,5vw,1.875rem)
}
}
@media(max-width: 480px) {
.post-title,.entry-title,.wp-block-post-title {
padding:.75rem 1rem;
min-height: 45px;
border-left-width: 3px
}
}
@media print {
.post-meta {
font-size: 9pt;
color: #000
}
.post-categories a,.post-tags a {
border: 1px solid #000;
padding: 2pt 6pt
}
.wp-block-post-author__avatar img {
display: none
}
.post-badge,.post-type-badge {
border: 1px solid #000;
background: transparent;
color: #000
}
.post-title,.entry-title,.wp-block-post-title {
background: transparent;
border: 1px solid #000;
border-left-width: 3pt;
padding: 6pt 12pt;
box-shadow: none
}
}
.text-section .text-content {
margin: 0 auto;
width: 100%;
max-width: 1024px
}
.text-section .section-title {
font-size: 2rem;
font-weight: var(--font-weight-bold, 700);
line-height: var(--line-height-tight, 1.25);
color: var(--text-primary, #212121);
margin-bottom: var(--space-8, 2rem);
margin-top: 0
}
@media(min-width: 768px) {
.text-section .section-title {
font-size:2.5rem;
margin-bottom: var(--space-10, 2.5rem)
}
}
@media(min-width: 1024px) {
.text-section .section-title {
font-size:3rem;
margin-bottom: var(--space-12, 3rem)
}
}
.text-section .section-content {
font-size: 1rem;
line-height: var(--line-height-relaxed, 1.625);
color: var(--text-primary, #212121)
}
@media(min-width: 1024px) {
.text-section .section-content {
font-size:1.125rem;
line-height: var(--line-height-relaxed, 1.625)
}
}
.text-section .section-content h3,.text-section .section-content h4 {
margin-top: var(--space-8, 2rem);
margin-bottom: var(--space-6, 1.5rem);
color: var(--text-primary, #212121)
}
.text-section .section-content h3:first-child,.text-section .section-content h4:first-child {
margin-top: 0
}
.text-section .section-content p {
margin-bottom: var(--space-6, 1.5rem)
}
.text-section .section-content p:last-child {
margin-bottom: 0
}
.text-section .section-content a:not(.button):not(.btn):not(.wp-block-button__link) {
color: var(--brand-primary, #7700cc);
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 2px;
transition: all .2s ease;
font-weight: var(--font-weight-medium, 500)
}
.text-section .section-content a:not(.button):not(.btn):not(.wp-block-button__link):hover {
color: var(--brand-primary-dark, #5a00a3);
text-decoration-thickness: 2px
}
.text-section .section-content a:not(.button):not(.btn):not(.wp-block-button__link):focus-visible {
outline: 2px solid var(--brand-primary, #7700cc);
outline-offset: 2px;
border-radius: 2px
}
.text-section .section-content a:not(.button):not(.btn):not(.wp-block-button__link) b {
font-weight: 700
}
.text-section .section-content a:not(.button):not(.btn):not(.wp-block-button__link) i {
font-style: italic
}
.text-section .section-content a:not(.button):not(.btn):not(.wp-block-button__link) b,.text-section .section-content a:not(.button):not(.btn):not(.wp-block-button__link) i,.text-section .section-content a:not(.button):not(.btn):not(.wp-block-button__link) span {
color: inherit;
transition: inherit
}
.text-section .section-content ul:not([class]),.text-section .section-content ol:not([class]) {
margin: var(--space-6, 1.5rem) 0;
padding-left: var(--space-8, 2rem)
}
.text-section .section-content ul:not([class]) li,.text-section .section-content ol:not([class]) li {
margin-bottom: var(--space-3, .75rem)
}
.text-section .section-content ul:not([class]) li:last-child,.text-section .section-content ol:not([class]) li:last-child {
margin-bottom: 0
}
.text-section .section-content ul:not([class]) li a,.text-section .section-content ol:not([class]) li a {
text-decoration: underline;
text-underline-offset: 2px
}
.text-section .section-content ul:not([class]) li a b,.text-section .section-content ul:not([class]) li a i,.text-section .section-content ol:not([class]) li a b,.text-section .section-content ol:not([class]) li a i {
color: inherit
}
.text-section .section-content ul:not([class]) li b,.text-section .section-content ol:not([class]) li b {
font-weight: 700
}
.text-section .section-content ul:not([class]) li i,.text-section .section-content ol:not([class]) li i {
font-style: italic
}
.text-section .section-content ul:not([class]) li ul,.text-section .section-content ul:not([class]) li ol,.text-section .section-content ol:not([class]) li ul,.text-section .section-content ol:not([class]) li ol {
margin-top: var(--space-3, .75rem);
margin-bottom: var(--space-3, .75rem)
}
.text-section .section-content ul:not([class]) {
list-style-type: disc
}
.text-section .section-content ul:not([class]) ul {
list-style-type: circle
}
.text-section .section-content ol:not([class]) {
list-style-type: decimal
}
.text-section .section-content code {
padding: .2em .4em;
background: #7700cc1a;
border-radius: var(--radius-sm, .125rem);
font-family: var(--font-mono, "Courier New", monospace);
font-size: .9em;
color: var(--brand-primary, #7700cc)
}
.text-section .section-content img {
max-width: 100%;
height: auto;
border-radius: var(--radius-lg, .5rem);
margin: var(--space-8, 2rem) 0
}
.text-section .section-content table {
width: 100%;
margin: var(--space-8, 2rem) 0;
border-collapse: collapse;
font-size: .9375rem
}
@media(max-width: 767px) {
.text-section .text-content {
padding-left:var(--space-4, 1rem);
padding-right: var(--space-4, 1rem)
}
.text-section .section-title {
font-size: 1.75rem
}
.text-section .section-content {
font-size: 1rem
}
.text-section .section-content h3 {
font-size: 1.25rem
}
.text-section .section-content h4 {
font-size: 1.125rem
}
}
.hero-section {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
text-align: left;
padding: var(--spacing-xl) var(--space-6);
min-height: 500px;
background-color: #70c;
background-size: cover!important;
background-position: center center!important;
background-repeat: no-repeat!important;
background-attachment: scroll!important;
overflow: hidden
}
@media(min-width: 768px) {
.hero-section {
padding:var(--spacing-xl) var(--space-8);
min-height: 600px
}
}
@media(min-width: 1024px) {
.hero-section {
padding:var(--spacing-xl) var(--space-12);
min-height: 700px
}
}
.hero-section__overlay {
position: absolute;
inset: 0;
background: #0000004d;
z-index: 1
}
.hero-section__content {
position: relative;
z-index: 2;
max-width: 1200px;
margin: 0;
color: #fff
}
.hero-section__subtitle {
font-size: 1.25rem;
line-height: 1.5;
margin-bottom: var(--space-8);
color: #fffffff2;
max-width: 700px;
margin-left: 0;
margin-right: 0
}
@media(min-width: 768px) {
.hero-section__subtitle {
font-size:1.5rem;
margin-bottom: var(--space-10)
}
}
@media(min-width: 1024px) {
.hero-section__subtitle {
font-size:1.75rem;
margin-bottom: var(--space-12)
}
}
.hero-section__button {
margin-top: var(--space-8)
}
.text-section {
padding: var(--spacing-lg) var(--space-6);
margin: 0 auto
}
@media(min-width: 768px) {
.text-section {
padding:var(--spacing-lg) var(--space-8)
}
}
@media(min-width: 1024px) {
.text-section {
padding:var(--spacing-lg) var(--space-12)
}
}
.text-section__content p {
margin-bottom: var(--spacing-sm);
font-size: 1.125rem;
line-height: 1.8
}
@media(min-width: 1024px) {
.text-section__content p {
font-size:1.25rem
}
}
.text-section__content ul,.text-section__content ol {
margin-bottom: var(--space-8);
font-size: 1.125rem
}
.text-section__content ul li,.text-section__content ol li {
margin-bottom: var(--space-4)
}
.feature-grid {
padding: var(--spacing-lg) var(--space-6)
}
@media(min-width: 768px) {
.feature-grid {
padding:var(--spacing-lg) var(--space-8)
}
}
@media(min-width: 1024px) {
.feature-grid {
padding:var(--spacing-lg) var(--space-12)
}
}
.feature-grid__header {
text-align: center;
margin-bottom: var(--space-12)
}
@media(min-width: 1024px) {
.feature-grid__header {
margin-bottom:var(--space-16)
}
}
.feature-grid__header p {
font-size: 1.25rem;
color: var(--text-secondary);
max-width: 700px;
margin: 0 auto
}
.feature-grid__items {
display: grid;
gap: var(--space-8);
max-width: 1280px;
margin: 0 auto
}
@media(min-width: 768px) {
.feature-grid__items {
gap:var(--space-10)
}
}
@media(min-width: 1024px) {
.feature-grid__items {
gap:var(--space-12)
}
}
.feature-grid__item {
position: relative;
transition: all .4s cubic-bezier(.34,1.56,.64,1)
}
.feature-grid__item:after {
content: "";
position: absolute;
top: 100%;
left: 4%;
right: 4%;
height: 12px;
background: linear-gradient(180deg,rgba(119,0,204,.1) 0%,rgba(119,0,204,.05) 50%,transparent 100%);
z-index: -1;
opacity: 0;
transform: translateY(-8px);
transition: all .4s cubic-bezier(.34,1.56,.64,1);
pointer-events: none;
border-radius: 0 0 1.5rem 1.5rem
}
.feature-grid__item:hover {
transform: translateY(-4px);
border-color: #70c3;
box-shadow: 0 8px 24px #7700cc14
}
.feature-grid__item:hover:after {
opacity: 1;
transform: translateY(4px)
}
.feature-grid__item {
padding: var(--space-8);
background: var(--bg-secondary);
border-radius: var(--border-radius-xl);
border: 1px solid var(--border-primary)
}
@media(min-width: 1024px) {
.feature-grid__item {
padding:var(--space-10)
}
}
.feature-grid__title {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: var(--space-4);
color: var(--text-primary)
}
.feature-grid__description {
font-size: 1rem;
line-height: 1.7;
color: var(--text-secondary);
margin: 0
}
@media(min-width: 1024px) {
.feature-grid__description {
font-size:1.125rem
}
}
.feature-grid__description a {
color: var(--brand-primary);
text-decoration: underline;
text-underline-offset: 2px;
transition: color .2s ease
}
.feature-grid__description a:hover {
color: var(--brand-primary-dark)
}
.feature-grid__description a b,.feature-grid__description a i {
color: inherit
}
.feature-grid__description b {
font-weight: 700;
color: var(--text-primary)
}
.feature-grid__description i {
font-style: italic
}
.feature-grid__description ul,.feature-grid__description ol {
margin: var(--space-3) 0;
padding-left: var(--space-6);
font-size: .9375rem
}
.feature-grid__description ul li,.feature-grid__description ol li {
margin-bottom: var(--space-2)
}
.feature-grid__description ul li:last-child,.feature-grid__description ol li:last-child {
margin-bottom: 0
}
.feature-grid__description ul {
list-style-type: disc
}
.feature-grid__description ol {
list-style-type: decimal
}
.logo-grid {
padding: var(--spacing-lg) var(--space-6)
}
@media(min-width: 768px) {
.logo-grid {
padding:var(--spacing-lg) var(--space-8)
}
}
@media(min-width: 1024px) {
.logo-grid {
padding:var(--spacing-lg) var(--space-12)
}
}
.logo-grid :where(.feature-grid__item) {
background: transparent;
border: none;
box-shadow: none;
border-radius: 0;
padding: 0
}
.logo-grid :where(.feature-grid__item):hover {
transform: none;
box-shadow: none;
border: none;
background: transparent
}
.logo-grid :where(.logo-item) {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center;
padding: 0
}
.logo-grid :where(.logo-item):hover {
transform: none;
box-shadow: none
}
.logo-grid .logo-image-wrapper {
width: 100%;
max-width: 100%;
height: 120px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: var(--space-3);
padding: 0;
background: transparent;
border: none
}
@media(min-width: 768px) {
.logo-grid .logo-image-wrapper {
height:120px
}
}
@media(min-width: 1024px) {
.logo-grid .logo-image-wrapper {
height:120px
}
}
.logo-grid .partner-logo {
max-width: 100%;
max-height: 100%;
width: auto!important;
height: auto!important;
-o-object-fit: contain;
object-fit: contain;
display: block;
margin: 0 auto;
filter: grayscale(0%)
}
.logo-grid .logo-item .feature-grid__title {
margin-top: var(--space-2);
font-size: .9375rem;
font-weight: 600
}
@media(min-width: 1024px) {
.logo-grid .logo-item .feature-grid__title {
font-size:1rem
}
}
.logo-grid .logo-item .feature-grid__description {
font-size: .75rem;
margin-top: var(--space-1);
color: var(--text-secondary);
padding: 0 var(--space-2)
}
@media(min-width: 1024px) {
.logo-grid .logo-item .feature-grid__description {
font-size:.8125rem
}
}
.logo-grid .feature-grid__items {
grid-template-columns: 1fr!important;
gap: var(--space-8)
}
@media(min-width: 640px) {
.logo-grid .feature-grid__items {
grid-template-columns:repeat(3,1fr)!important;
gap: var(--space-10)
}
}
@media(min-width: 1024px) {
.logo-grid .feature-grid__items {
grid-template-columns:repeat(3,1fr)!important;
max-width: 1400px;
margin: 0 auto;
gap: var(--space-12)
}
}
@media(min-width: 640px) {
.logo-grid .feature-grid__items .logo-item:nth-child(5):last-child {
grid-column:2/3
}
}
@media(min-width: 1024px) {
.logo-grid .feature-grid__items .logo-item:nth-child(5):last-child {
grid-column:2/3
}
}
@media(min-width: 640px) {
.logo-grid .feature-grid__items:has(.logo-item:nth-child(5):last-child) {
display:grid;
grid-template-columns: repeat(3,1fr)!important;
justify-items: center
}
}
@media(min-width: 1024px) {
.logo-grid .feature-grid__items:has(.logo-item:nth-child(5):last-child) {
grid-template-columns:repeat(3,1fr)!important
}
}
@media(min-width: 640px) {
.logo-grid .feature-grid__items:has(.logo-item:nth-child(5):last-child) .logo-item:nth-child(4) {
grid-column:1/2;
justify-self: end;
padding-right: calc(var(--space-6) * .5)
}
}
@media(min-width: 1024px) {
.logo-grid .feature-grid__items:has(.logo-item:nth-child(5):last-child) .logo-item:nth-child(4) {
padding-right:calc(var(--space-8) * .5)
}
}
@media(min-width: 640px) {
.logo-grid .feature-grid__items:has(.logo-item:nth-child(5):last-child) .logo-item:nth-child(5) {
grid-column:2/4;
justify-self: start;
padding-left: calc(var(--space-6) * .5)
}
}
@media(min-width: 1024px) {
.logo-grid .feature-grid__items:has(.logo-item:nth-child(5):last-child) .logo-item:nth-child(5) {
padding-left:calc(var(--space-8) * .5)
}
}
.two-column-section {
padding: var(--spacing-lg) var(--space-6)
}
@media(min-width: 768px) {
.two-column-section {
padding:var(--spacing-lg) var(--space-8)
}
}
@media(min-width: 1024px) {
.two-column-section {
padding:var(--spacing-lg) var(--space-12)
}
}
.two-column-section__inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--space-12);
max-width: 1280px;
margin: 0 auto
}
.two-column-section__column h3 {
margin-bottom: var(--space-6)
}
.two-column-section__column p {
margin-bottom: var(--space-6);
font-size: 1.125rem;
line-height: 1.8
}
.two-column-section__column p a {
color: var(--brand-primary);
text-decoration: underline;
text-underline-offset: 2px
}
.two-column-section__column p a:hover {
color: var(--brand-primary-dark)
}
.two-column-section__column p a b,.two-column-section__column p a i {
color: inherit
}
.two-column-section__column p b {
font-weight: 700
}
.two-column-section__column p i {
font-style: italic
}
.two-column-section__column ul,.two-column-section__column ol {
margin-bottom: var(--space-6)
}
.two-column-section__column ul li,.two-column-section__column ol li {
margin-bottom: var(--space-3);
font-size: 1.125rem
}
.two-column-section__column ul li a,.two-column-section__column ol li a {
color: var(--brand-primary);
text-decoration: underline;
text-underline-offset: 2px
}
.two-column-section__column ul li a:hover,.two-column-section__column ol li a:hover {
color: var(--brand-primary-dark)
}
.two-column-section__column ul li a b,.two-column-section__column ul li a i,.two-column-section__column ol li a b,.two-column-section__column ol li a i {
color: inherit
}
.two-column-section__column ul li b,.two-column-section__column ol li b {
font-weight: 700
}
.two-column-section__column ul li i,.two-column-section__column ol li i {
font-style: italic
}
.two-column-section__column img {
width: 100%;
height: auto;
border-radius: var(--border-radius-xl);
border: 1px solid var(--border-primary)
}
.cta-section,.wp-block-chunkworks-cta {
padding: var(--spacing-xl) var(--space-6);
text-align: center;
background: var(--brand-primary);
color: #fff
}
@media(min-width: 768px) {
.cta-section,.wp-block-chunkworks-cta {
padding:var(--spacing-xl) var(--space-8)
}
}
@media(min-width: 1024px) {
.cta-section,.wp-block-chunkworks-cta {
padding:var(--spacing-xl) var(--space-12)
}
}
.cta-section .cta-content,.cta-section__content,.wp-block-chunkworks-cta .cta-content,.wp-block-chunkworks-cta__content {
max-width: 900px;
margin: 0 auto
}
.cta-section .cta-title,.cta-section__title,.wp-block-chunkworks-cta h2,.wp-block-chunkworks-cta .cta-title,.wp-block-chunkworks-cta__title {
font-size: 2.5rem;
font-weight: 800;
color: #fff;
margin-bottom: var(--space-6)
}
@media(min-width: 768px) {
.cta-section .cta-title,.cta-section__title,.wp-block-chunkworks-cta h2,.wp-block-chunkworks-cta .cta-title,.wp-block-chunkworks-cta__title {
font-size:3rem
}
}
@media(min-width: 1024px) {
.cta-section .cta-title,.cta-section__title,.wp-block-chunkworks-cta h2,.wp-block-chunkworks-cta .cta-title,.wp-block-chunkworks-cta__title {
font-size:3.5rem;
margin-bottom: var(--space-8)
}
}
.cta-section p,.cta-section__description,.wp-block-chunkworks-cta p,.wp-block-chunkworks-cta__description {
font-size: 1.25rem;
line-height: 1.6;
color: #fffffff2;
margin-bottom: var(--space-8)
}
@media(min-width: 1024px) {
.cta-section p,.cta-section__description,.wp-block-chunkworks-cta p,.wp-block-chunkworks-cta__description {
font-size:1.5rem;
margin-bottom: var(--space-10)
}
}
.cta-section .cta-button,.cta-section__button,.cta-section .wp-block-button,.wp-block-chunkworks-cta .cta-button,.wp-block-chunkworks-cta__button,.wp-block-chunkworks-cta .wp-block-button {
margin-top: var(--space-8)
}
.cta-section .wp-block-button__link,.cta-section .button,.cta-section .btn,.cta-section .cta-button,.wp-block-chunkworks-cta .wp-block-button__link,.wp-block-chunkworks-cta .button,.wp-block-chunkworks-cta .btn,.wp-block-chunkworks-cta .cta-button {
background-color: #fff;
color: #70c
}
.cta-section .wp-block-button__link:hover,.cta-section .wp-block-button__link:focus,.cta-section .button:hover,.cta-section .button:focus,.cta-section .btn:hover,.cta-section .btn:focus,.cta-section .cta-button:hover,.cta-section .cta-button:focus,.wp-block-chunkworks-cta .wp-block-button__link:hover,.wp-block-chunkworks-cta .wp-block-button__link:focus,.wp-block-chunkworks-cta .button:hover,.wp-block-chunkworks-cta .button:focus,.wp-block-chunkworks-cta .btn:hover,.wp-block-chunkworks-cta .btn:focus,.wp-block-chunkworks-cta .cta-button:hover,.wp-block-chunkworks-cta .cta-button:focus {
background-color: #fbbf24;
color: #1a1a1a
}
.cta-section .wp-block-button__link:active,.cta-section .button:active,.cta-section .btn:active,.cta-section .cta-button:active,.wp-block-chunkworks-cta .wp-block-button__link:active,.wp-block-chunkworks-cta .button:active,.wp-block-chunkworks-cta .btn:active,.wp-block-chunkworks-cta .cta-button:active {
background-color: #f59e0b
}
.wp-block-chunkworks-hero-section,.wp-block-chunkworks-text-section,.wp-block-chunkworks-feature-grid,.wp-block-chunkworks-two-column-section,.wp-block-chunkworks-cta {
margin-bottom: 0
}
section+section {
margin-top: 0
}
.wp-block-button__link br,.btn br,.cta-button br,button.button br,button.btn br {
display: none
}
.text-section:nth-of-type(odd) {
background: #fff
}
.text-section:nth-of-type(2n) {
background: #f5f7fa
}
.text-section:nth-of-type(3n) {
background: #e6f2ff
}
.two-column-section:nth-of-type(odd) {
background: #f5f7fa
}
.two-column-section:nth-of-type(2n) {
background: #e6f2ff
}
.contact-form-section {
padding: var(--spacing-xl) var(--space-6);
background: #f9fafb
}
@media(min-width: 768px) {
.contact-form-section {
padding:var(--spacing-xl) var(--space-8)
}
}
@media(min-width: 1024px) {
.contact-form-section {
padding:var(--spacing-xl) var(--space-12)
}
}
.contact-form-section__container {
max-width: 800px;
margin: 0 auto
}
.contact-form-section__header {
text-align: center;
margin-bottom: var(--space-10)
}
@media(min-width: 1024px) {
.contact-form-section__header {
margin-bottom:var(--space-12)
}
}
.contact-form-section__title {
font-size: 2rem;
font-weight: 700;
color: var(--text-primary);
margin-bottom: var(--space-6)
}
@media(min-width: 768px) {
.contact-form-section__title {
font-size:2.5rem
}
}
@media(min-width: 1024px) {
.contact-form-section__title {
font-size:3rem;
margin-bottom: var(--space-8)
}
}
.contact-form-section__description {
font-size: 1.125rem;
line-height: 1.7;
color: var(--text-secondary);
max-width: 600px;
margin: 0 auto
}
@media(min-width: 1024px) {
.contact-form-section__description {
font-size:1.25rem
}
}
.contact-form-section__content {
background: #fff;
padding: var(--space-10);
border-radius: var(--border-radius-xl);
border: 1px solid var(--border-primary)
}
@media(min-width: 768px) {
.contact-form-section__content {
padding:var(--space-12)
}
}
@media(min-width: 1024px) {
.contact-form-section__content {
padding:var(--space-16)
}
}
.contact-form-section .wpcf7 p {
margin-bottom: var(--space-6)
}
.contact-form-section .wpcf7 label {
display: block;
font-size: .9375rem;
font-weight: 600;
color: var(--text-primary);
margin-bottom: var(--space-3)
}
.contact-form-section .wpcf7 input[type=text],.contact-form-section .wpcf7 input[type=email],.contact-form-section .wpcf7 input[type=tel],.contact-form-section .wpcf7 input[type=url],.contact-form-section .wpcf7 textarea {
position: relative;
transition: all .3s cubic-bezier(.34,1.56,.64,1)
}
.contact-form-section .wpcf7 input[type=text]:after,.contact-form-section .wpcf7 input[type=email]:after,.contact-form-section .wpcf7 input[type=tel]:after,.contact-form-section .wpcf7 input[type=url]:after,.contact-form-section .wpcf7 textarea:after {
content: "";
position: absolute;
top: 100%;
left: 0;
right: 0;
height: 8px;
background: linear-gradient(180deg,rgba(119,0,204,.12) 0%,transparent 100%);
z-index: -1;
opacity: 0;
transform: translateY(-4px);
transition: all .3s cubic-bezier(.34,1.56,.64,1);
pointer-events: none
}
.contact-form-section .wpcf7 input[type=text]:focus,.contact-form-section .wpcf7 input[type=email]:focus,.contact-form-section .wpcf7 input[type=tel]:focus,.contact-form-section .wpcf7 input[type=url]:focus,.contact-form-section .wpcf7 textarea:focus {
border-color: #70c;
outline: none;
box-shadow: 0 0 0 3px #7700cc1a
}
.contact-form-section .wpcf7 input[type=text]:focus:after,.contact-form-section .wpcf7 input[type=email]:focus:after,.contact-form-section .wpcf7 input[type=tel]:focus:after,.contact-form-section .wpcf7 input[type=url]:focus:after,.contact-form-section .wpcf7 textarea:focus:after {
opacity: 1;
transform: translateY(2px)
}
.contact-form-section .wpcf7 input[type=text],.contact-form-section .wpcf7 input[type=email],.contact-form-section .wpcf7 input[type=tel],.contact-form-section .wpcf7 input[type=url],.contact-form-section .wpcf7 textarea {
width: 100%;
padding: .875rem 1rem;
font-size: 1rem;
line-height: 1.5;
color: var(--text-primary);
background: #fff;
border: 2px solid #d1d5db;
border-radius: var(--border-radius-md)
}
.contact-form-section .wpcf7 input[type=text]::-moz-placeholder,.contact-form-section .wpcf7 input[type=email]::-moz-placeholder,.contact-form-section .wpcf7 input[type=tel]::-moz-placeholder,.contact-form-section .wpcf7 input[type=url]::-moz-placeholder,.contact-form-section .wpcf7 textarea::-moz-placeholder {
color: #9ca3af
}
.contact-form-section .wpcf7 input[type=text]::placeholder,.contact-form-section .wpcf7 input[type=email]::placeholder,.contact-form-section .wpcf7 input[type=tel]::placeholder,.contact-form-section .wpcf7 input[type=url]::placeholder,.contact-form-section .wpcf7 textarea::placeholder {
color: #9ca3af
}
.contact-form-section .wpcf7 textarea {
min-height: 150px;
resize: vertical
}
@media(min-width: 768px) {
.contact-form-section .wpcf7 textarea {
min-height:180px
}
}
.contact-form-section .wpcf7 .wpcf7-form-control-wrap {
position: relative;
display: inline-block
}
.contact-form-section .wpcf7 .wpcf7-submit {
display: inline-block;
padding: .875rem 3.5rem .875rem 2rem;
font-size: 1.125rem;
font-weight: 700;
color: #fff;
background: var(--brand-primary);
border: none;
border-radius: var(--border-radius-lg);
cursor: pointer;
transition: all .3s ease;
position: relative;
white-space: nowrap;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M13.3 17.275q-.3-.3-.288-.725.013-.425.313-.725L16.15 13H5q-.425 0-.713-.288Q4 12.425 4 12t.287-.713Q4.575 11 5 11h11.15L13.3 8.15q-.3-.3-.3-.713 0-.412.3-.712t.713-.3q.412 0 .712.3L19.3 11.3q.15.15.213.325.062.175.062.375t-.062.375q-.063.175-.213.325l-4.6 4.6q-.275.275-.687.275-.413 0-.713-.3z"/></svg>');
background-repeat: no-repeat;
background-position: right 1rem center;
background-size: 1.25rem 1.25rem
}
.contact-form-section .wpcf7 .wpcf7-submit:hover {
background-color: #6600b3;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M13.3 17.275q-.3-.3-.288-.725.013-.425.313-.725L16.15 13H5q-.425 0-.713-.288Q4 12.425 4 12t.287-.713Q4.575 11 5 11h11.15L13.3 8.15q-.3-.3-.3-.713 0-.412.3-.712t.713-.3q.412 0 .712.3L19.3 11.3q.15.15.213.325.062.175.062.375t-.062.375q-.063.175-.213.325l-4.6 4.6q-.275.275-.687.275-.413 0-.713-.3z"/></svg>');
background-position: right .85rem center;
transform: translateY(-2px)
}
.contact-form-section .wpcf7 .wpcf7-submit:disabled {
opacity: .6;
cursor: not-allowed
}
.contact-form-section .wpcf7 .wpcf7-submit:disabled:hover {
transform: none;
background-position: right 1rem center
}
@media(min-width: 1024px) {
.contact-form-section .wpcf7 .wpcf7-submit {
padding:1rem 4rem 1rem 2.5rem;
font-size: 1.25rem
}
}
.contact-form-section .wpcf7 .wpcf7-spinner {
margin-left: 1rem
}
.contact-form-section .wpcf7 .wpcf7-response-output {
margin-top: var(--space-6);
padding: 1rem;
border-radius: var(--border-radius-md);
font-size: .9375rem
}
.contact-form-section .wpcf7 .wpcf7-response-output.wpcf7-validation-errors {
background: #fef2f2;
color: #991b1b;
border: 1px solid #fecaca
}
.contact-form-section .wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok {
background: #f0fdf4;
color: #166534;
border: 1px solid #bbf7d0
}
.contact-form-section .wpcf7 .wpcf7-not-valid-tip {
font-size: .875rem;
color: #dc2626;
margin-top: var(--space-2)
}
.has-hero-section .page-header:has(~.hero-section),.hero-section~.has-hero-section .page-header,.wp-block-chunkworks-hero-section~.container .page-header:has(~.hero-section),.hero-section~.wp-block-chunkworks-hero-section~.container .page-header,body.page .page-header:has(~.hero-section),.hero-section~body.page .page-header {
display: none
}
.page-id-28491 .page-header,.page-id-28492 .page-header,.page-id-28493 .page-header,.page-id-28495 .page-header,.page-id-28496 .page-header {
display: none!important
}
.page-header {
transition: all .3s ease
}
@keyframes faq-expand {
0% {
max-height: 0
}
to {
max-height: 1000px
}
}
p {
margin-bottom: var(--space-5);
line-height: var(--line-height-relaxed)
}
p:last-child {
margin-bottom: 0
}
body:not(.wp-admin) .text-section ul:not([class]),body:not(.wp-admin) .text-section ol:not([class]),body:not(.wp-admin) .entry-content ul:not([class]),body:not(.wp-admin) .entry-content ol:not([class]),body:not(.wp-admin) .wp-block-post-content ul:not([class]),body:not(.wp-admin) .wp-block-post-content ol:not([class]) {
margin: var(--space-6) 0;
padding-left: 0;
list-style: none
}
body:not(.wp-admin) .text-section ul:not([class]) li,body:not(.wp-admin) .text-section ol:not([class]) li,body:not(.wp-admin) .entry-content ul:not([class]) li,body:not(.wp-admin) .entry-content ol:not([class]) li,body:not(.wp-admin) .wp-block-post-content ul:not([class]) li,body:not(.wp-admin) .wp-block-post-content ol:not([class]) li {
position: relative;
padding-left: var(--space-8);
margin-bottom: var(--space-4);
line-height: var(--line-height-relaxed)
}
body:not(.wp-admin) .text-section ul:not([class]) li:before,body:not(.wp-admin) .entry-content ul:not([class]) li:before,body:not(.wp-admin) .wp-block-post-content ul:not([class]) li:before {
content: "✓";
position: absolute;
left: 0;
top: .1em;
color: var(--brand-primary);
font-weight: var(--font-weight-bold);
font-size: 1.2em;
width: var(--space-6);
text-align: center
}
body:not(.wp-admin) .text-section ol:not([class]),body:not(.wp-admin) .entry-content ol:not([class]),body:not(.wp-admin) .wp-block-post-content ol:not([class]) {
counter-reset: ordered-list
}
body:not(.wp-admin) .text-section ol:not([class]) li,body:not(.wp-admin) .entry-content ol:not([class]) li,body:not(.wp-admin) .wp-block-post-content ol:not([class]) li {
counter-increment: ordered-list
}
body:not(.wp-admin) .text-section ol:not([class]) li:before,body:not(.wp-admin) .entry-content ol:not([class]) li:before,body:not(.wp-admin) .wp-block-post-content ol:not([class]) li:before {
content: counter(ordered-list);
position: absolute;
left: 0;
top: 0;
width: var(--space-7);
height: var(--space-7);
background: var(--brand-primary);
color: var(--text-inverse);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: var(--font-weight-bold);
font-size: var(--font-size-sm)
}
body:not(.wp-admin) .text-section ul:not([class]) ul,body:not(.wp-admin) .text-section ul:not([class]) ol,body:not(.wp-admin) .text-section ol:not([class]) ul,body:not(.wp-admin) .text-section ol:not([class]) ol,body:not(.wp-admin) .entry-content ul:not([class]) ul,body:not(.wp-admin) .entry-content ul:not([class]) ol,body:not(.wp-admin) .entry-content ol:not([class]) ul,body:not(.wp-admin) .entry-content ol:not([class]) ol,body:not(.wp-admin) .wp-block-post-content ul:not([class]) ul,body:not(.wp-admin) .wp-block-post-content ul:not([class]) ol,body:not(.wp-admin) .wp-block-post-content ol:not([class]) ul,body:not(.wp-admin) .wp-block-post-content ol:not([class]) ol {
margin: var(--space-3) 0
}
body:not(.wp-admin) .text-section ul:not([class]) ul li:before,body:not(.wp-admin) .entry-content ul:not([class]) ul li:before,body:not(.wp-admin) .wp-block-post-content ul:not([class]) ul li:before {
content: "→"
}
.text-section {
padding: var(--space-12) 0
}
.text-section:nth-of-type(2n) {
background: var(--bg-secondary)
}
.text-section+.text-section {
padding-top: var(--space-8)
}
.text-section__content {
max-width: var(--content-width-medium);
margin: 0 auto
}
.text-section h3 {
margin-top: var(--space-8);
margin-bottom: var(--space-4)
}
.text-section h3:first-child {
margin-top: 0
}
i {
font-style: italic;
color: var(--text-secondary)
}
code {
padding: .2em .4em;
background: #7700cc1a;
border-radius: var(--border-radius-sm);
font-family: Courier New,monospace;
font-size: .9em;
color: var(--brand-primary)
}
.text-section a:not(.button):not(.btn) {
color: var(--brand-primary);
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 2px;
transition: all .2s ease
}
.text-section a:not(.button):not(.btn):hover {
text-decoration-thickness: 2px;
color: var(--brand-secondary)
}
.feature-grid__item {
padding: var(--space-8);
background: var(--bg-primary);
border-radius: var(--border-radius-lg);
border: 1px solid var(--border-primary);
transition: all .3s ease
}
.feature-grid__item:hover {
border-color: var(--brand-primary);
border-width: 2px;
transform: translateY(-2px)
}
.feature-grid__icon {
margin-bottom: var(--space-4);
color: var(--brand-primary);
font-size: var(--font-size-3xl)
}
.feature-grid__title {
margin-bottom: var(--space-3);
font-size: var(--font-size-xl);
font-weight: var(--font-weight-bold);
color: var(--text-primary)
}
.feature-grid__description {
color: var(--text-secondary);
line-height: var(--line-height-relaxed);
margin-bottom: 0
}
.two-column-section__column h3 {
margin-top: 0
}
.cta-section {
padding: var(--space-16) 0;
margin: var(--space-12) 0
}
.text-section:nth-of-type(1) {
background: var(--bg-primary)
}
.text-section:nth-of-type(2) {
background: var(--bg-secondary)
}
.text-section:nth-of-type(3) {
background: #7700cc08
}
.text-section:nth-of-type(3n+1) {
background: var(--bg-primary)
}
.text-section:nth-of-type(3n+2) {
background: var(--bg-secondary)
}
.text-section:nth-of-type(3n) {
background: #7700cc08
}
table {
width: 100%;
margin: var(--space-8) 0;
border-collapse: collapse
}
@media(max-width: 768px) {
.text-section {
padding:var(--space-8) 0
}
body:not(.wp-admin) .text-section ul:not([class]) li,body:not(.wp-admin) .text-section ol:not([class]) li,body:not(.wp-admin) .entry-content ul:not([class]) li,body:not(.wp-admin) .entry-content ol:not([class]) li,body:not(.wp-admin) .wp-block-post-content ul:not([class]) li,body:not(.wp-admin) .wp-block-post-content ol:not([class]) li {
padding-left: var(--space-7);
margin-bottom: var(--space-3)
}
}
.container {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: var(--container-padding-mobile);
padding-right: var(--container-padding-mobile)
}
@media(min-width: 768px) {
.container {
padding-left:var(--container-padding-tablet);
padding-right: var(--container-padding-tablet);
max-width: var(--container-md)
}
}
@media(min-width: 1024px) {
.container {
padding-left:var(--container-padding-desktop);
padding-right: var(--container-padding-desktop);
max-width: var(--container-lg)
}
}
@media(min-width: 1280px) {
.container {
max-width:var(--container-xl)
}
}
.block {
display: block
}
.inline-block {
display: inline-block
}
.inline {
display: inline
}
.flex {
display: flex
}
.grid {
display: grid
}
.hidden {
display: none
}
.fixed {
position: fixed
}
.absolute {
position: absolute
}
.relative {
position: relative
}
.sticky {
position: sticky
}
.text-center {
text-align: center
}
.grid-flexible {
display: grid;
gap: var(--grid-gap, 2rem);
grid-template-columns: repeat(auto-fit,minmax(var(--grid-min-width, 250px),1fr));
will-change: transform;
transform: translateZ(0);
transition: gap var(--transition-base, .2s) var(--ease-out, ease-out)
}
.grid-flexible--dense {
grid-auto-flow: dense
}
.grid-flexible--center {
justify-items: center
}
.grid-flexible--stretch {
align-items: stretch
}
.grid-flexible--auto-fill {
grid-template-columns: repeat(auto-fill,minmax(var(--grid-min-width, 250px),1fr))
}
.grid-dynamic {
display: grid;
gap: var(--grid-gap, 2rem);
grid-template-columns: 1fr;
will-change: transform;
transform: translateZ(0);
transition: gap var(--transition-base, .2s) var(--ease-out, ease-out),grid-template-columns var(--transition-medium, .3s) var(--ease-out, ease-out)
}
@media(min-width: 640px) {
.grid-dynamic {
grid-template-columns:repeat(auto-fit,minmax(calc(50% - var(--grid-gap, 2rem) / 2),1fr))
}
}
@media(min-width: 1024px) {
.grid-dynamic {
grid-template-columns:repeat(auto-fit,minmax(calc(33.333% - var(--grid-gap, 2rem) * 2 / 3),1fr))
}
}
@media(min-width: 1280px) {
.grid-dynamic {
grid-template-columns:repeat(auto-fit,minmax(calc(25% - var(--grid-gap, 2rem) * 3 / 4),1fr))
}
}
@media(min-width: 1536px) {
.grid-dynamic {
grid-template-columns:repeat(auto-fit,minmax(calc(20% - var(--grid-gap, 2rem) * 4 / 5),1fr))
}
}
.grid-fluid {
display: grid;
gap: var(--grid-gap, 2rem);
grid-template-columns: repeat(auto-fit,minmax(clamp(var(--grid-min, 200px),var(--grid-ideal, 300px),var(--grid-max, 400px)),1fr));
will-change: transform;
transform: translateZ(0)
}
.grid-aspect {
display: grid;
gap: var(--grid-gap, 2rem);
grid-template-columns: repeat(auto-fit,minmax(var(--grid-min-width, 250px),1fr))
}
.grid-aspect>* {
aspect-ratio: var(--grid-aspect, 1/1);
overflow: hidden
}
.grid-aspect--square>* {
aspect-ratio: 1/1
}
.grid-aspect--video>* {
aspect-ratio: 16/9
}
.grid-aspect--portrait>* {
aspect-ratio: 3/4
}
.grid-aspect--landscape>* {
aspect-ratio: 4/3
}
.grid-item {
--item-min: var(--grid-min-width, 250px);
--item-max: 1fr;
min-width: var(--item-min);
max-width: var(--item-max);
will-change: transform,opacity;
transform: translateZ(0)
}
.grid-item--span-2 {
grid-column: span 2
}
.grid-item--span-3 {
grid-column: span 3
}
.grid-item--span-4 {
grid-column: span 4
}
.grid-item--full {
grid-column: 1/-1
}
.grid-item--row-span-2 {
grid-row: span 2
}
.grid-item--row-span-3 {
grid-row: span 3
}
.gap-responsive {
gap: var(--space-4, 1rem)
}
@media(min-width: 768px) {
.gap-responsive {
gap:var(--space-6, 1.5rem)
}
}
@media(min-width: 1024px) {
.gap-responsive {
gap:var(--space-8, 2rem)
}
}
@media(min-width: 1280px) {
.gap-responsive {
gap:var(--space-10, 2.5rem)
}
}
.grid-noise-ready {
display: grid;
gap: calc(var(--space-interpolation-min, 1rem) + (var(--space-interpolation-max, 2rem) - var(--space-interpolation-min, 1rem)) * var(--space-interpolation-value, .5));
grid-template-columns: repeat(auto-fit,minmax(var(--grid-min-width, 250px),1fr));
transition: gap var(--transition-medium, .3s) var(--ease-out, ease-out)
}
.grid-noise-ready>* {
--noise-scale: 1;
--noise-offset-x: 0;
--noise-offset-y: 0;
--noise-rotation: 0;
transform: scale(var(--noise-scale)) translate(calc(var(--noise-offset-x) * 1px),calc(var(--noise-offset-y) * 1px)) rotate(calc(var(--noise-rotation) * 1deg)) translateZ(0);
will-change: transform;
transition: transform var(--transition-medium, .3s) var(--ease-out, ease-out)
}
.grid-noise-gap {
display: grid;
gap: calc(var(--space-interpolation-min, 1rem) + (var(--space-interpolation-max, 2rem) - var(--space-interpolation-min, 1rem)) * var(--space-interpolation-value, .5));
grid-template-columns: repeat(auto-fit,minmax(var(--grid-min-width, 250px),1fr));
transition: gap var(--transition-slow, .5s) var(--ease-smooth, ease)
}
.grid-noise-scale {
display: grid;
gap: var(--grid-gap, 2rem);
grid-template-columns: repeat(auto-fit,minmax(var(--grid-min-width, 250px),1fr))
}
.grid-noise-scale>* {
--scale-min: .95;
--scale-max: 1.05;
transform: scale(calc(var(--scale-min) + (var(--scale-max) - var(--scale-min)) * var(--space-interpolation-value, .5))) translateZ(0);
will-change: transform;
transition: transform var(--transition-medium, .3s) var(--ease-smooth, ease)
}
.grid-container-query {
container-type: inline-size;
display: grid;
gap: var(--grid-gap, 2rem);
grid-template-columns: 1fr
}
@container (min-width: 400px) {
.grid-container-query {
grid-template-columns: repeat(auto-fit,minmax(200px,1fr))
}
}
@container (min-width: 600px) {
.grid-container-query {
grid-template-columns: repeat(auto-fit,minmax(250px,1fr))
}
}
@container (min-width: 800px) {
.grid-container-query {
grid-template-columns: repeat(auto-fit,minmax(300px,1fr))
}
}
.grid-subgrid {
display: grid;
grid-template-columns: subgrid;
grid-template-rows: subgrid;
gap: inherit
}
.layout-features {
display: grid;
gap: var(--grid-gap, 2rem);
grid-template-columns: repeat(auto-fit,minmax(var(--grid-min-width, 280px),1fr));
--grid-min-width: 280px;
--grid-gap: 2rem;
will-change: transform;
transform: translateZ(0);
transition: gap var(--transition-base, .2s) var(--ease-out, ease-out)
}
@media(min-width: 768px) {
.layout-features {
--grid-gap: 2.5rem
}
}
@media(min-width: 1024px) {
.layout-features {
--grid-gap: 3rem
}
}
.layout-gallery {
display: grid;
gap: var(--grid-gap, 1rem);
grid-template-columns: repeat(auto-fit,minmax(var(--grid-min-width, 200px),1fr));
--grid-min-width: 200px;
--grid-gap: 1rem;
will-change: transform;
transform: translateZ(0);
transition: gap var(--transition-base, .2s) var(--ease-out, ease-out)
}
.layout-gallery--dense {
grid-auto-flow: dense
}
.layout-logos {
display: grid;
gap: var(--grid-gap, 2rem);
grid-template-columns: repeat(auto-fit,minmax(var(--grid-min-width, 150px),1fr));
--grid-min-width: 150px;
--grid-gap: 2rem;
align-items: center;
justify-items: center;
will-change: transform;
transform: translateZ(0);
transition: gap var(--transition-base, .2s) var(--ease-out, ease-out)
}
.layout-articles {
display: grid;
gap: var(--grid-gap, 3rem);
grid-template-columns: 1fr;
--grid-gap: 3rem;
will-change: transform;
transform: translateZ(0);
transition: gap var(--transition-base, .2s) var(--ease-out, ease-out),grid-template-columns var(--transition-medium, .3s) var(--ease-out, ease-out)
}
@media(min-width: 640px) {
.layout-articles {
grid-template-columns:repeat(auto-fit,minmax(calc(50% - var(--grid-gap, 2rem) / 2),1fr))
}
}
@media(min-width: 1024px) {
.layout-articles {
grid-template-columns:repeat(auto-fit,minmax(calc(33.333% - var(--grid-gap, 2rem) * 2 / 3),1fr))
}
}
@media(min-width: 1280px) {
.layout-articles {
grid-template-columns:repeat(auto-fit,minmax(calc(25% - var(--grid-gap, 2rem) * 3 / 4),1fr))
}
}
@media(min-width: 768px) {
.layout-articles {
--grid-gap: 4rem
}
}
.layout-sidebar {
display: grid;
gap: var(--grid-gap, 2rem);
grid-template-columns: 1fr
}
@media(min-width: 1024px) {
.layout-sidebar {
grid-template-columns:1fr 350px
}
}
@media(min-width: 1024px) {
.layout-sidebar--reverse {
grid-template-columns:350px 1fr
}
}
.layout-split {
display: grid;
gap: var(--grid-gap, 2rem);
grid-template-columns: 1fr
}
@media(min-width: 768px) {
.layout-split {
grid-template-columns:1fr 1fr
}
}
@media(min-width: 768px) {
.layout-split--60-40 {
grid-template-columns:1.5fr 1fr
}
}
@media(min-width: 768px) {
.layout-split--70-30 {
grid-template-columns:2.33fr 1fr
}
}
.grid-flexible,.grid-dynamic,.grid-fluid,.grid-aspect,.grid-noise-ready,.grid-container-query {
transform: translateZ(0);
will-change: transform;
contain: layout style;
overflow: auto;
-webkit-overflow-scrolling: touch
}
.wp-block-post-content .rich-content {
max-width: 720px;
margin-left: auto;
margin-right: auto
}
.page-transition-wrapper {
transition: all .6s cubic-bezier(.4,0,.2,1)
}
body.is-loading {
overflow: hidden
}
body.is-loading .site-header {
transform: translateY(-100%)
}
body.is-loading .site-main {
transform: translateY(100%)
}
body.is-loaded .site-header {
transform: translateY(0);
transition: transform .6s cubic-bezier(.4,0,.2,1)
}
body.is-loaded .site-main {
transform: translateY(0);
transition: transform .6s cubic-bezier(.4,0,.2,1) .1s
}
body.is-transitioning .site-header {
transform: translateY(-100%);
transition: transform .5s cubic-bezier(.4,0,.2,1)
}
body.is-transitioning .site-main {
transform: translateY(100%);
transition: transform .5s cubic-bezier(.4,0,.2,1) .1s
}
.context-website .site-header {
background: var(--bg-primary);
border-bottom: 1px solid var(--border-primary);
position: relative;
min-height: var(--header-height-mobile)
}
@media(min-width: 768px) {
.context-website .site-header {
min-height:var(--header-height-tablet)
}
}
@media(min-width: 1024px) {
.context-website .site-header {
min-height:var(--header-height-desktop)
}
}
.context-website .header-inner {
display: flex;
align-items: center;
justify-content: space-between;
height: 100%
}
@media(min-width: 1024px) {
.context-website .header-inner {
display:grid;
grid-template-columns: 1fr auto;
gap: var(--space-8);
align-items: center
}
}
.context-website .logo-container {
flex-shrink: 0
}
.context-website .custom-logo {
height: var(--logo-height-mobile);
width: auto
}
@media(min-width: 768px) {
.context-website .custom-logo {
height:var(--logo-height-tablet)
}
}
@media(min-width: 1024px) {
.context-website .custom-logo {
height:var(--logo-height-desktop)
}
}
.context-website .primary-navigation {
display: none
}
@media(min-width: 1024px) {
.context-website .primary-navigation {
display:block;
justify-self: center
}
.context-website .nav-menu {
display: flex;
align-items: center;
gap: 0;
list-style: none;
margin: 0;
padding: 0;
flex-wrap: nowrap;
gap: var(--space-2)
}
.context-website .nav-menu a {
color: var(--text-primary);
font-weight: var(--font-weight-semibold);
font-size: .875rem;
padding: .5rem;
transition: var(--transition-colors);
position: relative;
text-decoration: none;
white-space: nowrap
}
.context-website .nav-menu a:hover {
color: var(--brand-primary)
}
.context-website .nav-menu .current-menu-item>a:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 2px;
background-color: var(--brand-primary);
border-radius: 1px
}
.context-website .nav-menu .current-menu-item>a {
color: var(--brand-primary)
}
.context-website .nav-menu .menu-item:has(a[href*=TryForFree]),.context-website .nav-menu .menu-item:has(a[href*=try-for-free]),.context-website .nav-menu .menu-item:has(a[href*=free-trial]),.context-website .nav-menu .menu-item:has(a[href*=FreeTrial]),.context-website .nav-menu .menu-item:has(.menu-item-cta>a) {
margin-left: var(--space-2)
}
.context-website .nav-menu .menu-item:has(a[href*=TryForFree])>a,.context-website .nav-menu .menu-item:has(a[href*=try-for-free])>a,.context-website .nav-menu .menu-item:has(a[href*=free-trial])>a,.context-website .nav-menu .menu-item:has(a[href*=FreeTrial])>a,.context-website .nav-menu .menu-item:has(.menu-item-cta>a)>a {
background: #7700cc1a;
border: 2px solid var(--brand-primary);
border-radius: var(--button-border-radius);
padding: var(--space-2) var(--space-4);
color: var(--brand-primary);
font-weight: var(--font-weight-bold);
transition: all .3s ease
}
.context-website .nav-menu .menu-item:has(a[href*=TryForFree])>a:hover,.context-website .nav-menu .menu-item:has(a[href*=try-for-free])>a:hover,.context-website .nav-menu .menu-item:has(a[href*=free-trial])>a:hover,.context-website .nav-menu .menu-item:has(a[href*=FreeTrial])>a:hover,.context-website .nav-menu .menu-item:has(.menu-item-cta>a)>a:hover {
background: #7700cc26;
transform: translateY(-1px)
}
.context-website .nav-menu .menu-item:has(a[href*=TryForFree])>a:after,.context-website .nav-menu .menu-item:has(a[href*=try-for-free])>a:after,.context-website .nav-menu .menu-item:has(a[href*=free-trial])>a:after,.context-website .nav-menu .menu-item:has(a[href*=FreeTrial])>a:after,.context-website .nav-menu .menu-item:has(.menu-item-cta>a)>a:after {
display: none
}
}
.context-website .mobile-menu-toggle {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: transparent;
border: none;
cursor: pointer
}
@media(min-width: 1024px) {
.context-website .mobile-menu-toggle {
display:none
}
}
.context-website .site-footer {
background: var(--bg-secondary);
border-top: 1px solid var(--border-primary);
margin-top: auto
}
.context-website .footer-widgets {
padding: var(--space-16) 0
}
.context-website .footer-widget-columns {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(var(--footer-column-min-width, 250px),1fr));
gap: var(--footer-gap, var(--space-8))
}
@media(min-width: 640px) {
.context-website .footer-widget-columns {
grid-template-columns:repeat(2,1fr)
}
}
@media(min-width: 1024px) {
.context-website .footer-widget-columns {
grid-template-columns:repeat(4,1fr)
}
}
.context-website .cta-button,.context-website .button-primary {
display: inline-flex;
align-items: center;
justify-content: center;
height: var(--button-height-base);
padding: 0 var(--button-padding-x-base);
background: var(--brand-primary);
color: var(--text-inverse);
font-weight: var(--font-weight-semibold);
border-radius: var(--button-border-radius);
transition: var(--transition-all);
cursor: pointer;
border: none;
text-decoration: none
}
@media(hover: hover) {
.context-website .cta-button:hover,.context-website .button-primary:hover {
background:var(--brand-primary-dark);
transform: translateY(-2px);
box-shadow: var(--shadow-md)
}
}
.context-portal {
min-height: 100vh;
display: flex;
flex-direction: column
}
.context-portal .site-header {
background: var(--bg-primary);
border-bottom: 1px solid var(--border-primary);
padding: var(--space-4) 0;
position: sticky;
top: 0;
z-index: var(--z-sticky)
}
.context-portal .header-inner {
display: flex;
align-items: center;
justify-content: center
}
.context-portal .logo-container {
max-width: 200px
}
.context-portal .primary-navigation {
display: none
}
.context-portal .site-main {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
padding: var(--space-8) 0
}
.portal-form {
display: flex;
flex-direction: column;
gap: var(--space-4)
}
.context-portal input[type=text],.context-portal input[type=email],.context-portal input[type=password],.context-portal input[type=tel],.context-portal select {
width: 100%;
height: var(--input-height-lg);
padding: 0 var(--space-4);
border: 2px solid var(--border-primary);
border-radius: var(--radius-lg);
font-size: var(--font-size-base);
transition: var(--transition-colors)
}
.context-portal input:focus,.context-portal select:focus {
border-color: var(--border-focus);
outline: none
}
.context-portal .button,.context-portal button[type=submit] {
width: 100%;
height: var(--button-height-lg);
background: var(--brand-primary);
color: var(--text-inverse);
border: none;
border-radius: var(--radius-lg);
font-size: var(--font-size-md);
font-weight: var(--font-weight-semibold);
cursor: pointer;
transition: var(--transition-all)
}
.context-portal .button:hover {
background: var(--brand-primary-dark);
transform: translateY(-2px);
box-shadow: var(--shadow-md)
}
.context-portal .site-footer {
background: transparent;
border-top: none;
padding: var(--space-6) 0;
text-align: center
}
.context-portal .footer-copyright {
font-size: var(--font-size-sm);
color: var(--text-tertiary)
}
.context-portal .footer-widgets {
display: none
}
@keyframes pulse {
0%,to {
opacity: 1;
transform: scale(1)
}
50% {
opacity: .5;
transform: scale(.9)
}
}
@media(prefers-reduced-motion:reduce) {
.context-portal .button:hover {
transform: none
}
}
.hs-form-iframe,iframe[src*=hubspot],#hs-eu-cookie-confirmation {
width: 100%;
border: none;
display: block
}
@media(max-width: 767px) {
.hs-form-iframe,iframe[src*=hubspot],#hs-eu-cookie-confirmation {
min-height:100vh;
height: 100vh;
max-height: none;
margin: 0;
padding: 0;
width: 100vw;
max-width: 100vw;
left: 0;
right: 0
}
}
@media(min-width: 768px)and (max-width:1024px) {
.hs-form-iframe,iframe[src*=hubspot],#hs-eu-cookie-confirmation {
min-height:80vh;
height: 80vh
}
}
@media(min-width: 1025px) {
.hs-form-iframe,iframe[src*=hubspot],#hs-eu-cookie-confirmation {
min-height:600px;
height: auto
}
}
@media(max-width: 767px) {
.hbspt-form,.hs_cos_wrapper_type_form,.hs-form,[class*=hubspot-form] {
padding:0;
margin: 0;
width: 100%;
max-width: 100%
}
}
@media(max-width: 767px) {
.hs-form input[type=text],.hs-form input[type=email],.hs-form input[type=tel],.hs-form input[type=number],.hs-form input[type=url],.hs-form select,.hs-form textarea {
min-height:48px;
font-size: 16px;
padding: 12px 16px;
border-radius: 8px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.hs-form button,.hs-form input[type=submit],.hs-form .hs-button {
min-height: 48px;
padding: 12px 24px;
font-size: 16px;
font-weight: 600;
border-radius: 8px;
width: 100%;
margin-top: 16px;
-webkit-tap-highlight-color: rgba(0,0,0,.1)
}
.hs-form input[type=checkbox],.hs-form input[type=radio] {
width: 24px;
height: 24px;
margin-right: 12px
}
.hs-form label {
font-size: 16px;
margin-bottom: 8px;
display: block;
line-height: 1.5
}
.hs-form .hs-form-field {
margin-bottom: 20px;
padding: 0
}
.hs-form .hs-error-msgs {
font-size: 14px;
margin-top: 8px;
color: #dc3545
}
}
@media(max-width: 767px) {
.wp-block-embed__wrapper iframe[src*=hubspot],.hubspot-form-wrapper iframe,[data-form-type=hubspot] iframe {
position:relative;
width: 100vw;
max-width: 100vw;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
padding: 20px;
box-sizing: border-box;
min-height: 100vh;
height: auto
}
}
@media(max-width: 767px) {
#hs-eu-cookie-confirmation {
padding:16px;
font-size: 14px;
line-height: 1.6
}
#hs-eu-cookie-confirmation button,#hs-eu-cookie-confirmation a {
min-height: 44px;
padding: 10px 20px;
font-size: 14px;
margin: 8px 4px;
display: inline-block
}
}
@media(max-width: 767px) {
div:has(iframe[src*="meetings.hubspot.com"]),.meetings-iframe-container {
position:static;
padding: 0;
margin: 0;
overflow: visible;
background: #fff;
border-radius: 0;
width: 100vw;
height: 100vh;
min-height: 100vh;
max-height: none;
max-width: 100vw
}
}
@media(min-width: 768px)and (max-width:1024px) {
div:has(iframe[src*="meetings.hubspot.com"]),.meetings-iframe-container {
padding-top:0;
min-height: 80vh;
height: auto
}
}
@media(min-width: 1025px) {
div:has(iframe[src*="meetings.hubspot.com"]),.meetings-iframe-container {
min-height:600px;
height: auto
}
}
@media(max-width: 767px) {
.page-content:has(iframe[src*=hubspot]),.page-content:has(.hbspt-form),.page-content:has(.hs-form),.entry-content:has(iframe[src*=hubspot]),.entry-content:has(.hbspt-form),.entry-content:has(.hs-form),.site-main:has(iframe[src*=hubspot]),.site-main:has(.hbspt-form),.site-main:has(.hs-form) {
padding-left:0;
padding-right: 0
}
}
@media(max-width: 767px) {
body:has(.meetings-iframe-container),body:has(iframe[src*="meetings.hubspot.com"]) {
overflow:hidden;
position: fixed;
width: 100%
}
}
@media(max-width: 767px) {
.hs-cta-wrapper,.cta-button[href*=hubspot] {
display:block;
width: 100%;
text-align: center
}
.hs-cta-wrapper a,.hs-cta-wrapper button,.cta-button[href*=hubspot] a,.cta-button[href*=hubspot] button {
width: 100%;
min-height: 52px;
padding: 14px 24px;
font-size: 18px;
font-weight: 600
}
}
@media(max-width: 767px) {
.hs-form-loading {
min-height:100vh;
display: flex;
align-items: center;
justify-content: center;
background: #fffffff2
}
}
.hs-form input:focus,.hs-form select:focus,.hs-form textarea:focus,.hs-form button:focus,.hbspt-form input:focus,.hbspt-form select:focus,.hbspt-form textarea:focus,.hbspt-form button:focus {
outline: 2px solid #7700cc;
outline-offset: 2px
}
.hs-form ::-moz-placeholder,.hbspt-form ::-moz-placeholder {
color: #6c757d;
opacity: .8
}
.hs-form ::placeholder,.hbspt-form ::placeholder {
color: #6c757d;
opacity: .8
}
.hs-form .hs-skip-link,.hbspt-form .hs-skip-link {
position: absolute;
left: -9999px
}
.hs-form .hs-skip-link:focus,.hbspt-form .hs-skip-link:focus {
position: static;
left: auto
}
.text-section,.feature-grid,.logo-grid,.two-column-section,.wp-block-chunkworks-text-section,.wp-block-chunkworks-feature-grid,.wp-block-chunkworks-two-column-section {
padding: var(--spacing-lg) var(--space-6);
margin: 0
}
@media(min-width: 768px) {
.text-section,.feature-grid,.logo-grid,.two-column-section,.wp-block-chunkworks-text-section,.wp-block-chunkworks-feature-grid,.wp-block-chunkworks-two-column-section {
padding:var(--spacing-lg) var(--space-8)
}
}
@media(min-width: 1024px) {
.text-section,.feature-grid,.logo-grid,.two-column-section,.wp-block-chunkworks-text-section,.wp-block-chunkworks-feature-grid,.wp-block-chunkworks-two-column-section {
padding:var(--spacing-lg) var(--space-12)
}
}
.hero-section,.wp-block-chunkworks-hero-section,.wp-block-cover.has-background-dim {
padding: var(--spacing-xl) var(--space-6);
margin: 0
}
@media(min-width: 768px) {
.hero-section,.wp-block-chunkworks-hero-section,.wp-block-cover.has-background-dim {
padding:var(--spacing-xl) var(--space-8)
}
}
@media(min-width: 1024px) {
.hero-section,.wp-block-chunkworks-hero-section,.wp-block-cover.has-background-dim {
padding:var(--spacing-xl) var(--space-12)
}
}
.cta-section,.wp-block-chunkworks-cta,.contact-form-section {
padding: var(--spacing-xl) var(--space-6);
margin: 0
}
@media(min-width: 768px) {
.cta-section,.wp-block-chunkworks-cta,.contact-form-section {
padding:var(--spacing-xl) var(--space-8)
}
}
@media(min-width: 1024px) {
.cta-section,.wp-block-chunkworks-cta,.contact-form-section {
padding:var(--spacing-xl) var(--space-12)
}
}
.hero-section+.text-section,.hero-section+.feature-grid,.hero-section+.logo-grid,.hero-section+.two-column-section,.hero-section+.cta-section,.wp-block-chunkworks-hero-section+.text-section,.wp-block-chunkworks-hero-section+.feature-grid,.wp-block-chunkworks-hero-section+.two-column-section,.wp-block-cover+.text-section,.wp-block-cover+.feature-grid {
padding-top: var(--spacing-after-hero)
}
.wp-block-cover+hr+.text-section,.wp-block-cover+hr+.feature-grid {
padding-top: var(--spacing-lg)
}
.text-section+.text-section,.text-section+.feature-grid,.text-section+.logo-grid,.text-section+.two-column-section,.feature-grid+.text-section,.feature-grid+.feature-grid,.feature-grid+.two-column-section,.logo-grid+.text-section,.logo-grid+.feature-grid,.two-column-section+.text-section,.two-column-section+.feature-grid,.two-column-section+.two-column-section,.wp-block-chunkworks-text-section+.wp-block-chunkworks-text-section,.wp-block-chunkworks-text-section+.wp-block-chunkworks-feature-grid,.wp-block-chunkworks-feature-grid+.wp-block-chunkworks-text-section,.wp-block-chunkworks-feature-grid+.wp-block-chunkworks-feature-grid {
padding-top: calc(var(--spacing-lg) / 2)
}
.entry-content>.wp-block-paragraph,.entry-content>.wp-block-heading,.entry-content>.wp-block-list,.entry-content>.wp-block-quote,.entry-content>.wp-block-image,.entry-content>.wp-block-video,.entry-content>.wp-block-table,.wp-block-post-content>.wp-block-paragraph,.wp-block-post-content>.wp-block-heading,.wp-block-post-content>.wp-block-list,.wp-block-post-content>.wp-block-quote,.wp-block-post-content>.wp-block-image,.wp-block-post-content>.wp-block-video,.wp-block-post-content>.wp-block-table {
margin-bottom: var(--spacing-md)
}
.entry-content p,.wp-block-post-content p {
margin-bottom: var(--spacing-sm)
}
.entry-content ul li,.entry-content ol li,.wp-block-post-content ul li,.wp-block-post-content ol li {
margin-bottom: var(--spacing-xs)
}
.entry-content ul li:last-child,.entry-content ol li:last-child,.wp-block-post-content ul li:last-child,.wp-block-post-content ol li:last-child {
margin-bottom: 0
}
.wp-block-group__inner-container>*:first-child {
margin-top: 0
}
.wp-block-group__inner-container>*:last-child {
margin-bottom: 0
}
.wp-block-chunkworks-hero-section,.wp-block-chunkworks-text-section,.wp-block-chunkworks-feature-grid,.wp-block-chunkworks-two-column-section,.wp-block-chunkworks-cta {
margin-top: 0;
margin-bottom: 0
}
.entry-content>section:first-child,.entry-content>.hero-section:first-child,.entry-content>.wp-block-chunkworks-hero-section:first-child,.entry-content>.wp-block-cover:first-child,.wp-block-post-content>section:first-child,.wp-block-post-content>.hero-section:first-child,.wp-block-post-content>.wp-block-chunkworks-hero-section:first-child,.wp-block-post-content>.wp-block-cover:first-child,main.main>section:first-child,main.main>.hero-section:first-child,main.main>.wp-block-chunkworks-hero-section:first-child,main.main>.wp-block-cover:first-child {
margin-top: 0
}
.entry-content>section:last-child,.entry-content>.cta-section:last-child,.entry-content>.wp-block-chunkworks-cta:last-child,.wp-block-post-content>section:last-child,.wp-block-post-content>.cta-section:last-child,.wp-block-post-content>.wp-block-chunkworks-cta:last-child,main.main>section:last-child,main.main>.cta-section:last-child,main.main>.wp-block-chunkworks-cta:last-child {
margin-bottom: 0
}
.screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0
}
.screen-reader-text:focus,.screen-reader-text:active {
position: static;
width: auto;
height: auto;
padding: inherit;
margin: inherit;
overflow: visible;
clip: auto;
white-space: normal
}
body:not(.wp-admin) a:focus,body:not(.wp-admin) button:focus,body:not(.wp-admin) input:focus,body:not(.wp-admin) textarea:focus,body:not(.wp-admin) select:focus {
outline: none
}
body:not(.wp-admin) a:focus-visible,body:not(.wp-admin) button:focus-visible,body:not(.wp-admin) input:focus-visible,body:not(.wp-admin) textarea:focus-visible,body:not(.wp-admin) select:focus-visible {
outline: 3px solid #7700cc;
outline-offset: 2px;
border-radius: .25rem
}
body:not(.wp-admin) a:focus-visible {
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 4px
}
body:not(.wp-admin) button:focus-visible,body:not(.wp-admin) .button:focus-visible,body:not(.wp-admin) .btn:focus-visible,body:not(.wp-admin) input[type=submit]:focus-visible,body:not(.wp-admin) input[type=button]:focus-visible,body:not(.wp-admin) input[type=reset]:focus-visible {
outline: 3px solid #7700cc;
outline-offset: 2px;
box-shadow: 0 0 0 4px #70c3
}
body:not(.wp-admin) input[type=text]:focus-visible,body:not(.wp-admin) input[type=email]:focus-visible,body:not(.wp-admin) input[type=url]:focus-visible,body:not(.wp-admin) input[type=password]:focus-visible,body:not(.wp-admin) input[type=search]:focus-visible,body:not(.wp-admin) input[type=number]:focus-visible,body:not(.wp-admin) input[type=tel]:focus-visible,body:not(.wp-admin) input[type=date]:focus-visible,body:not(.wp-admin) input[type=time]:focus-visible,body:not(.wp-admin) textarea:focus-visible,body:not(.wp-admin) select:focus-visible {
outline: 3px solid #7700cc;
outline-offset: 0;
box-shadow: 0 0 0 4px #7700cc1a
}
body:not(.wp-admin) input[type=checkbox]:focus-visible,body:not(.wp-admin) input[type=radio]:focus-visible {
outline: 3px solid #7700cc;
outline-offset: 2px
}
body:not(.wp-admin) a:focus-visible img {
outline: 3px solid #7700cc;
outline-offset: 2px
}
body:not(.wp-admin) .nav-link:focus-visible,body:not(.wp-admin) .menu-item a:focus-visible {
background: #7700cc1a;
border-radius: .25rem
}
body:not(.wp-admin) #main-content:focus {
outline: none
}
body:not(.wp-admin) .card:focus-within,body:not(.wp-admin) .widget:focus-within,body:not(.wp-admin) .post-card:focus-within {
box-shadow: 0 0 0 3px #70c3;
border-radius: .5rem
}
@media(prefers-contrast:high) {
body:not(.wp-admin) *,body:not(.wp-admin) *:before,body:not(.wp-admin) *:after {
border-color: currentColor!important
}
body:not(.wp-admin) a:focus-visible,body:not(.wp-admin) button:focus-visible,body:not(.wp-admin) input:focus-visible,body:not(.wp-admin) textarea:focus-visible,body:not(.wp-admin) select:focus-visible {
outline: 3px solid currentColor;
outline-offset: 3px
}
body:not(.wp-admin) body {
color: #000;
background: #fff
}
body:not(.wp-admin) a {
text-decoration: underline;
text-decoration-thickness: 2px
}
}
@media(prefers-reduced-motion:reduce) {
*,*:before,*:after {
animation-duration: .01ms!important;
animation-iteration-count: 1!important;
transition-duration: .01ms!important;
scroll-behavior: auto!important
}
::view-transition-old(root),::view-transition-new(root) {
animation: none!important
}
}
body:not(.wp-admin) .success,body:not(.wp-admin) .error,body:not(.wp-admin) .warning,body:not(.wp-admin) .info {
border-left: 4px solid currentColor;
padding-left: 1rem
}
body:not(.wp-admin) .success:before,body:not(.wp-admin) .error:before,body:not(.wp-admin) .warning:before,body:not(.wp-admin) .info:before {
content: "";
display: inline-block;
width: 1rem;
height: 1rem;
margin-right: .5rem;
vertical-align: middle
}
body:not(.wp-admin) .success:before {
content: "✓"
}
body:not(.wp-admin) .error:before {
content: "✕"
}
body:not(.wp-admin) .warning:before {
content: "⚠"
}
body:not(.wp-admin) .info:before {
content: "ℹ"
}
@media(max-width: 768px) {
body:not(.wp-admin) a,body:not(.wp-admin) button,body:not(.wp-admin) input[type=submit],body:not(.wp-admin) input[type=button],body:not(.wp-admin) input[type=reset],body:not(.wp-admin) .btn,body:not(.wp-admin) .button {
min-height:44px;
min-width: 44px;
padding: .75rem 1rem
}
body:not(.wp-admin) nav a,body:not(.wp-admin) .menu-item {
padding: .75rem 1rem
}
} body:not(.wp-admin) p,body:not(.wp-admin) li {
word-wrap: break-word;
overflow-wrap: break-word;
hyphens: auto
}
body:not(.wp-admin) img,body:not(.wp-admin) video,body:not(.wp-admin) iframe {
max-width: 100%;
height: auto
}
body:not(.wp-admin) .error,body:not(.wp-admin) .has-error {
border-color: #dc2626!important;
background: #fef2f2
}
body:not(.wp-admin) .error:focus,body:not(.wp-admin) .has-error:focus {
outline-color: #dc2626
}
body:not(.wp-admin) .error-message,body:not(.wp-admin) [role=alert] {
color: #991b1b;
font-weight: 600;
margin-top: .5rem;
display: flex;
align-items: flex-start;
gap: .5rem
}
body:not(.wp-admin) .error-message:before,body:not(.wp-admin) [role=alert]:before {
content: "⚠";
color: #dc2626;
font-weight: 700;
flex-shrink: 0
}
body:not(.wp-admin) .success-message,body:not(.wp-admin) [role=status] {
color: #065f46;
font-weight: 600;
margin-top: .5rem;
display: flex;
align-items: flex-start;
gap: .5rem
}
body:not(.wp-admin) .success-message:before,body:not(.wp-admin) [role=status]:before {
content: "✓";
color: #059669;
font-weight: 700;
flex-shrink: 0
}
main,[role=main] {
display: block
}
nav,[role=navigation] {
display: block
}
aside,[role=complementary] {
display: block
}
@media print {
a[href]:after {
content: " (" attr(href) ")";
font-size: .875em;
color: #666
}
*:focus {
outline: none!important
}
}
@media(forced-colors:active) {
*:focus {
outline: 3px solid;
outline-offset: 2px
}
button,input,select,textarea {
border: 2px solid
}
a {
text-decoration: underline
}
}
@media print {
* {
background: transparent!important;
color: #000!important;
box-shadow: none!important;
text-shadow: none!important
}
@page {
margin: 2cm;
size: auto
}
body {
font-size: 12pt;
line-height: 1.5;
font-family: Georgia,Times New Roman,Times,serif;
color: #000;
background: #fff;
width: 100%!important;
margin: 0!important;
padding: 0!important
}
nav,.navigation,.nav-menu,.menu,header nav,[role=navigation] {
display: none!important
}
aside,.sidebar,.widget-area,[role=complementary] {
display: none!important
}
footer,.site-footer,[role=contentinfo] {
display: none!important
}
button,.button,.btn,input[type=submit],input[type=button],form,.search-form,.comment-form,.subscribe-form,.social-share,.share-buttons,.social-links,.comment-list,.related-posts,.banner,[class*=ad-],[id*=ad-] {
display: none!important
}
video,audio,iframe,object {
display: none!important
}
.breadcrumbs,.breadcrumb {
font-size: .875rem;
margin-bottom: 1rem;
padding-bottom: .5rem;
border-bottom: 1px solid #ccc
}
.site-main,main,[role=main] {
width: 100%!important;
max-width: 100%!important;
margin: 0!important;
padding: 0!important;
display: block!important
}
.container {
display: block!important;
width: 100%!important;
max-width: 100%!important;
margin: 0!important;
padding: 0!important
}
.post,.entry {
page-break-inside: avoid;
margin-bottom: 0;
padding: 0
}
.entry-header {
margin-bottom: 1.5rem;
padding: 0!important
}
.entry-title {
font-size: 24pt;
font-weight: 700;
margin-bottom: .5rem;
page-break-after: avoid
}
.post-meta {
font-size: 10pt;
color: #666!important;
margin-bottom: 1rem;
border-bottom: 1px solid #ccc;
padding-bottom: .5rem
}
.post-thumbnail,.entry-featured-image {
max-width: 100%;
margin: 1rem 0;
page-break-inside: avoid
}
.post-thumbnail img,.entry-featured-image img {
max-width: 100%;
height: auto;
page-break-inside: avoid
}
.entry-content,.post-content,.wp-block-post-content,.content {
font-size: 11pt;
line-height: 1.6;
max-width: 100%!important;
padding: 0!important;
margin: 0!important
}
h3,h4 {
font-weight: 700;
page-break-after: avoid;
page-break-inside: avoid;
orphans: 3;
widows: 3;
color: #000!important
}
h3 {
font-size: 14pt;
margin-top: 1rem
}
h4 {
font-size: 12pt;
margin-top: 1rem
}
p {
orphans: 3;
widows: 3;
margin-bottom: .75rem;
line-height: 1.6
}
a {
color: #000!important;
text-decoration: underline
}
a[href^=http]:after {
content: " (" attr(href) ")";
font-size: .875em;
font-weight: 400;
color: #666!important
}
img {
max-width: 100%!important;
height: auto!important;
page-break-inside: avoid;
display: block;
margin: .75rem 0
}
code {
background: #f5f5f5!important;
color: #000!important;
border: 1px solid #ccc!important;
page-break-inside: avoid
}
code {
padding: 2px 4px;
font-size: .9em
}
ul,ol {
margin: .75rem 0;
padding-left: 2rem
}
ul li,ol li {
margin-bottom: .375rem;
orphans: 3;
widows: 3
}
ul ul,ul ol,ol ul,ol ol {
margin: .375rem 0
}
table {
width: 100%!important;
border-collapse: collapse;
margin: .75rem 0;
page-break-inside: avoid;
font-size: 10pt
}
.alignwide,.alignfull {
max-width: 100%!important;
width: 100%!important;
margin-left: 0!important;
margin-right: 0!important
}
.wp-block-columns {
display: block!important
}
.wp-block-columns .wp-block-column {
width: 100%!important;
margin: 0!important;
padding: 0!important
}
.wp-block-cover {
background: #f5f5f5!important;
padding: 1rem!important
}
.wp-block-cover .wp-block-cover__inner-container {
padding: 0!important
}
.wp-block-buttons,.wp-block-button {
display: none!important
}
.wp-block-separator {
border: none!important;
border-top: 1px solid #000!important;
margin: 1rem 0!important
}
.wp-block-gallery {
display: block!important
}
.wp-block-gallery .wp-block-image {
width: 100%!important;
margin: .5rem 0!important
}
.author-info {
page-break-inside: avoid;
border: 1px solid #ccc!important;
padding: 1rem!important;
margin: 1.5rem 0!important;
background: #f9f9f9!important
}
.author-info .author-avatar img {
max-width: 60px!important;
border-radius: 50%
}
.entry-footer {
margin-top: 1.5rem;
padding-top: .75rem;
border-top: 1px solid #ccc;
font-size: 10pt
}
.post-navigation {
display: none!important
}
h3,h4 {
page-break-after: avoid
}
h3,h4 {
page-break-before: avoid
}
img,table {
page-break-inside: avoid
}
.page-break {
page-break-before: always
}
.site-header {
background: none!important;
border-bottom: 2px solid #000!important;
padding: 1rem 0!important;
margin-bottom: 1.5rem!important
}
.site-header .site-title {
font-size: 18pt;
font-weight: 700;
margin: 0
}
.site-header .custom-logo {
display: none!important
}
*:focus {
outline: none!important
}
}
.container:before,.container:after,.card:before,.card:after,section:not(.hero-section):before,section:not(.hero-section):after,.post-chunk:before,.post-chunk:after,.text-section:before,.text-section:after,.cta-section:before,.cta-section:after,.feature-grid__item:before,.feature-grid__item:after {
display: none!important
}
.container,.card,section:not(.hero-section) {
border: 1px solid var(--grey-reflection-light, #F5F5F5);
border-radius: 8px;
background: var(--white-pure, #FFFFFF);
padding: 2rem;
margin-bottom: 2rem
}
.text-section {
background: var(--white-pure, #FFFFFF);
border-left: 3px solid var(--color-brand-primary, #7700cc);
border-top: 1px solid var(--grey-reflection-light, #F5F5F5);
border-right: 1px solid var(--grey-reflection-light, #F5F5F5);
border-bottom: 1px solid var(--grey-reflection-light, #F5F5F5);
border-radius: 4px;
padding: 2rem;
margin: 2rem 0
}
.text-section:before,.text-section:after {
display: none!important
}
button:before,button:after,.button:before,.button:after,.wp-block-button__link:before,.wp-block-button__link:after,a.button:before,a.button:after {
display: none!important
}
button,.button,.wp-block-button__link,a.button {
border: 1px solid var(--grey-reflection, #EBEBEB)!important;
transition: all .2s ease
}
button:hover,.button:hover,.wp-block-button__link:hover,a.button:hover {
border-color: var(--color-brand-primary, #7700cc)!important;
transform: none!important
}
.feature-grid__item {
background: var(--white-pure, #FFFFFF);
border: 1px solid var(--grey-reflection-light, #F5F5F5);
border-left: 3px solid var(--aqua-bright, #C0E7E7);
border-radius: 8px;
padding: 1.5rem;
transition: border-left-color .2s ease
}
.feature-grid__item:before,.feature-grid__item:after {
display: none!important
}
.feature-grid__item:hover {
border-left-color: var(--color-brand-primary, #7700cc);
border-left-width: 3px;
transform: none
}
body:before,body:after {
display: none!important
}
h3:before,h3:after,h4:before,h4:after {
display: none!important
}
h3.has-border-bottom,h4.has-border-bottom {
border-bottom: 2px solid var(--color-brand-primary, #7700cc);
padding-bottom: .5rem;
margin-bottom: 1rem
}
nav:before,nav:after,.navigation:before,.navigation:after {
display: none!important
}
nav,.navigation {
border-bottom: 1px solid var(--grey-reflection-light, #F5F5F5)
}
footer:before,footer:after {
display: none!important
}
footer {
border-top: 1px solid var(--grey-reflection-light, #F5F5F5);
background: var(--off-white, #FAFAFA)
}
.has-sunbeam:before,.hero-section:before,.cta-section:before {
display: none!important
}
.cta-section {
background: var(--off-white, #FAFAFA);
border: 1px solid var(--grey-reflection-light, #F5F5F5);
border-radius: 8px;
padding: 3rem 2rem;
margin: 3rem 0;
text-align: center
}
.cta-section:before,.cta-section:after {
display: none!important
}
.post-chunk {
background: var(--white-pure, #FFFFFF);
border: 1px solid var(--grey-reflection-light, #F5F5F5);
border-radius: 8px;
padding: 1.5rem;
margin-bottom: 1.5rem;
margin-left: 0!important;
max-width: 100%
}
.post-chunk:before,.post-chunk:after {
display: none!important
}
.post-chunk:nth-child(2n) {
background: var(--white-pure, #FFFFFF);
border-radius: 8px;
margin-left: 0!important
}
::view-transition-old(root),::view-transition-new(root),::view-transition-group(root) {
animation: unset!important
}
html {
scroll-behavior: smooth
}
a,button,.button,.wp-block-button__link,input,textarea,select {
transition: all .2s ease
}
input[type=text],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=number],textarea,select {
border: 1px solid var(--grey-reflection, #EBEBEB)!important;
border-radius: 4px
}
input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=number]:focus,textarea:focus,select:focus {
outline: 2px solid var(--color-brand-primary, #7700cc);
outline-offset: 0;
border-color: var(--color-brand-primary, #7700cc)!important
}
a {
border: none!important;
border-bottom: none!important;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 2px
}
a:hover {
text-decoration-thickness: 2px
}
@media(max-width: 768px) {
.container,.card,section:not(.hero-section),.text-section,.cta-section {
padding:1rem;
margin-bottom: 1rem;
border-radius: 4px
}
}
@media(prefers-contrast:high) {
.container,.card,section:not(.hero-section),.text-section {
border-width: 2px;
border-color: #999
}
}
@media(prefers-reduced-motion:reduce) {
* {
animation-duration: .01ms!important;
animation-iteration-count: 1!important;
transition-duration: .01ms!important
}
}
*:focus-visible {
outline: 2px solid var(--color-brand-primary, #7700cc);
outline-offset: 2px
}
.site-header {
position: static!important;
top: auto!important;
transform: none!important;
transition: none!important
}
body.is-loading .site-header,body.is-loaded .site-header,body.is-transitioning .site-header {
position: static!important;
transform: none!important
}
.site-header {
min-height: 80px;
max-height: 80px;
padding: 0!important
}
@media(min-width: 768px) {
.site-header {
min-height:90px;
max-height: 90px
}
}
@media(min-width: 1024px) {
.site-header {
min-height:100px;
max-height: 100px
}
}
.site-header .header-inner {
height: 80px;
padding: 0 var(--space-4)!important
}
@media(min-width: 768px) {
.site-header .header-inner {
height:90px;
padding: 0 var(--space-6)!important
}
}
@media(min-width: 1024px) {
.site-header .header-inner {
height:100px;
padding: 0 var(--space-8)!important
}
}
.site-header .logo-container {
display: flex;
align-items: center;
height: 100%
}
.site-header .logo-container:hover {
transform: none!important
}
.site-header .custom-logo,.site-header .site-title {
max-height: 50px!important;
height: 50px;
width: auto
}
@media(min-width: 768px) {
.site-header .custom-logo,.site-header .site-title {
max-height:60px!important;
height: 60px
}
}
@media(min-width: 1024px) {
.site-header .custom-logo,.site-header .site-title {
max-height:70px!important;
height: 70px
}
}
.primary-navigation {
align-items: center
}
@media(min-width: 1024px) {
.primary-navigation {
display:block;
height: 100%
}
}
@media(min-width: 1024px) {
.primary-navigation .nav-menu {
display:flex!important;
flex-direction: row!important;
align-items: center;
justify-content: flex-end;
flex-wrap: nowrap;
gap: var(--space-2)
}
}
.site-header .header-container {
height: 80px!important;
padding: 0 var(--space-4)!important
}
@media(min-width: 768px) {
.site-header .header-container {
height:90px!important;
padding: 0 var(--space-6)!important
}
}
@media(min-width: 1024px) {
.site-header .header-container {
height:100px!important;
padding: 0 var(--space-8)!important
}
}
.site-header .header-logo {
display: flex;
align-items: center;
height: 100%
}
.site-header .header-logo:hover {
transform: none!important
}
.site-header .header-logo img {
max-height: 50px!important;
height: 50px
}
@media(min-width: 768px) {
.site-header .header-logo img {
max-height:60px!important;
height: 60px
}
}
@media(min-width: 1024px) {
.site-header .header-logo img {
max-height:70px!important;
height: 70px
}
}
@media(max-width: 1023px) {
.site-header {
position:static!important
}
.site-header .mobile-menu-toggle {
position: fixed!important
}
}
.wp-block-separator {
margin: 2rem 0!important
}
.wp-block-separator+.wp-block-separator {
margin-top: 1rem!important
}
.wp-block-chunkworks-text-section,.text-section {
padding: 2rem 1rem!important
}
.wp-block-chunkworks-text-section+.wp-block-chunkworks-text-section,.wp-block-chunkworks-text-section+.text-section,.text-section+.wp-block-chunkworks-text-section,.text-section+.text-section {
padding-top: 1rem!important
}
.wp-block-chunkworks-text-section:has(+.wp-block-separator),.text-section:has(+.wp-block-separator) {
padding-bottom: 1rem!important
}
.wp-block-chunkworks-text-section:empty,.text-section:empty,.text-section__content:empty {
display: none
}
.wp-block-chunkworks-text-section:has(>.text-section__content>h2:only-child),.text-section:has(>.text-section__content>h2:only-child) {
padding: 1.5rem 1rem!important
}
.feature-grid__header {
margin-bottom: 2rem
}
.feature-grid__header p {
margin-top: .5rem;
font-size: 1rem;
color: #6c757d
}
.feature-grid+.feature-grid {
margin-top: 3rem
}
@media(max-width: 768px) {
.wp-block-chunkworks-text-section,.text-section {
padding:1.5rem 1rem!important
}
.wp-block-separator {
margin: 1.5rem 0!important
}
.feature-grid+.feature-grid {
margin-top: 2rem
}
}
img {
contain-intrinsic-size: auto!important
}
:root {
--color-brand-primary: #7700cc;
--color-brand-primary-light: #9933ff;
--color-brand-primary-dark: #5a00a3;
--color-brand-secondary: #007755;
--color-brand-accent: #cc3333;
--spacing-18: 4.5rem;
--spacing-22: 5.5rem;
--spacing-26: 6.5rem;
--font-family-display: "Inter", -apple-system, system-ui, sans-serif;
--animate-bounce-slow: bounce 3s ease-in-out infinite;
--animate-pulse-slow: pulse 4s cubic-bezier(.4, 0, .6, 1) infinite;
--radius-button: .5rem;
--radius-card: 1rem;
--shadow-glow: none;
--shadow-lift: none;
--space-interpolation-value: .5;
--space-interpolation-min: 1rem;
--space-interpolation-max: 2rem;
--font-size-interpolation-min: 16px;
--font-size-interpolation-max: 24px
}
.container:empty,.container:blank {
display: none
}
.container:not(:has(*)):not(:has(img)):not(:has(svg)):not(:has(iframe)) {
min-height: 0
}
.container:not(:has(*)):not(:has(img)):not(:has(svg)):not(:has(iframe)):not(:focus-within):not(:hover)[class*=container]:not([class*=container-])>*:only-child:empty {
display: none
}
.container+.container {
margin-top: 0
}
@keyframes header-split-up {
0% {
opacity: 1;
transform: translateY(0)
}
to {
opacity: 0;
transform: translateY(-100%)
}
}
@keyframes content-move-down {
0% {
opacity: 1;
transform: translateY(0)
}
to {
opacity: 0;
transform: translateY(50px)
}
}
@keyframes white-flash {
0% {
background: transparent
}
50% {
background: #fffffff2
}
to {
background: transparent
}
}
@keyframes waterfall-in {
0% {
opacity: 0;
transform: translateY(-30px)
}
to {
opacity: 1;
transform: translateY(0)
}
}
::view-transition-old(root) {
animation: .4s cubic-bezier(.4,0,.2,1) both content-move-down
}
::view-transition-new(root) {
animation: .6s cubic-bezier(0,0,.2,1) .2s both waterfall-in
}
::view-transition-group(root) {
animation: .8s ease-in-out both white-flash
}