.elementor-kit-6{--e-global-color-primary:#00D68F;--e-global-color-secondary:#F5F0E8;--e-global-color-text:#F5F0E8;--e-global-color-accent:#5DECB3;--e-global-color-d10x_ink:#0C0B0A;--e-global-color-d10x_panel:#141210;--e-global-color-d10x_panel2:#1B1815;--e-global-color-d10x_line:#2A2620;--e-global-color-d10x_line2:#3A342B;--e-global-color-d10x_fg:#F5F0E8;--e-global-color-d10x_muted:#9B968C;--e-global-color-d10x_dim:#6B6761;--e-global-color-d10x_accent:#00D68F;--e-global-color-d10x_accent_soft:#5DECB3;--e-global-color-d10x_gold:#E8B94E;--e-global-color-d10x_lime:#CCFF00;--e-global-color-d10x_error:#BE2828;--e-global-typography-primary-font-family:"Inter Tight";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Fraunces";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Inter Tight";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"IBM Plex Mono";--e-global-typography-accent-font-weight:500;--e-global-typography-d10x_display-font-family:"Fraunces";--e-global-typography-d10x_display-font-weight:500;--e-global-typography-d10x_display-font-style:italic;--e-global-typography-d10x_display-letter-spacing:-1px;--e-global-typography-d10x_h1-font-family:"Inter Tight";--e-global-typography-d10x_h1-font-size:96px;--e-global-typography-d10x_h1-font-weight:500;--e-global-typography-d10x_h1-line-height:0.95em;--e-global-typography-d10x_h1-letter-spacing:-3px;--e-global-typography-d10x_h2-font-family:"Inter Tight";--e-global-typography-d10x_h2-font-size:48px;--e-global-typography-d10x_h2-font-weight:500;--e-global-typography-d10x_h2-line-height:1.05em;--e-global-typography-d10x_h2-letter-spacing:-1px;--e-global-typography-d10x_eyebrow-font-family:"IBM Plex Mono";--e-global-typography-d10x_eyebrow-font-size:10px;--e-global-typography-d10x_eyebrow-font-weight:500;--e-global-typography-d10x_eyebrow-text-transform:uppercase;--e-global-typography-d10x_eyebrow-letter-spacing:3px;--e-global-typography-d10x_body-font-family:"Inter Tight";--e-global-typography-d10x_body-font-size:16px;--e-global-typography-d10x_body-font-weight:400;--e-global-typography-d10x_body-line-height:1.6em;--e-global-typography-d10x_quote-font-family:"Fraunces";--e-global-typography-d10x_quote-font-size:24px;--e-global-typography-d10x_quote-font-weight:500;--e-global-typography-d10x_quote-font-style:italic;--e-global-typography-d10x_quote-line-height:1.4em;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-d10x_h1-font-size:64px;--e-global-typography-d10x_h2-font-size:36px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-d10x_h1-font-size:48px;--e-global-typography-d10x_h2-font-size:30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =============================================================
   Digital10x — Site-wide Custom CSS
   Paste this into Elementor → Site Settings → Custom CSS.
   It loads on every page and supplements the child-theme stylesheet.
   ============================================================= */

/* Cover any cases where Hello Elementor injects light defaults */
body.elementor-page,
body.elementor-default {
	background: #0C0B0A;
	color: #F5F0E8;
}

/* Make sure the fixed header doesn't double-render scroll-progress */
body.elementor-default > .elementor-location-header ~ .d10x-scroll-progress {
	display: none;
}

/* Hello Elementor: hide site logo if duplicated */
.site-header .site-logo + .site-logo { display: none; }

/* Smooth scroll for anchor jumps */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Active menu link colour (matches source) */
.elementor-nav-menu .elementor-item.elementor-item-active,
.elementor-nav-menu .current-menu-item > .elementor-item { color: #00D68F !important; }

/* WP-rendered case study / service single titles (in case Theme Builder skipped) */
.single-case_study .entry-title,
.single-d10x_service .entry-title { display: none; }

/* Source-style focus ring */
:focus-visible {
	outline: 2px solid #00D68F !important;
	outline-offset: 3px;
	border-radius: 6px;
}

/* Filter bar pill active variant (one rule applies whether you used the widget or HTML) */
.d10x-filter-bar__pill.is-active,
button.is-active[data-filter] {
	color: #00D68F !important;
	background: rgba(0, 214, 143, 0.08) !important;
	border: 1px solid rgba(0, 214, 143, 0.3) !important;
}

/* Loop Grid case cards data-cats hook helper — see IMPORT-GUIDE for the Loop Item snippet */
.d10x-case-card { position: relative; overflow: hidden; }
.d10x-case-card .cover { aspect-ratio: 16/11; overflow: hidden; border-radius: 16px 16px 0 0; background: #1B1815; }
.d10x-case-card .cover img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 700ms cubic-bezier(.22,1,.36,1); }
.d10x-case-card:hover .cover img { transform: scale(1.05); }

/* Loop Grid post cards */
.d10x-post-card { border: 1px solid #2A2620; border-radius: 16px; overflow: hidden; transition: border-color 250ms; background: #0E0D0C; }
.d10x-post-card:hover { border-color: rgba(0, 214, 143, 0.45); }

/* Hide tier sections when empty (driven by Filter Bar JS) */
[data-tier][hidden] { display: none !important; }

/* Source-style mobile hamburger spacing */
@media (max-width: 1023px) {
	.elementor-location-header .elementor-nav-menu--main { display: none; }
}

/* Source-style table reset (kept minimal for blog content) */
.entry-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 24px 0;
	font-size: 14px;
}
.entry-content th,
.entry-content td { padding: 12px 16px; border-bottom: 1px solid #2A2620; text-align: left; }
.entry-content th { color: #9B968C; font-family: 'IBM Plex Mono', monospace; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; }

/* Loop Carousel pause-on-hover (work marquee) */
.elementor-element.elementor-pagination-position-outside:hover .swiper-wrapper { animation-play-state: paused; }/* End custom CSS */