/*
Theme Name:   Salient Child — IESI
Theme URI:    https://israelesi.org
Description:  Brand system for the Israel Economic Security Initiative, applied to Salient. Derived from IESI Brand and Identity Standards, Version 2. Navy is the institutional voice. Steel is the working accent. Everything read at length sits on paper. Weight is not how this brand emphasizes — space and position are.
Author:       Israel Economic Security Initiative
Template:     salient
Version:      1.0.0
License:      GNU General Public License v2 or later
Text Domain:  salient-child-iesi
*/

/* =========================================================================
   1. FONTS — self-hosted Barlow / Barlow Condensed (latin, latin-ext)
   ========================================================================= */
@font-face{font-family:'Barlow';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/barlow-300-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/barlow-300-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/barlow-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/barlow-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:200;font-display:swap;src:url(fonts/barlow-condensed-200-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:200;font-display:swap;src:url(fonts/barlow-condensed-200-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/barlow-condensed-300-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/barlow-condensed-300-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/barlow-condensed-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/barlow-condensed-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* =========================================================================
   2. TOKENS
   ========================================================================= */
:root{
  --navy:#0D2447; --steel:#5980A6; --paper:#FBFBFA; --graphite:#1D1F20;
  --steel-100:#EDF1F6; --steel-200:#D6E0EA; --steel-300:#B4C6D9; --steel-400:#86A5C4;
  --steel-500:#5980A6; --steel-600:#47698C; --steel-700:#365371; --steel-800:#253C57; --steel-900:#0D2447;
  --rule:rgba(13,36,71,.14); --rule-strong:rgba(13,36,71,.28); --rule-reverse:rgba(255,255,255,.18);
  --cond:"Barlow Condensed","Arial Narrow",Helvetica,Arial,sans-serif;
  --body:"Barlow","Helvetica Neue",Helvetica,Arial,sans-serif;
  --gutter:clamp(20px,5vw,64px); --measure:64ch; --section:clamp(72px,9vw,132px);
}

/* =========================================================================
   3. GLOBAL TYPE — overrides Salient's typography options
   ========================================================================= */
body,
body.material,
body #ajax-content-wrap,
body .wpb_text_column,
body input, body textarea, body select, body button{
  font-family:var(--body)!important;
  font-weight:300;
  color:var(--graphite);
}
body{background:var(--paper);font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased}

body h1, body h2, body h3, body h4, body h5, body h6,
body .nectar-button, body #top nav > ul > li > a,
body .vc_custom_heading, body .nectar_cta .title{
  font-family:var(--cond)!important;
  font-weight:300;
  color:var(--navy);
  letter-spacing:.005em;
}
body h1{font-size:clamp(46px,7.2vw,84px);line-height:1.0}
body h2{font-size:clamp(30px,4.2vw,40px);line-height:1.05;font-weight:400}
body h3{font-size:clamp(22px,2.6vw,27px);line-height:1.12;font-weight:400}
body h4{font-size:20px;line-height:1.2;font-weight:400}
body h5{font-size:17px;font-weight:400}
body strong, body b{font-weight:400;color:var(--navy)}
body p{margin:0 0 1.15em}

body a{color:var(--steel-700);text-decoration:none;border-bottom:1px solid var(--steel-300);transition:border-color .18s ease,color .18s ease}
body a:hover{color:var(--navy);border-bottom-color:var(--navy)}
body a:focus-visible, body button:focus-visible, body input:focus-visible, body textarea:focus-visible{outline:2px solid var(--steel-500);outline-offset:3px}
/* Salient chrome links must not inherit the underline treatment */
body #header-outer a, body #footer-outer a, body .nectar-button,
body .widget a, body #top nav a, body .lockup, body .card .more, body .btn{border-bottom:0}

/* =========================================================================
   4. HEADER — navy institutional bar
   ========================================================================= */
#header-outer,
#header-outer.transparent,
#header-outer[data-transparent-header="true"].transparent,
body #header-outer.scrolled-down,
#header-outer[data-full-width="true"] header#top{background-color:var(--navy)!important}
#header-outer{border-bottom:1px solid var(--rule-reverse);box-shadow:none!important;padding-top:0!important}
#header-outer header#top{padding:0}
#header-space{background-color:var(--navy)}

body #top nav > ul > li > a,
body #header-outer .sf-menu > li > a,
body #top nav ul li a{
  font-family:var(--cond)!important;
  font-weight:400!important;
  font-size:14px!important;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:rgba(255,255,255,.82)!important;
}
body #top nav > ul > li > a:hover,
body #top nav > ul > li.current-menu-item > a,
body #top nav > ul > li.current_page_item > a{color:#fff!important}
body #top nav > ul > li > a .menu-title-text{border-bottom:1px solid transparent;padding-bottom:3px;transition:border-color .18s ease}
body #top nav > ul > li > a:hover .menu-title-text,
body #top nav > ul > li.current-menu-item > a .menu-title-text{border-bottom-color:#fff}

/* Dropdowns */
body #top nav ul .sub-menu{background:var(--navy);border:1px solid var(--rule-reverse);box-shadow:none}
body #top nav ul .sub-menu li a{color:rgba(255,255,255,.8)!important;font-size:13px!important}

/* Burger + off-canvas */
body #header-outer .nectar-mobile-only .lines-button .lines,
body #header-outer .lines-button .lines:before,
body #header-outer .lines-button .lines:after{background-color:#fff!important}
body #slide-out-widget-area,
body #slide-out-widget-area.fullscreen .inner,
body .slide-out-widget-area-toggle{background-color:var(--navy)!important}
body #slide-out-widget-area .off-canvas-menu-container li a{font-family:var(--cond)!important;font-weight:300!important;letter-spacing:.06em;color:#fff!important}

/* Logo sizing — the lockup's word block matches the square's height */
body #header-outer #logo img,
body #header-outer .logo-spacing img{height:44px!important;width:auto!important;max-height:44px}
body #header-outer[data-transparent-header] #logo .starting-logo{opacity:1}

/* =========================================================================
   5. PAGE HEADER (Salient's own) — kept navy, brand type
   ========================================================================= */
body #page-header-bg,
body #page-header-wrap{background-color:var(--navy)!important}
body #page-header-bg .span_6 h1,
body #page-header-bg h1{font-family:var(--cond)!important;font-weight:300!important;color:#fff!important;text-transform:none}
body #page-header-bg .subheader{font-family:var(--body)!important;font-weight:300!important;color:rgba(255,255,255,.78)!important}

/* =========================================================================
   6. BUTTONS
   ========================================================================= */
body .nectar-button,
body .container-wrap .nectar-button,
body input[type=submit], body button[type=submit], body .wpcf7-submit{
  font-family:var(--cond)!important;
  font-weight:400!important;
  font-size:14px!important;
  letter-spacing:.13em;
  text-transform:uppercase;
  padding:14px 26px!important;
  border-radius:0!important;
  border:1px solid var(--navy)!important;
  background-color:var(--navy)!important;
  color:#fff!important;
  box-shadow:none!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
body .nectar-button:hover,
body input[type=submit]:hover, body button[type=submit]:hover, body .wpcf7-submit:hover{
  background-color:var(--steel-700)!important;border-color:var(--steel-700)!important;color:#fff!important
}
body .nectar-button.see-through,
body .nectar-button.transparent{background-color:transparent!important;color:var(--navy)!important;border-color:var(--navy)!important}
body .nectar-button.see-through:hover{background-color:var(--navy)!important;color:#fff!important}

/* =========================================================================
   7. IESI COMPONENTS — used inside WPBakery text blocks
   ========================================================================= */
.wrap{max-width:1240px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.wrap--narrow{max-width:880px}
.iesi-section{padding-block:var(--section)}
.section--tight{padding-block:clamp(48px,6vw,76px)}
.measure{max-width:var(--measure)}
.lede{font-size:clamp(19px,2.1vw,22px);line-height:1.62;color:var(--steel-800)}
.small{font-size:14px;line-height:1.65;color:var(--steel-700)}
.muted{color:var(--steel-700)}

.eyebrow{font-family:var(--cond);font-weight:400;font-size:11px;line-height:1.2;letter-spacing:.22em;
  text-transform:uppercase;color:var(--steel-600);margin:0 0 20px;display:block}
.on-navy .eyebrow{color:var(--steel-300)}

.figure{font-family:var(--cond);font-weight:400;font-variant-numeric:tabular-nums;
  font-size:clamp(46px,6vw,72px);line-height:.95;color:var(--navy);letter-spacing:-.01em;display:block}
.on-navy .figure{color:#fff}

.on-navy{background:var(--navy);color:rgba(255,255,255,.86)}
.on-navy h1,.on-navy h2,.on-navy h3,.on-navy h4{color:#fff}
.on-navy a{color:#fff;border-bottom-color:rgba(255,255,255,.4)}
.on-navy a:hover{border-bottom-color:#fff}
.on-steel-100{background:var(--steel-100)}

.grid{display:grid;gap:clamp(28px,3.6vw,52px)}
.g-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:clamp(28px,5vw,80px);align-items:start}
@media (max-width:999px){.g-3,.g-4{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}}
@media (max-width:690px){.g-2,.g-3,.g-4{grid-template-columns:1fr}}

.item{padding-top:26px;border-top:1px solid var(--rule)}
.on-navy .item{border-top-color:var(--rule-reverse)}
.item .num{font-family:var(--cond);font-weight:400;font-size:12px;letter-spacing:.2em;color:var(--steel-500);display:block;margin-bottom:16px}
.item h3{margin-bottom:12px}
.item p{font-size:16px;line-height:1.7}
.on-navy .item p{color:rgba(255,255,255,.76)}

.stat{padding-top:26px;border-top:1px solid var(--rule-reverse)}
.stat .cap{display:block;margin-top:18px;font-size:15px;line-height:1.5;color:rgba(255,255,255,.76);max-width:26ch}
.stat .src{display:block;margin-top:12px;font-family:var(--cond);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel-400)}

.card{border:1px solid var(--rule);padding:clamp(26px,3vw,38px);background:#fff;display:flex;flex-direction:column;height:100%}
.card h3{margin-bottom:14px}
.card .meta{font-family:var(--cond);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--steel-600);margin-bottom:18px;display:block}
.card p{font-size:16px}
.card .more{margin-top:auto;padding-top:22px;font-family:var(--cond);font-size:13px;letter-spacing:.13em;text-transform:uppercase;color:var(--navy)}
.card .more::after{content:"";display:inline-block;width:18px;height:1px;background:currentColor;vertical-align:middle;margin-left:10px;transition:width .2s ease}
.card .more:hover::after{width:28px}

.listing{border-top:1px solid var(--rule)}
.listing-row{display:grid;grid-template-columns:150px minmax(0,1fr) 130px;gap:clamp(16px,3vw,44px);
  padding:30px 0;border-bottom:1px solid var(--rule);align-items:baseline}
.listing-row .date,.listing-row .kind{font-family:var(--cond);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--steel-600)}
.listing-row h3{font-size:clamp(20px,2.2vw,25px)}
.listing-row p{font-size:16px;margin:10px 0 0;max-width:62ch;color:var(--steel-800)}
@media (max-width:800px){.listing-row{grid-template-columns:1fr;gap:8px}.listing-row .kind{order:3}}

.person{border-top:1px solid var(--rule);padding-top:24px}
.person .role{font-family:var(--cond);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--steel-600);margin-top:8px;display:block}
.person p{font-size:15.5px;line-height:1.65;margin-top:14px;color:var(--steel-800)}
.person .avatar{width:100%;aspect-ratio:1/1;background:var(--steel-100);border:1px solid var(--rule);margin-bottom:20px;
  display:flex;align-items:center;justify-content:center;font-family:var(--cond);font-size:26px;letter-spacing:.14em;color:var(--steel-400)}

.pull{border-left:2px solid var(--steel-500);padding-left:clamp(20px,3vw,34px);margin-block:clamp(32px,4vw,48px)}
.pull p{font-family:var(--cond);font-weight:300;font-size:clamp(24px,3.2vw,34px);line-height:1.22;color:var(--navy)}
.on-navy .pull p{color:#fff}
.pull .attr{font-family:var(--cond);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--steel-600);margin-top:18px;display:block}
.on-navy .pull .attr{color:var(--steel-300)}

.btn-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
a.btn{display:inline-flex;align-items:center;font-family:var(--cond);font-weight:400;font-size:14px;letter-spacing:.13em;
  text-transform:uppercase;padding:14px 26px;border:1px solid var(--navy);color:var(--navy);background:transparent;transition:all .18s ease}
a.btn:hover{background:var(--navy);color:#fff}
a.btn.btn--solid{background:var(--navy);color:#fff}
a.btn.btn--solid:hover{background:var(--steel-700);border-color:var(--steel-700)}
.on-navy a.btn{color:#fff;border-color:rgba(255,255,255,.5)}
.on-navy a.btn:hover{background:#fff;color:var(--navy);border-color:#fff}
.on-navy a.btn.btn--solid{background:#fff;color:var(--navy);border-color:#fff}
.on-navy a.btn.btn--solid:hover{background:transparent;color:#fff;border-color:#fff}

/* Tables */
body table{width:100%;border-collapse:collapse;font-size:15.5px}
body th, body td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--rule);vertical-align:top}
body th{font-family:var(--cond);font-weight:400;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--steel-700);background:var(--steel-100)}
body tbody tr:nth-child(even){background:rgba(89,128,166,.05)}
.table-scroll{overflow-x:auto}

/* =========================================================================
   8. FORMS (Contact Form 7 / WPForms / Gravity)
   ========================================================================= */
body .wpcf7 label, body .gform_wrapper label, body .wpforms-field-label{
  font-family:var(--cond)!important;font-size:12px!important;letter-spacing:.18em;text-transform:uppercase;
  color:var(--steel-700)!important;font-weight:400!important;margin-bottom:9px;display:block}
body input[type=text], body input[type=email], body input[type=tel], body input[type=url],
body textarea, body select, body .wpcf7 input, body .wpcf7 textarea{
  font-family:var(--body)!important;font-weight:300!important;font-size:16.5px!important;color:var(--graphite)!important;
  background:#fff!important;border:1px solid var(--rule-strong)!important;border-radius:0!important;padding:13px 15px!important;box-shadow:none!important}
body textarea{min-height:170px}
body ::placeholder{color:var(--steel-400)}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* =========================================================================
   9. FOOTER
   ========================================================================= */
body #footer-outer,
body #footer-outer #footer-widgets,
body #footer-outer #copyright{background-color:var(--navy)!important;color:rgba(255,255,255,.72)}
body #footer-outer #footer-widgets{border-bottom:0;padding:clamp(56px,7vw,88px) 0 clamp(40px,5vw,60px)}
body #footer-outer .widget h4,
body #footer-outer .widgettitle{font-family:var(--cond)!important;font-size:11px!important;letter-spacing:.22em;
  text-transform:uppercase;color:var(--steel-300)!important;margin-bottom:20px;font-weight:400!important}
body #footer-outer .widget li, body #footer-outer .widget p{margin-bottom:11px;font-size:15.5px}
body #footer-outer a{color:rgba(255,255,255,.72)!important}
body #footer-outer a:hover{color:#fff!important}
body #footer-outer #copyright{border-top:1px solid var(--rule-reverse);padding:26px 0}
body #footer-outer #copyright p, body #footer-outer #copyright li a{font-size:13px!important;color:rgba(255,255,255,.56)!important}
body #footer-outer ul li{list-style:none}

/* =========================================================================
   10. WPBAKERY CONTAINER RESET
   Rows are set to full-width-content; .wrap does the constraining, so the
   builder's own padding must not double up.
   ========================================================================= */
body .wpb_content_element, body .wpb_text_column{margin-bottom:0!important}
body .wpb_row.iesi-row > .row_col_wrap_12,
body .vc_row.iesi-row .wpb_column > .vc_column-inner{padding:0!important}
body .container-wrap{background-color:var(--paper);padding-top:0!important;padding-bottom:0!important}
body .main-content > .row{padding-top:0!important;padding-bottom:0!important}
body #ajax-content-wrap .iesi-row .col.span_12{padding:0!important}

/* =========================================================================
   11. MOTION / PRINT / A11Y
   ========================================================================= */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:0;top:0;z-index:9999;background:var(--navy);color:#fff;padding:12px 18px}
@media print{
  #header-outer,#footer-outer,.btn-row{display:none!important}
  body{background:#fff;font-size:11pt}
  .on-navy{background:#fff!important;color:#000!important}
  .on-navy h1,.on-navy h2,.on-navy h3{color:#000!important}
}

/* =========================================================================
   12. SECTION VARIANTS (added for imported page content)
   ========================================================================= */
.hero{padding-block:clamp(84px,12vw,150px)}
.hero h1{max-width:15ch}
.hero .lede{max-width:56ch;margin-top:30px;color:rgba(255,255,255,.8)}
.pagehead{padding-block:clamp(64px,8vw,108px)}
.pagehead h1{font-size:clamp(40px,6vw,68px);max-width:18ch}
.pagehead .lede{max-width:60ch;margin-top:26px;color:rgba(255,255,255,.78)}
.prose h2{margin-top:clamp(48px,5vw,72px);margin-bottom:22px}
.prose h3{margin-top:40px;margin-bottom:14px}
.prose ul,.prose ol{margin:0 0 1.15em;padding-left:22px}
.prose li{margin-bottom:.5em}
.prose > :first-child{margin-top:0}
.form-note{font-size:13.5px;color:var(--steel-700);margin-top:18px}
.rule{border:0;border-top:1px solid var(--rule);margin:0}
.iesi-formslot{border:1px dashed var(--rule-strong);padding:clamp(24px,3vw,34px);background:#fff}
.iesi-formslot .eyebrow{margin-bottom:12px}


/* ============================ IESI PATCH 1 ============================
   13. SALIENT CHROME CORRECTIONS
   Every IESI page carries its own navy page head inside the content, so
   Salient's own page header is an empty 350px band above the fold. Remove it.
   ===================================================================== */
#page-header-wrap,
#page-header-bg,
body.page #page-header-wrap{display:none!important;height:0!important;min-height:0!important}

/* Header logo — the lockup ships inside this theme, so no media library
   reference is needed. One word per line, block height equal to the square. */
#header-outer #logo,
#header-outer #logo:hover,
#header-outer .logo-spacing{
  display:block!important;
  width:212px!important;height:44px!important;
  background:url(img/logo-white.png) no-repeat left center!important;
  background-size:contain!important;
  font-size:0!important;line-height:0!important;color:transparent!important;
  text-indent:-9999px;overflow:hidden;white-space:nowrap;
}
#header-outer #logo img{display:none!important}


/* ---- IESI PATCH 2 : navigation controls ----------------------------------
   On desktop the full menu is visible, so Salient's burger and search icon
   are redundant — and the burger opened an empty panel. Hide both above the
   breakpoint; below it the burger is the navigation and stays. */
@media (min-width:1000px){
  #header-outer #search-btn,
  #header-outer .slide-out-widget-area-toggle,
  #header-outer .mobile-only{display:none!important}
}
/* Off-canvas panel inherits the institutional palette. */
#slide-out-widget-area,
#slide-out-widget-area .inner,
.slide_out_area_close{background-color:#0D2447!important}
#slide-out-widget-area .off-canvas-menu-container li a{
  font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif!important;
  font-weight:300!important;letter-spacing:.06em;color:#fff!important;
}

/* ---- IESI PATCH 3 : reversed button variants -----------------------------
   The imported pages use --reverse / --solid-reverse on navy grounds. */
.on-navy a.btn.btn--solid-reverse,
.on-navy a.btn.btn--solid{background:#fff!important;color:#0D2447!important;border-color:#fff!important}
.on-navy a.btn.btn--solid-reverse:hover,
.on-navy a.btn.btn--solid:hover{background:transparent!important;color:#fff!important;border-color:#fff!important}
.on-navy a.btn.btn--reverse{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.5)!important}
.on-navy a.btn.btn--reverse:hover{background:#fff!important;color:#0D2447!important;border-color:#fff!important}

/* ---- IESI PATCH 4 : navigation active state ------------------------------
   Salient marks the current page with its own accent colour. The brand has
   no fourth colour — the current item is marked in white. */
#header-outer #top nav .sf-menu li a .menu-title-text:after,
#header-outer #top nav ul li a:after,
body #top nav > ul > li > a:after{background-color:#fff!important;color:#fff!important}
#header-outer #top nav .sf-menu li.current-menu-item > a,
#header-outer #top nav .sf-menu li.current_page_item > a{color:#fff!important}
#header-outer .nectar-mobile-only,
#header-outer #top .span_9 > .slide-out-widget-area-toggle{display:none!important}

/* ---- IESI PATCH 5 : editorial lists --------------------------------------
   Numbered markers imply a sequence. The focus areas and working commitments
   are parallel, not ordered, so the numbering is removed and the hierarchy is
   carried by type and space instead. */
.item .num{display:none!important}

.editorial{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(48px,7vw,120px);
  row-gap:clamp(46px,5vw,78px);
}
.editorial > div{padding-top:28px;border-top:1px solid var(--rule)}
.on-navy .editorial > div{border-top-color:var(--rule-reverse)}
.editorial h3{margin:0 0 14px;font-size:clamp(21px,2.3vw,26px);line-height:1.15}
.editorial p{font-size:16.5px;line-height:1.7;color:var(--steel-800);max-width:48ch;margin:0}
.on-navy .editorial p{color:rgba(255,255,255,.76)}
@media (max-width:820px){
  .editorial{grid-template-columns:1fr;row-gap:clamp(34px,5vw,46px)}
}

/* Parallel item grids get the same treatment: rule, air, no marker. */
.item{padding-top:28px}
.item h3{margin-bottom:14px}