.elementor-5850 .elementor-element.elementor-element-d7eac4e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-5850 .elementor-element.elementor-element-cdc37af{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-table-of-contents{--header-color:var( --e-global-color-secondary );--item-text-color:var( --e-global-color-text );--item-text-hover-color:var( --e-global-color-accent );--marker-color:var( --e-global-color-text );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-family:var( --e-global-typography-primary-font-family ), Manrope;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-family:var( --e-global-typography-text-font-family ), Manrope;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5850 .elementor-element.elementor-element-7b2a412{--box-border-width:0px;--separator-width:0px;--header-color:#181818;--item-text-hover-color:#0f2619;--item-text-hover-decoration:underline;--item-text-active-color:#6366F1;}.elementor-5850 .elementor-element.elementor-element-7b2a412 .elementor-toc__header-title{text-align:start;}.elementor-5850 .elementor-element.elementor-element-7b2a412 .elementor-toc__header, .elementor-5850 .elementor-element.elementor-element-7b2a412 .elementor-toc__header-title{font-family:"Manrope", Manrope;font-weight:600;}.elementor-5850 .elementor-element.elementor-element-7b2a412 .elementor-toc__list-item{font-family:"Manrope", Manrope;font-weight:400;line-height:25px;}.elementor-5850 .elementor-element.elementor-element-2ae9c53{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5850 .elementor-element.elementor-element-4453334{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-5850 .elementor-element.elementor-element-cdc37af{--width:25%;}.elementor-5850 .elementor-element.elementor-element-2ae9c53{--width:70%;}}@media(max-width:1024px){.elementor-5850 .elementor-element.elementor-element-d7eac4e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-2ae9c53 *//* ═══════════════════════════════════════════════════════════
   TECHRADIANT — MASTER ARTICLE STYLING OVERRIDE
   Scoped exclusively to: .entry-content, .post-content, article,
   .elementor-widget-theme-post-content
   Does NOT affect: Elementor button widgets, nav menus, homepage,
   /agencies/, /resources/ index pages, or any other site page.
   ═══════════════════════════════════════════════════════════ */

/* ── 1. BASE TYPOGRAPHY — force Manrope, but scoped (no universal *) ── */
.entry-content,
.post-content,
article,
.elementor-widget-theme-post-content {
  font-family: 'Manrope', sans-serif !important;
}

.entry-content p,
.entry-content li,
.entry-content td,
.entry-content th,
.entry-content div,
.post-content p,
.post-content li,
.post-content td,
.post-content th,
.post-content div,
article p,
article li,
article td,
article th,
article div {
  font-family: 'Manrope', sans-serif !important;
}

/* ── 2. INLINE BODY LINKS — underline + color + hover ── */
.entry-content a,
.post-content a,
article a,
.elementor-widget-theme-post-content a {
  font-family: 'Manrope', sans-serif !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(26,79,58,.3) !important;
  text-underline-offset: 3px !important;
  color: #1a4f3a !important;
  transition: text-decoration-color .2s, color .2s !important;
}

.entry-content a:hover,
.post-content a:hover,
article a:hover,
.elementor-widget-theme-post-content a:hover {
  text-decoration-color: #1a4f3a !important;
  color: #1a4f3a !important;
}

.entry-content a:visited,
.post-content a:visited,
article a:visited,
.elementor-widget-theme-post-content a:visited {
  color: #1a4f3a !important;
}

/* Links INSIDE buttons/CTAs must never get the body underline */
.entry-content .mid-cta a,
.entry-content .bottom-cta a,
.entry-content .agency-link,
.post-content .mid-cta a,
.post-content .bottom-cta a,
.post-content .agency-link,
article .mid-cta a,
article .bottom-cta a,
article .agency-link {
  text-decoration: none !important;
}

/* ── 3. DM SERIF DISPLAY ITALIC — headings, accents, quotes ── */
.entry-content h2 em,
.post-content h2 em,
article h2 em,
.elementor-widget-theme-post-content h2 em,
.entry-content .article-title em,
.post-content .article-title em,
article .article-title em,
.entry-content .serif-accent,
.post-content .serif-accent,
article .serif-accent,
.entry-content .insight-quote p,
.post-content .insight-quote p,
article .insight-quote p,
.entry-content .insight-quote em,
.post-content .insight-quote em,
article .insight-quote em {
  font-family: 'DM Serif Display', Georgia, serif !important;
  font-style: italic !important;
  color: #1a4f3a !important;
  font-weight: 400 !important;
}

.entry-content .insight-quote p,
.post-content .insight-quote p,
article .insight-quote p {
  color: #0f0f0e !important;
  font-size: 19px !important;
  line-height: 1.55 !important;
}

/* ── MID-CTA BUTTON — Light surface style with dark green border ── */

.mid-cta .btn-primary,
.mid-cta .btn-primary:link,
.mid-cta .btn-primary:visited {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #f7f9f2 !important;
  color: #1a4f3a !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 12px 22px !important;
  border-radius: 8px !important;
  border: 1.5px solid #1a4f3a !important;
  text-decoration: none !important;
  letter-spacing: .01em !important;
  transition: background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease !important;
  cursor: pointer !important;
}

.mid-cta .btn-primary:hover,
.mid-cta .btn-primary:focus {
  background: #d3fae3 !important;
  color: #1a4f3a !important;
  border-color: #1a4f3a !important;
  box-shadow: 0 2px 12px rgba(26, 79, 58, 0.12) !important;
  text-decoration: none !important;
}

.mid-cta .btn-primary:active {
  background: #b8d9c7 !important;
  box-shadow: none !important;
  transform: translateY(1px) !important;
}

/* ── 5. BOTTOM-CTA BUTTONS (dark green background — standard) ── */
.bottom-cta .btn-dark,
.bottom-cta .btn-dark:link,
.bottom-cta .btn-dark:visited {
  background: #ffffff !important;
  color: #1a4f3a !important;
  text-decoration: none !important;
}
.bottom-cta .btn-dark:hover,
.bottom-cta .btn-dark:focus {
  background: #d3fae3 !important;
  color: #1a4f3a !important;
}

.bottom-cta .btn-outline,
.bottom-cta .btn-outline:link,
.bottom-cta .btn-outline:visited {
  background: transparent !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(255,255,255,.45) !important;
  text-decoration: none !important;
}
.bottom-cta .btn-outline:hover,
.bottom-cta .btn-outline:focus {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.8) !important;
  color: #ffffff !important;
}

/* ── 6. AGENCY LINK BUTTONS (used inline in body text) ── */
.agency-link,
.agency-link:link,
.agency-link:visited {
  background: #1a4f3a !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
.agency-link:hover {
  background: #d3fae3 !important;
  color: #1a4f3a !important;
}

/* ── 7. RELATED CARDS — no underline on title links ── */
.related-card,
.related-card:link,
.related-card:visited,
.related-card:hover {
  text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7eac4e *//* ══════════════════════════════════════════
   TECHRADIANT — CTA BUTTON HOVER STATES
   Paste in: Elementor → Custom CSS
   (or Page Settings → Advanced → Custom CSS)
   ══════════════════════════════════════════ */

/* ── Inline mid-article CTA button ── */
.inline-cta__btn {
  background: #1a4f3a;
  color: #ffffff !important;
  transition: background 0.18s ease, opacity 0.18s ease;
}
.inline-cta__btn:hover {
  background: #133d2c !important;
  color: #ffffff !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

/* ── Bottom CTA — light button ── */
.btn-light {
  background: #f7f9f2;
  color: #1a4f3a !important;
  transition: background 0.18s ease;
}
.btn-light:hover {
  background: #d3fae3 !important;
  color: #1a4f3a !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

/* ── Bottom CTA — ghost button ── */
.btn-ghost {
  background: transparent;
  color: #ffffff !important;
  border: 2px solid rgba(255,255,255,0.4);
  transition: background 0.18s ease;
}
.btn-ghost:hover {
  background: rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

/* ── Bottom CTA — primary solid button (if used) ── */
.btn-primary {
  background: #1a4f3a;
  color: #ffffff !important;
  transition: background 0.18s ease;
}
.btn-primary:hover {
  background: #133d2c !important;
  color: #ffffff !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

/* ── Quick answer box links (keep white on hover) ── */
.quick-answer a:hover {
  color: #d3fae3 !important;
  opacity: 1 !important;
}

/* ── Callout box links ── */
.callout-box a:hover {
  opacity: 0.8;
  text-decoration: underline !important;
}

/* ══════════════════════════════════════════
   TECHRADIANT — CTA BUTTON HOVER STATES
   Paste in: Elementor → Custom CSS
   (or Page Settings → Advanced → Custom CSS)
   ══════════════════════════════════════════ */

/* ── Bottom CTA section — heading ── */
.bottom-cta h3 {
  font-family: 'DM Serif Display', serif !important;
  font-style: italic !important;
  font-size: 1.5rem !important;
  color: #ffffff !important;
  margin: 0 0 10px !important;
  line-height: 1.2 !important;
}

/* ── Bottom CTA section — subtext ── */
.bottom-cta p {
  color: #d3fae3 !important;
  font-size: 0.93rem !important;
  margin: 0 0 22px !important;
}

/* ── Inline mid-article CTA button ── */
.inline-cta__btn {
  background: #1a4f3a;
  color: #ffffff !important;
  transition: background 0.18s ease, opacity 0.18s ease;
}
.inline-cta__btn:hover {
  background: #133d2c !important;
  color: #ffffff !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

/* ── Bottom CTA — light button ── */
.btn-light {
  background: #f7f9f2;
  color: #1a4f3a !important;
  transition: background 0.18s ease;
}
.btn-light:hover {
  background: #d3fae3 !important;
  color: #1a4f3a !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

/* ── Bottom CTA — ghost button ── */
.btn-ghost {
  background: transparent;
  color: #ffffff !important;
  border: 2px solid rgba(255,255,255,0.4);
  transition: background 0.18s ease;
}
.btn-ghost:hover {
  background: rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

/* ── Bottom CTA — primary solid button ── */
.btn-primary {
  background: #1a4f3a;
  color: #ffffff !important;
  transition: background 0.18s ease;
}
.btn-primary:hover {
  background: #133d2c !important;
  color: #ffffff !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

/* ── Quick answer box links ── */
.quick-answer a:hover {
  color: #d3fae3 !important;
  opacity: 1 !important;
}

/* ── Callout box links ── */
.callout-box a:hover {
  opacity: 0.8;
  text-decoration: underline !important;
}/* End custom CSS */