/* Livasys Blog Theme
   Loaded after the shared stylesheet so blog typography and colors remain
   consistent when the site is served from clean production URLs. */

body.blog-site {
  background: #11120f;
  color: #fff;
  font-family: Manrope, Arial, sans-serif;
}

body.blog-site .site-header {
  color: #111;
}

body.blog-site .blog-page,
body.blog-site .blog-article-page {
  color: #fff;
}

body.blog-site .blog-hero h1,
body.blog-site .blog-article-head h1,
body.blog-site .blog-card h2,
body.blog-site .blog-card h2 a,
body.blog-site .related-posts h2,
body.blog-site .blog-article-content h2 {
  color: #fff;
}

body.blog-site .blog-hero p,
body.blog-site .blog-article-head > p,
body.blog-site .blog-card p,
body.blog-site .blog-article-content,
body.blog-site .related-post {
  color: rgba(255,255,255,.76);
}

body.blog-site .blog-category,
body.blog-site .text-link,
body.blog-site .blog-hero h1 em {
  color: #F1CA03;
}

body.blog-site .blog-card {
  background: #171717;
  border-color: rgba(255,255,255,.12);
}

body.blog-site .blog-card:hover {
  border-color: rgba(241,202,3,.55);
}

body.blog-site .blog-article-content h2 {
  color: #fff;
}

body.blog-site .blog-article-content a,
body.blog-site .related-post:hover,
body.blog-site .text-link:hover {
  color: #F1CA03;
}

body.blog-site .related-post {
  border-bottom-color: rgba(255,255,255,.14);
}

body.blog-site .blog-cta {
  background: #F1CA03;
  color: #111;
}

body.blog-site .blog-cta h2,
body.blog-site .blog-cta p {
  color: #111;
}

body.blog-site .blog-cta .contact-btn {
  background: #111;
  color: #fff;
}

body.blog-site .blog-cta .contact-btn:hover {
  background: #fff;
  color: #111;
}

body.blog-site .blog-page,
body.blog-site .blog-article-page {
  position: relative;
  z-index: 1;
}

@media (max-width: 900px) {
  body.blog-site .blog-page,
  body.blog-site .blog-article-page {
    color: #fff;
  }
}

/* Keep Blog navigation visually identical to the shared site header. */
body.blog-site .site-header { color: inherit; }
body.blog-site .site-header .header-container {
  background: rgba(255,255,255,.72);
  color: #111;
  border: 1px solid rgba(255,255,255,.35);
  box-shadow: 0 10px 40px rgba(0,0,0,.08);
}
body.blog-site .site-header .navbar > ul > li > a {
  color: #111;
  font-size: 16px;
  font-weight: 500;
}
body.blog-site .site-header .navbar > ul > li > a:hover,
body.blog-site .site-header .navbar > ul > li > a.active { color:#24A3D8; }
body.blog-site .site-header .navbar > ul > li > ul.dropdown-menu > li > a {
  color:#111;
  font-size:16px;
  font-weight:500;
}
body.blog-site .site-header .header-right .contact-btn { background:#111; color:#fff; }
body.blog-site .site-header .header-right .contact-btn:hover { color:#111; }
body.blog-site .menu-btn { background:#111; }
body.blog-site .mobile-menu { background:#111; }
body.blog-site .mobile-menu a { color:#fff; }
@media (max-width:1100px) {
  body.blog-site .site-header .header-container { background:rgba(255,255,255,.72); }
}