/*
Theme Name: Money come in
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
:root{--navy:#0a2d57;--dark:#071f3d;--orange:#ff6a00;--text:#17212f;--muted:#667085;--light:#f5f7fa;--border:#e3e9f0}.home .page-wrapper{padding:0}.htx-eyebrow{color:var(--orange);font-size:13px;font-weight:800;letter-spacing:1.7px;margin-bottom:12px;text-transform:uppercase}.htx-section-heading{max-width:780px;margin:0 auto 42px;text-align:center}.htx-section-heading h2{color:var(--dark);font-size:42px;line-height:1.15;letter-spacing:-1px;margin-bottom:14px}.htx-section-heading p:last-child{color:var(--muted);font-size:17px;line-height:1.75}.htx-home-hero{overflow:hidden}.htx-home-hero h1{color:var(--dark);font-size:clamp(46px,5.2vw,72px);line-height:1.03;letter-spacing:-2.3px;margin-bottom:22px}.htx-hero-lead{color:var(--muted);font-size:18px;line-height:1.75}.htx-home-hero .button,.htx-final-cta .button{min-height:50px;border-radius:7px;font-size:14px;font-weight:800;padding:0 25px;text-transform:none}.htx-btn-primary.button{background:var(--orange)!important;border-color:var(--orange)!important;color:#fff!important}.htx-btn-primary.button:hover{background:#e85f00!important;border-color:#e85f00!important;box-shadow:0 10px 24px rgba(255,106,0,.24);transform:translateY(-2px)}.htx-btn-outline.button{background:transparent!important;border-color:var(--navy)!important;color:var(--navy)!important}.htx-btn-outline.button:hover{background:var(--navy)!important;color:#fff!important}.htx-mini-feature{border-left:2px solid var(--border);padding-left:15px}.htx-mini-feature b,.htx-mini-feature span{display:block}.htx-mini-feature b{color:var(--dark);font-size:14px}.htx-mini-feature span{color:var(--muted);font-size:12px;line-height:1.5;margin-top:5px}.htx-tool-panel{background:radial-gradient(circle at 88% 15%,rgba(255,106,0,.22),transparent 29%),linear-gradient(145deg,#0a2d57,#061b35);border-radius:28px;box-shadow:0 30px 70px rgba(7,31,61,.24);min-height:470px;padding:32px;text-align:center}.htx-panel-badge{color:rgba(255,255,255,.65);font-size:12px;font-weight:800;letter-spacing:2px}.htx-house-icon{height:230px;margin:35px auto 15px;position:relative;width:250px}.htx-roof{border-left:125px solid transparent;border-right:125px solid transparent;border-bottom:95px solid #fff;height:0;position:absolute;top:0}.htx-house{background:#fff;bottom:0;height:150px;left:38px;position:absolute;width:174px}.htx-wrench{align-items:center;background:var(--orange);border-radius:50% 50% 20% 20%;color:#fff;display:flex;font-size:38px;font-weight:900;height:90px;justify-content:center;left:58px;position:absolute;top:18px;width:60px}.htx-window{bottom:13px;display:grid;gap:4px;grid-template-columns:repeat(2,12px);left:73px;position:absolute}.htx-window i{background:var(--navy);height:12px;width:12px}.htx-tool-panel h3{color:#fff;font-size:22px}.htx-panel-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.htx-panel-tags span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:30px;color:rgba(255,255,255,.75);font-size:11px;padding:8px 12px}.htx-trust-item{text-align:center}.htx-trust-item b,.htx-trust-item span{display:block}.htx-trust-item b{color:#fff;font-size:13px;letter-spacing:.7px}.htx-trust-item span{color:rgba(255,255,255,.65);font-size:12px;margin-top:4px}.htx-category-card>.col-inner,.htx-benefit-card>.col-inner{height:100%;border-radius:16px;padding:30px}.htx-category-card>.col-inner{background:#fff;border:1px solid var(--border);box-shadow:0 8px 28px rgba(10,45,87,.06);transition:.25s}.htx-category-card>.col-inner:hover{border-color:rgba(255,106,0,.48);box-shadow:0 18px 40px rgba(10,45,87,.13);transform:translateY(-7px)}.htx-category-number,.htx-benefit-icon{align-items:center;background:rgba(255,106,0,.1);border-radius:10px;color:var(--orange);display:flex;font-weight:900;height:43px;justify-content:center;margin-bottom:20px;width:43px}.htx-category-card h3{color:var(--dark);font-size:23px}.htx-category-card p{color:var(--muted);line-height:1.68}.htx-category-card a{color:var(--navy);font-weight:800}.htx-blog-grid .box{background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:0 8px 26px rgba(10,45,87,.06);height:100%;overflow:hidden;transition:.25s}.htx-blog-grid .box:hover{box-shadow:0 17px 36px rgba(10,45,87,.13);transform:translateY(-6px)}.htx-blog-grid .box-text{padding:22px}.htx-blog-grid .post-title{color:var(--dark);font-size:19px;line-height:1.42}.htx-start-here h2{color:var(--dark);font-size:46px;line-height:1.15}.htx-start-here p,.htx-start-here li{color:var(--muted);line-height:1.75}.htx-method-card{background:var(--light);border:1px solid var(--border);border-radius:22px;box-shadow:0 18px 45px rgba(10,45,87,.1);padding:38px}.htx-step{align-items:center;background:#fff;border:1px solid var(--border);border-radius:13px;display:flex;gap:16px;margin-top:14px;padding:18px}.htx-step>b{align-items:center;background:var(--orange);border-radius:50%;color:#fff;display:flex;flex:0 0 38px;height:38px;justify-content:center}.htx-step strong,.htx-step small{display:block}.htx-step strong{color:var(--dark);font-size:14px}.htx-step small{color:var(--muted);font-size:11px;margin-top:3px}.htx-check-list{list-style:none;margin:22px 0}.htx-check-list li{margin-bottom:9px;padding-left:28px;position:relative}.htx-check-list li:before{color:var(--orange);content:'✓';font-weight:900;left:0;position:absolute}.htx-heading-light h2{color:#fff}.htx-heading-light p:last-child{color:rgba(255,255,255,.68)}.htx-benefit-card>.col-inner{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}.htx-benefit-icon{background:var(--orange);color:#fff}.htx-benefit-card h3{color:#fff;font-size:21px}.htx-benefit-card p{color:rgba(255,255,255,.7);line-height:1.7}.htx-topic-card>.col-inner,.htx-topic-card.col-inner{background:radial-gradient(circle at 90% 10%,rgba(255,106,0,.18),transparent 30%),var(--navy);border-radius:18px;height:100%;min-height:245px;padding:34px}.htx-topic-large>.col-inner{min-height:520px;padding:48px}.htx-topic-orange>.col-inner,.htx-topic-orange.col-inner{background:var(--orange)}.htx-topic-label{color:rgba(255,255,255,.65)!important;font-size:12px;font-weight:800;letter-spacing:1.4px}.htx-topic-card h3{color:#fff;font-size:27px;line-height:1.25}.htx-topic-large h3{font-size:40px}.htx-topic-card p{color:rgba(255,255,255,.72)}.htx-topic-card a{color:#fff!important;font-weight:800}.htx-final-cta{background:radial-gradient(circle at 90% 25%,rgba(255,106,0,.4),transparent 28%),var(--dark)}.htx-final-cta h2{color:#fff;font-size:42px}.htx-final-cta p{color:rgba(255,255,255,.7)}.htx-affiliate-section{border-top:1px solid var(--border)}.htx-affiliate-notice{max-width:900px;margin:auto;text-align:center}.htx-affiliate-notice p{color:var(--muted);font-size:12px;margin:0}@media(max-width:849px){.htx-section-heading h2,.htx-start-here h2,.htx-final-cta h2{font-size:36px}.htx-home-hero h1{font-size:50px}.htx-tool-panel{margin-top:35px}.htx-topic-large>.col-inner{min-height:340px}}@media(max-width:549px){.htx-home-hero{text-align:center}.htx-home-hero h1{font-size:39px}.htx-home-hero .button{display:block;margin:9px 0;width:100%}.htx-mini-feature{border-bottom:1px solid var(--border);border-left:0;padding:15px 0}.htx-section-heading h2,.htx-start-here h2,.htx-final-cta h2{font-size:30px}.htx-category-card>.col-inner,.htx-benefit-card>.col-inner,.htx-method-card{padding:24px}.htx-topic-card>.col-inner,.htx-topic-large>.col-inner{min-height:260px;padding:28px}.htx-topic-card h3,.htx-topic-large h3{font-size:27px}.htx-final-cta{text-align:center}.htx-final-cta .button{width:100%}}



/* ==================================================
   HOMETOOLX – BUYING GUIDE ARTICLE UI
   Scope: single blog posts
   ================================================== */

:root {
  --htx-primary: #0b2942;
  --htx-primary-light: #123e61;
  --htx-accent: #f5b700;
  --htx-accent-hover: #d99f00;

  --htx-text: #25313c;
  --htx-heading: #101820;
  --htx-muted: #667583;

  --htx-bg: #ffffff;
  --htx-soft-bg: #f5f7f9;
  --htx-border: #dfe5ea;

  --htx-success: #18794e;
  --htx-success-bg: #edf8f2;

  --htx-danger: #b42318;
  --htx-danger-bg: #fff1f0;

  --htx-radius: 14px;
  --htx-shadow: 0 8px 30px rgba(11, 41, 66, 0.08);
}


/* ---------- ARTICLE WIDTH & TYPOGRAPHY ---------- */

.single-post :is(
  .entry-content,
  .post-content,
  .wp-block-post-content
) {
  max-width: 820px;
  margin-inline: auto;
  color: var(--htx-text);
  font-size: 18px;
  line-height: 1.78;
}

.single-post :is(
  .entry-content,
  .post-content,
  .wp-block-post-content
) > * {
  margin-block-start: 0;
  margin-block-end: 1.35em;
}

.single-post :is(
  .entry-content,
  .post-content,
  .wp-block-post-content
) p {
  margin-bottom: 1.35em;
}

.single-post :is(
  .entry-content,
  .post-content,
  .wp-block-post-content
) a {
  color: #075e9e;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.single-post :is(
  .entry-content,
  .post-content,
  .wp-block-post-content
) a:hover {
  color: var(--htx-primary);
}


/* ---------- HEADINGS ---------- */

.single-post :is(
  .entry-content,
  .post-content,
  .wp-block-post-content
) h2 {
  position: relative;
  margin-top: 2.7em;
  margin-bottom: 1em;
  padding-left: 18px;
  color: var(--htx-heading);
  font-size: clamp(1.55rem, 3vw, 2rem);
  line-height: 1.3;
  letter-spacing: -0.025em;
}

.single-post :is(
  .entry-content,
  .post-content,
  .wp-block-post-content
) h2::before {
  content: "";
  position: absolute;
  top: 0.12em;
  bottom: 0.12em;
  left: 0;
  width: 5px;
  border-radius: 10px;
  background: var(--htx-accent);
}

.single-post :is(
  .entry-content,
  .post-content,
  .wp-block-post-content
) h3 {
  margin-top: 2em;
  margin-bottom: 0.8em;
  color: var(--htx-primary);
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  line-height: 1.4;
}

.single-post :is(
  .entry-content,
  .post-content,
  .wp-block-post-content
) h4 {
  margin-top: 1.6em;
  color: var(--htx-heading);
  font-size: 1.1rem;
}


/* ---------- FEATURED IMAGE & ARTICLE IMAGES ---------- */

.single-post :is(
  .entry-content,
  .post-content,
  .wp-block-post-content
) img {
  max-width: 100%;
  height: auto;
  border-radius: var(--htx-radius);
}

.single-post :is(
  .entry-content,
  .post-content,
  .wp-block-post-content
) figure {
  margin: 1.8em auto;
}

.single-post :is(
  .entry-content,
  .post-content,
  .wp-block-post-content
) figcaption {
  margin-top: 0.65rem;
  color: var(--htx-muted);
  font-size: 0.82rem;
  line-height: 1.5;
  text-align: center;
}


/* ---------- TABLE OF CONTENTS ---------- */

.single-post :is(
  .ez-toc-container,
  .rank-math-list,
  .lwptoc,
  .wp-block-rank-math-toc-block
) {
  margin: 2rem 0;
  padding: 20px 22px;
  border: 1px solid var(--htx-border);
  border-left: 5px solid var(--htx-accent);
  border-radius: var(--htx-radius);
  background: var(--htx-soft-bg);
  box-shadow: 0 4px 18px rgba(11, 41, 66, 0.05);
}

.single-post :is(
  .ez-toc-container,
  .lwptoc,
  .wp-block-rank-math-toc-block
) a {
  color: var(--htx-primary);
  font-weight: 600;
  text-decoration: none;
}

.single-post :is(
  .ez-toc-container,
  .lwptoc,
  .wp-block-rank-math-toc-block
) a:hover {
  color: #075e9e;
  text-decoration: underline;
}


/* ---------- QUICK RECOMMENDATIONS TABLE ---------- */

.single-post :is(
  .entry-content,
  .post-content,
  .wp-block-post-content
) .wp-block-table {
  margin: 1.8rem 0 2.4rem;
  overflow-x: auto;
  border: 1px solid var(--htx-border);
  border-radius: var(--htx-radius);
  box-shadow: var(--htx-shadow);
  -webkit-overflow-scrolling: touch;
}

.single-post :is(
  .entry-content,
  .post-content,
  .wp-block-post-content
) table {
  width: 100%;
  min-width: 680px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 0.94rem;
  line-height: 1.55;
}

.single-post :is(
  .entry-content,
  .post-content,
  .wp-block-post-content
) thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 15px 16px;
  border: 0;
  background: var(--htx-primary);
  color: #fff;
  font-weight: 700;
  text-align: left;
}

.single-post :is(
  .entry-content,
  .post-content,
  .wp-block-post-content
) tbody td {
  padding: 14px 16px;
  border: 0;
  border-bottom: 1px solid var(--htx-border);
  vertical-align: top;
}

.single-post :is(
  .entry-content,
  .post-content,
  .wp-block-post-content
) tbody tr:nth-child(even) {
  background: var(--htx-soft-bg);
}

.single-post :is(
  .entry-content,
  .post-content,
  .wp-block-post-content
) tbody tr:hover {
  background: #fff8dc;
}

.single-post :is(
  .entry-content,
  .post-content,
  .wp-block-post-content
) tbody tr:last-child td {
  border-bottom: 0;
}


/* ---------- NORMAL LISTS ---------- */

.single-post :is(
  .entry-content,
  .post-content,
  .wp-block-post-content
) ul,
.single-post :is(
  .entry-content,
  .post-content,
  .wp-block-post-content
) ol {
  margin: 1em 0 1.5em;
  padding-left: 1.35em;
}

.single-post :is(
  .entry-content,
  .post-content,
  .wp-block-post-content
) li {
  margin-bottom: 0.55em;
}

.single-post :is(
  .entry-content,
  .post-content,
  .wp-block-post-content
) li::marker {
  color: var(--htx-accent-hover);
  font-weight: 700;
}


/* ---------- PRODUCT REVIEW CARD ---------- */

/*
Add class "htx-product-card" to a Gutenberg Group block
containing each individual product review.
*/

.htx-product-card {
  margin: 2.7rem 0;
  padding: clamp(20px, 4vw, 32px);
  border: 1px solid var(--htx-border);
  border-radius: 18px;
  background: var(--htx-bg);
  box-shadow: var(--htx-shadow);
}

.htx-product-card > :first-child {
  margin-top: 0 !important;
}

.htx-product-card > :last-child {
  margin-bottom: 0 !important;
}

.htx-product-card h2 {
  margin-top: 0 !important;
}

.htx-product-card img {
  display: block;
  max-height: 430px;
  margin-inline: auto;
  object-fit: contain;
  background: #fff;
}


/* ---------- PRODUCT BADGE ---------- */

.htx-badge {
  display: inline-flex;
  align-items: center;
  margin-bottom: 12px;
  padding: 6px 11px;
  border-radius: 999px;
  background: var(--htx-accent);
  color: #171717;
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}


/* ---------- KEY SPECIFICATIONS ---------- */

.htx-specs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin: 1.5rem 0;
  overflow: hidden;
  border: 1px solid var(--htx-border);
  border-radius: 12px;
  background: var(--htx-soft-bg);
}

.htx-spec {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 15px;
  border-bottom: 1px solid var(--htx-border);
}

.htx-spec:nth-child(odd) {
  border-right: 1px solid var(--htx-border);
}

.htx-spec strong {
  color: var(--htx-heading);
}


/* ---------- PROS AND CONS ---------- */

.htx-pros-cons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 1.6rem 0;
}

.htx-pros,
.htx-cons {
  padding: 18px 20px;
  border-radius: 12px;
}

.htx-pros {
  border: 1px solid #b8dfca;
  background: var(--htx-success-bg);
}

.htx-cons {
  border: 1px solid #f0c3bf;
  background: var(--htx-danger-bg);
}

.htx-pros h3,
.htx-cons h3 {
  margin: 0 0 12px !important;
  font-size: 1.05rem !important;
}

.htx-pros h3 {
  color: var(--htx-success) !important;
}

.htx-cons h3 {
  color: var(--htx-danger) !important;
}

.htx-pros ul,
.htx-cons ul {
  margin-bottom: 0 !important;
  padding-left: 1.2em !important;
}

.htx-pros li::marker {
  color: var(--htx-success) !important;
}

.htx-cons li::marker {
  color: var(--htx-danger) !important;
}


/* ---------- BEST FOR BOX ---------- */

.htx-best-for {
  margin: 1.5rem 0 0;
  padding: 14px 17px;
  border-left: 4px solid var(--htx-accent);
  border-radius: 0 10px 10px 0;
  background: #fff8dc;
  color: var(--htx-heading);
}

.htx-best-for strong {
  color: var(--htx-primary);
}


/* ---------- BUTTONS / AFFILIATE CTA ---------- */

.htx-button,
.single-post .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 13px 22px;
  border: 0;
  border-radius: 10px;
  background: var(--htx-accent);
  color: #151515 !important;
  font-size: 0.95rem;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
  box-shadow: 0 5px 14px rgba(245, 183, 0, 0.25);
  transition:
    transform 0.2s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease;
}

.htx-button:hover,
.single-post .wp-block-button__link:hover {
  transform: translateY(-2px);
  background: var(--htx-accent-hover);
  box-shadow: 0 8px 18px rgba(245, 183, 0, 0.32);
}


/* ---------- BUYER'S GUIDE CALLOUT ---------- */

.htx-tip,
.htx-note {
  margin: 1.6rem 0;
  padding: 18px 20px;
  border: 1px solid #bdd8e8;
  border-radius: 12px;
  background: #eff8fd;
}

.htx-tip::before {
  content: "HomeToolX Tip";
  display: block;
  margin-bottom: 6px;
  color: var(--htx-primary);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}


/* ---------- FAQ ---------- */

.htx-faq {
  margin: 1rem 0;
  padding: 18px 20px;
  border: 1px solid var(--htx-border);
  border-radius: 12px;
  background: #fff;
}

.htx-faq h3 {
  margin-top: 0 !important;
  color: var(--htx-heading) !important;
  font-size: 1.1rem !important;
}

.htx-faq > :last-child {
  margin-bottom: 0;
}


/* ---------- AFFILIATE DISCLOSURE ---------- */

.htx-disclosure {
  margin: 1.3rem 0;
  padding: 11px 15px;
  border-radius: 9px;
  background: var(--htx-soft-bg);
  color: var(--htx-muted);
  font-size: 0.82rem;
  line-height: 1.55;
}


/* ---------- MOBILE ---------- */

@media (max-width: 767px) {
  .single-post :is(
    .entry-content,
    .post-content,
    .wp-block-post-content
  ) {
    font-size: 16.5px;
    line-height: 1.72;
  }

  .single-post :is(
    .entry-content,
    .post-content,
    .wp-block-post-content
  ) h2 {
    margin-top: 2.2em;
    padding-left: 14px;
  }

  .htx-product-card {
    margin: 2rem -4px;
    padding: 20px 16px;
    border-radius: 14px;
  }

  .htx-pros-cons,
  .htx-specs {
    grid-template-columns: 1fr;
  }

  .htx-spec:nth-child(odd) {
    border-right: 0;
  }

  .htx-button,
  .single-post .wp-block-button__link {
    width: 100%;
  }

  .single-post :is(
    .entry-content,
    .post-content,
    .wp-block-post-content
  ) table {
    min-width: 640px;
    font-size: 0.88rem;
  }
}


/* ---------- ACCESSIBILITY ---------- */

.single-post a:focus-visible,
.single-post button:focus-visible {
  outline: 3px solid rgba(245, 183, 0, 0.65);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .single-post *,
  .single-post *::before,
  .single-post *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}