/* Closer match to the provided PPTX/JPG */
:root{
  --cream: #ffe0cc;   /* banner background */
  --text: #151515;
  --title: #222222;
  --muted: #333333;
  --blue: #2b7fb3;    /* link blue */
  --coming: #c62828;  /* red */
  --rule: #96b3be;    /* teal-ish rule */
  --border: #fff;  /* light divider */
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;  background:#ffe0cc}
body{font-family: "Lexend", Arial, Helvetica, sans-serif; color:var(--text); background:#ffffff; line-height:1.5}

.container{width:min(1200px, 92vw); margin-inline:auto}

.eqao-bar{background:#fff; padding:28px 0 12px; border-bottom:1px solid var(--border)}
.eqao-logo{height:48px; width:auto}

.cream{background:var(--cream); padding-bottom: 25px; }

.iaea-header {
  display: flex;
  align-items: center;
  gap: 16px;
  /* optional: keep one line on desktop */
  white-space: nowrap;
}

.iaea-header .text {
  display: flex;            /* puts .iaea-word and .iaea-sub side-by-side */
  /* align-items: baseline; */
  gap: 12px;
}

.iaea-badge { height: 50px; margin-left:5px;}         /* adjust as needed */
.iaea-word  { font-weight: 900; font-size: 64px; letter-spacing: 1px; line-height: 94px; }
.iaea-sub   { font-weight: 800; font-size: 18px; letter-spacing: .5px; margin-top: 23px; }

.title{font-size:22px; font-weight:800; color:#1f2937; margin: 12px 0 0px; padding-top: 20px;}

.facts{  font-size:16px; margin-top:4px} 
.facts .row{ grid-template-columns: 230px 1fr; gap:10px}
.facts dt{font-weight:800}
.facts dd{margin:0}
.facts a{color:var(--blue); text-decoration: underline}
.coming{color: var(--coming); font-weight:700}

.about{padding:18px 0 0}
.about-box{
  display:grid; grid-template-columns: 80px 1fr; gap:18px; align-items:center;
  padding: 10px 14px;
  border-top: 3px solid var(--rule);
  border-bottom: 3px solid var(--rule);
}
.about-logo img{height:36px; width:auto}
.about-copy p{margin:0; color:#000;margin-left:30px; font-size: 16px; font-weight:400; margin-top: -9px; line-height: 21px;}

.foot{ color:#666;  background:#f3efe6;}

.mt {  margin-top: -6px!important}

@media (max-width: 767.98px) {
  .iaea-header { white-space: normal; align-items: flex-start; }

  .iaea-header .text {
    /* display: flex; */
    /* flex-direction: column;  
    align-items: flex-start;
  gap: 2px; */

    
  }
   .eqao-logo{height:35px; width:auto}
  .iaea-badge { height: 35px; margin-left: 7px;}        /* optional: scale emblem a bit */
  .iaea-word  { font-size: 36px; line-height: 1; }
  .iaea-sub   { font-size: 10px; margin-top: 8px; line-height: 1.15; }
}


/* --- Top grey bar --- */
/* Grey strip */
.topbar{
  background:#f5f5f5;
  padding:4px 0;
}
.topbar .container{
  max-width:1200px; margin:0 auto; padding:0 10px;
  display:flex; justify-content:flex-end; align-items:center;
}

/* Plain "in" glyph (no box) */
.topbar .linkedin-link{
  display:inline-flex; align-items:center; justify-content:center;
  text-decoration:none;
  color:#b3b3b3;            /* light grey like your sample */
}
.topbar .linkedin-link:hover{ color:#0a66c2; }

/* make sure no square/hover bg sneaks in */
.topbar .linkedin-link .fa-linkedin,
.topbar .linkedin-link .fa-linkedin-in{ font-size:20px; line-height:1; }
.topbar .w-socials-item-link,
.topbar .w-socials-item-link-hover{ 
  width:auto !important; line-height:1 !important; background:transparent !important;
  display:none !important; /* kill the hover overlay span if present */
}

/* default: light grey glyph, no box */
.topbar .linkedin-link{
  display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px;            /* square */
  border-radius:4px;                   /* a bit rounded, optional */
  color:#9aa0a6;                       /* light grey */
  background:transparent;
  text-decoration:none;
  transition:background .2s ease, color .2s ease;
}

/* hover: blue box + white glyph */
.topbar .linkedin-link:hover{
  background:#0a66c2;                  /* LinkedIn blue */
  color:#fff;
}

/* icon size */
.topbar .linkedin-link .fa-linkedin-in{ font-size:18px; line-height:1; }


/* Simple full-width band */
.band{
  padding: 4rem 2.5rem;
}
.band--primary{
  background: var(--color-content-primary-grad, #ff6600);
  color: #fff;
}

/* Reuse your page container */
.container{
  max-width: var(--site-content-width, 1200px);
  margin: 0 auto;
  padding: 0 0; /* already padded by .band */
}

/* Centered copy with a comfortable line length */
.band__text{
  font-family: "Open Sans";
  margin: 0 auto;
  text-align: center;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
}

.footer-top{ position:relative; color:#fff; }
.footer-top .l-section-img{
  position:absolute; inset:0;
  background:center / cover no-repeat;
  z-index:0;                 /* behind everything */
}
/* dark overlay */
.footer-top::before{
  content:""; position:absolute; inset:0;
  background:rgba(26,26,26,.9);
  z-index:1;
}
/* content above overlay */
.footer-top .container{ position:relative; z-index:2; padding:4rem 0rem; }

/* simple responsive two-column layout */
.footer-top__grid{ display:flex; gap:50px;   color:#808080; font-size: 16px;
    line-height: 28px; font-family: "Open Sans";}
.footer-top__grid > *{ flex:1; margin:0; line-height:1.7; }
@media (max-width:900px){ .footer-top__grid{ flex-direction:column; gap:20px; } }


.footer-bottom{
  background:#222222;          /* dark strip */
  color:#666;
  border-top:1px solid #222;
  min-height: 80px;
  font-size: 16px!important;
  line-height: 28px;
  font-family: "Open Sans";
}
.footer-bottom .container{
  max-width: var(--site-content-width, 1200px);
  margin:auto auto;
 font-size: 16px!important;
  display:flex;
  height: 75px;  
  align-items:center;
  justify-content:space-between;
  text-align: center;
}
.footer-bottom .copy{ margin:0;}

/* If your theme auto-injects the footer menu, hide it here only */
.foot .w-menu, 
.foot .us_menu_1 { display:none !important; }

/* Center on small screens */
@media (max-width:600px){
  .footer-bottom .container{ justify-content:center; text-align:center; }
}
/* Phones / small tablets */
@media (max-width: 767px){
  .band{ padding: 2rem 1rem; }
  .band__text{
    font-size: 16px;               /* down from 20px */
    line-height: 24px;             /* down from 28px */
    max-width: 60ch;               /* a touch tighter */
  }
}

.footer-bottom{
  background:#222222;
  color:#bbb;
  border-top:1px solid #222;
}
.footer-bottom .container{
  max-width: var(--site-content-width, 1200px);
  margin: 0 auto;
  height: 75px;
  padding: 0 .1rem;
  display: flex;
  align-items: center;          /* vertical center */
  justify-content: space-between;
}
.footer-bottom .copy{ margin:0; }

/* right links */
.foot-links{
  display:flex;
  gap:1.5rem;                   /* spacing like your example */
}
.foot-links a{
  color:#999999;
  text-decoration:none;
}
.foot-links a:hover{
  color:#fff;
 
}

/* stack & center on small screens */
@media (max-width:600px){
  .footer-bottom .container{
    height:auto;
    padding:12px 2.5rem;
    flex-direction:column;
    gap:10px;
    text-align:center;
  }
}


/* Slider-style dark label for the H1 */
.title.title--overlay{
  font-family: "Roboto", "Lexend", Arial, sans-serif;  /* like their layer */
  font-weight: 500;
  font-size: 40px;  /* scales to 48px max */
  line-height: 37px;
  margin: 20px 0 14px;
  color:#fff;
  
}
.title.title--overlay > span{
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.5);   /* semi-transparent black */
  padding: 17px;                /* matches the layer padding */
  white-space: nowrap;          /* one line on desktop */
  border-radius: 2px;           /* tiny radius for a polished look */
  
}

/* Let it wrap on small screens */
@media (max-width: 640px){
  .title.title--overlay > span{
    white-space: normal;        /* allow wrapping */
  }
}

.sdate {
 /* font-family: "Roboto", "Lexend", Arial, sans-serif; 
  font-weight: 400;
  font-size: 28px; 
  line-height: 25px;
  margin: 20px 0 14px;
  padding-left:15px; */
 

}