/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 10 2025 | 19:04:26 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 10 2025 | 17:39:30 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 10 2025 | 17:38:16 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 10 2025 | 17:30:08 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 10 2025 | 17:21:50 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 10 2025 | 17:18:24 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 10 2025 | 16:36:06 */

:root{--blue:#002d82;--blue-ol:rgba(0,45,130,.72);--bar:#0b3ea3;--ink:#111;--muted:#707070;--card:#0b3ea3}

body{font-family:'Roboto',arial;color:#505053;margin-top:-20px;}
h1,h2,h3,h4,h5{font-family:'Montserrat',arial}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px}

.hero{position:relative;min-height: 30vh;display:flex;align-items:center;justify-content:center;text-align:center;color: #000;padding: clamp(64px,8vh,120px) 24px;background: url('https://www.missourigme.org/wp-content/uploads/2025/11/shutterstock_1214087500.jpg') center/cover no-repeat;overflow:hidden}
.hero-inner{max-width:1200px;margin:0 auto;padding-bottom: 40px;}
.eyebrow{font-size:27px;letter-spacing:.25em;text-transform:uppercase;opacity:.9;margin-bottom:10px;font-family:'Montserrat';font-weight:500}
.hero h1{font-size:clamp(18px,5vw,46px);font-weight:800;text-transform:uppercase;line-height:1.15;margin:0 0 12px;font-weight: 600;}
.subline{font-size:clamp(16px,2vw,22px);opacity:.95;margin:4px 0 0}
.date-bar{position:absolute;bottom:0;left:0;right:0;background: #1e4525;color:#fff;padding:16px 24px;text-align:center;letter-spacing:.02em;font-size: 26px;}

.section{padding:80px 0 0 20px}
.section h2{font-size:28px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);text-align:center;margin:0 0 14px;font-weight:600}
.section .lead{color:var(--muted);font-size: 17px;line-height:1.7;text-align:center;max-width:800px;margin:0 auto 24px}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

/* CARD (single source of truth) */
.card{position:relative;border-radius:12px;overflow:hidden;min-height:220px;background: #1e4525;box-shadow:0 12px 28px rgba(0,0,0,.16);cursor:pointer}
.card .bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.card .bg-img{width:100%;height:100%;object-fit:cover;display:block}
.card .label{position:relative;z-index:2;text-transform:uppercase;letter-spacing:.12em;font-weight:500;/* text-align:center; */display:flex;/* align-items:center; *//* justify-content:center; *//* height:100%; */transition: color .3s ease;position: absolute;left: 10px;bottom: 10px;/* top: 80%; */}
.card .ico{position:absolute;/* top: 78%; */transform:translateX(-50%);width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;z-index:2;transition:color .3s ease;right: -10px;bottom: 8px;}

/* Overlay */
.card .bg::after{content:"";position:absolute;inset:0;z-index:1;transition:opacity .3s ease,background-color .3s ease}

/* Inactive: blue overlay + white text */
.card .bg::after{background: rgb(30, 69, 37);opacity: .48;height: 50px;bottom: 0;position: absolute;top: auto;}
.card:hover .bg::after{opacity:.6}
.card .label,.card .ico{color:#fff}

/* Active: white overlay + black text */

.card.active .label,.card.active .ico{/* color:#000; */}

.panel{background:#fff;border-radius:12px;box-shadow: 0 12px 16px rgba(0,0,0,.08);/* padding:24px; */margin-top:18px}
.panel .content{line-height:1.65;color:#333;font-size: 17px;/* padding: 20px; */}
.panel .content h2,.panel .content h3{margin:10px 0 12px}
.panel .content ul{margin:10px 0 0 0;padding-left:20px}
.panel .content li{margin:.45em 0}

.cta{padding:60px;background:url(https://www.missourigme.org/wp-content/uploads/2025/11/texture-1.jpg);background-size:cover;margin-top: 110px;border: none !important;}
.cta h3{text-align:center;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin:0 0 14px;font-weight:600;font-size:28px}
.cta p{text-align:center;color:#2f3847;line-height:1.6;font-size: 17px;}
.cta .btns{display:flex;gap:16px;justify-content:center}
.btn{display:inline-block;background: #1e4525;color:#fff;border-radius:10px;padding:12px 18px;font-weight:500;text-decoration:none;width:250px;text-align:center;font-size:16px}
.btn--ghost{/* border:2px solid #173a97; */padding: 12px 18px;}
.btn:hover{background: #32783e;color:#fff}
.btn--ghost:hover{background: #32783e;color:#fff}

.network{padding:68px 0;background:#fff}
.network .wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.network h2{text-align:center;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin:0 0 14px;font-weight:600;font-size:28px}
.network .intro{max-width:900px;margin:0 auto 18px;text-align:center;color:#2f3847;line-height:1.6;font-size: 17px;}

.tabs{display:flex;gap:12px;justify-content:center;margin:18px 0 14px}
.tab-btn{appearance:none;border:0;border-radius:10px;padding:19px 18px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#e7ebf3;color:#1f2a44;cursor:pointer;width:100%;font-size:16px}
.tab-btn.active{background: #1e4525;color:#fff;box-shadow:0 10px 22px rgba(0,0,0,.12)}
.tab-btn:focus{outline:2px solid rgba(23,58,151,.35);outline-offset:2px}

.tab-panel{display:none;background:#fff;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.12);padding: 40px;}
.tab-panel.active{display:block}
.tab-panel .content{line-height:1.7;color:#333;font-size:18px}
.tab-panel .content h3{margin:6px 0 12px}
.tab-panel .content img{border-radius:8px}

.footer{background: #D7DBE0;color: #505053;font-size:14px;padding:14px 0;border-top:1px solid #cfd3d8;margin-top: 0;}
.cta::before{/* content:""; */position:absolute;inset:0;background:rgba(255,255,255,.5);z-index:-1;}
.footer .wrap{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;padding:0 24px;flex-wrap:wrap;gap:10px}

strong,b{font-weight:600;font-family: 'Montserrat';}
.footer a{color: #505053;text-decoration:none;/* font-weight:500; */}
.tabs p{width:33.33%}
.footer a:hover{text-decoration:underline}

.experts {
  /* max-width: 900px; */
  margin: 0 auto;
  /* padding: 60px 0; */
}

.experts h2 {
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--ink);
  text-align: left;
  margin-bottom: 6px;
}

.experts .lead {
  color: var(--muted);
  /* font-size: 17px; */
  /* line-height: 1.6; */
  margin-bottom: 22px;
  font-weight: 400;
  margin-top: 0px;
}

.expert-card {
  display: flex;
  align-items: flex-start;
  gap: 28px;
  margin-bottom: 48px;
}

.expert-media {
  flex: 0 0 360px;
  max-width: 360px;
  border-radius: 10px;
  overflow: hidden;
}

.expert-media img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.expert-content {
  flex: 1;
}

.expert-content h3 {
  font-size: 18px;
  font-weight: 700;
  color: var(--ink);
  margin: 0 0 4px;
  margin-bottom: 3px !important;
}

.expert-meta {
  font-size: 14px;
  font-weight: 500;
  color: var(--muted);
  margin-bottom: 12px;
}

.expert-meta a {
  color: #0b3ea3;
  text-decoration: none;
  font-weight: 500;
}

.expert-meta a:hover {
  text-decoration: underline;
}

.expert-content p {
  color: #333;
  font-size: 17px;
  /* line-height: 1.6; */
  margin-bottom: 12px;
  font-weight: 400;
}

.expert-content p span.more {
  display: none;
}

.read-more {
  display: inline-block;
  color: #0b3ea3;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
  text-decoration: none;
}

.read-more:hover {
  text-decoration: underline;
}


/* Advisory Council (match screenshot) */
.council{
  /* max-width:900px; */
  /* margin:0 auto; */
  /* padding:48px 0; */
}
.council h2{
  font-size:26px;
  text-transform:uppercase;
  font-weight:600;
  letter-spacing:.04em;
  color:var(--ink);
  margin:0 0 6px;
  text-align:left;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--ink);
  text-align: left;
  margin-bottom: 6px;
}
.council .lead{
  color:var(--muted);
  font-size:17px;
  line-height:1.6;
  margin:0 0 18px;
  color: var(--muted);
  /* font-size: 17px; */
  /* line-height: 1.6; */
  margin-bottom: 22px;
  font-weight: 400;
  margin-top: 0px;
}
.council hr{
  border:0;
  border-top:1px solid #e3e6ea;
  margin:18px 0 14px;
}

.council .section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin: 0 0 0px;
}
.council .section-head h3{
  margin:0;
  font-size: 16px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--ink);
  font-weight:700;
  color: #515053;
}
.council .section-close{
  font-size:18px;
  color:#505053;
  line-height:1;
}

.member-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:44px;
  row-gap:18px;
  margin:4px 0 22px;
}

.member{
  display:flex;
  align-items:flex-start;
  gap:14px;
}

.member .avatar{
  flex: 0 0 66px;
  width:66px;
  height:66px;
  border-radius:10px;
  overflow:hidden;
  background:#eef1f5;
}
.member .avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.member .info{line-height:1.3}
.member .name{
  font-size:18px;
  font-weight:700;
  color:var(--ink);
  margin:0 0 2px;
}
.member .role{
  font-size:14px;
  color: #5C6F7C;
  margin:0 0 2px;
  font-weight: 400;
}
.member .org{
  font-size:14px;
  color:#5f6773;
  color: #5C6F7C;
  margin: 0 0 2px;
  font-weight: 400;
}

/* Responsive */
@media (max-width:820px){
  .member-grid{grid-template-columns:1fr;row-gap:16px}
}


/* Responsive */
@media (max-width: 700px) {
  .expert-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .expert-media {
    max-width: 200px;
    margin-bottom: 14px;
  }

  .expert-content h3 {
    font-size: 17px;
  }

  .expert-content p {
    font-size: 15px;
  }
}


.funding{
  /* max-width:900px; */
  /* margin:0 auto; */
  /* padding:48px 0; */
}
.funding h2{
  font-size:26px;
  text-transform:uppercase;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--ink);
  margin:0 0 6px;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--ink);
  text-align: left;
  margin-bottom: 6px;
}
.funding .lead{
  color:var(--muted);
  font-size:17px;
  line-height:1.6;
  margin:0 0 18px;
  color: var(--muted);
  /* font-size: 17px; */
  /* line-height: 1.6; */
  margin-bottom: 22px;
  font-weight: 400;
  margin-top: 0px;
}

/* section heading + spacing */
.fund-block{margin:28px 0 30px;border-bottom: 1px solid #ccc;padding-bottom: 40px;}
.fund-block h3{
  font-size: 16px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight: 600;
  color:var(--ink);
  margin:0 0 12px;
  margin-top: 40px !important;
}

.cards.has-active + .panel {
  display: block;
  padding: 24px;
  margin-top: 18px;
  background: #fff;
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
}

/* grids per section */
.logo-grid{list-style:none;margin:0;padding:0;display:grid;align-items:center}
.logo-grid.one{grid-template-columns:1fr}
.logo-grid.two{grid-template-columns:1fr 1fr;column-gap:80px}
.logo-grid.three{grid-template-columns:1fr 1fr 1fr;column-gap:80px;row-gap:28px}

/* logo presentation */
.logo-grid li{display:flex;align-items:center;justify-content:flex-start}
.logo{max-width:100%;height:auto;/* max-height:64px; */width: 180px;}
.logo.size-l{max-height:72px}


/* Bio paragraphs keep their spacing */
.expert-content p { margin: 0 0 12px; }

/* Read-more chunk hidden by default; when opened -> block so paragraphs/br's behave */
.expert-content .more { display: none !important; }
.expert-content .more.open { display: block !important; }

/* Button spacing */
.read-more { display: inline-block; margin-top: 4px; }

 
/* responsiveness like the screenshot’s stack */
@media (max-width:860px){
  .logo-grid.two{grid-template-columns:1fr;row-gap:24px}
  .logo-grid.three{grid-template-columns:1fr 1fr;column-gap:40px}
}
@media (max-width:560px){
  .logo-grid.three{grid-template-columns:1fr;row-gap:22px}
}


@media(max-width:700px){.footer .wrap{flex-direction:column;text-align:center}}
@media (max-width:900px){.cards{grid-template-columns:1fr}}


/* ========== Responsive overrides ========== */

@media (max-width:1200px){
  .expert-media{flex:0 0 300px;max-width:300px}
}

@media (max-width:1024px){
  .cards{grid-template-columns:repeat(2,1fr)}
  .expert-media{flex:0 0 260px;max-width:260px}
  .panel .content{font-size:18px}
}

@media (max-width:900px){
  .section{padding: 56px 15px 0px 15px;}
  .network{padding:48px 0}
  .tab-panel{padding:18px}
  .logo-grid.two{grid-template-columns:1fr}
  .logo-grid.three{grid-template-columns:1fr 1fr;column-gap:36px}
  .logo{max-height:58px}
  .expert-media{flex:0 0 220px;max-width:220px}
  .member-grid{grid-template-columns:1fr}
}

@media (max-width:760px){
  .hero{min-height: 42vh;padding: 68px 16px;}
  .cards{grid-template-columns:1fr}
  .card{min-height:200px}
  .card .label{letter-spacing:.08em;font-size: 21px;}
  .card .ico{bottom: 10px;width:34px;height:34px;font-size:18px}
  .panel{/* padding:18px; */}
  .panel .content{font-size:17px;line-height:1.6;}
  .tabs{flex-direction:column;gap:10px}
  .tabs p{width:100%;margin-top: 0px;margin-bottom: 2px;}
  .tab-btn{width:100%;font-size:15px;padding:16px}
  .experts .lead,.council .lead,.funding .lead{font-size:16px;line-height:1.6}
  .expert-card{flex-direction:column;align-items:center;text-align: left;gap:18px}
  .expert-media{max-width: 100%;flex:0 0 auto}
  .expert-content h3{font-size:17px}
  .member{gap:12px}
  .member .avatar{width: 76px;flex: 0 0 76px;height: 76px;}
  .member .name{font-size:17px}
  .member .role,.member .org{font-size:13.5px}
  .fund-block{margin:22px 0 26px}
  .fund-block h3{font-size:15px;margin-top:24px!important}
  .logo{max-height:52px}
  .cta{margin-top:64px;padding: 20px;}
}

@media (max-width:560px){
#gme-panel:focus {
  outline: none;
  box-shadow: none;
}	
	.wrap {
    padding: 0px;
}
	.btn{width:auto;}
  .logo-grid.three{grid-template-columns:1fr;row-gap:20px}
  .logo{max-height:48px}
  .experts h2,.council h2,.funding h2{font-size:20px}
  .council .section-head h3,.funding h3{font-size:14px}
  .footer .wrap{gap:6px}
	.date-bar {
    font-size: 19px;
}
	.eyebrow {
    font-size: 20px;
}
	h1 {
    font-size: 32px !important;
}
}

@media (max-width:420px){
  .card{min-height:180px}
  .expert-media{max-width: 100%;}
  .member .avatar{width:52px;height:52px;border-radius:8px}
  .logo{/* height: auto; *//* width: 100%; */max-height: 230px;/* margin: auto; */}
}