/* ==========================================================================
   GOLDEN JUBILEE — site header (all pages) + the shared palette
   Gold leads (about 60% of the page); off-white and red share the rest as
   accents. Restyles the existing header, so the dropdowns, mobile menu and
   search keep working exactly as before. Flat colour, no gradients.
   ========================================================================== */
:root{
  /* the Golden Jubilee palette — the other jubilee stylesheets read these */
  --jb-gold-50:#FBF4E3;   /* palest gold, near off-white */
  --jb-gold-100:#F3E3B8;  /* champagne */
  --jb-gold-300:#E6C67C;  /* soft gold */
  --jb-gold:#D4A84A;      /* the gold */
  --jb-gold-600:#BD9035;
  --jb-gold-700:#8F6B1D;  /* gold for small type on light grounds */
  --jb-bronze:#4E3A0E;
  --jb-cream:#FFFAF1;     /* off-white */
  --jb-red:#8A1A2C;       /* the accent red */
  --jb-red-deep:#4E0B17;  /* ink on gold */
  --jb-blue:#244A9B;      /* royal blue accent */
  --jb-serif:'Cormorant Garamond','Playfair Display',Georgia,serif;
  --jb-sans:'Urbanist','Helvetica Neue',Arial,sans-serif;
}

/* ---- the bar: gold, red ink --------------------------------------------- */
body #header-outer,
body #header-outer[data-transparent-header="true"].scrolled-down,
body #header-outer.small-nav{
  background:var(--jb-gold) !important;
  box-shadow:0 8px 24px rgba(78,58,14,.16) !important;
  border-bottom:0 !important;
}
body #header-outer::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;background:var(--jb-gold-700);opacity:.55;
}
body #header-outer #top{background:transparent !important}

/* ---- menu links --------------------------------------------------------- */
body #header-outer #top nav > ul > li > a,
body #header-outer #top nav > ul > li > a .menu-title-text{
  color:var(--jb-red-deep) !important;
  font-family:var(--jb-sans) !important;font-weight:700 !important;
  font-size:12px !important;letter-spacing:.2em !important;
}
body #header-outer #top nav > ul > li > a:hover,
body #header-outer #top nav > ul > li > a:hover .menu-title-text,
body #header-outer #top nav > ul > li.current-menu-item > a .menu-title-text,
body #header-outer #top nav > ul > li.current-menu-ancestor > a .menu-title-text,
body #header-outer #top nav > ul > li.sfHover > a .menu-title-text{
  color:var(--jb-red) !important;
}
body #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a .menu-title-text:after{
  border-color:var(--jb-red) !important;background:var(--jb-red) !important;
}
body #header-outer #top nav > ul > li > a .sf-sub-indicator i,
body #header-outer #top nav > ul > li > a .sf-sub-indicator [class^="icon-"]{color:var(--jb-red) !important}

/* ---- logo: off-white disc in a red ring --------------------------------- */
body #header-outer #logo img{
  border-radius:50% !important;
  box-shadow:0 0 0 2px var(--jb-red), 0 0 0 5px rgba(255,250,241,.6), 0 6px 16px rgba(78,58,14,.28) !important;
  background:var(--jb-cream);
}

/* ---- search + menu icons ------------------------------------------------ */
body #header-outer #top .icon-salient-search,
body #header-outer #top .mobile-search .icon-salient-search{color:var(--jb-red-deep) !important}
body #header-outer #top #search-btn a:hover .icon-salient-search{color:var(--jb-red) !important}
body #header-outer #top .lines-button .lines,
body #header-outer #top .lines-button .lines:before,
body #header-outer #top .lines-button .lines:after,
body #header-outer .slide-out-widget-area-toggle .lines,
body #header-outer .slide-out-widget-area-toggle .lines:before,
body #header-outer .slide-out-widget-area-toggle .lines:after{background-color:var(--jb-red-deep) !important}
body #header-outer .slide-out-widget-area-toggle a:hover .lines,
body #header-outer .slide-out-widget-area-toggle a:hover .lines:before,
body #header-outer .slide-out-widget-area-toggle a:hover .lines:after{background-color:var(--jb-red) !important}

/* ---- drop-down menus: off-white ----------------------------------------- */
body #header-outer #top nav > ul > li ul.sub-menu,
body #header-outer .sf-menu li ul{
  background:var(--jb-cream) !important;
  border-top:2px solid var(--jb-red) !important;border-radius:0 0 10px 10px;
  box-shadow:0 18px 40px rgba(78,58,14,.2) !important;padding:8px 0 !important;
}
body #header-outer .sf-menu li ul li a,
body #header-outer .sf-menu li ul li a .menu-title-text{
  background:transparent !important;color:var(--jb-red-deep) !important;
  font-family:var(--jb-sans) !important;font-weight:600 !important;font-size:12px !important;letter-spacing:.12em !important;
}
body #header-outer .sf-menu li ul li a:hover,
body #header-outer .sf-menu li ul li a:hover .menu-title-text,
body #header-outer .sf-menu li ul li.current-menu-item > a .menu-title-text{
  color:var(--jb-red) !important;background:var(--jb-gold-50) !important;
}

/* ---- search overlay ----------------------------------------------------- */
body #search-outer, body #search-outer #search{background:var(--jb-gold) !important}
body #search-outer #search input[type="text"]{color:var(--jb-red-deep) !important;border-color:rgba(78,11,23,.35) !important}
body #search-outer #search input[type="text"]::placeholder{color:rgba(78,11,23,.5) !important}
body #search-outer #search span{color:rgba(78,11,23,.65) !important}
body #search-outer #close .close-line{background-color:var(--jb-red) !important}

/* ---- slide-out menu (the ☰ button, and the whole menu on phones) -------- */
body #slide-out-widget-area,
body #slide-out-widget-area.slide-out-from-right{
  background:var(--jb-gold) !important;
  border-left:1px solid var(--jb-gold-700);
}
body #slide-out-widget-area-bg{background-color:rgba(78,58,14,.5) !important}
body #slide-out-widget-area .off-canvas-menu-container li a,
body #slide-out-widget-area .inner .off-canvas-menu-container li a{
  color:var(--jb-red-deep) !important;font-family:var(--jb-sans) !important;font-weight:700 !important;letter-spacing:.14em !important;
}
body #slide-out-widget-area .off-canvas-menu-container li a:hover,
body #slide-out-widget-area .off-canvas-menu-container li.current-menu-item > a{color:var(--jb-red) !important}
body #slide-out-widget-area .off-canvas-menu-container .sub-menu li a{font-weight:600 !important;opacity:.85}
body #slide-out-widget-area .slide_out_area_close .close-line{background-color:var(--jb-red) !important}
/* the round close (×) button — Salient moves it to <body> when the menu opens */
body .slide_out_area_close:before,
body a.slide_out_area_close.follow-body:before{
  background-color:var(--jb-cream) !important;box-shadow:inset 0 0 0 1px var(--jb-red) !important;
}
body .slide_out_area_close .close-line{background-color:var(--jb-red) !important}

/* Keep unfinished policy pages out of navigation while leaving their URLs live. */
body #header-outer #top .menu-item-1335,
body #header-outer #top .menu-item-1202,
body #slide-out-widget-area .menu-item-1335,
body #slide-out-widget-area .menu-item-1202{display:none !important}