/*
Theme Name: Chattanooga TN Electrician Blog
Template: kadence
Version: 1.0.0
Author: Loyal Web Solutions
*/
/* WordPress blog additions */
.blog-hero{background:var(--cream);border-bottom:1px solid var(--line);padding:48px 0}.blog-hero .lead{max-width:760px}.blog-section,.post-wrap{padding:var(--section) 0}.blog-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}.blog-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-s);transition:.2s}.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.blog-card__image{display:block;aspect-ratio:16/10;background:var(--teal-50);overflow:hidden}.blog-card__image img{width:100%;height:100%;object-fit:cover}.blog-card__placeholder{height:100%;display:grid;place-items:center;padding:1.5rem;background:var(--teal-800);color:#fff;font-family:var(--font-serif);font-size:1.35rem;text-align:center}.blog-card__body{padding:1.2rem 1.25rem 1.35rem}.blog-card__meta{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--teal-700);margin-bottom:.45rem}.blog-card h2{font-size:1.35rem}.blog-card h2 a,.blog-card__read{text-decoration:none}.blog-card__read{font-weight:700}.blog-pagination{margin-top:2rem;text-align:center}.blog-pagination .page-numbers{display:inline-flex;min-width:42px;min-height:42px;align-items:center;justify-content:center;padding:0 .7rem;margin:.15rem;border:1px solid var(--line);border-radius:var(--radius-s);text-decoration:none;font-weight:700}.blog-pagination .current{background:var(--teal-800);color:#fff;border-color:var(--teal-800)}.post-layout{display:grid;gap:2.5rem}.post-main{min-width:0}.post-meta-wp{font-size:.9rem;color:var(--muted);margin-bottom:1.5rem}.post-featured{margin:0 0 2rem}.post-featured img{width:100%;border-radius:var(--radius-l);box-shadow:var(--shadow)}.post-prose{max-width:780px}.post-prose h2{margin-top:2.2rem}.post-prose h3{margin-top:1.5rem}.post-prose img{border-radius:var(--radius)}.post-prose blockquote{margin:1.5rem 0;padding:1rem 1.25rem;border-left:5px solid var(--amber);background:var(--amber-100);border-radius:0 var(--radius) var(--radius) 0}.post-sidebar{display:grid;gap:1.25rem;align-content:start}.post-emergency{background:var(--teal-950);color:#d6e6e3;border-top:6px solid var(--amber);border-radius:var(--radius-l);padding:1.4rem;box-shadow:var(--shadow-l)}.post-emergency h2{color:#fff;font-size:1.45rem}.post-emergency .phone{display:block;color:#ffd38a;font-size:1.35rem;font-weight:800;text-decoration:none;margin:.7rem 0 1rem}.post-emergency .btn{width:100%}.post-side-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem}.post-side-card h2{font-family:var(--font-sans);font-size:1rem}.post-side-card ul{list-style:none;margin:0;padding:0}.post-side-card a{display:block;padding:.55rem 0;border-bottom:1px solid var(--line);text-decoration:none}@media(min-width:640px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.post-layout{grid-template-columns:minmax(0,1fr) 320px;gap:4rem}.post-sidebar{position:static}}
/* Exact source navigation typography: prevent Kadence parent styles from changing menu fonts. */
.site-header,
.site-header .primary-nav,
.site-header .nav-list,
.site-header .nav-item,
.site-header .nav-row,
.site-header .nav-link,
.site-header .drop,
.site-header .drop__list,
.site-header .drop__list a,
.site-header .drop__foot a,
.site-header .nav-cta,
.site-header .header-call,
.site-header .header-call .btn {
  font-family: var(--font-sans) !important;
}
.site-header .nav-link {
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
.site-header .drop__list a {
  font-weight: 400 !important;
  line-height: 1.45 !important;
}
.site-header .nav-toggle {
  font-family: var(--font-sans) !important;
}
.site-header .nav-toggle svg {
  display: block;
  width: 24px;
  height: 24px;
  max-width: none;
}

/* Sticky Emergency box on single blog posts */
@media (min-width: 1024px) {
  .post-layout {
    align-items: start;
  }

  .post-sidebar {
    position: sticky !important;
    align-self: start;
    min-width: 0;
    top: 100px;
  }

  .post-sidebar .post-emergency {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: calc(var(--header-h) + 24px) !important;
    align-self: start;
    z-index: 10;
  }
}

@media (max-width: 1023px) {
  .post-sidebar .post-emergency {
    position: static;
  }
}