.field--name-title {font-size: 2.0em; font-family:'Cormorant Garamond'; line-height: 1.0em; padding-top: 20px;}
.block-field-blocknodenewsfield-publication-date {margin-top: 2px !important; color:#856A38; }
.page-title-full-width-container {margin-bottom: 0px;}

/* ==========================================================================
   GHSM Buttons & Callouts
   Drop this into your theme CSS (or an Asset Injector CSS snippet).
   Everything is namespaced under .ghsm so it won't fight your theme.
   Fonts: add Cormorant Garamond + Inter via Google Fonts or your theme.
   ========================================================================== */

.ghsm {
  --ghsm-navy: #1a2b4a;
  --ghsm-navy-deep: #11203a;
  --ghsm-gold: #b08d3e;
  --ghsm-gold-light: #c9a85c;
  --ghsm-cream: #f7f3ea;
  --ghsm-ink: #1f2733;
  --ghsm-ink-soft: #45505f;
  --ghsm-line: #e2d9c6;
  --ghsm-surface: #ffffff;
}

/* --------------------------------------------------------------------------
   1. GOLD BUTTON  ->  <a class="ghsm-btn">Contact Our Firm</a>
   -------------------------------------------------------------------------- */
.ghsm-btn {
  display: inline-block;
  background: var(--ghsm-gold, #b08d3e);
  color: #1a2238;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  text-decoration: none;
  padding: 0.85rem 2rem;
  border-radius: 999px;
  letter-spacing: 0.03em;
  line-height: 1.2;
  border: none;
  cursor: pointer;
  transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.ghsm-btn:hover,
.ghsm-btn:focus {
  background: var(--ghsm-gold-light, #c9a85c);
  color: #1a2238;
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(176, 141, 62, 0.28);
}
.ghsm-btn:focus-visible {
  outline: 2px solid var(--ghsm-navy, #1a2b4a);
  outline-offset: 2px;
}

/* Optional outline variant -> <a class="ghsm-btn ghsm-btn--outline"> */
.ghsm-btn--outline {
  background: transparent;
  color: var(--ghsm-navy, #1a2b4a);
  border: 1.5px solid var(--ghsm-gold, #b08d3e);
}
.ghsm-btn--outline:hover,
.ghsm-btn--outline:focus {
  background: var(--ghsm-gold, #b08d3e);
  color: #1a2238;
}

/* --------------------------------------------------------------------------
   2. NAVY CTA CALLOUT  ->  full "Counsel That Goes the Distance" box
   -------------------------------------------------------------------------- */
.ghsm-cta {
  margin: 3.5rem 0;
  padding: 2.4rem 2rem;
  text-align: center;
  background: linear-gradient(160deg, #13334a, #0b1d2a);
  border-radius: 18px;
  color: #f1ead8;
}
.ghsm-cta h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.7rem;
  font-weight: 600;
  color: #fbf8f0;
  margin: 0 0 0.6rem;
  line-height: 1.2;
}
.ghsm-cta p {
  color: #cdd6e6;
  margin: 0 auto 1.4rem;
  font-size: 1rem;
  max-width: 540px;
}
/* The button inside the CTA already works via .ghsm-btn */

/* --------------------------------------------------------------------------
   3. PULLQUOTE CALLOUT  ->  <blockquote class="ghsm-pullquote">
   -------------------------------------------------------------------------- */
/* Doubled selector + !important to beat DXPR's blockquote rules and the
   user-agent margin-inline:40px. Works with or without the .ghsm wrapper. */
blockquote.ghsm-pullquote,
.ghsm-pullquote.ghsm-pullquote {
  margin: 3rem 0 !important;
  margin-inline: 0 !important;
  padding: 2rem 1.8rem !important;
  background: #ffffff !important;
  border: 1px solid #e2d9c6 !important;
  border-left: 4px solid #b08d3e !important;
  border-radius: 0 14px 14px 0 !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 500 !important;
  font-size: 1.5rem !important;
  line-height: 1.45 !important;
  color: #1a2b4a !important;
}
blockquote.ghsm-pullquote p,
.ghsm-pullquote.ghsm-pullquote p {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important;
  font-size: 1.3em;
  line-height: 1.3em;
  font-weight: 500 !important;
  color: #1a2b4a !important;
  margin: 0 !important;
}

/* --------------------------------------------------------------------------
   4. INFO CALLOUT  ->  <div class="ghsm-callout"> ... </div>
   A softer, body-text version for tips / notes inside an article.
   -------------------------------------------------------------------------- */
.ghsm-callout {
  margin: 2.5rem 0;
  padding: 1.5rem 1.6rem;
  background: var(--ghsm-cream, #f7f3ea);
  border: 1px solid var(--ghsm-line, #e2d9c6);
  border-left: 4px solid var(--ghsm-gold, #b08d3e);
  border-radius: 0 12px 12px 0;
  color: var(--ghsm-ink, #1f2733);
}
.ghsm-callout > :first-child { margin-top: 0; }
.ghsm-callout > :last-child { margin-bottom: 0; }
.ghsm-callout strong { color: var(--ghsm-navy, #1a2b4a); }

/* --------------------------------------------------------------------------
   5. DARK MODE  (optional)
   Works if your theme sets data-theme="dark" on <html> or a parent.
   -------------------------------------------------------------------------- */
[data-theme="dark"] .ghsm {
  --ghsm-surface: #16223a;
  --ghsm-line: #2a3a57;
  --ghsm-ink: #e7ecf4;
  --ghsm-cream: #16223a;
  --ghsm-gold: #c9a85c;
}
[data-theme="dark"] .ghsm-callout {
  color: #e7ecf4;
}
[data-theme="dark"] blockquote.ghsm-pullquote,
[data-theme="dark"] .ghsm-pullquote.ghsm-pullquote,
[data-theme="dark"] .ghsm-pullquote.ghsm-pullquote p {
  background: #16223a !important;
  border-color: #2a3a57 !important;
  border-left-color: #c9a85c !important;
  color: #f1ead8 !important;
}

/* --------------------------------------------------------------------------
   6. CALLOUT TABLE  ->  a key/value "spec" table inside a callout panel.
   Markup:
   <div class="ghsm ghsm-callout ghsm-callout--table">
     <table>
       <tr><th>Project</th><td>Fire Station 5 Replacement</td></tr>
       <tr><th>Owner</th><td>Glynn County Airport Commission</td></tr>
     </table>
   </div>
   Or with a heading row:
     <thead><tr><th colspan="2">Project at a Glance</th></tr></thead>
   -------------------------------------------------------------------------- */
.ghsm-callout--table {
  padding: 0;                 /* table provides its own padding */
  overflow: hidden;           /* clip rows to the rounded corners */
  border-radius: 12px;
}
.ghsm-callout--table table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Inter', sans-serif;
  font-size: 0.98rem;
}
.ghsm-callout--table th,
.ghsm-callout--table td {
  padding: 0.85rem 1.2rem;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--ghsm-line, #e2d9c6);
}
/* Heading row spanning both columns (thead or a colspan=2 th) */
.ghsm-callout--table thead th,
.ghsm-callout--table th[colspan] {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #ffffff;
  background: var(--ghsm-navy, #1a2b4a);
  border-bottom: 2px solid var(--ghsm-gold, #b08d3e);
}
/* Key column (the row-label th in tbody) */
.ghsm-callout--table tbody th,
.ghsm-callout--table tr > th:first-child:not([colspan]) {
  width: 19%;
  font-weight: 600;
  color: var(--ghsm-navy, #1a2b4a);
  background: var(--ghsm-cream, #f7f3ea);
  border-right: 1px solid var(--ghsm-line, #e2d9c6);
}
/* Value column */
.ghsm-callout--table td {
  color: var(--ghsm-ink, #1f2733);
  background: #ffffff;
}
/* Zebra striping on value cells for readability */
.ghsm-callout--table tbody tr:nth-child(even) td {
  background: #fbf8f1;
}
/* Remove the trailing border on the last row */
.ghsm-callout--table tr:last-child th,
.ghsm-callout--table tr:last-child td {
  border-bottom: none;
}

/* Dark mode */
[data-theme="dark"] .ghsm-callout--table th,
[data-theme="dark"] .ghsm-callout--table td {
  border-bottom-color: #2a3a57 !important;
}
[data-theme="dark"] .ghsm-callout--table tbody th {
  background: #1b2a45 !important;
  color: #e7ecf4 !important;
  border-right-color: #2a3a57 !important;
}
[data-theme="dark"] .ghsm-callout--table td {
  background: #16223a !important;
  color: #e7ecf4 !important;
}
[data-theme="dark"] .ghsm-callout--table tbody tr:nth-child(even) td {
  background: #18243d !important;
}