/* ==========================================================================
   did:webplus design system
   Paste into Avada > Options > Custom CSS (or child theme style.css).
   Colors match the Global Options palette defined in README step 1.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --dwp-ink: #0F1B2D;
  --dwp-slate: #3D4C63;
  --dwp-paper: #F7F9FB;
  --dwp-verify: #051964;
  --dwp-verify-dark: #03103F;
  --dwp-line: #DDE4EC;
  --dwp-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* --- Hero ----------------------------------------------------------- */
.dwp-eyebrow {
  font-family: var(--dwp-mono);
  font-size: 13px;
  letter-spacing: 0.14em;
  color: var(--dwp-verify);
  text-transform: uppercase;
  margin-bottom: 18px;
}

.dwp-did-sample,
.dwp-did-sample p {
  font-family: var(--dwp-mono);
  font-size: 14px;
  color: #7E8FA6;
  word-break: break-all;
  margin-top: 34px;
}

/* --- Inline code and code blocks ------------------------------------ */
.dwp-code pre,
.dwp-code code,
.fusion-syntax-highlighter-container code {
  font-family: var(--dwp-mono) !important;
  font-size: 14px;
  line-height: 1.6;
}

.dwp-code pre {
  background: var(--dwp-ink);
  color: #DCE6F2;
  border-radius: 8px;
  padding: 22px 26px;
  overflow-x: auto;
  border: 1px solid #22334C;
}

/* DID strings inside body copy */
.post-content code {
  font-family: var(--dwp-mono);
  font-size: 0.88em;
  background: var(--dwp-paper);
  border: 1px solid var(--dwp-line);
  border-radius: 4px;
  padding: 1px 6px;
  word-break: break-all;
  color: var(--dwp-ink);
}

/* --- Cards ------------------------------------------------------------ */
.dwp-cards .content-box-column .col {
  background: #fff;
  border: 1px solid var(--dwp-line);
  border-radius: 10px;
  padding: 28px !important;
  transition: border-color .15s ease, transform .15s ease;
}

.dwp-cards .content-box-column .col:hover {
  border-color: var(--dwp-verify);
  transform: translateY(-2px);
}

.dwp-cards .content-box-heading {
  font-size: 19px;
  font-weight: 600;
  color: var(--dwp-ink);
}

.dwp-trust .content-box-heading { font-size: 17px; }

/* --- Captions and pullquotes ---------------------------------------- */
.dwp-caption,
.dwp-caption p {
  font-size: 14px;
  color: #7E8FA6;
  line-height: 1.55;
}

.dwp-pullquote {
  border-left: 4px solid var(--dwp-verify);
  background: var(--dwp-paper);
  border-radius: 0 8px 8px 0;
  padding: 24px 30px;
  font-size: 19px;
  line-height: 1.55;
  color: var(--dwp-ink);
}

/* --- Tables ----------------------------------------------------------- */
.dwp-table-wrap { overflow-x: auto; }

.dwp-table-wrap table {
  border-collapse: collapse;
  width: 100%;
  min-width: 640px;
  font-size: 15px;
}

.dwp-table-wrap th {
  background: var(--dwp-ink);
  color: #fff;
  text-align: left;
  padding: 12px 16px;
  font-weight: 600;
}

.dwp-table-wrap td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--dwp-line);
  vertical-align: top;
  color: var(--dwp-slate);
}

.dwp-table-wrap tr:nth-child(even) td { background: var(--dwp-paper); }

.dwp-table-wrap td code { font-size: 0.85em; }

/* --- Buttons (Avada button harmonization) ---------------------------- */
.fusion-button.dwp-btn-primary {
  background: var(--dwp-verify);
  border-color: var(--dwp-verify);
}

.fusion-button.dwp-btn-primary:hover {
  background: var(--dwp-verify-dark);
  border-color: var(--dwp-verify-dark);
}

/* --- Demo section shell (widget styles ship inside resolver-demo.html) */
.dwp-demo-section { position: relative; }

/* --- Small screens ---------------------------------------------------- */
@media (max-width: 640px) {
  .dwp-did-sample, .dwp-did-sample p { font-size: 12px; }
  .dwp-pullquote { font-size: 17px; padding: 18px 20px; }
}

/* --- Dark (Ink) sections: applied via container class dwp-dark ------- */
.dwp-dark h1, .dwp-dark h2, .dwp-dark h3,
.dwp-dark .fusion-title h1, .dwp-dark .fusion-title h2 { color: #fff; }
.dwp-dark .fusion-text p { color: #C6D2E0; }
.dwp-dark a:not(.fusion-button) { color: #6991F0; }
.dwp-dark .fusion-text code { background: #16243A; border-color: #33465F; color: #DCE6F2; }

/* --- Button styles applied via class ---------------------------------- */
.fusion-button.dwp-btn-primary,
a.fusion-button.dwp-btn-primary {
  background: #051964 !important; border-color: #051964 !important; color: #fff !important;
}
.fusion-button.dwp-btn-primary:hover { background: #03103F !important; border-color: #03103F !important; }
.fusion-button.dwp-btn-outline,
a.fusion-button.dwp-btn-outline {
  background: transparent !important; border: 2px solid #fff !important; color: #fff !important;
}
.fusion-button.dwp-btn-outline:hover { background: rgba(255,255,255,.12) !important; }

/* Buttons side by side when consecutive */
.fusion-button.dwp-btn-primary, .fusion-button.dwp-btn-outline {
  display: inline-block; margin: 8px 8px 0 8px;
}

/* pre blocks inside dwp-code fusion_text */
.dwp-code pre {
  font-family: 'JetBrains Mono', ui-monospace, Menlo, monospace;
  font-size: 14px; line-height: 1.6;
  background: #0F1B2D; color: #DCE6F2; border-radius: 8px;
  padding: 22px 26px; overflow-x: auto; border: 1px solid #22334C;
}

/* ======================================================================
   Rendering fixes v1.1 (scoped to the did:webplus pages, which all use
   the 100% width template)
   ====================================================================== */

/* Typography: Inter everywhere on our pages, regardless of theme options */
body.page-template-100-width,
body.page-template-100-width p,
body.page-template-100-width .fusion-text {
  font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif;
  font-size: 17px; line-height: 1.65; color: #3D4C63;
}
body.page-template-100-width h1, body.page-template-100-width h2,
body.page-template-100-width h3, body.page-template-100-width h4 {
  font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif;
  font-weight: 700; color: #0F1B2D; letter-spacing: -0.5px;
  text-shadow: none; -webkit-text-stroke: 0;
}
body.page-template-100-width h1 { font-size: 46px; line-height: 1.15; }
body.page-template-100-width h2 { font-size: 32px; line-height: 1.2; }
@media (max-width: 640px) {
  body.page-template-100-width h1 { font-size: 32px; }
  body.page-template-100-width h2 { font-size: 26px; }
}

/* Containers: breathing room at the edges, content capped and centered */
body.page-template-100-width .fusion-fullwidth {
  padding-left: max(5vw, 24px);
  padding-right: max(5vw, 24px);
}
body.page-template-100-width .fusion-builder-row {
  max-width: 1200px; margin-left: auto; margin-right: auto;
}

/* Hero + centered CTA sections: center everything inside */
.dwp-hero .fusion-column-wrapper,
.dwp-center .fusion-column-wrapper { text-align: center; }
.dwp-hero .fusion-text, .dwp-center .fusion-text {
  max-width: 840px; margin-left: auto !important; margin-right: auto !important;
}
.dwp-hero .fusion-title h1 { margin-left: auto; margin-right: auto; }

/* Buttons: side by side, centered by their parent */
.dwp-hero .fusion-button-wrapper, .dwp-center .fusion-button-wrapper {
  display: inline-block; margin: 10px 8px 0;
}
.dwp-hero .fusion-button, .dwp-center .fusion-button { margin: 0; }

/* Hero spacing rhythm */
.dwp-hero .dwp-eyebrow { margin-bottom: 10px; }
.dwp-hero .fusion-title { margin-bottom: 18px; }
.dwp-hero .dwp-did-sample { margin-top: 40px; opacity: .75; }

/* Dark sections: re-assert colors after the generic rules above */
body.page-template-100-width .dwp-dark h1,
body.page-template-100-width .dwp-dark h2,
body.page-template-100-width .dwp-dark h3 { color: #ffffff; text-shadow: none; }
body.page-template-100-width .dwp-dark p,
body.page-template-100-width .dwp-dark .fusion-text,
body.page-template-100-width .dwp-dark .fusion-text p { color: #C6D2E0; }
body.page-template-100-width .dwp-dark a:not(.fusion-button) { color: #6991F0; }
body.page-template-100-width .dwp-hero .dwp-eyebrow p { color: #6991F0; }
body.page-template-100-width .dwp-did-sample p {
  font-family: 'JetBrains Mono', ui-monospace, Menlo, monospace;
  font-size: 14px; color: #7E8FA6;
}

/* ======================================================================
   HOME PAGE v2 — dark-first "modern dev platform" theme
   Scoped to body.home so the other six pages keep the light treatment.
   Added in the July 2026 redesign. Overrides live at the end of the file
   so they win over the shared rules above on equal specificity.
   ====================================================================== */
:root {
  --dwp-bg:         #0A0F1A;
  --dwp-bg-2:       #0C1322;
  --dwp-panel:      #101A2E;
  --dwp-panel-2:    #14203A;
  --dwp-hair:       rgba(255,255,255,.09);
  --dwp-hair-2:     rgba(255,255,255,.16);
  --dwp-txt:        #E7EEF8;
  --dwp-txt-2:      #A6B6CE;
  --dwp-txt-3:      #6E7F99;
  --dwp-accent:     #6991F0;   /* LedgerDomain periwinkle */
  --dwp-accent-2:   #8FA8F5;
  --dwp-sky:        #6991F0;
  --dwp-accent-ink: #041225;
}

/* --- Canvas ---------------------------------------------------------- */
body.home,
body.home #main,
body.home #content { background: var(--dwp-bg); }
body.home { color: var(--dwp-txt); }
body.home #main { padding-top: 0 !important; }
body.home #content { padding-bottom: 0 !important; }

/* Light-text typography override for the whole home page */
body.home.page-template-100-width,
body.home.page-template-100-width p,
body.home.page-template-100-width .fusion-text,
body.home.page-template-100-width .fusion-text p { color: var(--dwp-txt-2); }
body.home.page-template-100-width h1,
body.home.page-template-100-width h2,
body.home.page-template-100-width h3,
body.home.page-template-100-width h4 { color: var(--dwp-txt); text-shadow: none; }
body.home.page-template-100-width h2 { font-size: 38px; letter-spacing: -.02em; }
@media (max-width: 640px) { body.home.page-template-100-width h2 { font-size: 28px; } }

/* --- Section kicker (mono label above a heading) --------------------- */
body.home .dwp-kicker p {
  font-family: var(--dwp-mono);
  font-size: 12px; letter-spacing: .16em; text-transform: uppercase;
  color: var(--dwp-accent); margin: 0 0 12px;
}

/* --- Hero ------------------------------------------------------------ */
body.home .dwp-hero {
  position: relative; overflow: hidden;
  background:
    radial-gradient(58% 68% at 50% -8%, rgba(105,145,240,.16), transparent 60%),
    radial-gradient(46% 54% at 82% 2%, rgba(105,145,240,.10), transparent 58%),
    var(--dwp-bg) !important;
}
/* Faint technical grid, faded out toward the edges */
body.home .dwp-hero::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background-image:
    linear-gradient(var(--dwp-hair) 1px, transparent 1px),
    linear-gradient(90deg, var(--dwp-hair) 1px, transparent 1px);
  background-size: 64px 64px;
  -webkit-mask-image: radial-gradient(115% 85% at 50% 0%, #000 28%, transparent 82%);
          mask-image: radial-gradient(115% 85% at 50% 0%, #000 28%, transparent 82%);
  opacity: .6;
}
body.home .dwp-hero .fusion-column-wrapper { position: relative; z-index: 1; }

/* Pill eyebrow */
body.home .dwp-eyebrow p {
  display: inline-block; margin: 0 0 22px;
  font-family: var(--dwp-mono); font-size: 12px; letter-spacing: .16em;
  text-transform: uppercase; color: var(--dwp-accent);
  padding: 6px 13px; border: 1px solid var(--dwp-hair-2); border-radius: 999px;
  background: rgba(105,145,240,.06);
}

/* Gradient headline */
body.home .dwp-hero .fusion-title h1 {
  font-size: 62px; line-height: 1.06; letter-spacing: -.03em; font-weight: 700;
  background: linear-gradient(180deg, #FFFFFF 0%, #BFD0E8 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
@media (max-width: 640px) { body.home .dwp-hero .fusion-title h1 { font-size: 38px; } }
body.home .dwp-hero .fusion-text p { font-size: 20px; color: var(--dwp-txt-2); }
body.home .dwp-did-sample p { color: var(--dwp-txt-3); }

/* --- Buttons --------------------------------------------------------- */
body.home .fusion-button.dwp-btn-primary,
body.home a.fusion-button.dwp-btn-primary {
  background: var(--dwp-accent) !important; border: 1px solid var(--dwp-accent) !important;
  color: var(--dwp-accent-ink) !important; font-weight: 600; border-radius: 9px;
  box-shadow: 0 0 0 1px rgba(105,145,240,.18), 0 12px 34px -12px rgba(105,145,240,.55);
}
body.home .fusion-button.dwp-btn-primary:hover,
body.home a.fusion-button.dwp-btn-primary:hover {
  background: var(--dwp-accent-2) !important; border-color: var(--dwp-accent-2) !important;
}
body.home .fusion-button.dwp-btn-outline,
body.home a.fusion-button.dwp-btn-outline {
  background: rgba(255,255,255,.03) !important; border: 1px solid var(--dwp-hair-2) !important;
  color: var(--dwp-txt) !important; border-radius: 9px;
}
body.home .fusion-button.dwp-btn-outline:hover,
body.home a.fusion-button.dwp-btn-outline:hover {
  background: rgba(105,145,240,.10) !important; border-color: var(--dwp-accent) !important; color: var(--dwp-accent) !important;
}

/* --- Content boxes: text + icons on dark ----------------------------- */
body.home .fusion-content-box .content-box-heading { color: var(--dwp-txt) !important; }
body.home .fusion-content-box .content-container p,
body.home .fusion-content-box .content-box-body,
body.home .fusion-content-box .content-box-body * { color: var(--dwp-txt-2) !important; }
body.home .fusion-content-box i,
body.home .fusion-content-box .fontawesome-icon { color: var(--dwp-accent) !important; }
body.home .fusion-content-box .fusion-read-more,
body.home .fusion-content-box a.fusion-read-more { color: var(--dwp-accent) !important; font-weight: 600; }

/* --- Cards: dark panels, hover glow ---------------------------------- */
body.home .dwp-cards .content-box-column .col {
  background: var(--dwp-panel) !important;
  border: 1px solid var(--dwp-hair) !important;
  border-radius: 14px; padding: 28px !important;
  transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}
body.home .dwp-cards .content-box-column .col:hover {
  border-color: var(--dwp-accent) !important; transform: translateY(-3px);
  box-shadow: 0 22px 44px -22px rgba(105,145,240,.4);
}

/* --- Captions -------------------------------------------------------- */
body.home .dwp-caption p { color: var(--dwp-txt-3); }

/* --- Closing CTA band ------------------------------------------------ */
body.home .dwp-cta {
  background:
    radial-gradient(60% 130% at 50% 0%, rgba(105,145,240,.14), transparent 62%),
    var(--dwp-panel) !important;
}

/* --- Header: keep it coherent over the dark hero on home ------------- */
body.home .fusion-header-wrapper .fusion-header { box-shadow: none; }

/* ======================================================================
   HOME v2.1 refinements — fix dark-on-dark text + alignment
   ====================================================================== */
/* Force light text in every content box, regardless of Avada defaults */
body.home .fusion-content-box .content-box-heading,
body.home .fusion-content-box .content-box-heading a { color: var(--dwp-txt) !important; }
body.home .fusion-content-box .fusion-content-box-content,
body.home .fusion-content-box .content-container,
body.home .fusion-content-box .content-container p,
body.home .fusion-content-box .content-box-body,
body.home .fusion-content-box .content-box-body p { color: var(--dwp-txt-2) !important; }

/* Equal-height, top-aligned cards across each row */
body.page-template-100-width .dwp-cards {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
body.page-template-100-width .dwp-cards.fusion-columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.page-template-100-width .dwp-cards.fusion-columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
body.page-template-100-width .dwp-cards .content-box-column {
  width: auto !important; max-width: none !important; margin: 0 !important; float: none !important; display: flex;
}
body.page-template-100-width .dwp-cards .content-box-column .col { height: 100%; width: 100%; }
@media (max-width: 980px) {
  body.page-template-100-width .dwp-cards,
  body.page-template-100-width .dwp-cards.fusion-columns-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  body.page-template-100-width .dwp-cards,
  body.page-template-100-width .dwp-cards.fusion-columns-4 { grid-template-columns: 1fr; }
}

/* Center the buttons and copy in the hero and closing CTA */
body.home .dwp-hero .fusion-column-wrapper,
body.home .dwp-cta .fusion-column-wrapper { text-align: center; }
body.home .dwp-hero .fusion-button-wrapper,
body.home .dwp-cta .fusion-button-wrapper { display: inline-block; margin: 10px 8px 0; }
body.home .dwp-cta .fusion-text { max-width: 640px; margin-left: auto !important; margin-right: auto !important; }

/* Lift the muted DID sample off the near-black background */
body.home .dwp-did-sample p { color: #8A9BB4; }

/* ======================================================================
   HOME v2.2 brand hovers (LedgerDomain cyan)
   ====================================================================== */
/* Body links are cyan on the dark home, brightening on hover */
body.home a:not(.fusion-button) { color: var(--dwp-accent) !important; }
body.home a:not(.fusion-button):hover { color: var(--dwp-accent-2) !important; }
/* Content-box read-more brightens on hover */
body.home .fusion-content-box .fusion-read-more:hover { color: var(--dwp-accent-2) !important; }
/* Home nav: light labels over the dark hero, cyan on hover/active */
body.home .fusion-main-menu > ul > li > a { color: #FFFFFF !important; }
body.home .fusion-main-menu > ul > li > a:hover,
body.home .fusion-main-menu > ul > li.current-menu-item > a { color: var(--dwp-accent) !important; }
body.home .fusion-main-menu > ul > li > a .fusion-menu-highlight { background-color: var(--dwp-accent) !important; }

/* ======================================================================
   HOME v2.3 fixes (feedback round)
   ====================================================================== */
/* Card titles stay readable on hover (Avada was recoloring them) */
body.home .fusion-content-box:hover .content-box-heading,
body.home .fusion-content-box:hover .content-box-heading a,
body.home .dwp-cards .content-box-column .col:hover .content-box-heading { color: var(--dwp-txt) !important; }

/* Status section: roomier, even spacing */
body.home .dwp-trust {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 40px 32px;
}
body.home .dwp-trust .content-box-column {
  width: auto !important; max-width: none !important; margin: 0 !important; float: none !important;
}
body.home .dwp-trust .content-container { margin-top: 6px; }
@media (max-width: 900px) { body.home .dwp-trust { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { body.home .dwp-trust { grid-template-columns: 1fr; } }

/* Inline code: drop the light chip highlight that was hard to read on dark */
body.home code,
body.home .post-content code {
  background: transparent !important; border: 0 !important; padding: 0 !important; color: #B7C4DA !important;
}

/* Hero DID sample: keep on one line, shrink instead of wrapping a single char */
body.home .dwp-did-sample p {
  font-size: 13px !important; white-space: nowrap; letter-spacing: 0;
  word-break: normal; overflow-wrap: normal;
}
@media (max-width: 720px) {
  body.home .dwp-did-sample p { white-space: normal; word-break: break-all; font-size: 11px !important; }
}

/* ======================================================================
   SITEWIDE: dark title bar with white nav text (all pages)
   ====================================================================== */
.fusion-header-wrapper .fusion-header,
.fusion-header-wrapper .fusion-secondary-header { background-color: #0A0F1A !important; border: 0 !important; box-shadow: none !important; }
.fusion-header-wrapper, .fusion-header, .fusion-secondary-header { border-bottom: 0 !important; box-shadow: none !important; }
.fusion-header .fusion-main-menu > ul > li > a,
.fusion-header .fusion-main-menu > ul > li > a .fusion-menu-link-text { color: #FFFFFF !important; font-size: 13px !important; text-transform: uppercase !important; letter-spacing: .06em !important; }
.fusion-header .fusion-main-menu > ul > li > a:hover,
.fusion-header .fusion-main-menu > ul > li > a:hover .fusion-menu-link-text,
.fusion-header .fusion-main-menu > ul > li.current-menu-item > a,
.fusion-header .fusion-main-menu > ul > li.current-menu-item > a .fusion-menu-link-text { color: #6991F0 !important; }
.fusion-header .fusion-mobile-nav-item a,
.fusion-header .fusion-mobile-menu-icons a { color: #FFFFFF !important; }

/* ======================================================================
   HOME v2.4: float the header so the hero grid reaches the very top
   ====================================================================== */
body.home .fusion-header-wrapper {
  position: absolute !important; top: 0; left: 0; right: 0; width: 100%; z-index: 40;
  background: transparent !important;
}
body.home .fusion-header-wrapper .fusion-header,
body.home .fusion-header-wrapper .fusion-secondary-header {
  background: transparent !important; background-color: transparent !important;
  border-bottom: 0 !important; box-shadow: none !important;
}
body.home .dwp-hero { padding-top: 160px !important; }

/* ======================================================================
   GLOBAL DARK THEME — every page (all use the 100-width template).
   Mirrors the home treatment for color consistency; home layers the hero
   and floating header on top of this.
   ====================================================================== */
body.page-template-100-width,
body.page-template-100-width #main,
body.page-template-100-width #content { background: var(--dwp-bg); }
body.page-template-100-width { color: var(--dwp-txt); }

body.page-template-100-width p,
body.page-template-100-width .fusion-text,
body.page-template-100-width .fusion-text p { color: var(--dwp-txt-2); }
body.page-template-100-width h1,
body.page-template-100-width h2,
body.page-template-100-width h3,
body.page-template-100-width h4 { color: var(--dwp-txt); text-shadow: none; }

body.page-template-100-width .dwp-kicker p {
  font-family: var(--dwp-mono); font-size: 12px; letter-spacing: .16em; text-transform: uppercase;
  color: var(--dwp-accent); margin: 0 0 12px;
}

body.page-template-100-width .fusion-button.dwp-btn-primary,
body.page-template-100-width a.fusion-button.dwp-btn-primary {
  background: var(--dwp-accent) !important; border: 1px solid var(--dwp-accent) !important;
  color: var(--dwp-accent-ink) !important; font-weight: 600; border-radius: 9px;
}
body.page-template-100-width .fusion-button.dwp-btn-primary:hover,
body.page-template-100-width a.fusion-button.dwp-btn-primary:hover {
  background: var(--dwp-accent-2) !important; border-color: var(--dwp-accent-2) !important;
}
body.page-template-100-width .fusion-button.dwp-btn-outline,
body.page-template-100-width a.fusion-button.dwp-btn-outline {
  background: rgba(255,255,255,.03) !important; border: 1px solid var(--dwp-hair-2) !important;
  color: var(--dwp-txt) !important; border-radius: 9px;
}
body.page-template-100-width .fusion-button.dwp-btn-outline:hover,
body.page-template-100-width a.fusion-button.dwp-btn-outline:hover {
  background: rgba(105,145,240,.10) !important; border-color: var(--dwp-accent) !important; color: var(--dwp-accent) !important;
}

body.page-template-100-width .fusion-content-box .content-box-heading,
body.page-template-100-width .fusion-content-box:hover .content-box-heading { color: var(--dwp-txt) !important; }
body.page-template-100-width .fusion-content-box .content-container,
body.page-template-100-width .fusion-content-box .content-container p,
body.page-template-100-width .fusion-content-box .content-box-body,
body.page-template-100-width .fusion-content-box .content-box-body p { color: var(--dwp-txt-2) !important; }
body.page-template-100-width .fusion-content-box i,
body.page-template-100-width .fusion-content-box .fontawesome-icon { color: var(--dwp-accent) !important; }
body.page-template-100-width .fusion-content-box .fusion-read-more { color: var(--dwp-accent) !important; font-weight: 600; }

body.page-template-100-width .dwp-cards .content-box-column .col {
  background: var(--dwp-panel) !important; border: 1px solid var(--dwp-hair) !important; border-radius: 14px;
}
body.page-template-100-width .dwp-cards .content-box-column .col:hover {
  border-color: var(--dwp-accent) !important; box-shadow: 0 22px 44px -22px rgba(105,145,240,.4);
}

body.page-template-100-width .dwp-caption,
body.page-template-100-width .dwp-caption p { color: var(--dwp-txt-3); }

body.page-template-100-width .dwp-pullquote {
  background: var(--dwp-panel) !important; border-left: 4px solid var(--dwp-accent) !important; color: var(--dwp-txt) !important;
}

body.page-template-100-width .dwp-table-wrap th { background: var(--dwp-panel-2) !important; color: var(--dwp-txt) !important; text-align: left !important; }
body.page-template-100-width .dwp-table-wrap td { color: var(--dwp-txt-2) !important; border-bottom: 1px solid var(--dwp-hair) !important; text-align: left !important; }
body.page-template-100-width table th, body.page-template-100-width table td { text-align: left !important; }
body.page-template-100-width .dwp-table-wrap tr:nth-child(even) td { background: rgba(255,255,255,.02) !important; }
body.page-template-100-width .dwp-table-wrap td code { color: var(--dwp-accent-2) !important; }

body.page-template-100-width code,
body.page-template-100-width .post-content code {
  background: transparent !important; border: 0 !important; padding: 0 !important; color: #B7C4DA !important;
}

body.page-template-100-width a:not(.fusion-button) { color: var(--dwp-accent); }
body.page-template-100-width a:not(.fusion-button):hover { color: var(--dwp-accent-2); }

body.page-template-100-width .dwp-did-sample p { color: #8A9BB4; }

/* Kill any leftover legacy-cyan (#00cadf) FontAwesome icon color in content
   boxes. Uses the real Avada plural class and !important so it beats the
   inline color baked into older saved page content. */
body.page-template-100-width .fusion-content-boxes .fontawesome-icon,
body.page-template-100-width .content-box-wrapper .fontawesome-icon,
body.page-template-100-width .heading-with-icon .fontawesome-icon,
body.page-template-100-width .fusion-content-box i {
  color: var(--dwp-accent) !important;
  outline-color: var(--dwp-accent) !important;
}

/* Content-box headings + body text: force readable on dark in ALL states.
   Avada's container class is .fusion-content-boxes (plural); target the
   heading element directly so this doesn't depend on the container class. */
body.page-template-100-width .content-box-heading,
body.page-template-100-width .content-box-heading a,
body.page-template-100-width .fusion-content-box-hover .content-box-heading,
body.page-template-100-width .content-box-column:hover .content-box-heading,
body.page-template-100-width .fusion-content-boxes:hover .content-box-heading { color: var(--dwp-txt) !important; }
body.page-template-100-width .fusion-content-boxes .content-container,
body.page-template-100-width .content-box-wrapper .content-container,
body.page-template-100-width .content-box-wrapper .content-container p,
body.page-template-100-width .content-box-wrapper .content-container li { color: var(--dwp-txt-2) !important; }
body.page-template-100-width .fusion-content-boxes .fusion-read-more,
body.page-template-100-width .content-box-wrapper .fusion-read-more { color: var(--dwp-accent) !important; }

/* ======================================================================
   SITEWIDE FOOTER — dark to match, readable text
   ====================================================================== */
.fusion-footer,
.fusion-footer-widget-area,
.fusion-footer-copyright-area,
.fusion-footer-widget-area .fusion-fullwidth,
.fusion-footer-copyright-area .fusion-fullwidth,
#ld-footer { background-color: #0A0F1A !important; background-image: none !important; border-color: rgba(255,255,255,.08) !important; }
.fusion-footer-widget-area, .fusion-footer-widget-area *,
.fusion-footer-copyright-area, .fusion-footer-copyright-area * { color: #A6B6CE !important; }
.fusion-footer-widget-area .widget-title,
.fusion-footer-widget-area h1, .fusion-footer-widget-area h2,
.fusion-footer-widget-area h3, .fusion-footer-widget-area h4 { color: #E7EEF8 !important; }
.fusion-footer a { color: #6991F0 !important; }
.fusion-footer a:hover { color: #8FA8F5 !important; }

/* ======================================================================
   Brand wordmark, far left of the header (separate from the menu)
   ====================================================================== */
.fusion-header { position: relative; }
.dwp-brand {
  position: absolute; left: max(5vw, 24px); top: 50%; transform: translateY(-50%);
  font-family: 'JetBrains Mono', ui-monospace, Menlo, monospace; font-size: 18px; font-weight: 500;
  color: #FFFFFF !important; text-transform: none !important; letter-spacing: 0;
  text-decoration: none; z-index: 60; line-height: 1;
}
.dwp-brand b { color: #6991F0; font-weight: 500; }
.dwp-brand:hover { color: #FFFFFF !important; }