/*
Theme Name:        LSP44 Child
Theme URI:         https://lsp44.ai
Description:       LSP44 child theme for Kadence
Author:            project44
Author URI:        https://project44.com
Template:          kadence
Version:           1.0.0
License:           GNU General Public License v2 or later
License URI:       http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       lsp44-child
*/
/* =============================================================
   SELF-HOSTED FONTS
   ============================================================= */
@font-face {
  font-family: 'Degular Mono';
  src: url('assets/fonts/Degular-Mono.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Whitney';
  src: url('assets/fonts/WhitneySSm-Light-Pro.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Whitney';
  src: url('assets/fonts/WhitneySSm-Book-Pro.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Whitney';
  src: url('assets/fonts/WhitneySSm-BookItalic-Pro.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Whitney';
  src: url('assets/fonts/WhitneySSm-Bold-Pro.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Force Whitney on all headings mobile */
@media (max-width: 767px) {
  h1, h2, h3, h4, h5, h6,
  .wp-block-heading,
  .kb-adv-heading {
    font-family: 'Whitney';
  src: url('assets/fonts/WhitneySSm-Light-Pro.woff2') format('woff2');
  }
}
/* =============================================================
   DESIGN TOKENS
   ============================================================= */
:root {
  /* ── BLACKOPS Color System ──────────────────────────────────
     A1 Luminous Green  
#63B52D  — primary accent
     A2 Shadow Green    
#025B40  — dark green / hover states
     B0 Pure White      
#FFFFFF
     B1 Luminous Gray   
#D8D7DB  — primary text
     B2 Signal Gray     
#BEBDC2  — secondary text
     B3 Shadow Gray     
#7D7A85  — muted text
     B4 Stealth Gray    
#3E3D42  — borders / surfaces
     B5 Stealth Black   
#201F23  — primary background
     B6 Pure Black      
#000000
  ──────────────────────────────────────────────────────────── */
  /* Greens */
  --color-green:      
#63B52D;  /* A1 Luminous Green */
  --color-green-dark: 
#025B40;  /* A2 Shadow Green */
  --color-green-glow: rgba(99, 181, 45, 0.15);
  /* Backgrounds */
  --color-bg:           
#201F23;  /* B5 Stealth Black — main bg */
  --color-bg-secondary: 
#3E3D42;  /* B4 Stealth Gray */
  --color-surface:      
#3E3D42;  /* B4 Stealth Gray — cards */
  --color-border:       
#3E3D42;  /* B4 Stealth Gray — borders */
  /* Text */
  --color-text-primary:   
#D8D7DB;  /* B1 Luminous Gray */
  --color-text-secondary: 
#BEBDC2;  /* B2 Signal Gray */
  --color-text-muted:     
#7D7A85;  /* B3 Shadow Gray */
  --color-white:          
#FFFFFF;  /* B0 Pure White */
  /* Typography — BlackOps spec:
     Headlines  → Whitney ScreenSmart Light
     Subheads   → Degular Mono Regular
     Body       → Whitney ScreenSmart Book   */
  --font-heading: 'Whitney', sans-serif;  /* Light weight (300) */
  --font-body:    'Whitney', sans-serif;  /* Book weight (400) */
  --font-mono:    'Degular Mono', monospace; /* Subheads & labels */
  /* Type scale */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;
  --text-6xl:  3.75rem;
  --text-7xl:  4.5rem;
  /* Spacing */
  --space-section: 120px;
  --space-lg:      64px;
  --space-md:      40px;
  --space-sm:      24px;
  --space-xs:      16px;
  /* Layout */
  --container-max:  1280px;
  --container-wide: 1440px;
  /* Motion */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast:   150ms;
  --duration-base:   300ms;
  --duration-slow:   600ms;
  --duration-slower: 1000ms;
  /* Border radius */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-xl:  20px;
  --radius-pill: 999px;
}
/* =============================================================
   BASE RESET & GLOBAL
   ============================================================= */
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  background-color: var(--color-bg);
  color: var(--color-text-primary);
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
}
/* Override Genesis Block Theme light defaults */
.site,
.site-content,
.site-main {
  background-color: var(--color-bg);
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 300; /* Whitney ScreenSmart Light — brand spec */
  color: var(--color-white);
  line-height: 1.15;
  margin: 0;
}
/* Green emphasis within headlines — brand spec */
h1 em, h2 em, h3 em {
  font-style: normal;
  color: var(--color-green);
}
p {
  color: var(--color-text-primary); /* B1 Luminous Gray */
  font-weight: 400; /* Whitney Book */
  margin: 0;
}
a {
  color: var(--color-green);
  text-decoration: none;
  transition: color var(--duration-fast) var(--ease-out);
}
a:hover {
  color: var(--color-green-dim);
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
/* =============================================================
   CONTAINER
   ============================================================= */
.lsp-container {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: 40px;
}
.lsp-container--wide {
  max-width: var(--container-wide);
}
@media (max-width: 768px) {
  .lsp-container {
    padding-inline: 20px;
  }
}
/* =============================================================
   SECTION BASE
   ============================================================= */
.lsp-section {
  padding-block: var(--space-section);
}
/* =============================================================
   EYEBROW / LABEL
   ============================================================= */
.lsp-eyebrow {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--color-green);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.lsp-eyebrow::before {
  content: '';
  display: block;
  width: 20px;
  height: 1px;
  background: var(--color-green);
}
/* =============================================================
   BUTTONS
   ============================================================= */
.lsp-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: var(--radius-pill);
  font-family: var(--font-body);
  font-size: var(--text-sm);
  font-weight: 600;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: all var(--duration-base) var(--ease-out);
  border: none;
  text-decoration: none;
}
.lsp-btn--primary {
  background: var(--color-green);
  color: #000;
}
.lsp-btn--primary:hover {
  background: var(--color-green-dark);
  color: var(--color-white);
  transform: translateY(-1px);
  box-shadow: 0 8px 32px var(--color-green-glow);
}
.lsp-btn--outline {
  background: transparent;
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
}
.lsp-btn--outline:hover {
  border-color: var(--color-green);
  color: var(--color-green);
}
/* =============================================================
   CAPABILITY PILLS
   ============================================================= */
.lsp-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: var(--space-sm);
}
.lsp-pill {
  display: inline-block;
  padding: 6px 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--color-border);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  color: var(--color-text-secondary);
  letter-spacing: 0.05em;
  transition: all var(--duration-fast) var(--ease-out);
}
.lsp-pill:hover {
  border-color: var(--color-green);
  color: var(--color-green);
}
/* =============================================================
   UTILITIES
   ============================================================= */
.text-green  { color: var(--color-green); }
.text-muted  { color: var(--color-text-muted); }
.text-center { text-align: center; }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
/* =============================================================
   VIDEO CAROUSEL — Force full width out of Kadence container
   ============================================================= */
.wp-block-custom-video-carousel {
    overflow: visible !important;
    width: 100% !important;
    max-width: 100% !important;
}
.vcb-wrapper {
    width: 100vw !important;
    max-width: 100vw !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    position: relative !important;
    overflow-x: hidden !important;
}
/* =============================================================
   STATS / OUTCOMES SECTION — BlackOps dark grid
   ============================================================= */
/* Dark background on the stats row layout */
.lsp-stats-section .wp-block-kadence-rowlayout,
.lsp-stats-section {
  background-color: 
#201F23 !important;
}
/* All columns in the stats section */
.lsp-stats-section .wp-block-kadence-column {
  background-color: 
#201F23 !important;
  border-color: rgba(99, 181, 45, 0.2) !important;
  position: relative;
}
/* Crosshair "+" markers at corners */
.lsp-stats-section .wp-block-kadence-column::before,
.lsp-stats-section .wp-block-kadence-column::after {
  content: '+';
  position: absolute;
  font-size: 14px;
  color: rgba(99, 181, 45, 0.5);
  font-weight: 300;
  line-height: 1;
  z-index: 2;
}
.lsp-stats-section .wp-block-kadence-column::before { top: -8px; left: -8px; }
.lsp-stats-section .wp-block-kadence-column::after  { bottom: -8px; right: -8px; }
/* Large stat numbers — white, Whitney Light */
.lsp-stats-section h1.wp-block-heading {
  color: 
#ffffff !important;
  font-family: 'Whitney', sans-serif !important;
  font-weight: 300 !important;
}
/* Stat label (e.g. "Shipments per year") */
.lsp-stats-section p:first-of-type {
  color: 
#D8D7DB !important;
  font-family: 'Whitney', sans-serif !important;
}
/* Stat description (muted gray) */
.lsp-stats-section p:last-of-type {
  color: 
#7D7A85 !important;
  font-family: 'Whitney', sans-serif !important;
}
/* Green horizontal divider line between rows */
.lsp-stats-section .kb-section-dir-horizontal {
  border-top: 1px solid rgba(99, 181, 45, 0.25) !important;
}
/* Get In Touch button override for dark bg */
.lsp-stats-section .wp-block-button__link {
  background: 
#ffffff !important;
  color: 
#201F23 !important;
  border-radius: 4px !important;
}
/* ── LSP44 FOOTER ── */
.lsp44-footer{position:relative;background:#000 url('https://lsp44.wpenginepowered.com/wp-content/uploads/2026/07/footer-bg.png') 75% center/cover no-repeat;overflow:hidden;font-family:'Degular Mono','Courier New',monospace;color:#fff;padding:0}
.lsp44-footer-circles{position:absolute;top:50%;right:-10%;transform:translateY(-50%);width:70%;pointer-events:none;z-index:0}
.lsp44-footer-biglogo{position:absolute;right:-4%;bottom:-5%;width:52%;pointer-events:none;z-index:1;opacity:.9}
.lsp44-footer-biglogo svg{width:100%;height:auto;display:block}
.lsp44-footer-topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:28px 56px;border-bottom:1px solid rgba(255,255,255,0.08)}
.lsp44-footer-nav{flex:1}
.lsp44-fnav-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:48px;counter-reset:footer-nav}
.lsp44-fnav-list li{counter-increment:footer-nav}
.lsp44-fnav-list li a{display:flex;align-items:center;gap:8px;font-family:'Degular Mono','Courier New',monospace;font-size:12px;letter-spacing:.08em;color:rgba(255,255,255,.75);text-decoration:none;text-transform:uppercase;transition:color .2s}
.lsp44-fnav-list li a::before{content:counter(footer-nav,decimal-leading-zero)".";color:rgba(255,255,255,.35);font-size:11px}
.lsp44-fnav-list li a:hover{color:#fff}
.lsp44-fnav-list li a span{display:block}
.lsp44-footer-social{display:flex;align-items:center;gap:20px;flex-shrink:0}
.lsp44-social-link{color:rgba(255,255,255,.5);transition:color .2s;display:flex;align-items:center}
.lsp44-social-link:hover{color:#fff}
.lsp44-footer-main{position:relative;z-index:2;padding:72px 56px 80px;min-height:340px}
.lsp44-footer-left{display:flex;flex-direction:column;gap:24px;max-width:420px}
.lsp44-footer-logo img,.lsp44-footer-logo svg{height:40px;width:auto}
.lsp44-footer-logo-text{font-size:28px;font-weight:700;color:#fff;letter-spacing:.05em}
.lsp44-footer-tagline{font-family:'Degular Mono','Courier New',monospace;font-size:13px;letter-spacing:.1em;color:rgba(255,255,255,.65);line-height:1.6;margin:0}
.lsp44-footer-form-wrap{max-width:380px}
.lsp44-footer-bottom{position:relative;z-index:2;display:flex;align-items:center;gap:32px;padding:20px 56px;border-top:1px solid rgba(255,255,255,.08);font-family:'Degular Mono','Courier New',monospace;font-size:11px;letter-spacing:.08em;color:rgba(255,255,255,.4)}
.lsp44-footer-copy,.lsp44-footer-location{color:rgba(255,255,255,.4)}
.lsp44-footer-legal{margin-left:auto;display:flex;gap:24px}
.lsp44-footer-legal a{color:rgba(255,255,255,.4);text-decoration:none;letter-spacing:.08em;transition:color .2s}
.lsp44-footer-legal a:hover{color:#fff}
@media(max-width:768px){.lsp44-footer-topbar{padding:20px 24px;flex-direction:column;gap:16px;align-items:flex-start}.lsp44-fnav-list{flex-wrap:wrap;gap:16px}.lsp44-footer-main{padding:48px 24px 60px}.lsp44-footer-biglogo{width:80%;right:-15%;opacity:.5}.lsp44-footer-bottom{padding:16px 24px;flex-wrap:wrap;gap:12px}.lsp44-footer-legal{margin-left:0}}
/* ── Footer logo row fix ── */
.lsp44-footer-logo-row {
  display: flex;
  align-items: center;
  gap: 20px;
}
.lsp44-footer-tagline { margin: 0; }
.lsp44-footer-biglogo { display: none; } /* bg image handles the 44 */
.lsp44-footer-logo-row { display:flex; align-items:center; gap:20px; }
.lsp44-footer-logo-row .lsp44-footer-tagline { margin:0; }
/* Agent card hover — Figma spec */
.lsp-agent-card,
.lsp-agent-card > .kt-inside-inner-col {
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease !important;
}
.lsp-agent-card:hover > .kt-inside-inner-col {
  background-color: #201F23 !important;
  border: 1px solid #3E3D42 !important;
  border-radius: 6px !important;
}

/* Lissajous turns #6DB13A green */
.lsp-agent-card img {
  transition: filter 0.3s ease;
}
.lsp-agent-card:hover img {
  filter: sepia(0.8) hue-rotate(68deg) saturate(3.5) brightness(1.1);
}

/* Icon (the + symbol) turns green */
.lsp-agent-card .kt-svg-icon-list-icon-svg {
  transition: color 0.3s ease;
}
.lsp-agent-card:hover .kt-svg-icon-list-icon-svg {
  color: #6DB13A !important;
}

/* "03. AGENT" label text turns green */
.lsp-agent-card .kt-icon-list-item-text {
  transition: color 0.3s ease;
}
.lsp-agent-card:hover .kt-icon-list-item-text {
  color: #6DB13A !important;
}

/* Heading ("Carrier Procurement") turns green */
.lsp-agent-card p {
  transition: color 0.3s ease;
}
.lsp-agent-card:hover p:first-of-type {
  color: #6DB13A !important;
  
 

}

/* =============================================================
   SINGLE POST TEMPLATE
   ============================================================= */

.lsp-ph {
  position: relative;
  min-height: 420px;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: flex-end;
  background-color: #0d0f14;
}
.lsp-ph-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.35) 60%, rgba(0,0,0,0.25) 100%);
}
.lsp-ph-inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 150px 60px;
}
.lsp-ph-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(255,255,255,0.65);
  font-family: 'Degular Mono', 'Courier New', monospace;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  margin-bottom: 20px;
  transition: color 0.2s;
}
.lsp-ph-back:hover { color: #fff; }
.lsp-ph-title {
  color: #ffffff !important;
  font-family: 'Whitney', sans-serif !important;
  font-size: 60px !important;
  font-weight: 300 !important;
  line-height: 1.15 !important;
  max-width: 760px;
  margin: 0 !important;
}
/* WITH this: */
.lsp-post-wrap {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 60px;
    max-width: 100%;
    margin: 0 auto;
    padding: 60px 100px 80px;
    box-sizing: border-box;
    background-color: #081511;
}
.lsp-post-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 32px;
  font-family: 'Degular Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.1em;
  color: rgba(255,255,255,0.45);
}
.lsp-post-sep { opacity: 0.4; }
.lsp-post-cat { color: #63B52D; text-decoration: none; }
.lsp-post-cat:hover { text-decoration: underline; }
/* WITH this: */
.lsp-post-content { color: var(--color-text-primary, #D8D7DB); }
.lsp-post-content p  { font-family: 'Whitney', sans-serif; font-size: 18px; line-height: 1.75; margin-bottom: 20px; color: rgba(255,255,255,0.75); }
.lsp-post-content h2 { font-family: 'Whitney', sans-serif; font-size: 30px; font-weight: 300; color: #fff; margin: 40px 0 16px; line-height: 1.2; }
.lsp-post-content h3 { font-family: 'Whitney', sans-serif; font-size: 24px; font-weight: 400; color: #fff; margin: 32px 0 12px; }
.lsp-post-content h4 { font-family: 'Whitney', sans-serif; font-size: 20px; font-weight: 500; color: #fff; margin: 24px 0 10px; }
.lsp-post-content ul,
.lsp-post-content ol { font-family: 'Whitney', sans-serif; }
.lsp-post-content li { font-family: 'Whitney', sans-serif; font-size: 18px; line-height: 1.7; color: rgba(255,255,255,0.75); margin-bottom: 6px; }
.lsp-post-content a  { color: #63B52D; text-decoration: none; }
.lsp-post-content a:hover { text-decoration: underline; }
.lsp-post-content blockquote {
  border-left: 3px solid #63B52D;
  padding: 12px 20px;
  margin: 28px 0;
  background: rgba(99,181,45,0.06);
  border-radius: 0 4px 4px 0;
}
.lsp-post-content blockquote p { margin: 0; color: rgba(255,255,255,0.85); font-style: italic; }
.lsp-post-content img  { width: 100%; height: auto; border-radius: 8px; margin: 24px 0; }
.lsp-post-content table { width: 100%; border-collapse: collapse; margin: 24px 0; font-size: 13px; }
.lsp-post-content th { background: rgba(99,181,45,0.12); color: #63B52D; padding: 10px 14px; text-align: left; border-bottom: 1px solid rgba(99,181,45,0.2); }
.lsp-post-content td { padding: 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); color: rgba(255,255,255,0.7); }
.lsp-post-content tr:last-child td { border-bottom: none; }
.lsp-post-content strong, .lsp-post-content b { color: #fff; font-weight: 500; }
.lsp-post-share {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,0.1);
}
.lsp-share-label {
  font-family: 'Degular Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
}
.lsp-share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background: rgba(255,255,255,0.07);
  color: rgba(255,255,255,0.55);
  transition: background 0.2s, color 0.2s;
  text-decoration: none;
}
.lsp-share-btn:hover { background: rgba(255,255,255,0.14); color: #fff; }
.lsp-post-sidebar { position: relative; }
.lsp-post-cta-card {
  position: sticky;
  top: 100px;
  background-color: #081511;
  background-image: url('https://lsp44.ai/wp-content/uploads/2026/07/image-2-1.png');
  background-size: cover;
  background-position: bottom right;
  border: 1px solid #3E3D42;
  border-radius: 12px;
  padding: 32px 28px;
  clip-path: inset(0 round 12px);   /* replaces overflow: hidden — clips bg to rounded corners */
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.lsp-cta-eyebrow {
  display: none; /* hidden to match the clean design */
}
.lsp-cta-heading {
  font-family: 'Whitney', sans-serif;
  font-size: 24px;
  font-weight: 300;
  color: #ffffff;
  line-height: 1.3;
  margin: 0;
}
.lsp-cta-sub {
  font-family: 'Whitney', sans-serif;
  font-size: 16px;
  color: rgba(255,255,255,0.75);
  line-height: 1.6;
  margin: 0;
}
.lsp-cta-sub strong {
  color: #ffffff;
  font-weight: 500;
}
.lsp-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #63B52D;
  color: #000000;
  font-family: 'Whitney', sans-serif;
  font-size: 14px;
  font-weight: 500;
  padding: 12px 22px;
  border-radius: 6px;
  text-decoration: none;
  align-self: flex-start;
  margin-top: 8px;
  transition: filter 0.2s;
}
.lsp-cta-btn:hover { filter: brightness(1.1); color: #000; }

@media (max-width: 1024px) {
  .lsp-post-wrap { grid-template-columns: 1fr; gap: 40px; padding: 40px 40px 60px; }
  .lsp-post-cta-card { position: relative; top: auto; }
  .lsp-ph-inner { padding: 32px 40px; }
  .lsp-ph-title { font-size: 32px !important; }
}
/* WITH this: */
@media (max-width: 640px) {
  .lsp-ph { min-height: 320px; }
  .lsp-ph-inner { padding: 24px 20px; }
  .lsp-ph-title { font-size: 24px !important; }
  .lsp-post-wrap { padding: 28px 20px 48px; gap: 32px; }
  .lsp-post-content p  { font-size: 16px; }
  .lsp-post-content li { font-size: 16px; }
  .lsp-post-content h2 { font-size: 24px; }
  .lsp-post-content h3 { font-size: 20px; }
  .lsp-post-content h4 { font-size: 18px; }
}