/* =========================================================
   EAA HOME CSS
   ========================================================= */

/* -------- Base / tokens -------- */
:root{
  --navy:#0A2A75;
  --sky:#85C3D5;
  --teal:#4E96B2;
  --magenta:#B25293;
  --ink:#1c1c1c;
  --muted:#6c6c6c;
  --paper:#FDFAF8;
  --radius:18px;
  --radius-xl:50px;
  --shadow-1:0 12px 30px rgba(0,0,0,.12);
  --shadow-2:0 8px 28px rgba(178,82,147,.4);
  --gap:clamp(18px,4vw,36px);
  --container:clamp(320px, 92vw, 1200px);
    --font-body: "Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
               Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin: 0;
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.6;
  color: var(--ink);
  background: #fff;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
/* optional: headings & weights for Outfit */
h1,h2,h3{ font-weight: 600; letter-spacing: -0.01em; }
h4,h5,h6{ font-weight: 500; }
strong, b { font-weight: 700; }
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.front-page .container,
.home .container{ max-width: 1280px; padding: 0 0px; margin: 0 auto;}

/* Reusable pill button */
.btn{
  display:inline-flex;align-items:center;gap:.6rem;
  padding:14px 30px;border-radius:50px;
  background:var(--magenta);color:#fff;text-decoration:none;font-weight:600;
white-space: nowrap;
font-size: 18px;
}
.btn:hover{background-color: #CC69AC;}
.btn--light{background:#fff;color:#000;box-shadow:none}

/* Display helpers */
.kicker{font-weight:600;color:#225;opacity:.85}
.wys p{margin:0 0 .8em;font-size: 20px;line-height: 160%;}

/* ===== HERO ===== */
.home-hero{
  position:relative;color:#fff;
  padding: clamp(88px, 22vw, 180px) 1rem;
  background-size:cover;background-position:right;
  height:923px
}
.home-hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.45))}
.home-hero .content{position:relative;z-index:1;max-width:900px;margin-inline:auto}
.home-hero .eyebrow{font-size:18px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem; font-weight: 600; color: #85C3D5;}
.home-hero h1{
  margin:30px 0px;
  font-weight:600;line-height:120%;
  font-size: clamp(34px, 6.5vw, 50px);
  max-width: 700px;
}
.home-hero p{font-size:clamp(24px,3.8vw,24px);margin:0 0 2rem; font-weight: 600;}

/* ===== ABOUT (map + bubbles + text) ===== */
.home-about{
  display:grid;gap:36px;align-items:center;
  grid-template-columns:1fr; /* mobile */
  padding: clamp(48px,8vw,90px) 0 !important;
}
.home-about .about-media{position:relative;max-width:720px;margin-inline:auto}
.home-about .about-map{width:100%;filter:drop-shadow(0 12px 24px rgba(0,0,0,.06))}
.home-about .about-bubbles{position:absolute;inset:0;pointer-events:none}
.home-about .bubble{position:absolute;border-radius:50%;object-fit:cover;border:6px solid #fff}

.home-about .about-text{max-width:560px;margin-inline:auto}
.home-about h2{margin-bottom: 20px;font-weight:600;line-height:1.15;font-size:clamp(26px,5.5vw,42px); text-transform: uppercase;}
.home-about .btn{margin-top:20px}

/* md+ */
@media (min-width:860px){
  .home-about{grid-template-columns:1.15fr 1fr;}
  .home-about .about-text{max-width:620px}
}

/* ===== ADVOCACY GRID ===== */
.advocacy-grid{position:relative;margin: 0px 0;overflow:hidden;padding: clamp(40px,7vw,80px) 0 0}
.advocacy-top{
  position: relative;
  padding: 120px 0 4px;
  
}

.advocacy-top::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  opacity: 40%;
  width: calc(50vw + (min(1280px, 92vw) / 2));
  height: 1600px; 
  background: #85C3D5; 
    border-top-right-radius: var(--radius-xl);
  border-bottom-right-radius: var(--radius-xl);
  
  z-index:0;
}



.advocacy-intro{
  width:min(1280px, 92vw);
  margin:0 auto;
  position:relative;
  z-index:1;
}
.advocacy-intro h2{font-size:clamp(30px,5.2vw,42px);margin:.2rem 0 .4rem;font-weight:600; text-transform: uppercase;}
.advocacy-intro p{max-width:65ch;margin:0; font-size:20px}

.advocacy-images{
  position:relative;z-index:1;display:grid;margin-top:clamp(24px,20vw,40px);
  grid-template-columns:repeat(2,1fr); /* mobile */
}
.advocacy-tile{position:relative;display:block;overflow:hidden}
.advocacy-tile img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover}
.advocacy-tile .overlay {
  position: absolute;
  inset: 0;
  transition: background .25s;
}

/* 1st, 4th, 7th ... (Blue) */
.advocacy-tile:nth-child(3n+1) .overlay {
  background: rgba(0,33,71,.35);
}
.advocacy-tile:nth-child(3n+1):hover .overlay {
  background: rgba(0,33,71,.55);
}

/* 2nd, 5th, 8th ... (Purple) */
.advocacy-tile:nth-child(3n+2) .overlay {
  background: rgba(161, 127, 150, 0.35);
}
.advocacy-tile:nth-child(3n+2):hover .overlay {
  background: rgba(118, 90, 109, 0.55);
}

/* 3rd, 6th, 9th ... (Pink) */
.advocacy-tile:nth-child(3n) .overlay {
  background: rgba(232,79,146,.35);
}
.advocacy-tile:nth-child(3n):hover .overlay {
  background: rgba(232,79,146,.55);
}

.advocacy-title {
    position: absolute;
    left: 50%;
    bottom: 4.8rem;
    color: #fff;
    font-weight: 600;
    font-size: clamp(14px, 3.5vw, 30px);
    z-index: 2;
    text-align: center;
    transform: translateX(-50%);
    width: 60%;
    line-height: 120%;
}

@media (max-width: 768px) {
  .advocacy-title {
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 18px;
    bottom: 1.3rem;
  }
  .container-home{
    padding-top:40px
  }
}

/* Button row */
.advocacy-btn{z-index:1;text-align:left;margin: clamp(18px,5vw,36px) 1rem}
.advocacy-btn .btn{padding:.9rem 1.6rem; margin: 0 100px;}
.advocacy-button{padding: 40px 0 60px 0 !important;}
/* lg+: show 4 columns */
@media (min-width:980px){
  .advocacy-images{grid-template-columns:repeat(4,1fr);gap:0}
  
}

/* ===== POSITIONS – single image block ===== */
.home-positions-one{padding: clamp(36px,12vw,120px) 0}
.home-positions-one .pos1-grid{
  display:grid;gap: clamp(18px,4vw,56px);grid-template-columns:1fr;align-items:center;
}
.home-positions-one.is-right .pos1-media{order:2}
.home-positions-one.is-right .pos1-text{order:1}

/* media */
.pos1-media{position:relative}
.pos1-img{margin:0;border-radius:var(--radius);overflow:hidden;}
.pos1-img img{width:100%;height:auto;object-fit:cover}
.pos1-deco{position:absolute;left:-14px;bottom:-14px;width:140px;height:90px;background-repeat:no-repeat;background-size:contain;opacity:.9}

/* text */
.pos1-text h2{margin-bottom: 20px;font-size:clamp(30px,5.5vw,42px);font-weight:600;line-height:1.15; text-transform: uppercase;}
.pos1-text .kicker{ color:#242424; font-weight: 500;}
.pos1-text .wys{color:#242424; font-weight: 400;}
.pos1-text .btn{margin-top:1.5rem}

/* tablet+ layout */
@media (min-width:680px){
  .home-positions-one .pos1-grid{grid-template-columns:1.05fr 1fr;gap: 80px;}
  .home-positions-one.is-right .pos1-grid{grid-template-columns:1fr 1.05fr}

}

/* ===== BIG CTA (banner) ===== */
.home-big-cta{
  position:relative;color:#fff;text-align:center;
  padding: clamp(36px,12vw,80px) 0;background-size:cover;background-position:center;
}
.home-big-cta .overlay{position:absolute;inset:0;background:#0a2a756b;z-index:1}
.home-big-cta .container{position:relative;z-index:2}
.home-big-cta h2{margin:0 0 .6rem;font-size:clamp(24px,5.5vw,66px);font-weight:600;line-height: 120%;}
.home-big-cta .btn{margin-top:.3rem}
.home-big-cta.parallax{background-attachment:scroll} .home-big-cta.parallax{background-attachment:fixed; margin: 120px 0;} 
.cta-inner{position: relative;z-index: 999;}
/* ===== NEWS ===== */
.home-news{padding: clamp(48px,8vw,72px) 0}
.home-news .news-heading{
  text-align:center;font-size:clamp(26px,5.5vw,48px);font-weight:600;margin:0 0 8px;
}
.home-news .news-intro{
  max-width:70ch;margin:0 auto 22px;text-align:center;line-height:1.7;font-size:clamp(15px,3.6vw,18px);
}
.news-grid{
  display:grid;gap: clamp(18px,4vw,36px);
  grid-template-columns:1fr; /* mobile */
  margin: 0 10px;
}
.news-card__link{display:block;color:inherit;text-decoration:none}
.news-card__thumb{border-radius:10px;overflow:hidden;aspect-ratio:16/9;background:#f2f2f2}
.news-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.news-card__date{display:block;margin:12px 0 6px;color:var(--muted);font-size:.9rem}
.news-card__title{margin:0 0 20px;font-size:clamp(18px,4vw,18px);line-height:1.35;font-weight:600;color:#191919}
.news-card__read{color:var(--magenta);font-weight:600; font-size: 18px;}
.news-card__read:hover{text-decoration:underline}
.news-bottom{text-align:center;margin-top:22px; margin-bottom:40px}
.btn.btn-pill{padding:.9rem 2.8rem}
@media (max-width: 767px) {
  .home-news { overflow: hidden; padding: 80px 16px !important; }

  .news-grid{
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: clamp(14px, 4vw, 18px);
    padding: 0 clamp(12px, 4vw, 16px) 6px; /* inner space so first/last align nicely */
    margin: 0; /* override the 0 10px from base */
    scroll-snap-type: x mandatory;
    scroll-padding-left: clamp(12px, 4vw, 16px);
    scrollbar-width: none;        /* hide scrollbar (Firefox) */
  }
  .news-grid::-webkit-scrollbar{  /* hide scrollbar (WebKit) */
    display: none;
  }

  .news-card{
    /* width ~85% so next card peeks in */
    flex: 0 0 85%;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

}


/* grid upshifts */
@media (min-width:1024px){ .news-grid{grid-template-columns:repeat(2,1fr)} }
@media (min-width:1200px){ .news-grid{grid-template-columns:repeat(3,1fr)} }

/* ===== SECRETARIAT ===== */
.home-secretariat{
  padding: clamp(48px,8vw,72px) 0;
  max-width: 1200px;
  margin: 0 auto;
}
.home-secretariat .secretariat-heading{
  font-size: clamp(24px,5vw,36px);
  font-weight: 600;
  margin: 0 0 24px;
  color: #000;
  text-transform: uppercase;
  font-family: var(--font-body);
}
.secretariat-content{
  margin-top: 20px;
}
.secretariat-grid{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.secretariat-row{
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: start;
}
.secretariat-col{
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.secretariat-item{
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 24px;
}
.secretariat-icon{
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}
.secretariat-icon--person,
.secretariat-icon--phone,
.secretariat-icon--email{
  fill: #85C3D5;
}
.secretariat-icon--fax{
  color: #85C3D5;
  stroke: #85C3D5;
  fill: #85C3D5;
}
.secretariat-icon--twitter{
  stroke: #85C3D5;
  fill: none;
}
.secretariat-text--twitter{
  color: #B25293;
}
.secretariat-text--twitter .secretariat-link{
  color: #B25293;
}
.secretariat-text{
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  font-family: var(--font-body);
}
.secretariat-link{
  color: inherit;
  text-decoration: none;
}
.secretariat-link:hover{
  text-decoration: underline;
}
.secretariat-divider{
  height: 1px;
  background: #d0d0d0;
  margin-top: 24px;
  width: 100%;
}

/* Tablet+ */
@media (min-width: 768px){
  .secretariat-row{
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
    align-items: start;
  }
  .secretariat-col--name{
    min-width: 0;
  }
  .secretariat-col--contact{
    min-width: 0;
  }
  .secretariat-col--info{
    min-width: 0;
  }
}

/* ===== FACTS & FIGURES ===== */
.home-counters {
  position: relative;
  overflow: hidden;
  margin: 0 0 clamp(56px,10vw,120px);
  padding: clamp(120px,7vw,64px) 0 clamp(72px,12vw,120px);
}

.home-counters .counters-bg{
  position:absolute;inset:0 auto 0 0;width:100%;height:100%;
  background:var(--navy);border-radius:0;z-index:0;
}
@media (min-width:640px){
  .home-counters .counters-bg{width:90%;border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}
   
}

.counters-head{position:relative;z-index:1;color:#fff; padding-bottom: 40px;}
.counters-head h2{margin:0 0 .4rem;font-weight:600;font-size:clamp(26px,5vw,44px); text-transform: uppercase;}
.counters-head .intro{max-width:65ch;margin:0;line-height:1.7}

/* pill button on top-right (stacks on mobile) */
.counter-btn{
  position:relative;display:inline-block;margin:.8rem 0 0;
  background:var(--magenta);color:#fff;padding:.8rem 1.2rem;border-radius:999px;text-decoration:none;font-weight:700
}
@media (min-width:1024px){
  .counter-btn{position:absolute;top:0;right:0;margin:0}
}

/* White panel overlapping the blue */
.counter-panel{
  position:relative;z-index:1;background:var(--paper);border-radius:50px 0 0 50px;padding: clamp(22px,4.5vw,44px);
  margin: clamp(12px,3vw,20px) 0 0 clamp(0px,6vw,120px);
  
}

/* Counter grid */
.counter-grid{
  display:grid;gap: clamp(30px,4vw,48px);grid-template-columns:1fr; /* mobile */
}
@media (min-width:1024px){ .counter-grid{grid-template-columns:repeat(2,1fr)} }
@media (min-width:1200px){ .counter-grid{grid-template-columns:repeat(3,1fr)} }

.counter .num{
  font-weight:600;font-size:clamp(36px,10vw,86px);line-height:1;color:var(--teal)
}
.counter .num .suf {
  font-weight: 600;
  font-size: clamp(34px,8vw,72px);
}

.counter .num .suf-outline {
  -webkit-text-stroke: 1px var(--teal);
  color: transparent;
  font-family: sans-serif;
}

.counter .num .suf-filled {
  color: var(--teal);
  -webkit-text-stroke: 0;
}

.counter .cap{
  margin-top:.6rem;white-space:break-spaces;font-size:clamp(18px,5vw,30px);
  line-height:1.4;font-weight:600;color:#419FBE
}

/* ===== Minor responsive niceties ===== */
.split-section{display:flex;gap:var(--gap);flex-direction:column}
@media (min-width:768px){ .split-section{flex-direction:row}
 }

/* Avoid layout shift when iOS hides the URL bar */
@supports (height: 100svh){
  .home-hero{min-height:60svh}
}
/* === Icon Grid Exact Style === */
.home-icon-grid .grid{
  display:grid;
  gap:24px;
}

.home-icon-grid.cols-2 .grid{grid-template-columns:repeat(2,1fr);}
.home-icon-grid.cols-3 .grid{grid-template-columns:repeat(3,1fr);}
.home-icon-grid.cols-4 .grid{grid-template-columns:repeat(4,1fr);}



@media(max-width:900px){
  .home-icon-grid.cols-4 .grid{grid-template-columns:repeat(1,1fr);}
}
@media(max-width:600px){
  /* Force single column on mobile for all grid variants */
  .home-icon-grid.cols-4 .grid,
  .home-icon-grid.cols-3 .grid,
  .home-icon-grid.cols-2 .grid{
    grid-template-columns: 1fr !important;
  }
  
  .home-icon-grid .grid{
    gap: 16px;
  }
  
  a.btn.btn-pill.counter-btn{
    margin: 20px 0px !important;
  }
  
  .home-icon-grid .card{
    margin-bottom: 0 !important;
  }

  .advocacy-btn .btn{margin: 0 0px;}

  .advocacy-intro{padding: 1.2rem 20px; font-size: 18px;}
  .advocacy-images{margin-top:20px;}
}

/* === card === */
.home-icon-grid .card{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:16px;
  background:#E7EAF2;
  border-radius:6px;
  padding:40px 24px;
  height: 170px;
  position:relative;
  text-decoration:none;
  color:#000;
  overflow:hidden;
  margin-bottom:80px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.home-icon-grid .card:hover{
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}


.home-icon-grid .card::before{
  content:"";
  position:absolute;
  inset:0;
  background-image: var(--bg);
  background-repeat:no-repeat;
  background-position: right 20px center;  
  background-size: 50% auto;              
  opacity:.1;                              
  transform: rotate(-10deg);              
  transform-origin: center;                
  pointer-events:none;
}

@media (max-width: 768px){
  .home-icon-grid .card::before {
    background-position: right 30px top 20px !important; 
    background-size: 25% auto !important;    
    transform: rotate(-5deg) !important;        
    opacity:.09;                 
  }

  .home-hero{
    position:relative;color:#fff;
    padding: 40px 16 !important;
    background-size:cover;background-position:center;
  }
  
  .home-icon-grid .card{
   
    min-height: 100px;
    padding: 20px 18px;
    grid-template-columns: 50px 1fr 36px;
    gap: 14px;
    margin-bottom: 16px;
    align-items: center;
  }
  
  .home-icon-grid .card-icon{
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    flex-shrink: 0;
    object-fit: contain;
    display: block;
  }
  
  .home-icon-grid .card-title{
    font-size: 18px;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
    align-self: center;
  }
  
  .home-icon-grid .card-arrow{
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    flex-shrink: 0;
    display: grid;
    place-items: center;
  }
  
  .home-icon-grid .card-arrow svg{
    width: 100%;
    height: 100%;
    display: block;
  }
}

@media (max-width: 480px){
  .home-icon-grid .card{
    padding: 18px 16px;
    min-height: 90px;
    gap: 12px;
    grid-template-columns: 48px 1fr 32px;
  }
  
  .home-icon-grid .card-icon{
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
  }
  
  .home-icon-grid .card-title{
    font-size: 16px;
    line-height: 1.25;
  }
  
  .home-icon-grid .card-arrow{
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
  }
}


.home-icon-grid .card::after{
  content:"";
  position:absolute;
  inset:0;
  background-repeat:no-repeat;
  background-position:90% center;
  background-size:140px auto;  
  opacity:.15;
  pointer-events:none;
}

/* icon */
.home-icon-grid .card-icon{
  width:50px;
  height:50px;
  object-fit:contain;
  flex-shrink:0;
  display:block;
}

/* title */
.home-icon-grid .card-title{
  font-size:24px;
  font-weight:600;
  line-height:120%;
  margin:0;
  display:flex;
  align-items:center;
}

/* arrow circle */
.home-icon-grid .card-arrow{
  display:grid;
  place-items:center;
  width:36px;height:36px;
  border-radius:50%;
  font-weight:bold;
  font-size:1rem;
  z-index:1;
}

a.btn.btn-pill.counter-btn{
  margin: 0px 70px;
}

.home-icon-grid .card::before{
  --bg-size: 50%;
  background-size: var(--bg-size) auto;     
  background-position: right 20px center;   
  transition:
    background-size 1.2s cubic-bezier(.22,.7,.2,1),
    opacity .8s ease,
    filter .8s ease;
    
  transform: rotate(-10deg);              
}

.home-icon-grid .card:hover::before{
  --bg-size: 52%;  
  opacity: .24;     
}


/* ===== TEXT COLUMNS ===== */
.text-columns{
  width:min(1280px, 92vw);
  margin: clamp(40px,8vw,96px) auto;
  padding: 0 1rem;
}
.text-columns.has-surface{
  padding: clamp(28px,6vw,54px) clamp(18px,5vw,34px);
  border-radius: 16px;
  box-shadow: 0 12px 36px rgba(0,0,0,.05);
}
.text-columns__inner{
  max-width: 1100px;
  margin: 0 auto;
}
.text-columns__heading{
  margin: 0 0 12px;
  font-size: clamp(24px,4.2vw,34px);
  font-weight: 600;
}
.text-columns__grid{ gap: clamp(18px,4vw,28px); }
.text-columns--stack .text-columns__grid{
  display:block;
}
.text-columns--stack .text-columns__col + .text-columns__col{
  margin-top: clamp(18px,4vw,28px);
}
.text-columns--grid-2 .text-columns__grid,
.text-columns--grid-3 .text-columns__grid,
.text-columns--grid-4 .text-columns__grid{
  display:grid;
  align-items:start;
  gap: clamp(18px,4vw,32px);
}
.text-columns--grid-2 .text-columns__grid{ grid-template-columns: repeat(2, minmax(260px,1fr)); }
.text-columns--grid-3 .text-columns__grid{ grid-template-columns: repeat(3, minmax(220px,1fr)); }
.text-columns--grid-4 .text-columns__grid{ grid-template-columns: repeat(4, minmax(180px,1fr)); }
@media (max-width: 900px){
  .text-columns--grid-3 .text-columns__grid{ grid-template-columns: repeat(2, minmax(220px,1fr)); }
  .text-columns--grid-4 .text-columns__grid{ grid-template-columns: repeat(2, minmax(200px,1fr)); }
}
@media (max-width: 640px){
  .text-columns--grid-2 .text-columns__grid,
  .text-columns--grid-3 .text-columns__grid,
  .text-columns--grid-4 .text-columns__grid{
    grid-template-columns: 1fr;
  }
}
.text-columns__col{
  line-height: 1.65;
}
.text-columns__col > *:first-child{margin-top:0;}
.text-columns__col > *:last-child{margin-bottom:0;}
.text-columns__col--surface{
  padding: clamp(16px,3vw,22px);
  border-radius: 12px;

}
.text-columns.is-centered{
  text-align:center;
}
.text-columns.is-centered .text-columns__grid{
  justify-items:center;
}
.text-columns.is-centered .text-columns__col{
  text-align:center;
}
.text-columns--tone-pink{
  background: #f6e8f1;
  border: 1px solid #e7cfe0;
}
.text-columns--tone-gray{
  background: #f3f5f8;
  border: 1px solid #e1e6ef;
}
.text-columns--tone-blue{
  background: #eaf4fb;
  border: 1px solid #d3e6f6;
}

/* Ordered list styling inside text columns (teal numbers) */
.text-columns .wys ol{
  padding-left: 1.25rem;
  margin: 0.6em 0 0.8em;
  color:#3a3a3a;
}
.text-columns .wys ol li{
  margin: 0.25em 0;
  line-height: 1.55;
  position: relative;
}
.text-columns .wys ol li::marker{
  font-weight: 700;
  color: #2f7fb3;
  font-size: 1.05em;
}