
.custom-latest-posts ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.custom-latest-posts li {
  margin-bottom: 10px;
  padding-left: 10px;
  border-left: 4px solid #00bfff;
}

.custom-latest-posts a {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}

.custom-latest-posts a:hover {
  color: #00bfff;
  text-decoration: underline;
}
.chatro-blogroll a {
  color: #ffde59 !important;
  font-weight: 700 !important;
  font-size: 1.05em !important;
  text-decoration: none !important;
  display: inline-block !important;
}

.chatro-blogroll .desc {
  color: #bbbbbb !important;
  font-style: italic !important;
  font-size: 0.88em !important;
  margin-top: 2px !important;
  margin-bottom: 12px !important;
}

.chatro-blogroll li {
  list-style: none !important;
  margin-bottom: 14px !important;
}

.chatro-blogroll {
  padding-left: 0 !important;
}
.chatro-blogroll-wrapper {
  background-color: #000;
  padding: 16px;
  border-radius: 12px;
  margin-top: 20px;
  border: 1px solid #444;
}

.chatro-blogroll-title {
  color: #FFD700;
  font-size: 18px;
  margin-bottom: 12px;
}

.chatro-blogroll {
  list-style-type: none;
  padding-left: 0;
}

.chatro-blogroll li {
  margin-bottom: 12px;
}

.chatro-blogroll a {
  color: #FFD700;
  text-decoration: none;
  font-weight: bold;
}

.chatro-blogroll a:hover {
  text-decoration: underline;
}

.chatro-blogroll .desc {
  display: block;
  color: #ccc;
  font-size: 14px;
  margin-top: 2px;
}body {
  background-color: #000;
  color: #eee;
  font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4 {
  font-family: 'Merriweather', serif;
  color: #cc0000;
}
nav a:hover {
  color: #f39c12;
}
footer a:hover {
  color: #fff;
}
.widget {
  background: #1a1a1a;
  padding: 15px;
  margin-bottom: 20px;
  border-left: 4px solid #cc0000;
}
.widget-title {
  color: #cc0000;
  font-weight: bold;
  text-transform: uppercase;
}
/* Change background for post content area */
.single-post .entry-content,
.page .entry-content {
    background-color: #1a1a1a; /* dark gray background */
    color: #ffffff; /* white text for contrast */
    padding: 20px;
}

/* Make post titles stand out */
.single-post .entry-title,
.page .entry-title {
    color: #ff4444; /* HAL red titles */
}

/* Also make sure links are visible */
.single-post .entry-content a,
.page .entry-content a {
    color: #00bfff; /* bright cyan links */
}/* ===== Option A: Tactical Clean ===== */
.site-header, .main-navigation { background:#fff; }
.main-navigation { box-shadow:0 2px 18px rgba(0,0,0,.06); border-bottom:1px solid #e9ecef; }
.main-navigation .main-nav ul li a {
  position:relative; padding:12px 14px;
}
.main-navigation .main-nav ul li a::after {
  content:""; position:absolute; left:14px; right:14px; bottom:6px; height:2px;
  background:#0f1110; transform:scaleX(0); transform-origin:left center; transition:transform .18s ease-out;
}
.main-navigation .main-nav ul li:hover > a::after { transform:scaleX(1); }
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current-menu-ancestor > a {
  background:#0f1110; color:#e9ecef; border-radius:10px;
}
.menu-toggle { border:1px solid #cfd4da; }
/* ===== Option B: Subdued Camo Accent ===== */
.site-header { background:#fff; position:relative; }
.site-header::before {
  content:""; display:block; height:6px; width:100%;
  background:
    repeating-linear-gradient(  0deg, #1b241e 0 14px, #2a352f 14px 28px, #3b4a42 28px 42px),
    repeating-linear-gradient( 90deg, #202a24 0 18px, #324039 18px 36px, #4b5b53 36px 54px);
  filter:contrast(105%) brightness(97%);
}
.main-navigation { background:#fff; box-shadow:0 2px 18px rgba(0,0,0,.06); }
.main-navigation .main-nav ul li a { padding:12px 14px; }
.main-navigation .main-nav ul li.current-menu-item > a { border-bottom:2px solid #223129; }
/* ===== Option C: Full Camo Nav ===== */
.main-navigation {
  position:sticky; top:0; z-index:1003;
  background:
    repeating-linear-gradient(  0deg, #1a231d 0 14px, #2a352f 14px 28px, #3a493f 28px 42px),
    repeating-linear-gradient( 90deg, #202921 0 18px, #304238 18px 36px, #4b5b53 36px 54px);
}
.main-navigation::after { /* dark overlay for readability */
  content:""; position:absolute; inset:0; background:rgba(15,17,16,.70); pointer-events:none;
}
.main-navigation .inside-navigation { position:relative; }
.main-navigation .main-nav ul li a {
  color:#e9ecef; padding:10px 12px; border-radius:10px; position:relative; z-index:1;
}
.main-navigation .main-nav ul li:hover > a { background:rgba(255,255,255,.08); }
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current-menu-ancestor > a {
  background:rgba(255,255,255,.16); color:#ffffff;
}
.menu-toggle { color:#e9ecef; border:1px solid rgba(255,255,255,.25); position:relative; z-index:1; }
@media (max-width: 900px){
  .main-navigation, .slideout-navigation { backdrop-filter:saturate(105%) blur(2px); }
}
/* Remove the dark overlay from Option C */
.main-navigation::after { content: none !important; background: none !important; }
/* === NAV: Tactical Clean (works for GP classic and block nav) === */

/* Layering so clicks work even with banners/heroes */
.site-header, .main-navigation, .menu-toggle,
.wp-block-navigation, .wp-block-navigation__responsive-container {
  position: relative;
  z-index: 1003 !important;
}

/* Base nav container styles (classic GP nav + WP block nav) */
.main-navigation,
.wp-block-navigation {
  background: #ffffff !important;
  border-bottom: 1px solid #e9ecef !important;
  box-shadow: 0 2px 14px rgba(0,0,0,.06) !important;
}

/* Link colors and spacing */
.main-navigation .main-nav ul li a,
.wp-block-navigation a {
  color: #0f1110 !important;
  padding: 12px 14px !important;
  line-height: 1.1 !important;
}

/* Hover underline */
.main-navigation .main-nav ul li a:hover,
.wp-block-navigation a:hover {
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 4px !important;
}

/* Active/current item highlight */
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.wp-block-navigation .current-menu-item > a,
.wp-block-navigation .current-menu-ancestor > a {
  background: #0f1110 !important;
  color: #ffffff !important;
  border-radius: 10px !important;
}

/* Dropdowns (if used) */
.main-navigation .main-nav ul ul,
.wp-block-navigation .wp-block-navigation__submenu-container {
  background: #ffffff !important;
  border: 1px solid #e9ecef !important;
  box-shadow: 0 6px 24px rgba(0,0,0,.08) !important;
}

/* Mobile hamburger & panel on top of banners */
.menu-toggle,
.wp-block-navigation__responsive-container-open {
  z-index: 2001 !important;
}
.wp-block-navigation__responsive-container.is-menu-open {
  z-index: 2000 !important;
  background: rgba(255,255,255,0.98) !important;
  backdrop-filter: saturate(105%) blur(2px);
}/* === NAV: Tactical Clean (works for GP classic and block nav) === */

/* Layering so clicks work even with banners/heroes */
.site-header, .main-navigation, .menu-toggle,
.wp-block-navigation, .wp-block-navigation__responsive-container {
  position: relative;
  z-index: 1003 !important;
}

/* Base nav container styles (classic GP nav + WP block nav) */
.main-navigation,
.wp-block-navigation {
  background: #ffffff !important;
  border-bottom: 1px solid #e9ecef !important;
  box-shadow: 0 2px 14px rgba(0,0,0,.06) !important;
}

/* Link colors and spacing */
.main-navigation .main-nav ul li a,
.wp-block-navigation a {
  color: #0f1110 !important;
  padding: 12px 14px !important;
  line-height: 1.1 !important;
}

/* Hover underline */
.main-navigation .main-nav ul li a:hover,
.wp-block-navigation a:hover {
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 4px !important;
}

/* Active/current item highlight */
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.wp-block-navigation .current-menu-item > a,
.wp-block-navigation .current-menu-ancestor > a {
  background: #0f1110 !important;
  color: #ffffff !important;
  border-radius: 10px !important;
}

/* Dropdowns (if used) */
.main-navigation .main-nav ul ul,
.wp-block-navigation .wp-block-navigation__submenu-container {
  background: #ffffff !important;
  border: 1px solid #e9ecef !important;
  box-shadow: 0 6px 24px rgba(0,0,0,.08) !important;
}

/* Mobile hamburger & panel on top of banners */
.menu-toggle,
.wp-block-navigation__responsive-container-open {
  z-index: 2001 !important;
}
.wp-block-navigation__responsive-container.is-menu-open {
  z-index: 2000 !important;
  background: rgba(255,255,255,0.98) !important;
  backdrop-filter: saturate(105%) blur(2px);
}
/* === NAV: Tactical Clean (works for GP classic and block nav) === */

/* Layering so clicks work even with banners/heroes */
.site-header, .main-navigation, .menu-toggle,
.wp-block-navigation, .wp-block-navigation__responsive-container {
  position: relative;
  z-index: 1003 !important;
}

/* Base nav container styles (classic GP nav + WP block nav) */
.main-navigation,
.wp-block-navigation {
  background: #ffffff !important;
  border-bottom: 1px solid #e9ecef !important;
  box-shadow: 0 2px 14px rgba(0,0,0,.06) !important;
}

/* Link colors and spacing */
.main-navigation .main-nav ul li a,
.wp-block-navigation a {
  color: #0f1110 !important;
  padding: 12px 14px !important;
  line-height: 1.1 !important;
}

/* Hover underline */
.main-navigation .main-nav ul li a:hover,
.wp-block-navigation a:hover {
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 4px !important;
}

/* Active/current item highlight */
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.wp-block-navigation .current-menu-item > a,
.wp-block-navigation .current-menu-ancestor > a {
  background: #0f1110 !important;
  color: #ffffff !important;
  border-radius: 10px !important;
}

/* Dropdowns (if used) */
.main-navigation .main-nav ul ul,
.wp-block-navigation .wp-block-navigation__submenu-container {
  background: #ffffff !important;
  border: 1px solid #e9ecef !important;
  box-shadow: 0 6px 24px rgba(0,0,0,.08) !important;
}

/* Mobile hamburger & panel on top of banners */
.menu-toggle,
.wp-block-navigation__responsive-container-open {
  z-index: 2001 !important;
}
.wp-block-navigation__responsive-container.is-menu-open {
  z-index: 2000 !important;
  background: rgba(255,255,255,0.98) !important;
  backdrop-filter: saturate(105%) blur(2px);
}/* Remove the dark overlay from Option C */
.main-navigation::after { content: none !important; background: none !important; }
/* TEMP TEST: you should see a thin red outline around your nav/header */
.site-header, .inside-header, .main-navigation, .wp-block-navigation {
  outline: 2px dashed #f40 !important;
}/* === NAV: Tactical Clean (works for GP classic and block nav) === */

/* Layering so clicks work even with banners/heroes */
.site-header, .main-navigation, .menu-toggle,
.wp-block-navigation, .wp-block-navigation__responsive-container {
  position: relative;
  z-index: 1003 !important;
}

/* Base nav container styles (classic GP nav + WP block nav) */
.main-navigation,
.wp-block-navigation {
  background: #ffffff !important;
  border-bottom: 1px solid #e9ecef !important;
  box-shadow: 0 2px 14px rgba(0,0,0,.06) !important;
}

/* Link colors and spacing */
.main-navigation .main-nav ul li a,
.wp-block-navigation a {
  color: #0f1110 !important;
  padding: 12px 14px !important;
  line-height: 1.1 !important;
}

/* Hover underline */
.main-navigation .main-nav ul li a:hover,
.wp-block-navigation a:hover {
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 4px !important;
}

/* Active/current item highlight */
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.wp-block-navigation .current-menu-item > a,
.wp-block-navigation .current-menu-ancestor > a {
  background: #0f1110 !important;
  color: #ffffff !important;
  border-radius: 10px !important;
}

/* Dropdowns (if used) */
.main-navigation .main-nav ul ul,
.wp-block-navigation .wp-block-navigation__submenu-container {
  background: #ffffff !important;
  border: 1px solid #e9ecef !important;
  box-shadow: 0 6px 24px rgba(0,0,0,.08) !important;
}

/* Mobile hamburger & panel on top of banners */
.menu-toggle,
.wp-block-navigation__responsive-container-open {
  z-index: 2001 !important;
}
.wp-block-navigation__responsive-container.is-menu-open {
  z-index: 2000 !important;
  background: rgba(255,255,255,0.98) !important;
  backdrop-filter: saturate(105%) blur(2px);
}
/* === NAV: Tactical Clean (works for GP classic and block nav) === */

/* Layering so clicks work even with banners/heroes */
.site-header, .main-navigation, .menu-toggle,
.wp-block-navigation, .wp-block-navigation__responsive-container {
  position: relative;
  z-index: 1003 !important;
}

/* Base nav container styles (classic GP nav + WP block nav) */
.main-navigation,
.wp-block-navigation {
  background: #ffffff !important;
  border-bottom: 1px solid #e9ecef !important;
  box-shadow: 0 2px 14px rgba(0,0,0,.06) !important;
}

/* Link colors and spacing */
.main-navigation .main-nav ul li a,
.wp-block-navigation a {
  color: #0f1110 !important;
  padding: 12px 14px !important;
  line-height: 1.1 !important;
}

/* Hover underline */
.main-navigation .main-nav ul li a:hover,
.wp-block-navigation a:hover {
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 4px !important;
}

/* Active/current item highlight */
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.wp-block-navigation .current-menu-item > a,
.wp-block-navigation .current-menu-ancestor > a {
  background: #0f1110 !important;
  color: #ffffff !important;
  border-radius: 10px !important;
}

/* Dropdowns (if used) */
.main-navigation .main-nav ul ul,
.wp-block-navigation .wp-block-navigation__submenu-container {
  background: #ffffff !important;
  border: 1px solid #e9ecef !important;
  box-shadow: 0 6px 24px rgba(0,0,0,.08) !important;
}

/* Mobile hamburger & panel on top of banners */
.menu-toggle,
.wp-block-navigation__responsive-container-open {
  z-index: 2001 !important;
}
.wp-block-navigation__responsive-container.is-menu-open {
  z-index: 2000 !important;
  background: rgba(255,255,255,0.98) !important;
  backdrop-filter: saturate(105%) blur(2px);
}/* === NAV: Tactical Clean (works for GP classic and block nav) === */

/* Layering so clicks work even with banners/heroes */
.site-header, .main-navigation, .menu-toggle,
.wp-block-navigation, .wp-block-navigation__responsive-container {
  position: relative;
  z-index: 1003 !important;
}

/* Base nav container styles (classic GP nav + WP block nav) */
.main-navigation,
.wp-block-navigation {
  background: #ffffff !important;
  border-bottom: 1px solid #e9ecef !important;
  box-shadow: 0 2px 14px rgba(0,0,0,.06) !important;
}

/* Link colors and spacing */
.main-navigation .main-nav ul li a,
.wp-block-navigation a {
  color: #0f1110 !important;
  padding: 12px 14px !important;
  line-height: 1.1 !important;
}

/* Hover underline */
.main-navigation .main-nav ul li a:hover,
.wp-block-navigation a:hover {
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 4px !important;
}

/* Active/current item highlight */
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.wp-block-navigation .current-menu-item > a,
.wp-block-navigation .current-menu-ancestor > a {
  background: #0f1110 !important;
  color: #ffffff !important;
  border-radius: 10px !important;
}

/* Dropdowns (if used) */
.main-navigation .main-nav ul ul,
.wp-block-navigation .wp-block-navigation__submenu-container {
  background: #ffffff !important;
  border: 1px solid #e9ecef !important;
  box-shadow: 0 6px 24px rgba(0,0,0,.08) !important;
}

/* Mobile hamburger & panel on top of banners */
.menu-toggle,
.wp-block-navigation__responsive-container-open {
  z-index: 2001 !important;
}
.wp-block-navigation__responsive-container.is-menu-open {
  z-index: 2000 !important;
  background: rgba(255,255,255,0.98) !important;
  backdrop-filter: saturate(105%) blur(2px);
}/* === HEADER-SCOPED NAV OVERRIDES (brute force) === */

/* Make sure header/nav layers above banners */
.site-header,
.site-header *:where(nav, .main-navigation, .wp-block-navigation, .menu-toggle, .wp-block-navigation__responsive-container) {
  position: relative !important;
  z-index: 1003 !important;
}

/* Base container bg/border/shadow (covers classic GP + WP block nav + header elements) */
.site-header nav,
.site-header .main-navigation,
.site-header .inside-navigation,
.site-header .wp-block-navigation,
.site-header .gb-container nav,
.site-header .gb-container .main-navigation {
  background: #ffffff !important;
  border-bottom: 2px solid #223129 !important;         /* visible change */
  box-shadow: 0 2px 14px rgba(0,0,0,.08) !important;    /* visible change */
}

/* Links: color + spacing */
.site-header nav a,
.site-header .main-navigation a,
.site-header .inside-navigation a,
.site-header .wp-block-navigation a,
.site-header .gb-container nav a,
.site-header .gb-container .main-navigation a,
.main-navigation .main-nav ul li a {
  color: #0f1110 !important;
  padding: 12px 14px !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
}

/* Hover underline (easy to spot) */
.site-header nav a:hover,
.site-header .main-navigation a:hover,
.site-header .wp-block-navigation a:hover {
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 4px !important;
}

/* Active/current item pill */
.site-header .current-menu-item > a,
.site-header .current-menu-ancestor > a,
.site-header .wp-block-navigation .current-menu-item > a,
.site-header .wp-block-navigation .current-menu-ancestor > a,
.site-header .wp-block-navigation .current-menu-item .wp-block-navigation-item__content,
.site-header .wp-block-navigation .current-menu-ancestor .wp-block-navigation-item__content {
  background: #0f1110 !important;
  color: #ffffff !important;
  border-radius: 10px !important;
}

/* Dropdown containers */
.site-header .main-navigation .main-nav ul ul,
.site-header .wp-block-navigation .wp-block-navigation__submenu-container {
  background: #ffffff !important;
  border: 1px solid #e9ecef !important;
  box-shadow: 0 6px 24px rgba(0,0,0,.08) !important;
}

/* Mobile drawer on top + readable */
.site-header .wp-block-navigation__responsive-container.is-menu-open {
  z-index: 2000 !important;
  background: rgba(255,255,255,0.98) !important;
  backdrop-filter: saturate(105%) blur(2px);
}
.site-header .wp-block-navigation__responsive-container-open,
.site-header .menu-toggle {
  z-index: 2001 !important;
}.main-navigation::after { content: none !important; background: none !important; }
/* === OPAQUE CAMO NAV + BOLD WHITE LINKS (works with classic + block nav) === */

/* Put nav above any banners */
.main-navigation,
.wp-block-navigation,
.wp-block-navigation__responsive-container {
  position: relative !important;
  z-index: 1003 !important;
}

/* Camo background on common nav containers (no parent selector needed) */
.main-navigation,
.primary-navigation,
.navigation,
.wp-block-navigation,
.wp-block-navigation__container,
nav[role="navigation"],
nav[aria-label*="Primary" i],
nav[aria-label*="Menu" i] {
  background:
    repeating-linear-gradient(  0deg, #1a231d 0 14px, #2a3530 14px 28px, #3a4940 28px 42px),
    repeating-linear-gradient( 90deg, #202a24 0 18px, #324039 18px 36px, #4b5b53 36px 54px) !important;
  background-blend-mode: normal !important; /* fully opaque */
  color: #ffffff !important;
}

/* Transparent-header override (some themes make the nav transparent) */
.transparent-header .main-navigation,
.transparent-header .wp-block-navigation {
  background:
    repeating-linear-gradient(  0deg, #1a231d 0 14px, #2a3530 14px 28px, #3a4940 28px 42px),
    repeating-linear-gradient( 90deg, #202a24 0 18px, #324039 18px 36px, #4b5b53 36px 54px) !important;
  color: #ffffff !important;
}

/* Bold white menu items (keep your theme’s two hover lines) */
.main-navigation a,
.wp-block-navigation a,
nav[role="navigation"] a {
  color: #ffffff !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

/* Active/current item stays white (no extra styling needed) */
.current-menu-item > a,
.current-menu-ancestor > a,
.wp-block-navigation .current-menu-item > a,
.wp-block-navigation .current-menu-ancestor > a {
  color: #ffffff !important;
}

/* Dropdown menus readable on camo */
.main-navigation .main-nav ul ul,
.wp-block-navigation .wp-block-navigation__submenu-container {
  background: rgba(15,17,16,0.98) !important;
  border: 1px solid #223129 !important;
}
.main-navigation .main-nav ul ul a,
.wp-block-navigation .wp-block-navigation__submenu-container a {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Mobile toggle + off-canvas */
.menu-toggle,
.wp-block-navigation__responsive-container-open {
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
}
.wp-block-navigation__responsive-container.is-menu-open {
  background:
    repeating-linear-gradient(  0deg, #1a231d 0 14px, #2a3530 14px 28px, #3a4940 28px 42px),
    repeating-linear-gradient( 90deg, #202a24 0 18px, #324039 18px 36px, #4b5b53 36px 54px) !important;
  color: #ffffff !important;
}/* —— Header-wide camo + bold white nav (keeps your double hover lines) —— */

/* 1) Put camo on the whole header wrapper so nothing white shows through */
.site-header {
  background:
    repeating-linear-gradient(  0deg, #1a231d 0 14px, #2a3530 14px 28px, #3a4940 28px 42px),
    repeating-linear-gradient( 90deg, #202a24 0 18px, #324039 18px 36px, #4b5b53 36px 54px) !important;
}

/* 2) Make inner header/nav containers transparent (so the camo is visible) */
.site-header .inside-header,
.site-header .inside-navigation,
.site-header .main-navigation,
.site-header .wp-block-navigation,
.site-header nav {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* 3) Force BOLD WHITE labels in the nav (cover both classic + block nav) */
.site-header .main-navigation .main-nav > ul > li > a,
.site-header .main-navigation a,
.site-header .wp-block-navigation a,
.site-header .wp-block-navigation .wp-block-navigation-item__content,
.site-header nav a {
  color: #ffffff !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

/* 4) Keep dropdowns readable on camo */
.site-header .main-navigation .main-nav ul ul,
.site-header .wp-block-navigation .wp-block-navigation__submenu-container {
  background: rgba(15,17,16,0.98) !important;
  border: 1px solid #223129 !important;
}
.site-header .main-navigation .main-nav ul ul a,
.site-header .wp-block-navigation .wp-block-navigation__submenu-container a {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* 5) Mobile menu panel also camo */
.site-header .wp-block-navigation__responsive-container.is-menu-open {
  background:
    repeating-linear-gradient(  0deg, #1a231d 0 14px, #2a3530 14px 28px, #3a4940 28px 42px),
    repeating-linear-gradient( 90deg, #202a24 0 18px, #324039 18px 36px, #4b5b53 36px 54px) !important;
  color: #ffffff !important;
}
.site-header .wp-block-navigation__responsive-container-open,
.site-header .menu-toggle { color:#ffffff !important; border:1px solid rgba(255,255,255,.35) !important; }

/* 6) In case a white overlay is injected on the header */
.site-header::before, .site-header::after { background: none !important; }
/* ===== 0) Remove the temporary red outline ===== */
.site-header, .inside-header, .main-navigation, .wp-block-navigation {
  outline: none !important;
}

/* ===== 1) Make the site title/tagline readable on camo ===== */
/* Covers most themes: site title link + text */
.site-header .site-branding .site-title,
.site-header .site-branding .site-title a,
.site-header .main-title,
.site-header .main-title a,
.site-header .site-branding a {
  color: #ffffff !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  text-shadow: 0 2px 6px rgba(0,0,0,.35); /* boost contrast on camo */
}

/* Tagline / site description (if shown) */
.site-header .site-branding .site-description {
  color: #e9ecef !important;
  text-shadow: 0 2px 6px rgba(0,0,0,.25);
}

/* Keep nav items bold white (you already have camo + two hover lines) */
.site-header .main-navigation a,
.site-header .wp-block-navigation a {
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* ===== 2) If your logo is an image and it's black, auto-invert to white ===== */
/* (If your logo looks weird after this, just delete these two rules.) */
.site-header .site-logo img,
.site-header .custom-logo,
.site-header .site-branding img {
  filter: brightness(0) invert(1) contrast(110%) !important;
}
.site-header .site-logo a,
.site-header .custom-logo-link {
  display: inline-block;
}/* Trust the Vault — menu badge pill */
.nav-badge-vault > a,
.wp-block-navigation .nav-badge-vault > .wp-block-navigation-item__content {
  background: #ffd166 !important;   /* warm accent */
  color: #0f1110 !important;
  font-weight: 800 !important;
  border-radius: 999px !important;
  padding: 8px 12px !important;
  border: 1px solid #caa64e !important;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.12);
}

/* Tidy hover (keep your double hover lines on the rest of the menu) */
.nav-badge-vault > a:hover,
.wp-block-navigation .nav-badge-vault > .wp-block-navigation-item__content:hover {
  background: #ffce6a !important;
  color: #0b0d0c !important;
  text-decoration: none !important;
  border-color: #d6b358 !important;
}

/* Mobile/off-canvas keeps badge look */
.wp-block-navigation__responsive-container .nav-badge-vault > .wp-block-navigation-item__content {
  background: #ffd166 !important;
  color: #0f1110 !important;
  border-radius: 999px !important;
}/* Fallback: style the nav link by its URL */
.wp-block-navigation a[href*="trustthevault.com"],
.main-navigation a[href*="trustthevault.com"],
.wp-block-navigation a[href="/trust-the-vault/"],
.main-navigation a[href="/trust-the-vault/"] {
  background: #ffd166 !important;
  color: #0f1110 !important;
  font-weight: 800 !important;
  border-radius: 999px !important;
  padding: 8px 12px !important;
  border: 1px solid #caa64e !important;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.12);
}/* Let full-width blocks actually go edge-to-edge */
.page .entry-content .alignfull,
.single .entry-content .alignfull {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
  max-width: 100vw;
}

/* Make 'wide' blocks a bit wider than the text column */
.page .entry-content .alignwide,
.single .entry-content .alignwide {
  max-width: 1200px;
}

/* Ensure Cover never collapses to 0 height */
.wp-block-cover { min-height: 45vh; }

/* Safety: if any image got left/right aligned, stop text wrapping */
.entry-content .alignleft, .entry-content .alignright {
  float: none; margin: 0 auto 1rem; display: block;
}.hero-fullbleed { 
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
}/* === PTSD Primer page (ID 1822) — keep sidebar, wider content === */

/* Full-bleed Cover stays */
.page-id-1822 .entry-content .alignfull {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
  max-width: 100vw;
}
.page-id-1822 .wp-block-cover { min-height: 52vh; }

/* Two-column layout for this page only */
.page-id-1822 .site-content { display: flex; gap: 24px; }
.page-id-1822 .site-content .content-area { width: 68% !important; }
.page-id-1822 .sidebar { display: block !important; width: 32% !important; }

/* Mobile: stack neatly */
@media (max-width: 900px) {
  .page-id-1822 .site-content { display: block; }
  .page-id-1822 .site-content .content-area,
  .page-id-1822 .sidebar { width: 100% !important; }
}

/* Prevent image wrap from narrowing text */
.page-id-1822 .entry-content .alignleft,
.page-id-1822 .entry-content .alignright {
  float: none !important; margin: 0 auto 1rem !important; display: block !important;
}

/* Relax inner max-width a bit so the column isn't cramped */
.page-id-1822 .container.grid-container,
.page-id-1822 .inside-article {
  max-width: 1200px !important;
  margin-left: auto; margin-right: auto;
}/* === PTSD Primer page (ID 1822) — full-bleed hero, keep sidebar, wider content === */

/* Full-bleed hero section */
.page-id-1822 .hero-1822 {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
}

/* Keep sidebar visible and widen main content */
.page-id-1822 .site-content { display: flex; gap: 24px; align-items: flex-start; }
.page-id-1822 #primary,
.page-id-1822 .content-area { width: 68% !important; max-width: none !important; }
.page-id-1822 #secondary,
.page-id-1822 .sidebar { width: 32% !important; display: block !important; }

/* Relax inner clamps so the column isn't skinny */
.page-id-1822 .container.grid-container,
.page-id-1822 .inside-article,
.page-id-1822 .site,
.page-id-1822 .content { max-width: 1200px !important; margin-left: auto; margin-right: auto; }

/* If you also keep a Gutenberg Cover block on this page, make sure it's visible */
.page-id-1822 .entry-content .alignfull { 
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw; max-width: 100vw;
}
.page-id-1822 .wp-block-cover { min-height: 52vh !important; }

/* Prevent left/right aligned images from narrowing the text */
.page-id-1822 .entry-content .alignleft,
.page-id-1822 .entry-content .alignright { float:none !important; margin:0 auto 1rem !important; display:block !important; }

/* Mobile stacking */
@media (max-width: 900px) {
  .page-id-1822 .site-content { display:block; }
  .page-id-1822 #primary,
  .page-id-1822 .content-area,
  .page-id-1822 #secondary,
  .page-id-1822 .sidebar { width: 100% !important; }
}
/* === PTSD Primer (ID 1822) — DIAG + FIX === */

/* A) DIAG: make the hero obvious so we know it's hitting */
.page-id-1822 .hero-1822 {
  min-height: 520px !important;
  /* temporarily override any background with a bright gradient so you SEE it */
  background: linear-gradient(135deg, #1a231d, #4b5b53) !important;
  outline: 5px solid #ff0066 !important; /* diag border, we’ll remove later */
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  width: 100vw !important;
}

/* B) Make hero text readable regardless of theme styles */
.page-id-1822 .hero-1822 h1,
.page-id-1822 .hero-1822 p {
  color: #fff !important;
  text-shadow: 0 2px 6px rgba(0,0,0,.35) !important;
}

/* C) Keep your sidebar, but widen the content area (robust selectors) */
.page-id-1822 .site-content,
.page-id-1822 .content,
.page-id-1822 .grid-container,
.page-id-1822 .container.grid-container {
  display: flex !important;
  gap: 24px !important;
  align-items: flex-start !important;
}

.page-id-1822 #primary,
.page-id-1822 .content-area,
.page-id-1822 .site-main,
.page-id-1822 .content {
  width: 68% !important;
  max-width: none !important;
  flex: 0 0 68% !important;
}

.page-id-1822 #secondary,
.page-id-1822 .widget-area,
.page-id-1822 .sidebar {
  width: 32% !important;
  flex: 0 0 32% !important;
  display: block !important;
}

/* D) Relax inner clamps so the column isn't skinny */
.page-id-1822 .inside-article,
.page-id-1822 .entry-content {
  max-width: none !important;
}

/* E) Stop image left/right float from narrowing text */
.page-id-1822 .entry-content .alignleft,
.page-id-1822 .entry-content .alignright {
  float: none !important;
  margin: 0 auto 1rem !important;
  display: block !important;
}

/* F) Mobile: stack neatly */
@media (max-width: 900px) {
  .page-id-1822 .site-content,
  .page-id-1822 .content,
  .page-id-1822 .grid-container,
  .page-id-1822 .container.grid-container { display: block !important; }
  .page-id-1822 #primary,
  .page-id-1822 .content-area,
  .page-id-1822 .site-main,
  .page-id-1822 #secondary,
  .page-id-1822 .widget-area,
  .page-id-1822 .sidebar { width: 100% !important; flex: 0 0 100% !important; }
}/* === PTSD Primer (ID 1822) — works for Page OR Post === */

/* A) DIAG hero: make it obvious so we know it’s matched */
.postid-1822 .hero-1822,
.page-id-1822 .hero-1822 {
  min-height: 520px !important;
  background: linear-gradient(135deg, #1a231d, #4b5b53) !important; /* temp gradient */
  outline: 5px solid #ff0066 !important; /* temp pink border */
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  width: 100vw !important;
}

/* B) Hero text readable */
.postid-1822 .hero-1822 h1, .postid-1822 .hero-1822 p,
.page-id-1822 .hero-1822 h1, .page-id-1822 .hero-1822 p {
  color: #fff !important; text-shadow: 0 2px 6px rgba(0,0,0,.35) !important;
}

/* C) Keep sidebar, widen main column (robust selectors) */
.postid-1822 .site-content,
.page-id-1822 .site-content {
  display: flex !important; gap: 24px !important; align-items: flex-start !important;
}
.postid-1822 #primary, .postid-1822 .content-area, .postid-1822 .site-main,
.page-id-1822 #primary, .page-id-1822 .content-area, .page-id-1822 .site-main {
  width: 68% !important; max-width: none !important; flex: 0 0 68% !important;
}
.postid-1822 #secondary, .postid-1822 .widget-area, .postid-1822 .sidebar,
.page-id-1822 #secondary, .page-id-1822 .widget-area, .page-id-1822 .sidebar {
  width: 32% !important; flex: 0 0 32% !important; display: block !important;
}

/* D) Relax inner clamps so content isn't skinny */
.postid-1822 .inside-article, .postid-1822 .entry-content,
.page-id-1822 .inside-article, .page-id-1822 .entry-content {
  max-width: none !important;
}

/* E) Stop image left/right float wrap */
.postid-1822 .entry-content .alignleft, .postid-1822 .entry-content .alignright,
.page-id-1822 .entry-content .alignleft, .page-id-1822 .entry-content .alignright {
  float: none !important; margin: 0 auto 1rem !important; display: block !important;
}

/* F) Mobile stack */
@media (max-width: 900px) {
  .postid-1822 .site-content, .page-id-1822 .site-content { display: block !important; }
  .postid-1822 #primary, .postid-1822 .content-area, .postid-1822 .site-main,
  .page-id-1822 #primary, .page-id-1822 .content-area, .page-id-1822 .site-main,
  .postid-1822 #secondary, .postid-1822 .widget-area, .postid-1822 .sidebar,
  .page-id-1822 #secondary, .page-id-1822 .widget-area, .page-i
/* Make single-post pages wider + keep sidebar (70/30 split) */
.single-post .container.grid-container,
.single-post .grid-container,
.single-post .inside-article {
  max-width: 1200px !important;  /* widen the inner wrap */
  margin-left: auto;
  margin-right: auto;
}

.single-post .site-content {
  display: flex !important;
  gap: 24px !important;
  align-items: flex-start !important;
}

.single-post #primary,
.single-post .content-area,
.single-post .site-main {
  width: 72% !important;          /* main content column */
  max-width: none !important;
  flex: 0 0 72% !important;
}

.single-post #secondary,
.single-post .widget-area,
.single-post .sidebar {
  width: 28% !important;          /* sidebar */
  flex: 0 0 28% !important;
  display: block !important;
}

/* Prevent left/right-aligned images from making text look skinny */
.single-post .entry-content .alignleft,
.single-post .entry-content .alignright {
  float: none !important;
  margin: 0 auto 1rem !important;
  display: block !important;
}/* Restore normal color/opacity for the bio widget */
#secondary .bio-widget,
.sidebar .bio-widget {
  color: #111 !important;
  opacity: 1 !important;
  filter: none !important;
}
#secondary .bio-widget .widget-title,
.sidebar .bio-widget .widget-title { color: #111 !important; }
#secondary .bio-widget a,
.sidebar .bio-widget a { color: #0a58ca !important; }
/* GeneratePress: give the whole sidebar a soft, opaque background */
.sidebar .inside-right-sidebar,
.sidebar .inside-left-sidebar,
#right-sidebar .inside-right-sidebar,
#left-sidebar .inside-left-sidebar {
  background: rgba(255,255,255,0.90);   /* light, slightly see-through */
  border: 1px solid #e2e4e7;
  border-radius: 14px;
  padding: 14px 16px;
}

/* Make individual widgets transparent so the sidebar bg shows through */
.sidebar .widget { background: transparent !important; border: 0 !important; box-shadow: none !important; }

/* Tidy spacing */
.sidebar .widget { margin-bottom: 16px; }
/* Sidebar with faint camo pattern + white glass overlay */
.sidebar .inside-right-sidebar,
.sidebar .inside-left-sidebar,
#right-sidebar .inside-right-sidebar,
#left-sidebar .inside-left-sidebar {
  background:
    linear-gradient(to bottom, rgba(255,255,255,0.88), rgba(255,255,255,0.88)),
    repeating-linear-gradient(45deg,
      #1a231d 0 12px, #233229 12px 24px,
      #2e4034 24px 36px, #3a5244 36px 48px);
  border: 1px solid #e2e4e7;
  border-radius: 14px;
  padding: 14px 16px;
}
.sidebar .widget { background: transparent !important; border: 0 !important; box-shadow: none !important; }
.sidebar .widget { margin-bottom: 16px; }
/* === Chatro sidebar: soft camo glass across the WHOLE sidebar === */

/* DIAG (temporary): outline so you can SEE it's matching — remove after */
body .is-right-sidebar #secondary,
body .is-left-sidebar #secondary,
body #right-sidebar,
body #left-sidebar,
body .widget-area {
  outline: 3px solid #ff3366 !important;
}

/* Apply background to the sidebar CONTAINER (not each widget) */
body .is-right-sidebar #secondary,
body .is-left-sidebar #secondary,
body #right-sidebar,
body #left-sidebar,
body .widget-area {
  background:
    linear-gradient(to bottom, rgba(255,255,255,0.90), rgba(255,255,255,0.90)),
    repeating-linear-gradient(45deg,
      #1a231d 0 12px,
      #233229 12px 24px,
      #2e4034 24px 36px,
      #3a5244 36px 48px) !important;
  border: 1px solid #e2e4e7 !important;
  border-radius: 14px !important;
  padding: 16px !important;
}

/* Let the container show through (widgets transparent) */
body .inside-right-sidebar,
body .inside-left-sidebar,
body .sidebar .widget,
body #secondary .widget {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Tidy spacing between widgets */
body .sidebar .widget { margin-bottom: 16px !important; }
/* Light sidebar panel with subtle camo underlay */
.sidebar .wp-block-group.sidebar-panel,
#secondary .wp-block-group.sidebar-panel {
  /* white glass overlay on top of camo */
  background:
    linear-gradient(to bottom, rgba(255,255,255,0.92), rgba(255,255,255,0.92)),
    /* camo blotches */
    radial-gradient(70px 45px at 18% 12%, #233229 0 60%, transparent 61%),
    radial-gradient(80px 50px at 72% 22%, #2e4034 0 60%, transparent 61%),
    radial-gradient(90px 55px at 28% 58%, #3a5244 0 60%, transparent 61%),
    radial-gradient(65px 42px at 84% 70%, #1a231d 0 60%, transparent 61%),
    radial-gradient(100px 60px at 50% 86%, #2b3b32 0 60%, transparent 61%);
  border: 1px solid #e2e4e7;
  border-radius: 14px;
  padding: 16px;
}

/* Ensure readable text/links on the light panel */
.sidebar .wp-block-group.sidebar-panel,
.sidebar .wp-block-group.sidebar-panel * { color: #111 !important; }
.sidebar .wp-block-group.sidebar-panel a { color: #0a58ca !important; }

/* Make individual widgets transparent so the panel background shows through */
.sidebar .widget { background: transparent !important; border: 0 !important; box-shadow: none !important; }
.sidebar .widget { margin-bottom: 16px !important; }
/* Fallback: style the first Group inside the right sidebar */
#secondary .wp-block-group:first-of-type {
  background:
    linear-gradient(to bottom, rgba(255,255,255,0.92), rgba(255,255,255,0.92)),
    radial-gradient(70px 45px at 18% 12%, #233229 0 60%, transparent 61%),
    radial-gradient(80px 50px at 72% 22%, #2e4034 0 60%, transparent 61%),
    radial-gradient(90px 55px at 28% 58%, #3a5244 0 60%, transparent 61%),
    radial-gradient(65px 42px at 84% 70%, #1a231d 0 60%, transparent 61%),
    radial-gradient(100px 60px at 50% 86%, #2b3b32 0 60%, transparent 61%);
  border: 1px solid #e2e4e7;
  border-radius: 14px;
  padding: 16px;
}

/* readable text/links on the light panel */
#secondary .wp-block-group:first-of-type,
#secondary .wp-block-group:first-of-type * { color:#111 !important; }
#secondary .wp-block-group:first-of-type a { color:#0a58ca !important; }
/* Center headings, images & captions on all single posts */
.single-post .entry-content h1,
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content .wp-block-image,
.single-post .entry-content .wp-block-image figcaption { text-align: center; }

/* (Optional) also center paragraphs — use only if you truly want all body text centered */
.single-post .entry-content p { text-align: center; }
/* Center anything inside a Group with class 'intro-center' */
.entry-content .wp-block-group.intro-center { text-align: center; }
.entry-content .wp-block-group.intro-center * { text-align: inherit; }
/* Mobile fix: make single posts full-width and stack the sidebar */
@media (max-width: 768px) {
  /* Stop side-by-side layout */
  .single-post .site-content { display: block !important; }

  /* Main column + sidebar both take full width on mobile */
  .single-post #primary,
  .single-post .content-area,
  .single-post .site-main,
  .single-post #secondary,
  .single-post .widget-area,
  .single-post .sidebar {
    width: 100% !important;
    max-width: none !important;
    flex: 0 0 100% !important;
  }

  /* Remove any inner max-width pinch + add comfy gutters */
  .single-post .container.grid-container,
  .single-post .inside-article {
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Make media responsive so nothing forces shrink */
  .single-post .entry-content img,
  .single-post .entry-content .wp-block-image,
  .single-post .entry-content iframe,
  .single-post .entry-content video {
    max-width: 100% !important;
    height: auto !important;
  }
}.chatro-proof,
.editor-note {
  background: #111;
  color: #eee;
  padding: 14px 16px;
  border-radius: 10px;
}

.chatro-proof a,
.editor-note a { color: #9ad; }

.pull-quote {
  font-style: italic;
  border-left: 4px solid #444;
  margin: 12px 0;
  padding: 8px 12px;
  background: #1a1a1a;
  border-radius: 8px;
}/* Make single posts full-width and widen the container */
@media (min-width: 992px){
  .single .sidebar { display:none !important; }
  .single .content-area { width: 100% !important; }
}
/* Increase global max width for common containers */
@media (min-width: 1200px){
  .container, .grid-container, .site-content, .wp-site-blocks {
    max-width: 1280px !important;
    margin-left: auto; margin-right: auto;
  }
}/* GeneratePress: force wider single posts */
@media (min-width: 1024px){
  .single-post .grid-container,
  .single-post .container,
  .single-post .site-content,
  .single-post .content-area {
    max-width: 1280px !important;
    width: 100% !important;
  }
  .single-post .sidebar { display: none !important; }
}

/* If some custom CSS/plugin capped content inside the post */
.single-post .entry-content,
.single-post .entry-content > * {
  max-width: 100% !important;
}/* GeneratePress: widen single posts and kill phantom sidebar */
@media (min-width: 1024px){
  /* widen the outer containers on single posts */
  .single-post .grid-container,
  .single-post .site-content,
  .single-post .content-area,
  .single-post .site-main {
    max-width: 1280px !important;  /* adjust 1200–1320 to taste */
    width: 100% !important;
  }
  .single-post .sidebar { display: none !important; }
  /* ensure the article itself isn't capped by any narrow rule */
  .single-post .inside-article,
  .single-post .entry-content {
    max-width: 100% !important;
    padding-left: 24px;
    padding-right: 24px;
  }
}

/* Option B (roomy reading column instead of edge-to-edge):
.single-post .entry-content { max-width: 980px !important; margin-left:auto; margin-right:auto; }
*/

/* If a block is stuck at "narrow" */
.single-post .entry-content > .alignwide { max-width: 1200px !important; }
.single-post .entry-content > .alignfull { max-width: 100% !important; }
/* === GeneratePress: keep RIGHT sidebar, widen content column === */

/* A) Widen the overall container so there's room for content + sidebar */
@media (min-width: 1100px){
  .grid-container,
  .site-content,
  .site-main,
  .content-area {
    max-width: 1280px !important;   /* Try 1280–1400 if you want wider */
    margin-left: auto;
    margin-right: auto;
  }
}

/* B) Keep the right sidebar, but fix its width and give content the rest */
@media (min-width: 1024px){
  /* Works whether GP is using floats or flex */
  .site-content .widget-area,
  .site-content .sidebar {
    width: 340px !important;         /* Sidebar width (adjust 300–360px) */
  }
  .site-content .content-area {
    width: calc(100% - 360px) !important; /* Content = container minus sidebar + gap */
  }

  /* If your theme build is flexbox, these help */
  .site-content { display: flex; gap: 20px; }
  .site-content .content-area { flex: 1 1 auto; max-width: none; }
  .site-content .sidebar { flex: 0 0 340px; }
}

/* C) Make sure nothing else is capping the article width */
.single-post .inside-article,
.single-post .entry-content { max-width: 100% !important; }

/* Optional: if you like an even wider page, bump 1280px to 1400px above */
/* === GeneratePress: widen page + keep right sidebar === */

/* A) Widen the overall container on single posts */
@media (min-width:1100px){
  body.single-post .grid-container,
  body.single-post .container.grid-container,
  body.single-post .site.grid-container,
  body.single-post .site-content,
  body.single-post .content-area,
  body.single-post .site-main {
    max-width: 1360px !important;  /* try 1280–1400 to taste */
    margin-left: auto;
    margin-right: auto;
  }
}

/* B) Keep RIGHT sidebar, give content the rest (works for flex + float builds) */
@media (min-width:1024px){
  /* Flex layout (newer GP builds) */
  body.right-sidebar #content.site-content { display:flex; gap:22px; }
  body.right-sidebar #primary.content-area { flex:1 1 auto; min-width:0; max-width:none; }
  body.right-sidebar #right-sidebar.widget-area,
  body.right-sidebar .sidebar.is-right-sidebar { flex:0 0 340px; width:340px !important; }

  /* Float layout (older GP builds) */
  #primary.content-area { width: calc(100% - 360px) !important; float:left; }
  #right-sidebar.widget-area,
  .sidebar.is-right-sidebar { width:340px !important; float:right; }
}

/* C) Kill any inner content cap from blocks (“constrained width”) */
body.single-post .entry-content,
body.single-post .inside-article,
body.single-post .entry-content > * {
  max-width: 100% !important;
}

/* D) Wide/full Gutenberg alignments still behave nicely */
body.single-post .entry-content > .alignwide { max-width: 1200px !important; }
body.single-post .entry-content > .alignfull { max-width: 100% !important; }

/* E) Some block themes use global width vars—override just in case */
:root{
  --wp--style--global--content-size: 980px !important;  /* readable column if align=default */
  --wp--style--global--wide-size:  1360px !important;   /* for alignwide blocks */
}/* === GeneratePress: widen page + keep right sidebar === */

/* A) Widen the overall container on single posts */
@media (min-width:1100px){
  body.single-post .grid-container,
  body.single-post .container.grid-container,
  body.single-post .site.grid-container,
  body.single-post .site-content,
  body.single-post .content-area,
  body.single-post .site-main {
    max-width: 1360px !important;  /* try 1280–1400 to taste */
    margin-left: auto;
    margin-right: auto;
  }
}

/* B) Keep RIGHT sidebar, give content the rest (works for flex + float builds) */
@media (min-width:1024px){
  /* Flex layout (newer GP builds) */
  body.right-sidebar #content.site-content { display:flex; gap:22px; }
  body.right-sidebar #primary.content-area { flex:1 1 auto; min-width:0; max-width:none; }
  body.right-sidebar #right-sidebar.widget-area,
  body.right-sidebar .sidebar.is-right-sidebar { flex:0 0 340px; width:340px !important; }

  /* Float layout (older GP builds) */
  #primary.content-area { width: calc(100% - 360px) !important; float:left; }
  #right-sidebar.widget-area,
  .sidebar.is-right-sidebar { width:340px !important; float:right; }
}

/* C) Kill any inner content cap from blocks (“constrained width”) */
body.single-post .entry-content,
body.single-post .inside-article,
body.single-post .entry-content > * {
  max-width: 100% !important;
}

/* D) Wide/full Gutenberg alignments still behave nicely */
body.single-post .entry-content > .alignwide { max-width: 1200px !important; }
body.single-post .entry-content > .alignfull { max-width: 100% !important; }

/* E) Some block themes use global width vars—override just in case */
:root{
  --wp--style--global--content-size: 980px !important;  /* readable column if align=default */
  --wp--style--global--wide-size:  1360px !important;   /* for alignwide blocks */
}/* === HAMMER: Keep RIGHT sidebar, make post column wide in GeneratePress === */

/* A) Wider page on single posts */
@media (min-width:1100px){
  body.single-post .grid-container,
  body.single-post .container.grid-container,
  body.single-post .site-content,
  body.single-post .content-area,
  body.single-post .site-main {
    max-width: 1360px !important;   /* adjust 1280–1400 if you want */
    margin-left: auto; margin-right: auto;
  }
}

/* B) Force a 2-column layout: [CONTENT] [SIDEBAR] */
@media (min-width:1024px){
  /* Try grid first (works even if theme used floats) */
  body.single-post.right-sidebar #content.site-content,
  body.single-post.right-sidebar .site-content .grid-container {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 340px;  /* content, sidebar */
    column-gap: 22px;
  }

  /* Content column */
  body.single-post #primary.content-area,
  body.single-post .content-area {
    grid-column: 1 !important;
    width: auto !important;
    max-width: none !important;
    float: none !important;
  }

  /* Sidebar column (works for both IDs) */
  body.single-post #right-sidebar.widget-area,
  body.single-post #secondary.widget-area,
  body.single-post .sidebar.is-right-sidebar,
  body.single-post .widget-area {
    grid-column: 2 !important;
    width: 340px !important;
    max-width: 340px !important;
    float: none !important;
  }
}

/* C) Kill any inner width caps from blocks or theme */
body.single-post .site-main,
body.single-post .inside-article,
body.single-post .entry-content,
body.single-post .entry-content > *,
body.single-post .wp-block-group,
body.single-post .wp-block-group__inner-container {
  max-width: 100% !important;
}

/* Respect "wide" / "full" blocks if you use them */
body.single-post .entry-content > .alignwide { max-width: 1200px !important; }
body.single-post .entry-content > .alignfull { max-width: 100% !important; }

/* (Optional) If the sidebar feels big, change 340px above to 320px and this gap to 18px */
/* DEBUG (delete after): outline columns so you can see them */
body.single-post #primary { outline: 2px solid lime !important; }
body.single-post #right-sidebar, body.single-post #secondary { outline: 2px solid red !important; }
/wp-admin/customize.php?autofocus[section]=custom_css
.lf-cta { background:#ffd34d !important; color:#000 !important; }
.lf-cta:where(:hover,:focus){ filter:brightness(0.95); }
/* Chatrodamus Bunker Notice */
.bunker-notice{
  background:#2b3326 url('https://chatrodamus.com/wp-content/uploads/bunker-camo-bg.jpg') center/cover no-repeat;
  color:#f8f8f8;
  padding:22px 20px;
  border-radius:8px;
  text-align:center;
  line-height:1.55;
}
.bunker-notice h3{margin:0 0 6px;color:#ffffff;font-weight:800;letter-spacing:.2px;}
.bunker-notice p{margin:0;}
.bunker-notice a{color:#ffe066;font-weight:700;text-decoration:underline;}
/* Accessibility: if the camo lowers contrast on some screens, auto-remove it */
@media (prefers-contrast: more){
  .bunker-notice{background:#1e2520!important;background-image:none!important;}
}
/* Dark-mode tweak if your site uses it */
@media (prefers-color-scheme: dark){
  .bunker-notice{background:#1b2119;background-image:none;}
}
.bunker-notice--safe{
  background:#121512;color:#ffffff;padding:22px 20px;border-radius:8px;text-align:center;line-height:1.6;
}
.bunker-notice--safe a{color:#ffe066;font-weight:700;text-decoration:underline;}
.bunker-notice--safe h3{margin:0 0 6px;color:#fff;}
/* Bunker Notice */
.bunker-notice{
  margin:24px 0; padding:18px; border-radius:12px;
  color:#fff; background:#2f3e2f;
  background-image:repeating-linear-gradient(135deg,#2f3e2f 0 12px,#3f4f3f 12px 24px);
}
.bunker-notice h3{ margin:0 0 8px; }
.bunker-notice p{ margin:0 0 8px; }
.bunker-notice .bn-btn{
  display:inline-block; padding:10px 14px; border-radius:8px;
  background:#fff; color:#1a1a1a; text-decoration:none; font-weight:700;
}
/* Fallback if gradients get blocked */
.bunker-notice.no-gradient{ background:#2f3e2f; }
/* Bunker Notice — global, no inline styles needed */
.bunker-notice{border:2px solid #172118;border-radius:12px;background:#1c2a22;
  padding:20px;box-shadow:0 6px 20px rgba(0,0,0,.25);color:#fff}
.bunker-notice.camo{background-image:
  linear-gradient(rgba(15,23,19,.88),rgba(15,23,19,.88)),
  url('/wp-content/uploads/camo-bg.jpg');
  background-size:cover;background-position:center}
.bunker-notice .wrap{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}
.bunker-notice .badge{flex:0 0 64px;height:64px;background:#0f7c3a;border-radius:10px;
  display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff}
.bunker-notice h3{margin:0 0 .4rem;font-size:1.15rem;color:#fff}
.bunker-notice p{margin:.25rem 0 .75rem;color:#f2f2f2}
.bunker-notice .btn{display:inline-block;background:#0f7c3a;color:#fff;
  text-decoration:none;padding:.65rem 1rem;border-radius:8px;font-weight:800}

/* Beat aggressive theme link colors */
.entry-content .bunker-notice, .entry-content .bunker-notice *{color:#fff !important}
.entry-content .bunker-notice a{color:#fff !important}
/* Bunker Notice — reusable + high-contrast, no fancy props that get stripped */
:where(.bunker-notice){
  --bn-bg:#142116;        /* background */
  --bn-text:#f7f7f7;      /* text color */
  --bn-accent:#e7c74a;    /* button color */

  background:var(--bn-bg);
  color:var(--bn-text);
  padding:18px 16px;
  border-radius:12px;
  line-height:1.5;
}
.bunker-notice .bn-badge{
  font-weight:800; letter-spacing:.4px; text-transform:uppercase;
  font-size:.9rem; opacity:.9; margin-bottom:.3rem;
}
.bunker-notice h3{ margin:.2rem 0 .4rem; font-size:1.25rem; line-height:1.25; }
.bunker-notice p{ margin:.5rem 0 .9rem; }
.bunker-notice a.bn-btn{
  display:inline-block; background:var(--bn-accent); color:#111; text-decoration:none;
  padding:.6em 1em; border-radius:10px; font-weight:700;
}
.bunker-notice small{ opacity:.75; }/* Base Bunker Notice */
:where(.bunker-notice){
  --bn-bg:#142116;       /* background */
  --bn-text:#f7f7f7;     /* text */
  --bn-accent:#e7c74a;   /* button / accent */
  background:var(--bn-bg);
  color:var(--bn-text);
  padding:18px 16px;
  border-radius:12px;
  line-height:1.5;
}
.bunker-notice .bn-badge{
  display:block;
  margin:0 0 .3rem;
  font-weight:800;
  letter-spacing:.4px;
  text-transform:uppercase;
  font-size:.9rem;
  opacity:.9;
}
.bunker-notice .bn-badge .bn-dot{ margin:0 .4em; }
.bunker-notice h3{ margin:.2rem 0 .4rem; font-size:1.25rem; line-height:1.25; }
.bunker-notice p{ margin:.5rem 0 .9rem; }
.bunker-notice a.bn-btn{
  display:inline-block;
  background:var(--bn-accent);
  color:#111;
  text-decoration:none;
  padding:.6em 1em;
  border-radius:10px;
  font-weight:700;
}
.bunker-notice small{ opacity:.75; }

/* Badge fallback: if inner text gets stripped, print from data-label */
.bunker-notice .bn-badge:empty::before{
  content: attr(data-label);
  display:block;
}

/* Camo variant (subtle, readable, no external images) */
.bunker-notice--camo{
  --bn-bg:#0f1a12;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.06);
}
.bunker-notice--camo::before,
.bunker-notice--camo::after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
}
/* soft tonal patches to suggest camo without killing readability */
.bunker-notice--camo::before{
  background:
    radial-gradient(160px 90px at 20% 30%, rgba(96,122,96,.18) 0, rgba(96,122,96,0) 70%),
    radial-gradient(220px 120px at 70% 20%, rgba(56,82,56,.18) 0, rgba(56,82,56,0) 70%),
    radial-gradient(180px 110px at 60% 75%, rgba(32,48,32,.18) 0, rgba(32,48,32,0) 70%);
}
.bunker-notice--camo::after{
  /* top accent line */
  box-shadow: inset 0 4px 0 0 var(--bn-accent);
}
/* Base Bunker Notice */
:where(.bunker-notice){
  --bn-bg:#142116;       /* background */
  --bn-text:#f7f7f7;     /* text */
  --bn-accent:#e7c74a;   /* button / accent */
  background:var(--bn-bg);
  color:var(--bn-text);
  padding:18px 16px;
  border-radius:12px;
  line-height:1.5;
}
.bunker-notice .bn-badge{
  display:block;
  margin:0 0 .3rem;
  font-weight:800;
  letter-spacing:.4px;
  text-transform:uppercase;
  font-size:.9rem;
  opacity:.9;
}
.bunker-notice .bn-badge .bn-dot{ margin:0 .4em; }
.bunker-notice h3{ margin:.2rem 0 .4rem; font-size:1.25rem; line-height:1.25; }
.bunker-notice p{ margin:.5rem 0 .9rem; }
.bunker-notice a.bn-btn{
  display:inline-block;
  background:var(--bn-accent);
  color:#111;
  text-decoration:none;
  padding:.6em 1em;
  border-radius:10px;
  font-weight:700;
}
.bunker-notice small{ opacity:.75; }

/* Badge fallback: if inner text gets stripped, print from data-label */
.bunker-notice .bn-badge:empty::before{
  content: attr(data-label);
  display:block;
}

/* Camo variant (subtle, readable, no external images) */
.bunker-notice--camo{
  --bn-bg:#0f1a12;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.06);
}
.bunker-notice--camo::before,
.bunker-notice--camo::after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
}
/* soft tonal patches to suggest camo without killing readability */
.bunker-notice--camo::before{
  background:
    radial-gradient(160px 90px at 20% 30%, rgba(96,122,96,.18) 0, rgba(96,122,96,0) 70%),
    radial-gradient(220px 120px at 70% 20%, rgba(56,82,56,.18) 0, rgba(56,82,56,0) 70%),
    radial-gradient(180px 110px at 60% 75%, rgba(32,48,32,.18) 0, rgba(32,48,32,0) 70%);
}
.bunker-notice--camo::after{
  /* top accent line */
  box-shadow: inset 0 4px 0 0 var(--bn-accent);
}
/* Keep single-word button labels on one line */
.wp-block-button.no-wrap .wp-block-button__link,
.wp-block-button__link.no-wrap{
  white-space: nowrap;
  hyphens: none;
  word-break: keep-all;
}/* Last resort: keep content column from overlapping */
.content-area, .entry-content { overflow:hidden; }
.entry-content > * { max-width:100%; }
/* Bunker Notice — sitewide, hard to strip */
.entry-content .bunker-notice {
  margin: 2rem 0;
  padding: 1rem 1.25rem;
  border: 2px solid #2b3a2f;
  border-radius: 12px;
  background: #0d1b14; /* swap to your camo image if you want */
  color: #f3f5f4;
  line-height: 1.5;
}
/* Headline */
.entry-content .bunker-notice h3 {
  margin: 0 0 .5rem 0;
  font-size: 1.125rem;
  letter-spacing: .02em;
}
/* Button */
.entry-content .bunker-notice a {
  display: inline-block;
  padding: .6rem 1rem;
  background: #2b3a2f;
  color: #fff !important;       /* beat theme link colors */
  text-decoration: none;
  border-radius: 8px;
}
/* Optional camo background (uncomment & set your image) */
/*
.entry-content .bunker-notice {
  background-image: url('https://chatrodamus.com/path/to/camo.jpg');
  background-size: cover;
  background-position: center;
}.lf-case-file {
  border: 2px solid #333;
  padding: 12px 16px;
  margin: 24px 0;
  background: #111;
  color: #f5f5f5;
}

.lf-case-file p {
  margin: 0 0 8px 0;
}

.lf-case-file .lf-label {
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.lf-case-file .lf-button {
  display: inline-block;
  padding: 6px 12px;
  background: #c00;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  border-radius: 3px;
}/* Stop long URLs/strings from blasting into sidebar */
.entry-content, .site-content {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Code blocks: keep inside column and allow horizontal scroll */
.entry-content pre, .entry-content code, .wp-block-code pre {
  max-width: 100%;
  overflow-x: auto;
}

/* Tables: prevent layout blowout */
.entry-content table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}

/* Images/embeds: keep responsive */
.entry-content img, .entry-content iframe, .entry-content embed {
  max-width: 100%;
  height: auto;
}


.lf-case-file .lf-button:hover {
  background: #a00000;
}

*/
.bunker-notice,
.bunker-notice h3,
.bunker-notice p {
  color: #ffffff !important;
}

.bunker-notice a {
  color: #ffd36b !important;
  font-weight: bold;
  text-decoration: underline;
}.bunker-notice a,
.bunker-notice a:visited,
.bunker-notice a:hover,
.bunker-notice a:active {
  color: #fff !important;
}/* Hide MailPoet forms inside single blog posts (keeps your Bunker Notice CTA) */
.single-post .mailpoet_form,
.single-post .mailpoet_form_widget,
.single-post [class*="mailpoet"] {
  display: none !important;
}/* Hide MailPoet forms on SINGLE POSTS only (not Pages like /bunker-briefing/) */
body.single-post .mailpoet_form,
body.single-post form.mailpoet_form,
body.single-post .mailpoet_form_widget,
body.single-post .widget_mailpoet_form,
body.single-post .mailpoet-form,
body.single-post .mailpoet_form_container,
body.single-post [id*="mailpoet_form"],
body.single-post [class*="mailpoet_form"],
body.single-post [class*="mailpoet"] {
  display: none !important;
}/* Hide MailPoet Form #2 on single blog POSTS only */
body.single-post #mailpoet_form_2,
body.single-post [id^="mailpoet_form_"] {
  display: none !important;
}/* Fallback: hide MailPoet forms inside the post content area */
.post-content #mailpoet_form_2,
.entry-content #mailpoet_form_2,
.single-post .entry-content [id^="mailpoet_form_"] {
  display: none !important;
}.ctd-exhibits a,
.ctd-exhibits a:visited {
  color: #d9ff9a !important;
  text-decoration: underline !important;
  font-weight: 700 !important;
}

.ctd-exhibits a:hover,
.ctd-exhibits a:focus {
  color: #ffffff !important;
  text-decoration: underline !important;
}

.ctd-exhibits a:active {
  color: #ffffff !important;
}/* EMERGENCY: widen site + block editor content clamp (GeneratePress + WP blocks) */
:root{
  --wp--style--global--content-size: 1200px;
  --wp--style--global--wide-size: 1400px;
}

/* GeneratePress container width enforcement */
.grid-container,
.inside-header,
.inside-navigation,
.inside-top-bar,
.site-content .inside-container{
  max-width: 1400px !important;
}

/* Ensure primary/content can actually use the width */
#primary,
.content-area,
.inside-article,
.entry-content{
  max-width: none !important;
  width: 100% !important;
}




































