.logo-text.site-branding a {
	color: #fff;
	font-weight: 600;
	font-size: 24px;
}
.logo .logo-text p {
    margin: 5px;
	color: #fff;
}

.header-bottom {
	background-color: #0A1F44;
	padding-top: 20px;
	padding-bottom: 20px
}

#site-navigation ul li a {
    color: #fff; 
}

#site-navigation ul li a:hover {
    color: #fff;
	text-decoration: underline;
}

/* This Site */

.entry-content {
    margin: 0px !important;
}

.single .entry-content-block .entry-header {
    margin: 0;
}

.entry-thumbnail {
	display: none;
}

.breadcrumb-trail.breadcrumbs {
    background: #000;
    margin-bottom: 0px;
    border-top: solid 2px;
}

.vc_btn3.vc_btn3-color-green, .vc_btn3.vc_btn3-color-green.vc_btn3-style-flat {
    color: #fff;
    background-color: #1775E1;
    font-size: 16px;
	font-weight: 800;
    border: solid 2px #fff;
}

.vc_btn3.vc_btn3-color-green, .vc_btn3.vc_btn3-color-green.vc_btn3-style-flat:hover {
    color: #1775E1;
    background-color: #fff;
    font-size: 16px;
	font-weight: 800;
    border: solid 2px #1775E1;
}

.bullet-points {
	font-size: 16px;
}

.text-img-row-flip {display: flex;}

@media screen and (max-width: 767px){
 .text-img-row-flip {
     flex-direction:column-reverse}
}

.center-logo-below-menu .header-bottom .site-navigation-wrapper {
    justify-content: center !important;
}

textarea#contact-form-comment-g103-message {
    color: #000;
}

button.wp-block-button__link.has-text-color.has-background {
    color: #fff;
    background-color: #1775E1 !important;
    font-size: 16px;
	font-weight: 800;
    border: solid 2px #fff;
}

button.wp-block-button__link.has-text-color.has-background:hover {
    color: #1775E1 !important;
    background-color: #fff !important;
    font-size: 16px;
	font-weight: 800;
    border: solid 2px #1775E1;
}

/* HERO SECTION ONLY */
.hero{
  position:relative;
  min-height:68vh;
  display:grid;
  place-items:center;
  color:#fff;
  overflow:hidden;
  /* fallback gradient behind the background image */
  background: radial-gradient(1200px 600px at 0% 0%, #15325e 0%, #0A1F44 45%, #06132b 100%);
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  /* dark overlay so white text is readable */
  background: linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.55));
}
.hero-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  filter:brightness(.85);
  opacity:.7;               /* lets the gradient + overlay show through */
}
.hero .container{
  position:relative;        /* above overlays */
  z-index:2;
  text-align:center;
}
.hero h1{
  margin:0 0 12px;
  font-size:clamp(28px,5vw,50px);
  line-height:1.1;
}
.hero p{
  margin:0 auto 20px;
  max-width:780px;
  color:#e9eef7;
}

/* ===== HVT Buttons (global) ===== */
:root{
  --accent:#E0B94A;   /* gold */
}

/* Base */
a.btn, .btn{
  display:inline-block;
  padding:12px 20px;
  border-radius:10px;
  font-weight:600;
  line-height:1.2;
  border:2px solid transparent;
  text-decoration:none !important;
  transition:filter .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
  box-shadow:none !important;
}

/* Primary (gold) */
a.btn.btn-primary, .btn.btn-primary{
  background:var(--accent) !important;
  color:#111 !important;
  border-color:var(--accent) !important;
	font-size: 25px;
}
a.btn.btn-primary:hover, .btn.btn-primary:hover{
  filter:brightness(.95);
}

/* Ghost (outline for dark hero) */
a.btn.btn-ghost, .btn.btn-ghost{
  background:transparent !important;
  color:#fff !important;
  border-color:var(--accent) !important;
	font-size: 25px;
}
a.btn.btn-ghost:hover, .btn.btn-ghost:focus{
  background:rgba(224,185,74,.12) !important;
}

/* Make sure links styled as buttons don't get theme link underlines/colors */
.entry-content a.btn,
.wp-block-group a.btn,
.site a.btn{ text-decoration:none !important; }

/* ===== FORCE HVT BUTTON STYLES (theme-proof) ===== */

/* Base + size */
.site .entry-content a.btn,
#content .entry-content a.btn,
.site .wp-block-group a.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  border: 2px solid transparent !important;
  border-radius: 12px !important;
  padding: 16px 28px !important;
  font-size: clamp(16px, 2.2vw, 20px) !important;
  box-shadow: none !important;
}

/* Primary (gold) */
.site .entry-content a.btn.btn-primary,
#content .entry-content a.btn.btn-primary,
.site .wp-block-group a.btn.btn-primary {
  background: #E0B94A !important;
  border-color: #E0B94A !important;
  color: #111 !important;
}
.site .entry-content a.btn.btn-primary:hover,
#content .entry-content a.btn.btn-primary:hover,
.site .wp-block-group a.btn.btn-primary:hover {
  filter: brightness(.95) !important;
}

/* Ghost (outline, for dark hero) */
.site .entry-content a.btn.btn-ghost,
#content .entry-content a.btn.btn-ghost,
.site .wp-block-group a.btn.btn-ghost {
  background: transparent !important;
  border-color: #E0B94A !important;
  color: #fff !important;
}
.site .entry-content a.btn.btn-ghost:hover,
#content .entry-content a.btn.btn-ghost:hover,
.site .wp-block-group a.btn.btn-ghost:hover {
  background: rgba(224,185,74,.12) !important;
}

/* Consistent gap between buttons (remove inline margin-left in HTML) */
.site .entry-content a.btn + a.btn,
#content .entry-content a.btn + a.btn,
.site .wp-block-group a.btn + a.btn {
  margin-left: 14px !important;
}

/* Nuke theme link decorations inside buttons */
.site .entry-content a.btn:link,
.site .entry-content a.btn:visited,
.site .entry-content a.btn:hover,
.site .entry-content a.btn:active {
  text-decoration: none !important;
}
/* tighten the "How We Work" section only */
.vc_row.hvt-steps { 
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 56px !important;   /* adjust to taste */
  padding-bottom: 0 !important;
}

/* trim default element spacing inside the row */
.hvt-steps .vc_custom_heading { margin: 0 0 10px !important; }
.hvt-steps .wpb_text_column { margin-bottom: 0 !important; }

/* if your theme adds bottom margin to every row, neutralize it on this one */
.hvt-steps + .vc_row { margin-top: 0 !important; }
/* ===== HVT - How We Work (WPBakery) ===== */
.hvt-steps { background: transparent; }

.hvt-steps .step-dot{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:72px;
  height:72px;
  border-radius:50%;
  background:#0A1F44;              /* navy circle */
  color:#E0B94A;                    /* gold number */
  font-weight:800;
  font-size:24px;
  line-height:1;
  margin:18px auto 14px;            /* centers it above headings */
  box-shadow:0 2px 10px rgba(0,0,0,.15);
}

/* spacing/typography polish inside this section */
.hvt-steps .wpb_text_column,
.hvt-steps .vc_custom_heading{
  margin-bottom:10px;
  text-align:center;
}
.hvt-steps .vc_custom_heading{
  letter-spacing:.2px;
}
.hvt-steps .wpb_text_column p{
  margin:0 auto;
  max-width:320px;
}

/* responsive: slightly smaller circles on narrow screens */
@media (max-width: 600px){
  .hvt-steps .step-dot{ width:60px; height:60px; font-size:20px; }
}
/* ===== HVT Duo Cards ===== */
.hvt-duo { background: transparent; }

/* Make the buttons stretch full width inside cards */
.hvt-duo .hvt-btn-block a,
.hvt-duo .hvt-btn-block { display:block !important; width:100% !important; text-align:center !important; }

/* Pretty tick list in gold, no default bullets */
.hvt-duo .hvt-list { list-style:none; margin:16px 0 22px; padding:0; }
.hvt-duo .hvt-list li{
  position:relative;
  padding-left:26px;
  margin:0 0 12px;
  color:#0A1F44;                  /* main text color inside card */
}
.hvt-duo .hvt-list li::before{
  content:"\2713";                /* ✓ */
  position:absolute; left:0; top:0;
  color:#E0B94A;                  /* gold tick */
  font-weight:700;
}

/* Card polish (kept in CSS for consistency) */
.hvt-duo .hvt-card{
  background:#fff;
  border-radius:16px;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.hvt-duo .hvt-card .wpb_text_column p{ color:#6B7280; }  /* intro lines */
/* WPBakery button – force custom brand colors */
.hvt-duo .vc_btn3.hvt-btn-navy,
.hvt-duo .vc_btn.hvt-btn-navy{
  background:#0A1F44 !important;   /* navy */
  border-color:#0A1F44 !important;
  color:#fff !important;
}

.hvt-card {
	margin: 5px !important;
	width: 49%
}

.hvt-duo .vc_btn3.hvt-btn-navy:hover,
.hvt-duo .vc_btn.hvt-btn-navy:hover{
  filter:brightness(1.05);
}

/* Media Query for Tablet and Mobile Devices (e.g., screen width up to 768px) */
@media (max-width: 768px) {
    /* Use the same specific selector as the original rule to ensure the override works */
    .hvt-duo .hvt-card {
        width: 100% !important; /* This will now successfully override the 49% !important */
        margin: 10px 0 !important; /* Adjust vertical margin for better spacing when stacked */
    }
}


/* Gold solid (if you use it elsewhere) */
.hvt-duo .vc_btn3.hvt-btn-gold,
.hvt-duo .vc_btn.hvt-btn-gold{
  background:#E0B94A !important;   /* gold */
  border-color:#E0B94A !important;
  color:#111 !important;
}

/* Gold outline / ghost (great on dark) */
.hvt-duo .vc_btn3.hvt-btn-ghost,
.hvt-duo .vc_btn.hvt-btn-ghost{
  background:transparent !important;
  border:2px solid #E0B94A !important;
  color:#fff !important;
}

/* Full-width block buttons inside the cards */
.hvt-duo .hvt-btn-block,
.hvt-duo .hvt-btn-block.vc_btn3,
.hvt-duo .hvt-btn-block.vc_btn{
  display:block !important;
  width:100% !important;
  text-align:center !important;
}

/* Common button polish */
.hvt-duo .vc_btn3, .hvt-duo .vc_btn{
  border-radius:12px !important;
  font-weight:700 !important;
  padding:16px 24px !important;
  box-shadow:none !important;
}
/* ===== HVT: Results That Matter ===== */
.hvt-results { background:transparent; }

/* Cards */
.hvt-results .res-card{
  position:relative;
  background:#F6F7F9;
  border-radius:16px;
  box-shadow:0 6px 16px rgba(0,0,0,.08);
  padding:28px;
  /* gold left bar */
  border-left:6px solid #E0B94A;
}

/* KPI headline */
.hvt-results .res-kpi{
  margin:0 0 12px;
  color:#E0B94A;
  font-weight:800;
  font-size:clamp(20px,2.2vw,26px);
  letter-spacing:.2px;
}

/* Quote + attribution */
.hvt-results .res-quote{
  margin:0 0 14px;
  color:#0A1F44;
  font-size:16px;
  line-height:1.6;
  font-style:italic;
  quotes:"“" "”" "‘" "’";
}
.hvt-results .res-quote:before{ content:open-quote; }
.hvt-results .res-quote:after{ content:close-quote; }

.hvt-results .res-cite{
  margin:0;
  color:#6B7280;
  font-size:14px;
}

/* Responsive: stack nicely on small screens */
@media (max-width:900px){
  .hvt-results .res-card{ margin-bottom:18px; }
}
/* ===== HVT header to match the clean demo ===== */

/* White header bar */
#masthead .header-bottom{
  background:#fff !important;
  padding:14px 0 !important;        /* header height */
  box-shadow:0 1px 0 rgba(0,0,0,.06); /* subtle divider */
}

/* Logo / site title */
#masthead .logo .site-branding .site-title a{
  color:#0A1F44 !important;
  font-weight:800;
  letter-spacing:.2px;
  text-decoration:none;
}
#masthead .logo .site-branding .site-description{ display:none; }

/* Primary menu links */
#site-navigation ul li a{
  color:#0A1F44 !important;
  font-weight:600;
  padding:18px 14px;                 /* spacing like the demo */
  text-decoration:none;
}

/* Gold underline on hover/active (no color flicker) */
#site-navigation ul li:hover > a,
#site-navigation ul li.current-menu-item > a,
#site-navigation ul li.current_page_item > a{
  color:#0A1F44 !important;
  position:relative;
}
#site-navigation ul li:hover > a::after,
#site-navigation ul li.current-menu-item > a::after,
#site-navigation ul li.current_page_item > a::after{
  content:"";
  position:absolute; left:14px; right:14px; bottom:10px;
  height:3px; border-radius:3px; background:#E0B94A;
}

/* Tighten submenu look (optional) */
#site-navigation ul ul{
  border-color:rgba(0,0,0,.08);
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}

/* Mobile menu icon & panel colors */
.menu-toggle, .menu-toggle .fa-bars{ color:#0A1F44 !important; }
@media (max-width: 980px){
  #site-navigation .menu > li > a{ padding:12px 8px; }
}
/* ========== FOR BRANDS PAGE ========== */

/* Hero */
.hvt-hero-left { color:#fff; }
.hvt-hero-left .hvt-hero-title{
  margin:0 0 14px;
  font-weight:800;
  font-size: clamp(34px, 6vw, 64px);
  line-height:1.05;
}
.hvt-hero-left .hvt-hero-lead{
  color:#e5edf6;
  max-width:900px;
  font-size: clamp(16px, 1.8vw, 20px);
  margin:0 0 22px;
}

/* 3x2 cards */
.hvt-deliver .hvt-card{
  background:#fff; border:1px solid #E9EDF3; border-radius:16px;
  padding:24px 22px; box-shadow:0 6px 14px rgba(0,0,0,.06);
}
.hvt-deliver .hvt-card h3{ margin:0 0 10px; color:#0A1F44; font-weight:800; }
.hvt-deliver .hvt-card p{ margin:0; color:#6B7280; }

/* Process list */
.hvt-process .hvt-steps{ list-style:none; margin:10px auto 0; padding:0; max-width:980px; }
.hvt-process .hvt-steps li{ display:flex; gap:18px; align-items:flex-start; padding:18px 0; border-bottom:1px solid #EEF2F7; }
.hvt-process .hvt-steps li:last-child{ border-bottom:none; }
.hvt-process .num{
  display:inline-grid; place-items:center; width:54px; height:54px;
  border-radius:999px; background:#0A1F44; color:#E0B94A; font-weight:800; font-size:20px;
}
.hvt-process h4{ margin:6px 0 6px; color:#0A1F44; font-weight:800; }
.hvt-process p{ margin:0; color:#6B7280; }

/* Case snapshot */
.hvt-case{ background:#F6FAF8; }
.hvt-case .case-card{
  background:#fff; border:1px solid #E9EDF3; border-radius:16px; padding:22px 22px;
  box-shadow:0 6px 14px rgba(0,0,0,.06);
}
.hvt-case .case-left{ border-left:6px solid #E25050; }
.hvt-case .case-mid{ border-left:6px solid #0A1F44; }
.hvt-case .case-right{ border-left:6px solid #E0B94A; }
.hvt-case h4{ margin:0 0 8px; color:#0A1F44; font-weight:800; }
.hvt-case p, .hvt-case li{ color:#6B7280; }

/* FAQ */
.hvt-faq .faq-card{
  background:#fff; border:1px solid #E9EDF3; border-radius:14px; padding:18px 20px;
  box-shadow:0 3px 10px rgba(0,0,0,.05); max-width:980px; margin:0 auto 16px;
}
.hvt-faq .faq-card h4{ margin:0 0 8px; color:#0A1F44; font-weight:800; }
.hvt-faq .faq-card p{ margin:0; color:#6B7280; }

/* CTA */
.hvt-cta { color:#fff; text-align:center; }
.hvt-cta .cta-title{ margin:0 0 6px; font-weight:800; }
.hvt-cta .cta-sub{ margin:0 0 16px; color:#e5edf6; }

/* Buttons (uses your earlier classes) */
.vc_btn3.hvt-btn-lg{ padding:16px 22px !important; border-radius:12px !important; font-weight:700 !important; }
/* Hide page header / breadcrumbs just on For Brands */
.for-brands-page #page-header,
.for-brands-page .breadcrumb-area,
.for-brands-page .tg-breadcrumb,
.for-brands-page .page-title,
.for-brands-page .entry-title { display:none !important; }
/* ===== PATCH: make For Brands match the demo exactly ===== */

/* 1) Header colour: navy on Home only, white elsewhere (including /for-brands/) */
.home .header-bottom {
  background-color:#0A1F44 !important;
  padding-top:20px; padding-bottom:20px;
}
body:not(.home) #masthead .header-bottom {
  background:#fff !important;
  padding:14px 0 !important;
  box-shadow:0 1px 0 rgba(0,0,0,.06);
}
body:not(.home) #site-navigation ul li > a { color:#0A1F44 !important; }

/* 2) Kill breadcrumb strip on the Brands page (belt-and-braces) */
.page-id-1447 .breadcrumb-trail.breadcrumbs,
.for-brands-page .breadcrumb-trail.breadcrumbs {
  display:none !important;
  background:transparent !important;
  border:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* 3) Scope the 49% width to DUO only; reset elsewhere */
.hvt-duo .hvt-card {      /* ONLY the two big half-width cards */
  margin:5px !important;
  width:49% !important;
}
.hvt-deliver .hvt-card,
.hvt-results .res-card,
.hvt-case .case-card {
  width:auto !important;
  margin:0 !important;
}

/* 4) Ensure nice 3-up grid spacing on desktop, stack on small screens */
@media (min-width: 992px){
  .hvt-deliver .vc_col-sm-4,
  .hvt-results .vc_col-sm-4 { padding-left:12px; padding-right:12px; }
  .hvt-deliver .vc_row,
  .hvt-results .vc_row { margin-left:-12px; margin-right:-12px; }
}

/* 5) Consistent max content width like the demo */
.site .tg-container,
.container, .container-max {
  max-width:1100px !important;
}

/* 6) For Brands hero text sizing (matches demo) */
.hvt-hero-left .hvt-hero-title{
  font-weight:800; line-height:1.05;
  font-size:clamp(34px,6vw,64px);
}
.hvt-hero-left .hvt-hero-lead{
  color:#e5edf6; max-width:900px;
  font-size:clamp(16px,1.8vw,20px);
}

/* 7) “How we work” list – tidy spacing */
.hvt-process .hvt-steps { max-width:980px; margin:10px auto 0; }
.hvt-process .hvt-steps li { padding:18px 0; border-bottom:1px solid #EEF2F7; }
.hvt-process .hvt-steps li:last-child { border-bottom:none; }

/* 8) Make sure the gold/ghost buttons render regardless of theme */
.vc_btn3.hvt-btn-lg { padding:16px 22px !important; border-radius:12px !important; font-weight:700 !important; }
.vc_btn3.hvt-btn-gold { background:#E0B94A !important; border-color:#E0B94A !important; color:#111 !important; }
.vc_btn3.hvt-btn-ghost { background:transparent !important; border:2px solid #E0B94A !important; color:#fff !important; }
/* Full-width dark CTA banner */
.hvt-cta-row.vc_row {
  background: radial-gradient(1000px 500px at 10% 0%, #15325e 0%, #0A1F44 45%, #06132b 100%) !important;
  padding: 72px 0 !important;
  margin-bottom: 0 !important;
  color: #fff;
  text-align: center;
}

/* Keep CTA content nicely constrained even when row is stretched */
.hvt-cta-row .wpb_column {
  max-width: 1100px;
  margin: 0 auto !important;
  float: none !important;
}

/* CTA typography */
.hvt-cta-row .cta-title {
  margin: 0 0 8px;
  font-weight: 800;
  font-size: clamp(28px, 4vw, 40px);
  color: #fff;
}
.hvt-cta-row .cta-sub {
  margin: 0 0 16px;
  color: #e5edf6;
}

/* Button from your existing palette */
.hvt-cta-row .vc_btn3.hvt-btn-lg { padding:16px 22px !important; border-radius:12px !important; font-weight:700 !important; }
.hvt-cta-row .vc_btn3.hvt-btn-gold { background:#E0B94A !important; border-color:#E0B94A !important; color:#111 !important; }