
/* For Blog page */
body .meta-author {
    display: none !important;
}
body .meta-category {
    display: none !important;
}
body .meta-comment-count {
    display: none !important;
}
/* For Blog Single Pages */
body #single-below-header {
    display: none !important;
}
/* hide date and love on masonry blog */
body #post-area.masonry article.post .post-meta {
    display: none!important;
}
article.post .content-inner {
    border-bottom: none;
}
/* Reset all default link styles */
a {
  color: inherit;
  text-decoration: none;
}

/* Apply custom style ONLY to content links */
p a,
span a,
div a {
  color: #000;
  text-decoration: underline;
  text-decoration-color: #3bbab0;
  text-decoration-thickness: 2px; /* Makes the underline bolder */
}

/* Ensure menu and heading links stay clean */
nav a,
.menu a,
.header-menu a,
.main-menu a,
.menu-item a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none !important;
  text-decoration-color: initial !important;
  color: inherit !important;
}
.site-footer {
  font-size: 14px;
  color: #666;
  text-align: center;
  padding: 20px 0;
}

.site-footer a {
  color: inherit;
  text-decoration: underline;
  margin: 0 4px;
}

/* Contact form: red required asterisk + consistent weights */
.wpcf7-form label { font-weight: 400 !important; }
.wpcf7-form .tl-req { color: #d0021b; margin-left: 2px; }
.wpcf7-form .select2-selection__rendered { font-weight: 400 !important; }
.wpcf7-form .wpcf7-list-item-label { font-weight: 400; font-size: 15px; }
.wpcf7-form p:has(> a[href*="akismet.com"]) { font-family: Poppins, Helvetica, sans-serif; font-size: 15px; font-weight: 400; }
.wpcf7-form p:has(> a[href*="akismet.com"]) a { font: inherit; }


/* "Let's Chat" teal menu button */
#header-outer #top nav > ul > li.menu-cta > a,
li.menu-cta > a {
  background: #3bbab0 !important;
  color: #fff !important;
  padding: 10px 22px !important;
  border-radius: 4px;
  font-weight: 600;
  line-height: 1.2 !important;
  white-space: nowrap;
  transition: background 0.2s ease;
}
#header-outer #top nav > ul > li.menu-cta > a .menu-title-text,
li.menu-cta > a .menu-title-text { color: #fff !important; }
#header-outer #top nav > ul > li.menu-cta > a:hover,
li.menu-cta > a:hover { background: #2fa59c !important; color: #fff !important; }
#header-outer #top nav > ul > li.menu-cta > a:after,
#header-outer #top nav > ul > li.menu-cta > a .menu-title-text:after { display: none !important; }

/* "Let's Chat" button - mobile menu text fix */
body #slide-out-widget-area .inner .off-canvas-menu-container li.menu-cta > a,
body #slide-out-widget-area .off-canvas-menu-container ul.menu > li.menu-cta > a {
  color: #fff !important;
  display: inline-block !important;
  margin-top: 10px;
}


/* =====================================================================
   TorontoLivings typography system (added Oct 2026)
   One font (Poppins) + one heading scale across every page.
   To undo: delete everything from this comment to the END marker.
   ===================================================================== */
:root{
  --tl-font:'Poppins', 'Helvetica Neue', Arial, sans-serif;
  --tl-h1:clamp(34px, 4.2vw, 46px);
  --tl-h2:clamp(27px, 3vw, 32px);
  --tl-h3:clamp(21px, 2.2vw, 23px);
  --tl-h4:18px;
}

/* 1. One font for all text (icons keep their own icon fonts) */
body, p, li, td, th, dt, dd, label, input, select, textarea, button,
blockquote, figcaption, strong, b, em, small, .wpb_text_column, .nectar-button, #footer-outer span, .tlf-wrap span, [class*="tl-"] span:not([class*="icon"]):not(.fa) {
  font-family:var(--tl-font) !important;
}

/* 2. One heading scale (header + footer widgets excluded) */
body h1:not(#header-outer h1):not(#footer-outer h1){font-size:var(--tl-h1) !important;line-height:1.15 !important;font-weight:700 !important;}
body h2:not(#header-outer h2):not(#footer-outer h2){font-size:var(--tl-h2) !important;line-height:1.25 !important;font-weight:700 !important;}
body h3:not(#header-outer h3):not(#footer-outer h3){font-size:var(--tl-h3) !important;line-height:1.3 !important;font-weight:600 !important;}
body h4:not(#header-outer h4):not(#footer-outer h4){font-size:var(--tl-h4) !important;line-height:1.4 !important;font-weight:600 !important;}

/* Inner pieces of split/highlighted headings follow their heading */
:is(h1,h2,h3,h4) :is(.heading-line, em, strong, b, span:not([class*="icon"]):not(.fa)){
  font-size:inherit !important;line-height:inherit !important;
}

/* 3. Blog posts: comfortable reading width, spacing around headings */
body.single-post .post-content .content-inner{max-width:740px;margin-left:auto;margin-right:auto;}
body.single-post .content-inner p, body.single-post .content-inner li{line-height:1.7 !important;}
body.single-post .content-inner h2{margin:24px 0 12px !important;}
body.single-post .content-inner h3{margin:14px 0 10px !important;}
body.single-post .content-inner h4{margin:8px 0 8px !important;}
body.single-post .content-inner > :is(h2,h3,h4):first-child{margin-top:0 !important;}

/* 4. Photo captions */
figcaption, .wp-element-caption, .wp-caption-text{font-size:14px !important;line-height:1.5 !important;color:#6b6b6b !important;font-style:italic;margin:8px 0 24px !important;}

/* 5. Tables: tighter rows */
table td, table th{line-height:1.5 !important;}

/* 6. Footer: column titles lead, links follow */
.tlf-wrap summary, .tlf-wrap .tlf-label{font-size:14px !important;color:#fff !important;font-weight:600 !important;letter-spacing:1.2px !important;margin-bottom:14px !important;}
.tlf-wrap a:not(.tlf-btn), .tlf-wrap p, .tlf-wrap strong{font-size:14px !important;}
.tlf-wrap a:not(.tlf-btn){color:#bdbdbd !important;}
.tlf-wrap a:not(.tlf-btn):hover{color:#fff !important;}
.tlf-wrap li{margin-bottom:7px !important;line-height:1.45 !important;}
.tlf-wrap summary, .tlf-wrap .tlf-label{margin-bottom:16px !important;}
/* 7. Body text colour: soft near-black instead of pure black */
body{color:#333;}
/* ============================ END typography system ============================ */

