/* 1. MUST be the very first line — before any selector or other @import */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,200;8..60,400;8..60,600;8..60,700&display=swap');

/* 2. Redefine the theme variable so everything using it picks up the new font */
:root{
  --indutri-font-sans-serif: 'Source Serif 4', Georgia, serif !important;
  --indutri-font-sans-serif: 'Public Sans', Arial, sans-serif !important;
}

.header-two{z-index: 99;}
.topbar__two{display: block!important;}
@media(max-width: 1024px){
  .header-two__right{flex: 1!important;}
  .topbar__two{background: #192437!important;}
  .topbar__left{display: none!important;}
  .topbar__right{flex: 0 0 100%!important;}
}
@media(max-width: 680px){
  .topbar__right-content #block-indutri-subtheme-topbarlinks{display: none!important;}
}



body .body-page{
    background-color: #f4eee1 !important;
}

/* ===========================================================
   TOPBAR  —  navy utility strip  (CSS only, no HTML changes)
   Scope: .topbar__three
   =========================================================== */

.topbar.topbar__three{
  --tb-navy:#13294a;
  --tb-text:#aebbd2;
  --tb-gold:#c79a2e;

  background:var(--tb-navy);
  color:var(--tb-text);
  font:600 11.5px/1 'Public Sans', sans-serif;
  letter-spacing:.08em;
}

/* left | right layout */
.topbar__three .topbar__content{
  display:flex;
  justify-content:space-between;
  align-items:center;
  height:40px;
  padding:0 40px;
  max-width:none;
}
.topbar__three .topbar__left,
.topbar__three .topbar__right,
.topbar__three .topbar__left-content,
.topbar__three .topbar__right-content,
.topbar__three .region__topbar,
.topbar__three .region__topbar-right{
  display:flex;
  align-items:center;
}

/* ---------- left: "Republic of Uganda" ---------- */
.topbar__three .topbar-info__list{
  margin:0;
  padding:0;
  list-style:none;
  text-transform:uppercase;
}
.topbar__three .topbar-info__list li{
  list-style:none;
  margin:0;
}

/* ---------- right: links + language + search in a row ---------- */
.topbar__three .region__topbar-right{
  gap:26px;
  text-transform:uppercase;
}
.topbar__three .region__topbar-right .block{ margin:0; }

/* utility links (MEACA Mail, EDRMS) */
.topbar__three .topbar-links{
  display:flex;
  align-items:center;
  gap:26px;
  margin:0;
  padding:0;
  list-style:none;
}
.topbar__three .topbar-links li{ list-style:none; margin:0; }
.topbar__three .topbar-links a{
  color:var(--tb-text);
  text-decoration:none;
  transition:color .2s ease;
}
.topbar__three .topbar-links a:hover{ color:#fff; }

/* ---------- language dropbutton ---------- */
.topbar__three .dropdown-language-item{
  margin:0;
  padding:0;
  list-style:none;
}
.topbar__three .dropdown-language-item > li{ list-style:none; }
.topbar__three .language-link{
  color:var(--tb-text);
  text-decoration:none;
}
.topbar__three .language-link:hover{ color:#fff; }
.topbar__three .language-link.active-language{ color:#fff; }
.topbar__three .dropbutton-toggle button{
  background:transparent;
  border:0;
  color:var(--tb-text);
  cursor:pointer;
}

/* ---------- search ---------- */
.topbar__three .search-block-form{ margin:0; }
.topbar__three .search-block-form form{
  display:flex;
  align-items:center;
  gap:8px;
}
.topbar__three .search-block-form .form-item{ margin:0; }
.topbar__three .form-search{
  height:26px;
  width:120px;
  background:transparent;
  border:1px solid rgba(174,187,210,.3);
  border-radius:0;
  color:var(--tb-text);
  padding:0 8px;
  font:inherit;
  letter-spacing:.04em;
}
.topbar__three .form-search::placeholder{ color:rgba(174,187,210,.6); }
.topbar__three .form-search:focus{
  outline:none;
  border-color:var(--tb-gold);
}
.topbar__three .search-form__submit{
  height:26px;
  background:transparent;
  border:0;
  color:var(--tb-gold);
  text-transform:uppercase;
  letter-spacing:.08em;
  font:inherit;
  cursor:pointer;
  padding:0 2px;
}
.topbar__three .search-form__submit:hover{ color:#e0b341; }

/* ---------- responsive ---------- */
@media (max-width:767px){
  .topbar__three .topbar__content{
    padding:0 16px;
    height:auto;
    flex-direction:column;
    gap:8px;
    padding-top:10px;
    padding-bottom:10px;
  }
  .topbar__three .region__topbar-right{ gap:16px; flex-wrap:wrap; }
  .topbar__three .form-search{ width:100px; }
}


/* ===========================================================
   MAIN MENU  —  flat horizontal nav  (CSS only, no HTML changes)
   Scope: .gva_menu_main
   =========================================================== */

.gva_menu_main{
  --nav-ink:#3a3526;     /* active / hover */
  --nav-muted:#8a8268;   /* default item */
  --nav-navy:#123a5e;    /* contact button */

  /*display:flex;*/
  align-items:center;
  gap:28px;
  margin:0;
  padding:0;
  list-style:none;
  font-family:'Hanken Grotesk', sans-serif;
}

/* top-level items */
.gva_menu_main > .menu-item{
  position:relative;
  margin:0;
  padding:0;
  list-style:none;
}

/* links */
.gva_menu_main > .menu-item > a{
  display:inline-flex;
  align-items:center;
  font-size:14px;
  font-weight:500;
  line-height:1;
  color:var(--nav-muted);
  text-decoration:none;
  transition:color .2s ease;
}
.gva_menu_main > .menu-item > a span{ color:inherit; }

/* hover / focus / active — force dark text, remove any theme white + bg pill.
   (:not(:last-child) leaves the Contact button's white-on-navy hover alone) */
.gva_menu_main > .menu-item:not(:last-child) > a:hover,
.gva_menu_main > .menu-item:not(:last-child) > a:focus,
.gva_menu_main > .menu-item--active-trail:not(:last-child) > a{
  color:var(--nav-ink) !important;
  background:transparent !important;
}
.gva_menu_main > .menu-item:not(:last-child) > a:hover span,
.gva_menu_main > .menu-item:not(:last-child) > a:focus span,
.gva_menu_main > .menu-item--active-trail:not(:last-child) > a span{
  color:var(--nav-ink) !important;
}

/* hide the dropdown carets */
.gva_menu_main .icaret{ display:none !important; }

/* ---------- last item ("Contact") as outlined button ---------- */
.gva_menu_main > .menu-item:last-child > a{
  border:1.5px solid var(--nav-navy);
  color:var(--nav-navy);
  padding:9px 18px;
  border-radius:2px;
  font-weight:600;
  transition:background .2s ease, color .2s ease;
}
.gva_menu_main > .menu-item:last-child > a:hover{
  background:var(--nav-navy);
  color:#fff;
}

/* ---------- dropdown sub-menus (kept on hover, restyled) ---------- */
.gva_menu_main .sub-menu{
  position:absolute;
  top:100%;
  left:0;
  min-width:200px;
  margin:0;
  padding:8px 0;
  list-style:none;
  background:#fff;
  box-shadow:0 12px 30px rgba(18,58,94,.12);
  border-radius:2px;
  display:none;
  z-index:50;
}
.gva_menu_main .menu-item:hover > .sub-menu{ display:block; }
.gva_menu_main .sub-menu .menu-item{ margin:0; }
.gva_menu_main .sub-menu a{
  display:block;
  padding:9px 18px;
  font-size:14px;
  font-weight:500;
  color:var(--nav-ink) !important;
  text-decoration:none;
  white-space:nowrap;
}
.gva_menu_main .sub-menu a:hover{ color:var(--nav-navy) !important; background:transparent !important; }



/*sAFJDSAFJdsbnvjkb SDBVHSDNBVKGAHSBDKJGASBDKGJVBSKJVBSDKJBGKJASBGKJDSBKGJS*/
.header-three {
      z-index: 99;
    .topbar__three {
        background-color: #13294a !important;

        *,
        a,
        i,
        span,
        p {
            color: #fff !important;
        }

        svg {
            fill: #fff !important;
        }
    }

    .header-three__main {
        background-color: #ffffff;
    }

    .header-three__branding {

        .region__branding {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .site-branding-logo {
            flex-shrink: 0;

            img {
                width: 100px;
                height: auto;
                display: block;
            }
        }

        .site-branding__text {
            width: 360px; // adjust until you get the 2-line layout you want
        }

        .site-branding__name a {
            display: block;
            font-family: var(--indutri-font-sans-serif);
            font-weight: 700;
            font-size: 20px;
            line-height: 1.15;
            color: #13294a !important;
            text-decoration: none;
        }
    }
}


.ms-section{
    background:var(--paper);
    color:var(--ink);
    padding:clamp(2.5rem,6vw,5rem) clamp(1.25rem,5vw,4rem);
  }
 
  .ms-head{
    max-width:1100px;
    margin:0 auto 2.5rem;
  }
  .ms-eyebrow{
    font-size:16px;
    letter-spacing:.22em;
    text-transform:uppercase;
    color:var(--gold);
    font-weight:600;
    margin-bottom:.6rem;
  }
  .ms-title{
    font-weight:600;
    font-family: var(--indutri-heading-font-family);
    font-size:clamp(2rem,5vw,3.1rem);
    line-height:1.05;
    letter-spacing:-.01em;
  }

  .ms-grid{
    max-width:1100px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:1.1rem;
  }
 
  .ms-card{
    background:var(--card);
    border:1px solid var(--line);
    padding:1.35rem 1.4rem;
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:1rem;
    transition:background .25s ease, transform .25s ease, box-shadow .25s ease;
    position:relative;
  }
  .ms-card-text{
    display:flex;
    flex-direction:column;
    gap:.25rem;
    min-width:0;
  }
  .ms-card:hover{
    background:#fffdf7;
    transform:translateY(-3px);
    box-shadow:0 8px 22px rgba(15,93,82,.12);
  }
  .ms-card:hover .ms-flag{transform:scale(1.06);}
 
  .ms-flag{
    flex:none;
    width:2.8rem;
    height:2.1rem;
    border-radius:3px;
    background-size:cover !important;
    background-position:center !important;
    box-shadow:0 0 0 1px rgba(0,0,0,.08);
    transition:transform .25s ease;
  }
  .ms-country{
    font-family: var(--indutri-heading-font-family);
    font-size:1.18rem;
    font-weight:600;
  }
  .ms-city{
    font-size:.8rem;
    color:var(--muted);
    letter-spacing:.02em;
    display:flex;
    align-items:center;
    gap:.4rem;
  }
  .ms-city::before{
    content:"";
    width:5px;height:5px;border-radius:50%;
    background:var(--gold);
    flex:none;
  }
 
  @media (max-width:860px){
    .ms-grid{grid-template-columns:repeat(2,1fr);}
  }
  @media (max-width:460px){
    .ms-grid{grid-template-columns:1fr;}
  }
 
  @media (prefers-reduced-motion:reduce){
    .ms-card,.ms-flag{transition:none;}
  }
  
  
/* ===========================================================
   ABOUT THE MINISTRY  —  two-column section
   Scope: .about_min
   Palette: teal #0f5d52 · gold #c08a2d · ink #0e2a26 · paper #f6f4ed
   =========================================================== */

.about_min{
  --ms-ink:#0e2a26;
  --ms-teal:#0f5d52;
  --ms-gold:#c08a2d;
  --ms-paper:#f6f4ed;
  --ms-line:#d9d4c5;
  --ms-muted:#5d6863;

  
  padding: 40px 0;
}


/* padding above and below the section */
.about_min .remove_padding_row{
  padding-top:clamp(3rem, 7vw, 6rem);
  padding-bottom:clamp(3rem, 7vw, 6rem);
}

.about_min .row-wrapper{
  align-items:stretch;
  row-gap:1.75rem;
}

/* ---------- LEFT: heading block ---------- */
.about_min .gsc-heading__sub-title{
    
  font-size:16px;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-weight:600;
  color:var(--ms-gold);
  margin-bottom:.65rem;
}

.about_min .gsc-heading__title{
    font-family: var(--indutri-heading-font-family);
  color:var(--ms-ink);
  font-size:clamp(1.7rem, 3.6vw, 2.6rem);
  line-height:1.12;
  letter-spacing:-.01em;
  margin:0 0 1.1rem;
}

.about_min .gsc-heading__desc{
  color:var(--ms-muted);
  font-size:18px;
  line-height:1.75;
  max-width:60ch;
}
.about_min .gsc-heading__desc p{
  margin:0 0 1rem;
}
.about_min .gsc-heading__desc p:last-child{
  margin-bottom:0;
}

/* ---------- RIGHT: "Our Focus" card ---------- */
.about_min .intro_focus{
  height:100%;
  background:var(--ms-teal);
  color:#fff;
  padding:1.9rem 1.75rem;
  box-shadow:0 14px 30px rgba(14,42,38,.16);
}

.about_min .intro_focus h3{
  margin:0 0 1.2rem;
  font-family: var(--indutri-heading-font-family);
  font-size:24px;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:700;
  color:var(--ms-gold);
}

/* the markup uses bare <li> with no <ul>; clean list, no bullets */
.about_min .intro_focus li{
  list-style:none;
  padding:.7rem 0;
  font-size:18px;
  line-height:1.5;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.about_min .intro_focus li:last-child{
  border-bottom:0;
  padding-bottom:0;
}

/* ---------- responsive ---------- */
@media (max-width:991px){
  .about_min .intro_focus{
    margin-top:.5rem;
  }
}
@media (max-width:767px){
  .about_min .gsc-heading__desc{
    max-width:none;
  }
}

/* ===========================================================
   MILESTONE / STATS STRIP  —  four counters
   Scope: .stats_sec
   Numbers: #13294A · Source Serif 4 · 34px
   Labels:  #6B6451 · Public Sans
   =========================================================== */
 

.stats_sec{
  --ms-number:#13294A;
  --ms-label:#6B6451;
  --ms-line:#d8cfb8;     /* divider on cream */
  
    text-align: center;
    padding: 40px 0;
}
 
.stats_sec .remove_padding_row{
  padding-top:clamp(2.25rem, 5vw, 3.75rem);
  padding-bottom:clamp(2.25rem, 5vw, 3.75rem);
}
 
.stats_sec .row-wrapper{
  align-items:center;
  row-gap:2rem;
}
 
/* ---------- each stat block ---------- */
.stats_sec .milestone-one__single{
  text-align:center;
  padding:.25rem 1rem;
}
 
/* number + symbol row */
.stats_sec .milestone-one__number-inner{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  gap:.05em;
  line-height:1;
}
 
.stats_sec .milestone-one__number{
  font-family:'Source Serif 4', Georgia, serif;
  font-size:34px;
  font-weight:600;
  color:var(--ms-number);
  letter-spacing:-.01em;
}
 
.stats_sec .milestone-one__symbol{
  font-family:'Source Serif 4', Georgia, serif;
  font-size:34px;
  font-weight:600;
  color:var(--ms-number);
  line-height:1;
}
 
/* empty heading in the markup — collapse it */
.stats_sec .milestone-one__text:empty{
  display:none;
  margin:0;
}
 
/* ---------- label under the number ---------- */
.stats_sec .el-custom-content{
  margin-top:.9rem;
}
.stats_sec .el-custom-content p{
  margin:0;
  font-family:'Public Sans', system-ui, sans-serif;
  font-size:.8rem;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--ms-label);
}
 
/* ---------- dividers between the four columns (desktop only) ---------- */
@media (min-width:992px){
  .stats_sec .row-wrapper > .gsc-column:not(:last-child) .column-inner{
    border-right:1px solid var(--ms-line);
  }
}


/* ===========================================================
   REGIONAL INTEGRATION  —  four pillars
   Scope: .pillars_sec
   Accent: #E9C463 (gold)  ·  divider: #2a4d6e
   =========================================================== */

.pillars_sec{
  --pillar-gold:#E9C463;
  --pillar-border:#2a4d6e;

  /* deep navy backdrop — remove this line if the section already has a background */

  padding:clamp(3rem, 7vw, 6rem) 0;
}

.pillars__inner{
  max-width:1100px;
  margin:0 auto;
  padding:0 clamp(1.25rem, 5vw, 2rem);
}

/* ---------- heading ---------- */
.pillars__head{
  margin-bottom:clamp(2rem, 4vw, 3rem);
  max-width:640px;
}
.pillars__eyebrow{
  color:var(--pillar-gold);
  font-size:16px;
  font-weight:600;
  letter-spacing:.2em;
  text-transform:uppercase;
  margin:0 0 .6rem;
}
.pillars__title{
  font-family:var(--indutri-heading-font-family);
  color:#fff;
  font-size:clamp(1.7rem, 3.6vw, 2.6rem);
  line-height:1.15;
  letter-spacing:-.01em;
  margin:0;
}

/* ---------- two-column grid ---------- */
.pillars__grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  column-gap:clamp(2rem, 5vw, 4rem);   /* gap keeps the top borders from touching */
  row-gap:clamp(2rem, 4vw, 3rem);
}

/* ---------- each pillar: number left, name + desc right ---------- */
.pillar{
  display:grid;
  grid-template-columns:auto 1fr;   /* number column | text column */
  column-gap:1rem;
  align-items:start;
  border-top:1px solid var(--pillar-border);
  padding-top:1.5rem;
}
.pillar__num{
  grid-column:1;
  grid-row:1 / span 2;              /* number spans both text rows */
  color:var(--pillar-gold);
  font-size:28px;
  font-weight:600;
  letter-spacing:.05em;
  line-height:1.3;
}
.pillar__name{
  grid-column:2;
  grid-row:1;
  font-family:var(--indutri-heading-font-family);
  color:#fff;
  font-size:1.3rem;
  line-height:1.25;
  margin:0 0 .55rem;
}
.pillar__desc{
  grid-column:2;
  grid-row:2;
  color:rgba(255,255,255,.72);
  font-size:.98rem;
  line-height:1.65;
  margin:0;
}

/* ---------- responsive ---------- */
@media (max-width:767px){
  .pillars__grid{
    grid-template-columns:1fr;
  }
}


/* ===========================================================
   NEWS  —  featured left + 3 small right  (CSS only, no HTML changes)
   Scope: .news_section
   Now includes: date field + "More news" button
   =========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600&family=Newsreader:opsz,wght@6..72,400;6..72,500&display=swap');

.news_section{
  --news-gold:#b8860b;
  --news-navy:#123a5e;
  --news-ink:#1b1408;
  --news-body:#5a5340;
  --news-line:#e3d9c4;
}

/* section padding */
.news_section .bb-inner{
  padding:76px 56px;
}

/* heading row: title left, button bottom-right */
.news_section .row-wrapper{
  align-items:flex-end;
}

/* ---------- heading ---------- */
.news_section .gsc-heading__sub-title{
  font-family:var(--indutri-font-sans-serif);
  font-size:16px;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--news-gold);
  margin-bottom:12px;
}
.news_section .gsc-heading__title{
  font-family:var(--indutri-heading-font-family);
  font-size:41px;
  font-weight:500;
  line-height:1.1;
  color:var(--news-navy);
  margin:0;
}

/* ---------- "More news" button (2nd column) ---------- */
.news_section .row-wrapper > .gsc-column:nth-child(2) .column-content-inner{
  text-align:right;
}
.news_section .gsc-button{
  display:inline-block;
  font-family:var(--indutri-heading-font-family);
  font-size:13.5px;
  font-weight:600;
  line-height:1;
  color:var(--news-navy) !important;       /* overrides the inline #button id color */
  border:none !important;
  background:transparent;
  padding:0;
  text-decoration:none;
  letter-spacing:.01em;
}
.news_section .gsc-button::after{
  content:" \2192";                          /* arrow → */
}
.news_section .gsc-button:hover{
  color:var(--news-gold) !important;
}

/* ===========================================================
   GRID:  col 1 = featured (spans 3 rows) · col 2 = 3 small rows
   The view sits in its own full-width column below the heading.
   =========================================================== */
.news_section .view-content-wrap{
  display:grid;
  grid-template-columns:1.4fr 1fr;
  grid-template-rows:repeat(3, auto);
  gap:36px;
  margin-top:30px;
}
.news_section .view-content-wrap .item{
  margin:0;
  padding:0;
}

/* shared date styling */
.news_section .views-field-field-publish-date{
  font:600 11.5px/1 'Hanken Grotesk', sans-serif;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--news-gold);
}

/* ---------- FEATURED (first item) ---------- */
.news_section .item:first-child{
  grid-column:1;
  grid-row:1 / span 3;
}
.news_section .item:first-child .item-image img{
  width:100%;
  height:300px;
  object-fit:cover;
  border-radius:8px;
  display:block;
  margin-bottom:18px;
}
.news_section .item:first-child .views-field-field-publish-date{
  margin-bottom:12px;
}
.news_section .item:first-child .views-field-title{
  margin-bottom:12px;
}
.news_section .item:first-child .views-field-title a{
  font-family:var(--indutri-heading-font-family);
  font-weight:500;
  font-size:27px;
  color:var(--news-ink);
  text-decoration:none;
  text-wrap:balance;
}
.news_section .item:first-child .views-field-body .field-content{
  font-family:var(--indutri-font-sans-serif);
  font-weight:400;
  font-size:15px;
  line-height:1.6;
  color:var(--news-body);
  max-width:600px;
}

/* ---------- SMALL (items 2-4): thumbnail left, date+title stacked right ---------- */
.news_section .item:nth-child(2){ grid-column:2; grid-row:1; }
.news_section .item:nth-child(3){ grid-column:2; grid-row:2; }
.news_section .item:nth-child(4){ grid-column:2; grid-row:3; }

.news_section .item:nth-child(n+2){
  display:grid;
  grid-template-columns:96px 1fr;
  column-gap:16px;
  align-items:start;
  padding-bottom:22px;
  border-bottom:1px solid var(--news-line);
}
.news_section .item:nth-child(n+2) .views-field-field-image{
  grid-column:1;
  grid-row:1 / span 2;
}
.news_section .item:nth-child(n+2) .item-image img{
  width:96px;
  height:74px;
  object-fit:cover;
  border-radius:5px;
  display:block;
}
.news_section .item:nth-child(n+2) .views-field-field-publish-date{
  grid-column:2;
  grid-row:1;
  font-size:10.5px;
  letter-spacing:.05em;
  margin-bottom:8px;
}
.news_section .item:nth-child(n+2) .views-field-title{
  grid-column:2;
  grid-row:2;
}
.news_section .item:nth-child(n+2) .views-field-title a{
  font-family:var(--indutri-heading-font-family);
  font-weight:500;
  font-size:16px;
  line-height:1.3;
  color:var(--news-ink);
  text-decoration:none;
}
.news_section .item:nth-child(n+2) .views-field-body{
  display:none;
}

/* show only featured + 3 small */
.news_section .view-content-wrap .item:nth-child(n+5){
  display:none;
}

/* ---------- responsive ---------- */
@media (max-width:991px){
  .news_section .bb-inner{
    padding:48px 24px;
  }
  .news_section .row-wrapper{
    align-items:flex-start;
  }
  .news_section .view-content-wrap{
    grid-template-columns:1fr;
    grid-template-rows:none;
  }
  .news_section .view-content-wrap .item{
    grid-column:1 !important;
    grid-row:auto !important;
  }
  .news_section .item:first-child .item-image img{
    height:220px;
  }
}


/* ===========================================================
   MAIN SLIDER  —  full-bleed hero  (CSS only, no HTML changes)
   Scope: .main_slider
   =========================================================== */

.main_slider{
  --hero-gold:#d4a017;
  --hero-eyebrow:#e9c463;
  --hero-navy:#0b1c2d;

  /* fluid height: grows with viewport but capped so it never gets out of hand */
  --hero-h:clamp(430px, 46vw, 800px);
}

/* let the carousel and stage follow the hero height, kill default padding */
.main_slider{ position:relative; z-index:1; }
.main_slider .remove_padding_row{ padding:0; }
.main_slider .owl-carousel,
.main_slider .owl-stage-outer,
.main_slider .owl-stage,
.main_slider .owl-item{
  height:var(--hero-h) !important;   /* beats theme/owl height rules */
  min-height:var(--hero-h);          /* never collapse shorter than this */
}

/* ---------- each slide becomes the hero canvas ---------- */
.main_slider .owl-item .item{
  position:relative;
  height:var(--hero-h);
  min-height:var(--hero-h);
  overflow:hidden;
  display:flex;
  align-items:flex-end;
}
.main_slider .owl-item .item > div{ position:static; }

/* background image fills the slide on EVERY screen size, cropping not scaling */
.main_slider .owl-item .item-image,
.main_slider .owl-item .item-image .field-content{
  height:100%;
}
.main_slider .owl-item .item-image img{
  position:absolute !important;
  inset:0;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center top;   /* was: center  → keeps heads in frame */
  z-index:0;
}

/* subtle scroll parallax (progressive enhancement; static cover if unsupported) */
@supports (animation-timeline: view()){
  .main_slider .owl-item .item-image img{
    height:120% !important;
    top:-10%;
    bottom:auto;
    object-position:center top;   /* add this line */
    animation:heroParallax linear both;
    animation-timeline:view();
    animation-range:cover 0% cover 100%;
    will-change:transform;
  }
  @keyframes heroParallax{
    from{ transform:translateY(0%); }    /* was -5% (pushed image up, cutting tops) */
    to{   transform:translateY(8%); }    /* was  5% */
  }
}

@media (prefers-reduced-motion: reduce){
  .main_slider .owl-item .item-image img{ animation:none !important; }
}

/* dark gradient overlay (left -> right) via pseudo-element */
.main_slider .owl-item .item::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,
              rgba(11,28,45,.82) 0%,
              rgba(11,28,45,.45) 55%,
              rgba(11,28,45,.2) 100%);
}

/* ---------- content block (bottom-left) ---------- */
.main_slider .views-field-fieldset{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:0;
  z-index:2;
  width:100%;
  max-width:1200px;          /* matches the rest of your centered content */
  padding:0 15px 56px;
  box-sizing:border-box;
}
.main_slider .views-field-fieldset > .field-content{ display:block; }
.main_slider .views-field-fieldset fieldset{
  border:0;
  margin:0;
  padding:0;
  min-width:0;
}

/* ---------- title (theme heading font, 42px) ---------- */
.main_slider .views-field-title{ margin:0 0 20px; max-width:780px; }
.main_slider .views-field-title a{
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-weight:500;
  font-size:42px;
  line-height:1.12;
  color:#fff;
  text-decoration:none;
  text-wrap:balance;
  display:block;
}
.main_slider .views-field-title a:hover{ color:#fff; opacity:.92; }

/* ---------- body (16px) ---------- */
.main_slider .views-field-body .field-content{
  font-size:16px;
  line-height:1.6;
  color:#dfe6ee;
  max-width:560px;
  margin:0 0 30px;
}

/* ---------- "Read more" -> gold CTA (square) ---------- */
.main_slider .views-field-view-node a{
  display:inline-block;
  background:var(--hero-gold);
  color:#1a1408;
  padding:15px 30px;
  border-radius:0;
  font:700 14px/1 sans-serif;
  text-decoration:none;
  transition:background .2s ease;
}
.main_slider .views-field-view-node a::after{ content:" \2192"; }
.main_slider .views-field-view-node a:hover{ background:#c0900f; color:#1a1408; }

/* ---------- nav arrows (square, no rounding) ---------- */
.main_slider .owl-carousel{ position:relative; }
.main_slider .owl-nav{ margin:0; }
.main_slider .owl-nav .owl-prev,
.main_slider .owl-nav .owl-next{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:3;
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:0;
  background:rgba(255,255,255,.14);
  color:#fff;
  cursor:pointer;
  transition:background .2s ease;
}
.main_slider .owl-nav .owl-prev:hover,
.main_slider .owl-nav .owl-next:hover{ background:rgba(255,255,255,.28); }
/* sit just inside the 1200px content band; beats the theme's !important rule
   (.owl-carousel .owl-nav > div.owl-prev) via the extra .main_slider scope */
.main_slider .owl-carousel .owl-nav > div.owl-prev{
  left:max(15px, calc(50% - 600px)) !important;
  right:auto !important;
}
.main_slider .owl-carousel .owl-nav > div.owl-next{
  right:max(15px, calc(50% - 600px)) !important;
  left:auto !important;
}

/* ---------- responsive (height handled by clamp; tune type + spacing) ---------- */
@media (max-width:991px){
  .main_slider .views-field-fieldset{ padding:0 28px 40px; }
  .main_slider .views-field-title a{ font-size:32px; }
}
@media (max-width:575px){
  .main_slider .views-field-title a{ font-size:26px; }
  .main_slider .views-field-body .field-content{ font-size:15px; }
}

/* ===========================================================
   RELATED STORIES  —  3-up cards  (CSS only, no HTML changes)
   Scope: .block-views-blockpost-other-block-9
   Fonts: Public Sans (meta) · theme heading font (titles)
   =========================================================== */

.block-views-blockpost-other-block-9{
  --rs-eyebrow:#b8860b;
  --rs-navy:#13294a;
  --rs-title:#1b2530;
  --rs-card:#f4eee1;
  --rs-card-border:#e7ddc8;
  --rs-bg:#fbf8f0;

  /* full-bleed: cream background spans the whole screen width */
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);

  background:var(--rs-bg);
  border-top:1px solid #e3d9c4;
  /* gutter centers content to 1200px and gives title + cards the SAME left edge */
  padding:60px max(24px, calc(50vw - 600px)) 64px;
  box-sizing:border-box;
}

/* title and content now fill the padded area, so their left edges match exactly */
.block-views-blockpost-other-block-9 .block-title,
.block-views-blockpost-other-block-9 .block-content{
  max-width:none;
  margin-left:0;
  margin-right:0;
  padding-left:0;
  padding-right:0;
}

/* zero the wrappers between .block-content and the card grid so the grid's
   left edge lines up with the title */
.block-views-blockpost-other-block-9 .block-content > div,
.block-views-blockpost-other-block-9 .post-list-small-3,
.block-views-blockpost-other-block-9 .item-list{
  margin:0;
  padding:0;
}

/* kill the theme's between-card dotted border / spacing */
.block-views-blockpost-other-block-9 .post-list-small-3 .item-list ul li.view-list-item + li{
  border-top:0 !important;
  margin-top:0 !important;
  padding-top:0 !important;
}

/* ---------- heading ---------- */
.block-views-blockpost-other-block-9 .block-title{
  margin:0 0 28px;
}
.block-views-blockpost-other-block-9 .block-title,
.block-views-blockpost-other-block-9 .block-title span{
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-weight:500;
  font-size:30px;
  line-height:1.1;
  color:var(--rs-navy);
}

/* ---------- 3-column grid (equal columns) ---------- */
.block-views-blockpost-other-block-9 .item-list ul{
  display:grid !important;
  grid-template-columns:repeat(3, 1fr);
  gap:26px;
  align-items:stretch;       /* cards in a row share the same height */
  margin:0;
  padding:0;
  list-style:none;
}

/* ---------- each card (equal size) ---------- */
.block-views-blockpost-other-block-9 .view-list-item{
  list-style:none;
  margin:0;
  padding:0;
  background:var(--rs-card);
  border:1px solid var(--rs-card-border);
  border-radius:8px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-width:0;               /* prevents grid blowout from long content */
}

/* ---------- image: force it to fill the card top, fixed height ---------- */
.block-views-blockpost-other-block-9 .views-field-field-image-1,
.block-views-blockpost-other-block-9 .views-field-field-image-1 .field-content,
.block-views-blockpost-other-block-9 .item-image{
  display:block;
  width:100%;
}
.block-views-blockpost-other-block-9 .item-image img{
  display:block !important;
  width:100% !important;
  height:170px !important;
  object-fit:cover !important;
  max-width:none !important;
}

/* card body fills remaining height; padding moves to the fieldset so it
   wraps the new date field + title */
.block-views-blockpost-other-block-9 .views-field-fieldset{
  display:flex;
  flex:1;
}
.block-views-blockpost-other-block-9 .views-field-fieldset > .field-content{
  display:flex;
  flex:1;
}
.block-views-blockpost-other-block-9 .views-field-fieldset fieldset{
  border:0;
  margin:0;
  min-width:0;
  padding:18px 18px 20px;
  display:flex;
  flex-direction:column;
  flex:1;
}
.block-views-blockpost-other-block-9 .views-field-nothing,
.block-views-blockpost-other-block-9 .views-field-nothing > .field-content,
.block-views-blockpost-other-block-9 .post-block,
.block-views-blockpost-other-block-9 .post-content{
  display:block;
  margin:0;
  padding:0;
}

/* date (now its own field, sits above the title) */
.block-views-blockpost-other-block-9 .views-field-field-publish-date{
  font:600 11.5px/1 'Public Sans', sans-serif;
  color:var(--rs-eyebrow);
  margin:0 0 10px;
}
.block-views-blockpost-other-block-9 .views-field-field-publish-date time{
  font:inherit;
  color:inherit;
}

/* old meta is now empty — hide it so it adds no stray space */
.block-views-blockpost-other-block-9 .post-meta{ display:none; }

/* title */
.block-views-blockpost-other-block-9 .post-title{ margin:0; }
.block-views-blockpost-other-block-9 .post-title a{
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-weight:500;
  font-size:18px;
  line-height:1.3;
  color:var(--rs-title);
  text-decoration:none;
}
.block-views-blockpost-other-block-9 .post-title a:hover{ color:var(--rs-navy); }

/* ---------- responsive ---------- */
@media (max-width:900px){
  .block-views-blockpost-other-block-9{ padding:48px 24px 52px; }
  .block-views-blockpost-other-block-9 .item-list ul{
    grid-template-columns:repeat(2, 1fr);
  }
}
@media (max-width:560px){
  .block-views-blockpost-other-block-9 .item-list ul{
    grid-template-columns:1fr;
  }
}


/* ===========================================================
   NEWS ARTICLE  —  detail page  (CSS only, scoped to .node--type-news)
   Fonts: serif = var(--indutri-heading-font-family) · sans = Public Sans
   Nothing here leaks outside a news node.
   =========================================================== */

.node--type-news{
  --art-cream:#f4eee1;
  --art-navy:#13294a;
  --art-ink:#1b2530;
  --art-body:#332f24;
  --art-muted:#8a8268;
  --art-gold:#c79a2e;
  --art-line:#e3d9c4;
  --art-tag-line:#e0d6c0;

  background:#fff;
}

/* ---------- layout: reorder fields + center the content column ---------- */
.node--type-news > div:not(.contextual){
  display:flex;
  flex-direction:column;
}

/* a readable column for text, a wider one for the hero image */
.node--type-news .field,
.node--type-news .post-categories{
  max-width:760px;
  width:100%;
  margin-left:auto;
  margin-right:auto;
}
.node--type-news .field--name-field-image,
.node--type-news .field--name-field-caption{
  max-width:1000px;
}

/* reading order (DOM is author, date, tags, image, caption, body, cat, share) */
.node--type-news .field--name-field-tags{ order:1; }
.node--type-news .field--name-node-author{ order:2; }
.node--type-news .field--name-field-publish-date{ order:3; }
.node--type-news .field--name-field-image{ order:4; }
.node--type-news .field--name-field-caption{ order:5; }
.node--type-news .field--name-body{ order:6; }
.node--type-news .post-categories{ order:7; }
.node--type-news .field--name-field-share{ order:8; }

/* ---------- tags (pills) ---------- */
.node--type-news .field--name-field-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:24px;
}
.node--type-news .field--name-field-tags .field__item{ margin:0; }
.node--type-news .field--name-field-tags a{
  display:inline-block;
  font:600 11.5px/1 'Public Sans', sans-serif;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--art-navy);
  background:#f3e3bd;
  padding:7px 14px;
  border-radius:30px;
  text-decoration:none;
}

/* ---------- byline band (author + date) ---------- */
.node--type-news .field--name-node-author{
  font:600 14px/1.2 'Public Sans', sans-serif;
  color:#2c3340;
  border-top:1px solid var(--art-line);
  padding-top:18px;
}
.node--type-news .field--name-field-publish-date{
  font:400 13px/1.2 'Public Sans', sans-serif;
  color:var(--art-muted);
  margin-top:3px;
  padding-bottom:18px;
  border-bottom:1px solid var(--art-line);
  margin-bottom:34px;
}
.node--type-news .field--name-field-publish-date::before{ content:"Published "; }
.node--type-news .field--name-field-publish-date time{ font:inherit; color:inherit; }

/* ---------- hero image + caption ---------- */
.node--type-news .field--name-field-image{ margin-bottom:0; }
.node--type-news .field--name-field-image .item-image{ display:block; }
.node--type-news .field--name-field-image img{
  display:block;
  width:100%;
  height:clamp(260px, 42vw, 480px);
  object-fit:cover;
  border-radius:8px;
}
.node--type-news .field--name-field-caption{
  font:italic 400 12.5px/1.4 'Public Sans', sans-serif;
  color:var(--art-muted);
  margin-top:12px;
  margin-bottom:44px;
}

/* ---------- body ---------- */
.node--type-news .field--name-body p{
  font-size:18px;
  line-height:1.78;
  color:var(--art-body);
  margin:0 0 24px;
}
/* dropcap on the first paragraph */
.node--type-news .field--name-body > p:first-of-type::first-letter{
  float:left;
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-weight:600;
  font-size:68px;
  line-height:.78;
  color:var(--art-navy);
  margin:6px 14px 0 0;
}
.node--type-news .field--name-body h2,
.node--type-news .field--name-body h3{
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-weight:600;
  color:var(--art-ink);
  line-height:1.25;
  margin:38px 0 16px;
}
.node--type-news .field--name-body h2{ font-size:32px; }
.node--type-news .field--name-body h3{ font-size:27px; }
.node--type-news .field--name-body blockquote{
  border-left:4px solid var(--art-gold);
  padding:6px 0 6px 28px;
  margin:34px 0;
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-style:italic;
  font-size:26px;
  line-height:1.4;
  color:var(--art-navy);
}
.node--type-news .field--name-body a{
  color:var(--art-navy);
  text-decoration:underline;
}

/* ---------- category ---------- */
.node--type-news .post-categories{
  margin-top:40px;
  padding-top:28px;
  border-top:1px solid var(--art-line);
}
.node--type-news .post-categories a{
  display:inline-block;
  font:600 11.5px/1 'Public Sans', sans-serif;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--art-navy);
  background:#fff;
  border:1px solid var(--art-tag-line);
  padding:7px 14px;
  border-radius:30px;
  text-decoration:none;
}

/* ---------- share (circular icon buttons) ---------- */
.node--type-news .field--name-field-share{ margin-top:24px; }
.node--type-news .field--name-field-share .block{ margin:0; }
.node--type-news .social-media-sharing ul{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}
.node--type-news .social-media-sharing li{ margin:0; }
.node--type-news .social-media-sharing a{
  width:38px;
  height:38px;
  border-radius:50%;
  border:1px solid #d8ccb2;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:border-color .2s ease, background .2s ease;
}
.node--type-news .social-media-sharing a:hover{
  border-color:var(--art-gold);
  background:#fbf8f0;
}
.node--type-news .social-media-sharing a img{
  width:16px;
  height:16px;
  display:block;
}

/* ---------- responsive ---------- */
@media (max-width:767px){
  .node--type-news > div:not(.contextual){ padding:32px 18px 48px; }
  .node--type-news .field--name-body > p:first-of-type::first-letter{
    font-size:52px;
  }
  .node--type-news .field--name-body h2{ font-size:26px; }
  .node--type-news .field--name-body h3{ font-size:22px; }
  .node--type-news .field--name-body blockquote{ font-size:21px; }
}


/* ===========================================================
   ABOUT / OVERVIEW  —  four Gavias rows  (CSS only)
   Scope: .overview_class_1 .. .overview_class_4
   Titles & sub-titles keep the home-page font/size (color only).
   Custom blocks fully styled. Everything square (no rounding).
   =========================================================== */

.overview_class_1,
.overview_class_2,
.overview_class_3,
.overview_class_4{
  --ov-navy:#13294a;
  --ov-green:#0a5d2e;
  --ov-gold:#c79a2e;
  --ov-gold2:#b8860b;
  --ov-gold-lt:#e9c463;
  --ov-ink:#2c3340;
  --ov-body:#4b4636;
  --ov-muted:#9fb0cc;
  --ov-line:#e3d9c4;
  --ov-card:#f4eee1;
  --ov-card-line:#e7ddc8;
}

/* kill rounding everywhere in these sections */
.overview_class_1 *,
.overview_class_2 *,
.overview_class_3 *,
.overview_class_4 *{
  border-radius:0 !important;
}

/* ===========================================================
   1) WHAT WE DO  (cream intro)
   =========================================================== */
.overview_class_1{  }
.overview_class_1 .bb-inner{ padding:72px 0; }

.overview_class_1 .gsc-heading__sub-title{ color:var(--ov-gold2); }
.overview_class_1 .gsc-heading__title{ color:var(--ov-navy); }
.overview_class_1 .gsc-heading__desc{ color:var(--ov-body); }
.overview_class_1 .gsc-heading__desc p{
  font-size:17px;
  line-height:1.7;
  margin:0 0 18px;
}
.overview_class_1 .gsc-heading__desc p:last-child{ margin-bottom:0; }

/* ===========================================================
   2) VISION / MISSION  (two solid cards: navy + green)
   =========================================================== */
.overview_class_2{  }
.overview_class_2 .bb-inner{ padding:0 0 56px; }

/* equal-height cards */
.overview_class_2 .gsc-column .column-inner,
.overview_class_2 .gsc-column .column-content-inner{ height:100%; }
.overview_class_2 .widget.gsc-heading{ margin:0; max-width:none; }

.overview_class_2 .gsc-column:nth-child(1) .column-content-inner{
  background:var(--ov-navy);
  padding:42px 40px;
  height:100%;
}
.overview_class_2 .gsc-column:nth-child(2) .column-content-inner{
  background:var(--ov-green);
  padding:42px 40px;
  height:100%;
}
.overview_class_2 .gsc-column:nth-child(1) .gsc-heading__sub-title{ color:var(--ov-gold); }
.overview_class_2 .gsc-column:nth-child(2) .gsc-heading__sub-title{ color:var(--ov-gold-lt); }

/* the statement text (desc) reads as a serif pull-statement */
.overview_class_2 .gsc-heading__desc{ margin:0; }
.overview_class_2 .gsc-heading__desc p{
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-size:25px;
  line-height:1.4;
  color:#fff;
  margin:0;
}

/* ===========================================================
   3) MANDATE  (heading + 3-col numbered cards)
   =========================================================== */
.overview_class_3{
  
  border-top:1px solid var(--ov-line);
}
.overview_class_3 .bb-inner{ padding:64px 0; }

.overview_class_3 .gsc-heading__sub-title{ color:var(--ov-gold2); }
.overview_class_3 .gsc-heading__title{ color:var(--ov-navy); }
.overview_class_3 .gsc-heading__desc{ color:var(--ov-body); max-width:880px; }
.overview_class_3 .gsc-heading__desc p{
  font-size:17px;
  line-height:1.7;
  margin:0 0 16px;
}

/* numbered cards grid */
.overview_class_3 .block-custom-text .block-content > div{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:22px;
  margin-top:36px;
}
.overview_class_3 .block-custom-text .block-content > div > div{
  background:var(--ov-card);
  border:1px solid var(--ov-card-line);
  padding:26px 24px;
}
.overview_class_3 .block-custom-text .block-content > div > div > div{
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-size:28px;
  line-height:1;
  color:var(--ov-gold);
  margin-bottom:14px;
}
.overview_class_3 .block-custom-text .block-content > div > div p{
  font:500 15.5px/1.5 'Public Sans', sans-serif;
  color:var(--ov-ink);
  margin:0;
}

/* ===========================================================
   4) CORE VALUES  (navy strip, 4-col)
   =========================================================== */
.overview_class_4{ background:var(--ov-navy); }
.overview_class_4 .bb-inner{ padding:56px 0; }

/* "Our Core Values" eyebrow (first child) */
.overview_class_4 .block-custom-text .block-content > div > div:first-child{
  font:600 12px/1 'Public Sans', sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--ov-gold);
  margin-bottom:30px;
}
/* values grid (second child wrapper) */
.overview_class_4 .block-custom-text .block-content > div > div:nth-child(2){
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:28px;
}
/* each value */
.overview_class_4 .block-custom-text .block-content > div > div:nth-child(2) > div{
  border-top:2px solid #2f4368;
  padding-top:18px;
}
/* value title */
.overview_class_4 .block-custom-text .block-content > div > div:nth-child(2) > div > div{
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-size:19px;
  line-height:1.2;
  color:#fff;
  margin-bottom:8px;
}
/* value description */
.overview_class_4 .block-custom-text .block-content > div > div:nth-child(2) > div p{
  font:400 13.5px/1.6 'Public Sans', sans-serif;
  color:var(--ov-muted);
  margin:0;
}

/* ===========================================================
   responsive
   =========================================================== */
@media (max-width:900px){
  .overview_class_1 .bb-inner,
  .overview_class_3 .bb-inner{ padding:48px 0; }
  .overview_class_4 .bb-inner{ padding:44px 0; }

  .overview_class_3 .block-custom-text .block-content > div{
    grid-template-columns:repeat(2, 1fr);
  }
  .overview_class_4 .block-custom-text .block-content > div > div:nth-child(2){
    grid-template-columns:repeat(2, 1fr);
  }
}
@media (max-width:560px){
  .overview_class_3 .block-custom-text .block-content > div,
  .overview_class_4 .block-custom-text .block-content > div > div:nth-child(2){
    grid-template-columns:1fr;
  }
}


/* ===========================================================
   LEADERSHIP PAGE  —  node 129  (CSS only)
   Scope: [data-history-node-id="129"]  (won't touch other page nodes)
   Rows identified by their Gavias element classes:
     .el-67754208  → Political Leadership / The Ministers
     .el-55958240  → Permanent Secretary
     .el-34253639  → Technical Leadership / The Commissioners
   gsc-heading titles/sub-titles keep home-page font+size (color only).
   Square corners throughout (consistent with the rest of the site).
   =========================================================== */

[data-history-node-id="129"]{
  --ld-navy:#13294a;
  --ld-gold:#c79a2e;
  --ld-gold2:#b8860b;
  --ld-ink:#2c3340;
  --ld-body:#4b4636;
  --ld-muted:#8a8268;
  --ld-muted2:#9fb0cc;
  --ld-line:#e3d9c4;
  --ld-card:#f4eee1;
  --ld-card2:#fbf8f0;
  --ld-card-line:#e7ddc8;
}

/* ---------- page header band ---------- */
[data-history-node-id="129"] .header-title{
  background:var(--ld-navy);
  padding:58px 0 54px;
}
[data-history-node-id="129"] .header-title .title,
[data-history-node-id="129"] .header-title .title span{
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-weight:500;
  color:#fff;
}
[data-history-node-id="129"] .header-title .title{
  font-size:48px;
  line-height:1.08;
  margin:0;
  max-width:760px;
}

/* shared: tidy fieldset wrappers in every leadership card */
[data-history-node-id="129"] .views-field-fieldset fieldset{
  border:0;
  margin:0;
  min-width:0;
}

/* ===========================================================
   1) POLITICAL LEADERSHIP — The Ministers  (horizontal cards)
   =========================================================== */
[data-history-node-id="129"] .el-67754208{ background:var(--ld-card); }
[data-history-node-id="129"] .el-67754208 .bb-inner{ padding:66px 0 40px; }

[data-history-node-id="129"] .el-67754208 .gsc-heading__sub-title{ color:var(--ld-gold2); }
[data-history-node-id="129"] .el-67754208 .gsc-heading__title{ color:var(--ld-navy); }
[data-history-node-id="129"] .el-67754208 .gsc-heading__desc{ display:none; } /* per-card bios cover this */

[data-history-node-id="129"] .el-67754208 .view-content-wrap{
  display:flex;
  gap:26px;
  margin-top:32px;
}
[data-history-node-id="129"] .el-67754208 .item{
  flex:1;
  display:flex;
  background:var(--ld-card2);
  border:1px solid var(--ld-card-line);
  border-radius:0;
  overflow:hidden;
}
/* portrait */
[data-history-node-id="129"] .el-67754208 .views-field-field-team-image{
  width:220px;
  flex:none;
}
[data-history-node-id="129"] .el-67754208 .views-field-field-team-image,
[data-history-node-id="129"] .el-67754208 .views-field-field-team-image .field-content,
[data-history-node-id="129"] .el-67754208 .views-field-field-team-image .item-image{
  height:100%;
}
[data-history-node-id="129"] .el-67754208 .views-field-field-team-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
/* content */
[data-history-node-id="129"] .el-67754208 .views-field-fieldset{ flex:1; display:flex; }
[data-history-node-id="129"] .el-67754208 .views-field-fieldset > .field-content{ display:flex; flex:1; }
[data-history-node-id="129"] .el-67754208 .views-field-fieldset fieldset{
  display:flex;
  flex-direction:column;
  justify-content:center;
  flex:1;
  padding:30px;
}
[data-history-node-id="129"] .el-67754208 .views-field-field-team-position .field-content{
  font:600 11.5px/1 'Public Sans', sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--ld-gold);
  margin-bottom:12px;
}
[data-history-node-id="129"] .el-67754208 .views-field-title{ margin-bottom:6px; }
[data-history-node-id="129"] .el-67754208 .views-field-title a{
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-weight:600;
  font-size:24px;
  line-height:1.2;
  color:var(--ld-navy);
  text-decoration:none;
}
[data-history-node-id="129"] .el-67754208 .views-field-field-team-description{ margin-bottom:16px; }
[data-history-node-id="129"] .el-67754208 .views-field-field-team-description .field-content,
[data-history-node-id="129"] .el-67754208 .views-field-field-team-description p{
  font:400 13.5px/1.4 'Public Sans', sans-serif;
  color:var(--ld-muted);
  margin:0;
}
[data-history-node-id="129"] .el-67754208 .views-field-body{ margin-bottom:18px; }
[data-history-node-id="129"] .el-67754208 .views-field-body .field-content,
[data-history-node-id="129"] .el-67754208 .views-field-body p{
  font:400 14.5px/1.6 'Public Sans', sans-serif;
  color:var(--ld-body);
  margin:0;
}
[data-history-node-id="129"] .el-67754208 .views-field-view-node a{
  display:inline-block;
  font:600 12px/1 'Public Sans', sans-serif;
  color:var(--ld-navy);
  border:1px solid #d8ccb2;
  background:#fff;
  padding:8px 14px;
  border-radius:0;
  text-decoration:none;
}
[data-history-node-id="129"] .el-67754208 .views-field-view-node a::after{ content:" \2192"; }

/* ===========================================================
   2) PERMANENT SECRETARY  (single navy card)
   =========================================================== */
[data-history-node-id="129"] .el-55958240{ background:var(--ld-card); }
[data-history-node-id="129"] .el-55958240 .bb-inner{ padding:26px 0 56px; }

[data-history-node-id="129"] .el-55958240 .item{
  background:var(--ld-navy);
  border-radius:0;
  padding:36px 40px;
}
[data-history-node-id="129"] .el-55958240 .views-field-field-team-image{ display:none; } /* empty */
[data-history-node-id="129"] .el-55958240 .views-field-fieldset fieldset{ padding:0; }
[data-history-node-id="129"] .el-55958240 .views-field-field-team-position .field-content{
  font:600 11.5px/1 'Public Sans', sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--ld-gold);
  margin-bottom:12px;
}
[data-history-node-id="129"] .el-55958240 .views-field-title{ margin-bottom:6px; }
[data-history-node-id="129"] .el-55958240 .views-field-title a{
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-weight:600;
  font-size:25px;
  line-height:1.2;
  color:#fff;
  text-decoration:none;
}
[data-history-node-id="129"] .el-55958240 .views-field-field-team-description .field-content,
[data-history-node-id="129"] .el-55958240 .views-field-field-team-description p{
  font:400 13.5px/1.4 'Public Sans', sans-serif;
  color:var(--ld-muted2);
  margin:0;
}
[data-history-node-id="129"] .el-55958240 .views-field-body{ display:none; } /* empty */
[data-history-node-id="129"] .el-55958240 .views-field-view-node a{
  display:inline-block;
  margin-top:16px;
  font:600 12px/1 'Public Sans', sans-serif;
  color:#fff;
  border:1px solid rgba(255,255,255,.35);
  padding:8px 14px;
  border-radius:0;
  text-decoration:none;
}
[data-history-node-id="129"] .el-55958240 .views-field-view-node a::after{ content:" \2192"; }

/* ===========================================================
   3) TECHNICAL LEADERSHIP — The Commissioners  (3-col grid)
   =========================================================== */
[data-history-node-id="129"] .el-34253639{
  background:var(--ld-card2);
  border-top:1px solid var(--ld-line);
}
[data-history-node-id="129"] .el-34253639 .bb-inner{ padding:64px 0; }

/* header row: heading left, intro right, bottom-aligned */
[data-history-node-id="129"] .el-34253639 .row-wrapper{ align-items:flex-end; }
[data-history-node-id="129"] .el-34253639 .gsc-heading{ margin:0; }
[data-history-node-id="129"] .el-34253639 .gsc-heading__sub-title{ color:var(--ld-gold2); }
[data-history-node-id="129"] .el-34253639 .gsc-heading__title{ color:var(--ld-navy); }
[data-history-node-id="129"] .el-34253639 .el-custom-content p{
  font:400 14px/1.5 'Public Sans', sans-serif;
  color:var(--ld-muted);
  margin:0;
  max-width:360px;
}

/* grid (the col-12 view) */
[data-history-node-id="129"] .el-34253639 .view-content-wrap{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:24px;
  margin-top:32px;
}
[data-history-node-id="129"] .el-34253639 .item{
  background:var(--ld-card);
  border:1px solid var(--ld-card-line);
  border-radius:0;
  padding:22px;
}
[data-history-node-id="129"] .el-34253639 .views-field-field-team-image{ display:none; } /* empty */
[data-history-node-id="129"] .el-34253639 .views-field-body{ display:none; }        /* empty */
[data-history-node-id="129"] .el-34253639 .views-field-fieldset fieldset{
  display:flex;
  flex-direction:column;
  padding:0;
}
/* reorder so the name is on top, then role, then department, then profile */
[data-history-node-id="129"] .el-34253639 .views-field-title{ order:1; }
[data-history-node-id="129"] .el-34253639 .views-field-field-team-position{ order:2; }
[data-history-node-id="129"] .el-34253639 .views-field-field-team-description{ order:3; }
[data-history-node-id="129"] .el-34253639 .views-field-view-node{ order:4; }

[data-history-node-id="129"] .el-34253639 .views-field-title a{
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-weight:600;
  font-size:17px;
  line-height:1.2;
  color:var(--ld-navy);
  text-decoration:none;
}
[data-history-node-id="129"] .el-34253639 .views-field-field-team-position .field-content{
  font:600 11px/1.3 'Public Sans', sans-serif;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--ld-gold);
  margin-top:6px;
}
[data-history-node-id="129"] .el-34253639 .views-field-field-team-description{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--ld-card-line);
}
[data-history-node-id="129"] .el-34253639 .views-field-field-team-description .field-content,
[data-history-node-id="129"] .el-34253639 .views-field-field-team-description p,
[data-history-node-id="129"] .el-34253639 .views-field-field-team-description span{
  font:500 14px/1.45 'Public Sans', sans-serif !important; /* override stray inline Calibri */
  color:var(--ld-ink);
  margin:0;
}
[data-history-node-id="129"] .el-34253639 .views-field-view-node a{
  display:inline-block;
  margin-top:12px;
  font:600 12px/1 'Public Sans', sans-serif;
  color:var(--ld-gold);
  text-decoration:none;
}
[data-history-node-id="129"] .el-34253639 .views-field-view-node a::after{ content:" \2192"; }

/* ===========================================================
   responsive
   =========================================================== */
@media (max-width:900px){
  [data-history-node-id="129"] .header-title .title{ font-size:34px; }
  [data-history-node-id="129"] .el-67754208 .view-content-wrap{ flex-direction:column; }
  [data-history-node-id="129"] .el-34253639 .view-content-wrap{ grid-template-columns:repeat(2, 1fr); }
}
@media (max-width:600px){
  [data-history-node-id="129"] .el-67754208 .item{ flex-direction:column; }
  [data-history-node-id="129"] .el-67754208 .views-field-field-team-image{
    width:100%;
    height:240px;
  }
  [data-history-node-id="129"] .el-34253639 .view-content-wrap{ grid-template-columns:1fr; }
}


.arrow-style-left::before{
  display: none;
}

.arrow-style-left::after{
  display: none;
}


/* ===========================================================
   HISTORY OF THE EAC  —  node 138  (CSS only)
   Scope: [data-history-node-id="138"]
   Rows by Gavias element class:
     .el-51927367 → roots/narrative + earlier arrangements + treaty
       .el-23892032  narrative (gsc-heading)
       .el-56998375  "Earlier arrangements" list
       .el-48072036  founding-treaty green card
     .el-84268819 → Milestones timeline (.el-74958556)
   Fonts/sizes follow the mockup, using the site families.
   Square corners throughout.
   =========================================================== */

[data-history-node-id="138"]{
  --h-navy:#13294a;
  --h-green:#0a5d2e;
  --h-gold:#c79a2e;
  --h-gold2:#b8860b;
  --h-goldlt:#e9c463;
  --h-ink:#2c3340;
  --h-body:#332f24;
  --h-muted:#8a8268;
  --h-line:#e3d9c4;
  --h-card:#f4eee1;
  --h-card2:#fbf8f0;
  --h-card-line:#e7ddc8;
}

/* ---------- page header band ---------- */
[data-history-node-id="138"] .header-title{
  background:var(--h-navy);
  padding:58px 0 54px;
}
[data-history-node-id="138"] .header-title .title,
[data-history-node-id="138"] .header-title .title span{
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-weight:500;
  color:#fff;
}
[data-history-node-id="138"] .header-title .title{
  font-size:48px;
  line-height:1.08;
  margin:0;
  max-width:760px;
}

/* ===========================================================
   ROW 1  —  cream band (narrative + arrangements + treaty)
   =========================================================== */
[data-history-node-id="138"] .el-51927367{ background:var(--h-card); }
[data-history-node-id="138"] .el-51927367 .bb-inner{ padding:72px 0 60px; }

/* ----- narrative (col-8) ----- */
[data-history-node-id="138"] .el-23892032 .gsc-heading__sub-title{
  font:600 12px/1 'Public Sans', sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--h-gold2);
  margin-bottom:16px;
}
[data-history-node-id="138"] .el-23892032 .gsc-heading__title,
[data-history-node-id="138"] .el-23892032 .gsc-heading__title span{
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-weight:500;
  font-size:32px;
  line-height:1.2;
  color:var(--h-navy);
}
[data-history-node-id="138"] .el-23892032 .gsc-heading__title{ margin:0 0 22px; }
[data-history-node-id="138"] .el-23892032 .gsc-heading__desc p{
  font-size:17px;
  line-height:1.78;
  color:var(--h-body);
  margin:0 0 20px;
}
/* drop-cap on the first paragraph */
[data-history-node-id="138"] .el-23892032 .gsc-heading__desc > p:first-of-type::first-letter{
  float:left;
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-weight:600;
  font-size:64px;
  line-height:.78;
  color:var(--h-navy);
  margin:6px 14px 0 0;
}

/* ----- earlier arrangements (col-4) ----- */
[data-history-node-id="138"] .el-56998375 .column-content-inner{
  border-left:1px solid var(--h-line);
  padding-left:40px;
}
[data-history-node-id="138"] .el-56998375 .block-content > div > div:first-child{
  font:600 13px/1 'Public Sans', sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--h-muted);
  margin-bottom:18px;
}
/* each arrangement row */
[data-history-node-id="138"] .el-56998375 .block-content > div > div:nth-child(2) > div{
  display:flex;
  gap:16px;
  padding:15px 0;
  border-bottom:1px solid var(--h-card-line);
}
[data-history-node-id="138"] .el-56998375 .block-content > div > div:nth-child(2) > div > div:first-child{
  flex:none;
  width:78px;
  font:600 13px/1.2 'Public Sans', sans-serif;
  color:var(--h-gold);
}
[data-history-node-id="138"] .el-56998375 .block-content > div > div:nth-child(2) > div > div:nth-child(2){
  font:500 14.5px/1.4 'Public Sans', sans-serif;
  color:var(--h-ink);
}

/* ----- founding treaty (col-12, green card) ----- */
[data-history-node-id="138"] .el-48072036{ margin-top:48px; }
[data-history-node-id="138"] .el-48072036 .block-content > div{
  display:flex;
  gap:48px;
  align-items:center;
  background:var(--h-green);
  border-radius:0;
  padding:46px 44px;
}
[data-history-node-id="138"] .el-48072036 .block-content > div > div:first-child{ flex:1; }
[data-history-node-id="138"] .el-48072036 .block-content > div > div:first-child > div{
  font:600 12px/1 'Public Sans', sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--h-goldlt);
  margin-bottom:16px;
}
[data-history-node-id="138"] .el-48072036 .block-content > div > div:first-child p{
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-weight:500;
  font-size:27px;
  line-height:1.4;
  color:#fff;
  margin:0;
}
[data-history-node-id="138"] .el-48072036 .block-content > div > div:nth-child(2){
  flex:none;
  text-align:center;
  border-left:1px solid #2a7a4c;
  padding-left:48px;
}
[data-history-node-id="138"] .el-48072036 .block-content > div > div:nth-child(2) > div:first-child{
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-weight:600;
  font-size:56px;
  line-height:1;
  color:var(--h-goldlt);
}
[data-history-node-id="138"] .el-48072036 .block-content > div > div:nth-child(2) > div:nth-child(2){
  font:500 13px/1.3 'Public Sans', sans-serif;
  color:#bfe0cb;
  margin-top:8px;
  max-width:140px;
  margin-left:auto;
  margin-right:auto;
}

/* ===========================================================
   ROW 2  —  Milestones timeline
   =========================================================== */
[data-history-node-id="138"] .el-84268819{
  background:var(--h-card2);
  border-top:1px solid var(--h-line);
}
[data-history-node-id="138"] .el-84268819 .bb-inner{ padding:64px 0 72px; }

[data-history-node-id="138"] .el-74958556 .block-content > div > div:first-of-type{
  font:600 12px/1 'Public Sans', sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--h-gold2);
  margin-bottom:8px;
}
[data-history-node-id="138"] .el-74958556 .block-content > div > h3{
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-weight:500;
  font-size:32px;
  line-height:1.15;
  color:var(--h-navy);
  margin:0 0 42px;
}

/* milestone list */
[data-history-node-id="138"] .el-74958556 .block-content > div > div:last-of-type{
  display:flex;
  flex-direction:column;
  gap:18px;
}
/* each milestone card */
[data-history-node-id="138"] .el-74958556 .block-content > div > div:last-of-type > div{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:8px 12px;
  background:var(--h-card);
  border:1px solid var(--h-card-line);
  border-left:3px solid var(--h-gold);
  border-radius:0;
  padding:18px 22px;
}
/* date (1st) + year (2nd) sit on the same line */
[data-history-node-id="138"] .el-74958556 .block-content > div > div:last-of-type > div > div:nth-child(1){
  font:600 14px/1.2 'Public Sans', sans-serif;
  color:var(--h-navy);
}
[data-history-node-id="138"] .el-74958556 .block-content > div > div:last-of-type > div > div:nth-child(2){
  font:600 14px/1.2 'Public Sans', sans-serif;
  color:var(--h-gold2);
}
/* category tag (only some items) */
[data-history-node-id="138"] .el-74958556 .block-content > div > div:last-of-type > div span{
  display:inline-block;
  font:600 10.5px/1 'Public Sans', sans-serif;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--h-navy);
  background:#f3e3bd;
  padding:5px 11px;
  border-radius:0;
}
/* description on its own line */
[data-history-node-id="138"] .el-74958556 .block-content > div > div:last-of-type > div p{
  flex-basis:100%;
  margin:0;
  font:400 15.5px/1.6 'Public Sans', sans-serif;
  color:var(--h-body);
}

/* ===========================================================
   responsive
   =========================================================== */
@media (max-width:900px){
  [data-history-node-id="138"] .header-title .title{ font-size:34px; }
  [data-history-node-id="138"] .el-56998375 .column-content-inner{
    border-left:0;
    padding-left:0;
    margin-top:32px;
  }
  [data-history-node-id="138"] .el-48072036 .block-content > div{
    flex-direction:column;
    align-items:flex-start;
    gap:28px;
  }
  [data-history-node-id="138"] .el-48072036 .block-content > div > div:nth-child(2){
    border-left:0;
    border-top:1px solid #2a7a4c;
    padding-left:0;
    padding-top:24px;
    text-align:left;
  }
  [data-history-node-id="138"] .el-48072036 .block-content > div > div:nth-child(2) > div:nth-child(2){
    margin-left:0;
  }
}


/* ===========================================================
   NEWS LISTING  —  node 139  (CSS only)
   Scope: [data-history-node-id="139"]
   Overrides Isotope's absolute positioning into a responsive grid,
   styles the filter tabs / sort form / cards to match the mockup.
   Fonts: serif = var(--indutri-heading-font-family) · sans = Public Sans
   Square corners throughout.
   =========================================================== */

[data-history-node-id="139"]{
  --n-navy:#13294a;
  --n-gold:#c79a2e;
  --n-gold2:#b8860b;
  --n-ink:#1b2530;
  --n-ink2:#2c3340;
  --n-body:#6b6451;
  --n-muted:#8a8268;
  --n-line:#e3d9c4;
  --n-card:#fbf8f0;
  --n-card-line:#e7ddc8;
  --n-cream:#f4eee1;
}

/* ---------- page header band ---------- */
[data-history-node-id="139"] .header-title{
  background:var(--n-navy);
  padding:54px 0 50px;
}
[data-history-node-id="139"] .header-title .title,
[data-history-node-id="139"] .header-title .title span{
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-weight:500;
  color:#fff;
}
[data-history-node-id="139"] .header-title .title{
  font-size:46px;
  line-height:1.08;
  margin:0;
  max-width:700px;
}

/* page background */
[data-history-node-id="139"] .el-22769829{ background:var(--n-cream); }
[data-history-node-id="139"] .el-22769829 .bb-inner{ padding:40px 0 64px; }

/* ---------- sort / exposed form (compact) ---------- */
[data-history-node-id="139"] .views-exposed-form{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:16px;
  margin-bottom:6px;
}
[data-history-node-id="139"] .views-exposed-form .form-item{ margin:0; }
[data-history-node-id="139"] .views-exposed-form label{
  display:block;
  margin-bottom:6px;
  font:600 11px/1 'Public Sans', sans-serif;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--n-muted);
}
[data-history-node-id="139"] .views-exposed-form .form-select{
  height:38px;
  border:1px solid #d8ccb2;
  background:#fff;
  border-radius:0;
  padding:0 10px;
  font:500 13px/1 'Public Sans', sans-serif;
  color:var(--n-ink2);
}
[data-history-node-id="139"] .views-exposed-form .form-submit{
  height:38px;
  border:0;
  border-radius:0;
  background:var(--n-navy);
  color:#fff;
  padding:0 20px;
  font:700 13px/1 'Public Sans', sans-serif;
  cursor:pointer;
}

/* ---------- category filter tabs ---------- */
[data-history-node-id="139"] .portfolio-filter{
  margin:24px 0 30px;
  padding:24px 0;
  border-top:1px solid var(--n-line);
  border-bottom:1px solid var(--n-line);
}
[data-history-node-id="139"] .portfolio-filter .nav-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
  border:0;
}
[data-history-node-id="139"] .portfolio-filter .nav-tabs li{ margin:0; }
[data-history-node-id="139"] .portfolio-filter .btn-filter{
  display:inline-block;
  font:600 13px/1 'Public Sans', sans-serif;
  color:var(--n-ink2);
  background:#fff;
  border:1px solid #d8ccb2;
  border-radius:0;
  padding:9px 16px;
  text-decoration:none;
}
[data-history-node-id="139"] .portfolio-filter .btn-filter.active,
[data-history-node-id="139"] .portfolio-filter .btn-filter:hover{
  background:var(--n-navy);
  color:#fff;
  border-color:var(--n-navy);
}

/* ===========================================================
   GRID  —  override Isotope's absolute positioning
   =========================================================== */
[data-history-node-id="139"] .isotope-items{
  position:static !important;
  height:auto !important;
  margin:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3, 1fr);
  gap:30px 26px;
}
[data-history-node-id="139"] .isotope-items > div{
  position:relative !important;   /* was absolute via inline JS */
  left:auto !important;
  top:auto !important;
  width:auto !important;
  float:none !important;
  margin:0 !important;
  padding:0 !important;
  background:var(--n-card);
  border:1px solid var(--n-card-line);
  border-radius:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}

/* category pill over the image */
[data-history-node-id="139"] .views-field-field-post-category-1{
  position:absolute;
  top:12px;
  left:12px;
  z-index:2;
  font:600 10.5px/1 'Public Sans', sans-serif;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--n-navy);
  background:#f3e3bd;
  padding:5px 11px;
}

/* image */
[data-history-node-id="139"] .views-field-field-image-1,
[data-history-node-id="139"] .views-field-field-image-1 .field-content,
[data-history-node-id="139"] .views-field-field-image-1 .item-image{ display:block; }
[data-history-node-id="139"] .views-field-field-image-1 img{
  display:block;
  width:100%;
  height:172px;
  object-fit:cover;
}

/* content */
[data-history-node-id="139"] .views-field-fieldset{ flex:1; display:flex; }
[data-history-node-id="139"] .views-field-fieldset > .field-content{ display:flex; flex:1; }
[data-history-node-id="139"] .views-field-fieldset fieldset{
  border:0;
  margin:0;
  min-width:0;
  padding:20px 20px 22px;
  display:flex;
  flex-direction:column;
  flex:1;
}
[data-history-node-id="139"] .views-field-field-publish-date{
  font:600 11.5px/1 'Public Sans', sans-serif;
  letter-spacing:.05em;
  color:var(--n-gold2);
  margin-bottom:11px;
}
[data-history-node-id="139"] .views-field-field-publish-date time{ font:inherit; color:inherit; }
[data-history-node-id="139"] .post-meta{ display:none; }  /* empty */
[data-history-node-id="139"] .post-title{ margin:0 0 10px; }
[data-history-node-id="139"] .post-title a{
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-weight:500;
  font-size:20px;
  line-height:1.3;
  color:var(--n-ink);
  text-decoration:none;
}
[data-history-node-id="139"] .views-field-body{ margin-bottom:16px; }
[data-history-node-id="139"] .views-field-body .field-content{
  font:400 13.5px/1.55 'Public Sans', sans-serif;
  color:var(--n-body);
  margin:0;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
[data-history-node-id="139"] .views-field-body p{ margin:0; }
[data-history-node-id="139"] .views-field-view-node{ margin-top:auto; }
[data-history-node-id="139"] .views-field-view-node a{
  font:600 12.5px/1 'Public Sans', sans-serif;
  color:var(--n-navy);
  text-decoration:none;
}
[data-history-node-id="139"] .views-field-view-node a::after{ content:" \2192"; }

/* ---------- first item as a full-width featured card ---------- */
[data-history-node-id="139"] .isotope-items > div:first-child{
  grid-column:1 / -1;
  flex-direction:row;
}
[data-history-node-id="139"] .isotope-items > div:first-child .views-field-field-image-1{
  width:55%;
  flex:none;
}
[data-history-node-id="139"] .isotope-items > div:first-child .views-field-field-image-1 .item-image,
[data-history-node-id="139"] .isotope-items > div:first-child .views-field-field-image-1 .field-content{
  height:100%;
}
[data-history-node-id="139"] .isotope-items > div:first-child .views-field-field-image-1 img{
  height:100%;
  min-height:360px;
}
[data-history-node-id="139"] .isotope-items > div:first-child .views-field-fieldset fieldset{
  justify-content:center;
  padding:44px 40px;
}
[data-history-node-id="139"] .isotope-items > div:first-child .post-title a{ font-size:32px; line-height:1.18; }
[data-history-node-id="139"] .isotope-items > div:first-child .views-field-body .field-content{
  font-size:15px;
  line-height:1.65;
  -webkit-line-clamp:5;
}

/* ---------- responsive ---------- */
@media (max-width:900px){
  [data-history-node-id="139"] .header-title .title{ font-size:32px; }
  [data-history-node-id="139"] .isotope-items{ grid-template-columns:repeat(2, 1fr); }
  [data-history-node-id="139"] .isotope-items > div:first-child{ flex-direction:column; }
  [data-history-node-id="139"] .isotope-items > div:first-child .views-field-field-image-1{ width:100%; }
  [data-history-node-id="139"] .isotope-items > div:first-child .views-field-field-image-1 img{ min-height:0; height:240px; }
  [data-history-node-id="139"] .isotope-items > div:first-child .post-title a{ font-size:24px; }
}
@media (max-width:560px){
  [data-history-node-id="139"] .isotope-items{ grid-template-columns:1fr; }
}



/* ===========================================================
   PUBLICATIONS  —  node 140 block  (CSS only)
   Scope: .publication_class
   Overrides Isotope into a 2-col grid; document cards per mockup.
   Fonts: serif = var(--indutri-heading-font-family) · sans = Public Sans
   Square corners throughout.
   =========================================================== */

.publication_class{
  --p-navy:#13294a;
  --p-gold:#c79a2e;
  --p-gold2:#b8860b;
  --p-ink:#1b2530;
  --p-ink2:#2c3340;
  --p-muted:#8a8268;
  --p-line:#e3d9c4;
  --p-card:#fbf8f0;
  --p-card-line:#e7ddc8;
  --p-cream:#f4eee1;
  --p-pdf:#c0392b;

  background:var(--p-cream);
}
.publication_class .bb-inner{ padding:48px 0 64px; }

/* ---------- filter tabs ---------- */
.publication_class .portfolio-filter{
  margin:0 0 30px;
  padding:0 0 24px;
  border-bottom:1px solid var(--p-line);
}
.publication_class .portfolio-filter .nav-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
  border:0;
}
.publication_class .portfolio-filter .nav-tabs li{ margin:0; }
.publication_class .portfolio-filter .btn-filter{
  display:inline-block;
  font:600 13px/1 'Public Sans', sans-serif;
  color:var(--p-ink2);
  background:#fff;
  border:1px solid #d8ccb2;
  border-radius:0;
  padding:9px 16px;
  text-decoration:none;
}
.publication_class .portfolio-filter .btn-filter.active,
.publication_class .portfolio-filter .btn-filter:hover{
  background:var(--p-navy);
  color:#fff;
  border-color:var(--p-navy);
}

/* ===========================================================
   GRID  —  override Isotope's absolute positioning (2-up)
   =========================================================== */
.publication_class .isotope-items{
  position:static !important;
  height:auto !important;
  margin:0 !important;
  display:grid !important;
  grid-template-columns:repeat(2, 1fr);
  gap:20px;
}
.publication_class .isotope-items > div{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  width:auto !important;
  float:none !important;
  margin:0 !important;
  padding:24px !important;
  background:var(--p-card);
  border:1px solid var(--p-card-line);
  border-radius:0;
  min-height:130px;
  display:grid;
  grid-template-columns:64px 1fr;
  column-gap:20px;
}

/* file thumbnail (built with a pseudo-element) */
.publication_class .isotope-items > div::before{
  content:"PDF";
  grid-column:1;
  grid-row:1 / -1;
  align-self:start;
  box-sizing:border-box;
  width:64px;
  height:82px;
  background:#fff;
  border:1px solid #e0d6c0;
  border-top:8px solid var(--p-pdf);
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding-bottom:10px;
  font:700 9px/1 'Public Sans', sans-serif;
  letter-spacing:.04em;
  color:var(--p-pdf);
}

/* all text fields live in column 2 */
.publication_class .isotope-items > div > .views-field{ grid-column:2; min-width:0; }

/* type pill */
.publication_class .views-field-field-publication-type{ margin-bottom:11px; }
.publication_class .views-field-field-publication-type .field-content{
  display:inline-block;
  font:600 10px/1 'Public Sans', sans-serif;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--p-navy);
  background:#f3e3bd;
  padding:5px 10px;
}

/* title */
.publication_class .views-field-title{ margin-bottom:10px; }
.publication_class .views-field-title .field-content{
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-weight:600;
  font-size:16.5px;
  line-height:1.3;
  color:var(--p-ink);
}

/* date (often empty) */
.publication_class .views-field-field-publication-date .field-content{
  font:500 12px/1.4 'Public Sans', sans-serif;
  color:var(--p-muted);
}

/* document: Download button + file size */
.publication_class .views-field-field-publication-document{ margin-top:14px; }
.publication_class .views-field-field-publication-document .field-content{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
}
/* hide the long filename, show "Download" instead */
.publication_class .views-field-field-publication-document .file a{
  display:inline-block;
  background:var(--p-navy);
  color:#fff;
  padding:9px 15px;
  border-radius:0;
  text-decoration:none;
  font-size:0;            /* hides the raw filename text */
}
.publication_class .views-field-field-publication-document .file a::before{
  content:"\2193  Download";
  font:600 12px/1 'Public Sans', sans-serif;
  color:#fff;
}
/* the (xxx KB) size span */
.publication_class .views-field-field-publication-document .field-content > span:not(.file){
  font:500 12px/1 'Public Sans', sans-serif;
  color:var(--p-muted);
}

/* ---------- responsive ---------- */
@media (max-width:760px){
  .publication_class .isotope-items{ grid-template-columns:1fr; }
}

/* ===========================================================
   BIDS & TENDERS  —  node 142 block  (CSS only)
   Scope: .bids-tender-section
   Renders the view items as an aligned table inside a card.
   Fonts: serif = var(--indutri-heading-font-family) · sans = Public Sans
   Square corners throughout.
   =========================================================== */

.bids-tender-section{
  --b-navy:#13294a;
  --b-gold:#c79a2e;
  --b-ink:#1b2530;
  --b-body:#4b4636;
  --b-muted:#8a8268;
  --b-line:#e3d9c4;
  --b-row-line:#ece3d2;
  --b-card:#fbf8f0;
  --b-card-line:#e7ddc8;
  --b-cream:#f4eee1;

  background:var(--b-cream);
}
.bids-tender-section .bb-inner{ padding:48px 0 64px; }

/* ---------- the table card ---------- */
.bids-tender-section .view-content-wrap{
  background:var(--b-card);
  border:1px solid var(--b-card-line);
  border-top:3px solid var(--b-navy);
  border-radius:0;
  overflow:hidden;
}

/* each tender = one aligned row */
.bids-tender-section .item{
  display:grid;
  grid-template-columns:150px 1fr 180px 150px;
  gap:18px;
  align-items:center;
  padding:20px 26px;
  border-top:1px solid var(--b-row-line);
}
.bids-tender-section .item:first-child{ border-top:0; }

/* small column labels (each cell is self-labelled) */
.bids-tender-section .views-field-field-reference-number::before,
.bids-tender-section .views-field-field-closing-date::before,
.bids-tender-section .views-field-field-publication-document::before{
  display:block;
  margin-bottom:5px;
  font:600 9px/1 'Public Sans', sans-serif;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--b-muted);
}
.bids-tender-section .views-field-field-reference-number::before{ content:"Reference"; }
.bids-tender-section .views-field-field-closing-date::before{ content:"Closing date"; }
.bids-tender-section .views-field-field-publication-document::before{ content:"Document"; }

/* reference */
.bids-tender-section .views-field-field-reference-number .field-content{
  font:600 12.5px/1.3 'Public Sans', sans-serif;
  color:var(--b-muted);
}

/* subject (title) */
.bids-tender-section .views-field-title .field-content{
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-weight:600;
  font-size:15.5px;
  line-height:1.35;
  color:var(--b-ink);
}

/* closing date */
.bids-tender-section .views-field-field-closing-date .field-content,
.bids-tender-section .views-field-field-closing-date time{
  font:600 13px/1.3 'Public Sans', sans-serif;
  color:var(--b-navy);
}

/* document -> outlined "↓ PDF" button (filename hidden, href kept) */
.bids-tender-section .views-field-field-publication-document .file a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid #d8ccb2;
  background:#fff;
  padding:9px 14px;
  border-radius:0;
  text-decoration:none;
  font-size:0;
}
.bids-tender-section .views-field-field-publication-document .file a::before{
  content:"\2193  PDF";
  font:600 12px/1 'Public Sans', sans-serif;
  color:var(--b-navy);
}
/* hide the (xxx KB) size in the table */
.bids-tender-section .views-field-field-publication-document .field-content > span:not(.file){
  display:none;
}

/* ---------- responsive: stack into labelled blocks ---------- */
@media (max-width:760px){
  .bids-tender-section .item{
    grid-template-columns:1fr;
    gap:12px;
    padding:18px 18px;
  }
  .bids-tender-section .views-field-title .field-content{ font-size:17px; }
}


/* ===========================================================
   JOBS / CAREERS  —  node 143 block  (CSS only)
   Scope: .jobs_section
   Fonts: serif = var(--indutri-heading-font-family) · sans = Public Sans
   Square corners throughout.
   =========================================================== */

.jobs_section{
  --j-navy:#13294a;
  --j-ink:#1b2530;
  --j-muted:#8a8268;
  --j-red:#b23b16;
  --j-card:#fbf8f0;
  --j-card-line:#e7ddc8;
  --j-cream:#f4eee1;

  background:var(--j-cream);
}
.jobs_section .bb-inner{ padding:44px 0 56px; }

/* list */
.jobs_section .view-content-wrap{
  display:flex;
  flex-direction:column;
  gap:16px;
}

/* each job card: title left, deadline + apply right */
.jobs_section .item{
  display:grid;
  grid-template-columns:1fr auto;
  column-gap:30px;
  align-items:center;
  background:var(--j-card);
  border:1px solid var(--j-card-line);
  border-radius:0;
  padding:26px 28px;
}

/* title (left, spans both right-hand rows) */
.jobs_section .views-field-title{
  grid-column:1;
  grid-row:1 / span 2;
}
.jobs_section .views-field-title .field-content{
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-weight:600;
  font-size:21px;
  line-height:1.25;
  color:var(--j-ink);
}

/* deadline (top-right) */
.jobs_section .views-field-field-closing-date{
  grid-column:2;
  grid-row:1;
  justify-self:end;
  text-align:right;
}
.jobs_section .views-field-field-closing-date::before{
  content:"Deadline";
  display:block;
  margin-bottom:6px;
  font:600 11px/1 'Public Sans', sans-serif;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--j-muted);
}
.jobs_section .views-field-field-closing-date .field-content,
.jobs_section .views-field-field-closing-date time{
  font:600 15px/1 'Public Sans', sans-serif;
  color:var(--j-red);
}

/* View & Apply button (bottom-right) */
.jobs_section .views-field-view-node{
  grid-column:2;
  grid-row:2;
  justify-self:end;
  margin-top:16px;
}
.jobs_section .views-field-view-node a{
  display:inline-block;
  background:var(--j-navy);
  color:#fff;
  padding:12px 22px;
  border-radius:0;
  font:700 13px/1 'Public Sans', sans-serif;
  text-decoration:none;
}
.jobs_section .views-field-view-node a::after{ content:" \2192"; }

/* ---------- responsive ---------- */
@media (max-width:640px){
  .jobs_section .item{
    grid-template-columns:1fr;
    row-gap:14px;
  }
  .jobs_section .views-field-title{ grid-row:auto; }
  .jobs_section .views-field-field-closing-date,
  .jobs_section .views-field-view-node{
    grid-column:1;
    grid-row:auto;
    justify-self:start;
    text-align:left;
    margin-top:0;
  }
}





.node--type-pillars-of-integration{
  --p-navy:#13294a;
  --p-gold:#c79a2e;
  --p-ink:#1b2530;
  --p-body:#332f24;
  --p-muted:#8a8268;
  --p-line:#e3d9c4;
  --p-cream:#fbf8f0;
}

* constrain to a comfortable reading column */
.node--type-pillars-of-integration .node__content{
  max-width:820px;
  margin:0 auto;
  padding:8px 0 48px;
}
 
/* hide the "Submitted by siteadmin on …" admin meta */
.node--type-pillars-of-integration .node__meta{
  display:none;
}
 
/* ---------- body copy ---------- */
.node--type-pillars-of-integration .field--name-body{
  color:var(--p-body);
}
.node--type-pillars-of-integration .field--name-body p{
  font-family:'Public Sans', sans-serif;
  font-size:17px;
  line-height:1.85;
  margin:0 0 22px;
}
.node--type-pillars-of-integration .field--name-body p:last-child{
  margin-bottom:0;
}
 
/* serif drop-cap on the opening paragraph */
.node--type-pillars-of-integration .field--name-body > p:first-of-type::first-letter{
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-weight:600;
  font-size:3.4em;
  line-height:.82;
  float:left;
  margin:6px 12px 0 0;
  color:var(--p-navy);
}
 
/* any headings the editor adds inside the body */
.node--type-pillars-of-integration .field--name-body h2,
.node--type-pillars-of-integration .field--name-body h3{
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-weight:600;
  color:var(--p-ink);
  margin:34px 0 12px;
}
.node--type-pillars-of-integration .field--name-body h2{ font-size:25px; }
.node--type-pillars-of-integration .field--name-body h3{ font-size:20px; }
 
/* ---------- reference document (PDF) ---------- */
.node--type-pillars-of-integration .field--name-field-publication-document{
  margin-top:40px;
  padding-top:28px;
  border-top:1px solid var(--p-line);
}
/* small eyebrow label above the download */
.node--type-pillars-of-integration .field--name-field-publication-document::before{
  content:"Reference document";
  display:block;
  margin-bottom:14px;
  font:600 11px/1 'Public Sans', sans-serif;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--p-muted);
}
.node--type-pillars-of-integration .field--name-field-publication-document .field__item{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
 
/* hide the long filename, keep the link, inject a clean button label */
.node--type-pillars-of-integration .field--name-field-publication-document .file a{
  display:inline-flex;
  align-items:center;
  border-radius:0;
  text-decoration:none;
  font-size:0;
}
.node--type-pillars-of-integration .field--name-field-publication-document .file a::before{
  content:"\2193  Download the Protocol (PDF)";
  font:600 14px/1 'Public Sans', sans-serif;
  color:#fff;
  background:var(--p-navy);
  padding:13px 22px;
}
.node--type-pillars-of-integration .field--name-field-publication-document .file a:hover::before{
  background:#0e2038;
}
 
/* file-size, styled as muted meta beside the button */
.node--type-pillars-of-integration .field--name-field-publication-document .field__item > span:not(.file){
  font:500 13px/1 'Public Sans', sans-serif;
  color:var(--p-muted);
}
 
/* ---------- responsive ---------- */
@media (max-width:860px){
  .node--type-pillars-of-integration .node__content{ padding-left:18px; padding-right:18px; }
  .node--type-pillars-of-integration .field--name-body p{ font-size:16px; }
}






.breadcrumbs{
  --bc-clear:165px;              /* ← adjust: topbar + main header height */
  margin-top:var(--bc-clear) !important;   /* !important beats the inline 100px */
  position:relative;
  z-index:1;
}
 
/* comfortable band height + keep the path clear of the top edge */
.breadcrumbs .breadcrumb-style{
  padding-top:44px;
  padding-bottom:44px;
}
 
/* make sure the path text is legible on the dark image */
.breadcrumbs .breadcrumb-links,
.breadcrumbs .breadcrumb-links li,
.breadcrumbs .breadcrumb-links span{
  color:#fff;
}
.breadcrumbs .breadcrumb-links a{
  color:#fff;
  opacity:.82;
  text-decoration:none;
}
.breadcrumbs .breadcrumb-links a:hover{
  opacity:1;
  text-decoration:underline;
}
.breadcrumbs .page-title{ color:#fff; }






.events_ribbon{
  --er-navy:#13294a;
  --er-gold:#e9c463;
  --er-muted:#aebbd2;
 
  background:var(--er-navy);
  border-top:2px solid #c79a2e;
}
 
/* kill theme widget spacing so the bar is flush */
.events_ribbon .column-inner,
.events_ribbon .column-content-inner,
.events_ribbon .widget,
.events_ribbon .views-element-container,
.events_ribbon .gva-view{
  margin:0 !important;
  padding:0 !important;
}
 
/* carousel is the positioning context for the nav arrows */
.events_ribbon .owl-carousel{
  position:relative;
  padding:0 54px;          /* room for the arrows on the right */
}
 
/* ---------- each rotating slide ---------- */
.events_ribbon .item > div{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  padding:8px 20px;
}
 
/* gold "Upcoming event" tag before each item */
.events_ribbon .item > div::before{
  content:"Upcoming event";
  font:700 11px/1 'Public Sans', sans-serif;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--er-gold);
  padding-right:18px;
  margin-right:18px;
  border-right:1px solid rgba(255,255,255,.20);
  white-space:nowrap;
}
 
/* date, then title */
.events_ribbon .views-field-field-event-start{ order:1; }
.events_ribbon .views-field-field-event-start time{
  font:600 13px/1 'Public Sans', sans-serif;
  color:var(--er-muted);
  white-space:nowrap;
}
 
.events_ribbon .views-field-title{
  order:2;
  min-width:0;                 /* allow ellipsis */
  margin-left:16px;
  padding-left:16px;
  border-left:1px solid rgba(255,255,255,.20);
}
.events_ribbon .views-field-title a{
  display:block;
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-weight:600;
  font-size:15.5px;
  line-height:1.3;
  color:#fff;
  text-decoration:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:60vw;
}
.events_ribbon .views-field-title a:hover{ text-decoration:underline; }
 
/* ---------- nav arrows (top-right, overriding theme's absolute prev/next) ---------- */
.events_ribbon .owl-nav{
  position:absolute;
  top:50%;
  right:14px;
  transform:translateY(-50%);
  display:flex;
  gap:6px;
  margin:0;
}
.events_ribbon .owl-carousel .owl-nav > div.owl-prev,
.events_ribbon .owl-carousel .owl-nav > div.owl-next{
  position:static !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  transform:none !important;
  margin:0 !important;
  width:26px !important;
  height:26px !important;
  border-radius:0 !important;
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  font-size:11px;
  opacity:.85;
  cursor:pointer;
}
.events_ribbon .owl-carousel .owl-nav > div.owl-prev:hover,
.events_ribbon .owl-carousel .owl-nav > div.owl-next:hover{
  background:rgba(255,255,255,.22) !important;
  opacity:1;
}
 
/* ---------- responsive ---------- */
@media (max-width:640px){
  .events_ribbon .item > div{ flex-wrap:wrap; gap:6px 0; padding:10px 16px; }
  .events_ribbon .item > div::before{ margin-right:12px; padding-right:12px; }
  .events_ribbon .views-field-title{
    margin-left:0; padding-left:0; border-left:0;
    flex-basis:100%; text-align:center;
  }
  .events_ribbon .views-field-title a{ max-width:100%; white-space:normal; }
}
 
 
 
 
 
 
 
.region__footer{
  --f-navy:#0e2c47;
  --f-gold:#c79a2e;
  --f-gold-lt:#e9c463;
  --f-head:#ffffff;
  --f-text:#a9b6c9;
  --f-muted:#8394ab;
  --f-line:rgba(255,255,255,.14);
}
 
/* main footer row spacing + base text colour */
.region__footer .gbb-row.el-83590267{
  padding:56px 0 0;
  color:var(--f-text);
}
.region__footer .gbb-row.el-83590267 > .bb-inner{ padding-bottom:8px; }
 
/* ---------- brand column ---------- */
.region__footer .gsc-image img{
  max-width:80px;
  height:auto;
  margin-bottom:20px;
}
.region__footer .footer-brand .brand-name a{
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-weight:600;
  font-size:19px;
  line-height:1.3;
  color:var(--f-head);
  text-decoration:none;
  display:inline-block;
  margin-bottom:12px;
}
.region__footer .footer-about{
  font:400 14px/1.7 'Public Sans', sans-serif;
  color:var(--f-text);
  max-width:340px;
  margin:0 0 22px;
}
 
/* social icons */
.region__footer .social-links{
  display:flex;
  gap:10px;
}
.region__footer .social-links a{
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--f-line);
  border-radius:0;
  color:var(--f-text);
  font-size:15px;
  transition:background-color .15s, color .15s, border-color .15s;
}
.region__footer .social-links a:hover{
  background:var(--f-gold);
  border-color:var(--f-gold);
  color:var(--f-navy);
}
 
/* ---------- menu columns (Company / Links) ---------- */
.region__footer .block-custom-text .block-title{
  font-family:var(--indutri-heading-font-family), 'Newsreader', serif;
  font-weight:600;
  font-size:18px;
  color:var(--f-head);
  margin:0 0 20px;
  padding-bottom:11px;
  position:relative;
}
.region__footer .block-custom-text .block-title::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:34px;
  height:2px;
  background:var(--f-gold);
}
.region__footer .block-custom-text .menu{
  list-style:none;
  margin:0;
  padding:0;
}
.region__footer .block-custom-text .menu li{
  margin:0 0 11px;
}
.region__footer .block-custom-text .menu li a{
  font:400 14px/1.5 'Public Sans', sans-serif;
  color:var(--f-text);
  text-decoration:none;
  transition:color .15s, padding-left .15s;
}
.region__footer .block-custom-text .menu li a:hover{
  color:var(--f-gold-lt);
  padding-left:5px;
}
 
/* ---------- bottom bar (copyright + NITA credit) ---------- */
/* the nested row lives inside a gsc-column, so this targets only it */
.region__footer .gsc-column .gbb-row{
  margin-top:44px;
  padding:22px 0;
  border-top:1px solid var(--f-line);
}
.region__footer .copyright-block p,
.region__footer .block-copyright-block p{
  margin:0;
  font:400 13px/1.6 'Public Sans', sans-serif;
  color:var(--f-muted);
}
.region__footer .copyright-block a,
.region__footer .block-copyright-block a{
  color:var(--f-text);
  text-decoration:none;
}
.region__footer .copyright-block a:hover,
.region__footer .block-copyright-block a:hover{ color:var(--f-gold-lt); }
 
.region__footer .nita-badge{
  text-align:right;
  font:400 13px/1.6 'Public Sans', sans-serif;
  color:var(--f-muted);
}
.region__footer .nita-badge a{
  color:var(--f-gold-lt);
  text-decoration:none;
}
.region__footer .nita-badge a:hover{ text-decoration:underline; }
 
/* ---------- responsive ---------- */
@media (max-width:768px){
  .region__footer .gbb-row.el-83590267{ padding-top:40px; text-align:center; }
  .region__footer .social-links{ justify-content:center; }
  .region__footer .footer-about{ margin-left:auto; margin-right:auto; }
  .region__footer .block-custom-text .block-title::after{ left:50%; transform:translateX(-50%); }
  .region__footer .nita-badge{ text-align:center; margin-top:6px; }
}