/* Shared header and footer styles extracted from the original pages. */

.topbar{background:var(--ink);padding:8px 60px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(201,168,76,0.10);font-size:11px;}

.topbar-left,.topbar-right{font-family:"Roboto",sans-serif;font-size:10.5px;color:rgba(255,255,255,0.58);}

.navbar{background:var(--navy);padding:0 60px;display:flex;align-items:center;justify-content:space-between;height:72px;position:sticky;top:0;z-index:200;border-bottom:1px solid rgba(201,168,76,0.09);}

.nav-logo{display:flex;align-items:center;gap:14px;text-decoration:none;transition:opacity 0.2s;}

.nav-logo:hover{opacity:0.85;}

.nav-logo-text{font-family:"Montserrat",sans-serif;font-size:13px;font-weight:700;color:var(--white);line-height:1.25;}

.nav-logo-text small{font-size:9.5px;font-weight:500;color:rgba(255,255,255,0.75);letter-spacing:1.5px;text-transform:uppercase;display:block;}

.nav-logo-text .tagline{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:10.5px;color:#33E0C9;letter-spacing:0.8px;font-weight:400;display:block;margin-top:2px;}

.nav-links{display:flex;gap:2px;align-items:center;list-style:none;}

.nav-links li a{font-family:"Montserrat",sans-serif;font-size:12px;font-weight:600;letter-spacing:1px;color:rgba(255,255,255,0.72);text-decoration:none;text-transform:uppercase;padding:8px 13px;transition:color 0.2s;}

.nav-links li a:hover{color:var(--white);}

.nav-links li a.donate{background:var(--gold);color:var(--navy2);padding:8px 18px;}

.nav-border{height:3px;background:linear-gradient(90deg,transparent,var(--gold) 20%,var(--teal) 50%,var(--gold) 80%,transparent);background-size:200%;animation:borderSlide 5s linear infinite;}

@keyframes borderSlide{0%{background-position:200%}100%{background-position:-200%}}

.footer{background:var(--navy2);}

.footer-quote{border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);padding:36px 60px;text-align:center;background:rgba(201,168,76,0.025);}

.footer-quote p{font-family:"Cormorant Garamond",serif;font-size:17px;font-style:italic;font-weight:600;color:rgba(255,255,255,0.9);line-height:1.9;max-width:920px;margin:0 auto;text-align:center;}

.footer-quote p span{color:var(--gold);}

.footer-links{padding:44px 60px;display:grid;grid-template-columns:repeat(5,1fr);gap:24px;border-bottom:1px solid rgba(255,255,255,0.05);}

.footer-col h4{font-family:"Montserrat",sans-serif;font-size:9px;font-weight:700;letter-spacing:2.5px;color:var(--gold);text-transform:uppercase;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(201,168,76,0.12);}

.footer-col a{display:block;font-family:"Roboto",sans-serif;font-size:13px;color:rgba(255,255,255,0.75);text-decoration:none;margin-bottom:9px;}

.footer-social-label{font-family:"Montserrat",sans-serif;font-size:9px;font-weight:700;letter-spacing:2.5px;color:var(--gold);text-transform:uppercase;margin:20px 0 12px;padding-top:14px;border-top:1px solid rgba(201,168,76,0.12);}

.footer-social{display:flex;gap:10px;}

.footer-social a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(201,168,76,0.30);border-radius:50%;color:rgba(255,255,255,0.75);margin-bottom:0;transition:background 0.25s,border-color 0.25s,color 0.25s,transform 0.25s;}

.footer-social a:hover{background:var(--gold);border-color:var(--gold);color:var(--navy2);transform:translateY(-2px);}

.footer-social svg{width:14px;height:14px;fill:currentColor;}

.footer-values-bar{padding:18px 60px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.04);}

.footer-values-bar span{font-family:"Montserrat",sans-serif;font-size:11px;font-weight:800;letter-spacing:6px;color:var(--gold);text-transform:uppercase;}

.footer-bottom{padding:20px 60px;text-align:center;}

.footer-cr{font-family:"Roboto",sans-serif;font-size:11px;color:rgba(255,255,255,0.55);line-height:1.6;}

.footer-cr a{color:rgba(255,255,255,0.55);text-decoration:none;margin-left:14px;}

.topbar-left, .topbar-right {
  font-size: 10.5px !important;
  color: rgba(255,255,255,0.55) !important;
}

.navbar {
  transition: box-shadow 0.3s;
}

.navbar.scrolled { box-shadow: 0 4px 48px rgba(0,0,0,0.55); }

.nav-links li a {
  font-size: 9.5px !important;
  color: rgba(255,255,255,0.60) !important;
  letter-spacing: 1.5px !important;
  transition: color 0.2s;
}

.nav-links li a:hover { color: var(--gold) !important; }

.nav-links li a.donate {
  background: var(--gold) !important;
  color: var(--navy2) !important;
  font-weight: 800 !important;
}

.footer-quote p {
  font-size: 17.5px !important;
  color: rgba(255,255,255,0.9) !important;
  line-height: 1.95 !important;
}

.footer-col h4 {
  font-size: 9px !important;
  letter-spacing: 2.5px !important;
}

.footer-col a {
  font-size: 13px !important;
  color: rgba(255,255,255,0.75) !important;
  transition: color 0.2s !important;
  margin-bottom: 10px !important;
}

.footer-col a:hover { color: rgba(255,255,255,0.88) !important; }

.footer-values-bar span {
  font-size: 12px !important;
  letter-spacing: 7px !important;
}

.footer-cr {
  font-size: 11px !important;
  color: rgba(255,255,255,0.55) !important;
}

@media(max-width:1024px){.footer-links { grid-template-columns: repeat(3,1fr) !important; }}

@media(max-width:768px){.topbar, .navbar { padding-left: 24px !important; padding-right: 24px !important; }.footer-links { grid-template-columns: 1fr 1fr !important; padding: 32px 24px !important; }.footer-quote, .footer-values-bar, 
  .convening-btns { flex-direction: column !important; align-items: center !important; }.nav-links { display: none !important; }}

.nav-links a.active{color:var(--gold) !important;position:relative;}

.nav-links a.active::after{content:"";position:absolute;bottom:-4px;left:12px;right:12px;height:2px;background:var(--gold);}

.footer-quote {
  border-top: 3px solid var(--gold) !important;
  padding: 56px 60px !important;
  background: var(--navy2) !important;
}

.footer-quote p {
  font-family: "Cormorant Garamond", serif !important;
  font-size: 18px !important;
  font-style: italic !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.9) !important;
  line-height: 1.85 !important;
  max-width: 1020px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.footer-links {
  background: var(--navy) !important;
  border-top: 1px solid rgba(201,168,76,0.08) !important;
}

.footer-col h4 {
  font-size: 9px !important;
  letter-spacing: 3px !important;
  color: rgba(201,168,76,0.72) !important;
  margin-bottom: 18px !important;
}

.footer-col a {
  font-size: 13px !important;
  color: rgba(255,255,255,0.75) !important;
  margin-bottom: 11px !important;
  transition: color 0.2s !important;
}

.footer-values-bar {
  background: rgba(201,168,76,0.06) !important;
  border-top: 1px solid rgba(201,168,76,0.10) !important;
  border-bottom: 1px solid rgba(201,168,76,0.10) !important;
}

.footer-values-bar span {
  font-size: 11.5px !important;
  letter-spacing: 8px !important;
  color: rgba(201,168,76,0.72) !important;
}

.footer-bottom {
  background: rgba(4,8,24,0.98) !important;
  padding: 18px 60px !important;
}

.footer-cr {
  font-size: 11px !important;
  color: rgba(255,255,255,0.55) !important;
  text-align: center !important;
}

@media(max-width:768px){.footer-quote { padding: 40px 24px !important; }.footer-bottom { padding: 16px 24px !important; }}

.nav-links li{position:relative;}

.nav-dropdown{display:none;position:absolute;top:100%;left:0;background:#0A1A30;min-width:220px;border-top:2px solid var(--gold);z-index:9999;box-shadow:0 8px 24px rgba(0,0,0,0.3);list-style:none;padding:6px 0;margin:0;}

.nav-dropdown li a{display:block;padding:11px 20px;font-family:"Montserrat",sans-serif;font-size:9px;font-weight:600;letter-spacing:1.2px;color:rgba(255,255,255,0.65);text-decoration:none;text-transform:uppercase;transition:color 0.2s,background 0.2s;border-bottom:1px solid rgba(255,255,255,0.04);}

.nav-dropdown li a:hover{color:var(--gold);background:rgba(255,255,255,0.04);}

.nav-links li:hover>.nav-dropdown{display:block;}

.nav-dropdown li{position:relative;}

.nav-dropdown li:hover>.nav-dropdown{display:block;}

.nav-dropdown .nav-dropdown{top:0;left:100%;border-top:none;border-left:2px solid var(--gold);}

.nav-links li a.donate{background:var(--gold);color:#0A1A30;padding:8px 18px!important;font-weight:800;}

.nav-links li a.donate:hover{opacity:0.88;}

.topbar-right{display:flex;align-items:center;gap:16px;}

.topbar-detail{font-family:"Roboto",sans-serif;font-size:11.5px;color:rgba(255,255,255,0.72);}

.translate-widget{display:flex;align-items:center;}

.goog-te-gadget{font-family:"Montserrat",sans-serif!important;font-size:0!important;}

.goog-te-gadget .goog-te-combo{font-family:"Montserrat",sans-serif!important;font-size:9.5px!important;font-weight:600!important;letter-spacing:1.2px!important;color:rgba(255,255,255,0.72)!important;background:transparent!important;border:1px solid rgba(201,168,76,0.30)!important;border-radius:3px!important;padding:3px 8px!important;cursor:pointer!important;text-transform:uppercase!important;}

.goog-te-gadget .goog-te-combo:hover{border-color:var(--gold)!important;color:var(--gold)!important;}

.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none;}

.nav-toggle span{display:block;width:22px;height:2px;background:rgba(255,255,255,0.85);border-radius:2px;transition:all 0.3s;}

@media(max-width:1024px){.nav-toggle{display:flex;}.nav-links{display:none !important;position:absolute;top:100%;left:0;right:0;background:var(--navy,#0D2140);flex-direction:column !important;padding:16px 0;gap:0 !important;border-bottom:2px solid var(--gold,#C9A84C);z-index:199;max-height:80vh;overflow-y:auto;}.nav-links.open{display:flex !important;}.nav-links > li{width:100%;}.nav-links > li > a{display:block;padding:14px 24px;font-size:13px !important;width:100%;}.nav-dropdown{display:none !important;}}

.topbar span{font-family:"Roboto",sans-serif;font-size:11.5px;color:rgba(255,255,255,0.72);}

.nav-logo-text small{font-size:9px;font-weight:500;color:rgba(255,255,255,0.75);letter-spacing:1.5px;text-transform:uppercase;display:block;}

.nav-logo-text .tagline{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:12px;font-weight:500;color:#33E0C9;display:block;margin-top:1px;}

.nav-links li a:hover,.nav-links li a.active{color:var(--gold);}

.navbar.scrolled{box-shadow:0 2px 20px rgba(4,8,24,0.4);}

.footer-quote{border-top:3px solid var(--gold);border-bottom:3px solid var(--gold);padding:56px 60px;text-align:center;background:var(--navy2);}

.footer-quote p{font-family:"Cormorant Garamond",serif;font-size:17px;font-style:italic;font-weight:600;color:rgba(255,255,255,0.90);line-height:1.95;max-width:880px;margin:0 auto;text-align:center;}

.footer-col a{display:block;font-family:"Roboto",sans-serif;font-size:12px;color:rgba(255,255,255,0.75);text-decoration:none;margin-bottom:9px;}

.footer-cr{font-family:"Roboto",sans-serif;font-size:10.5px;color:rgba(255,255,255,0.55);line-height:1.6;}

.topbar-left,.topbar-right{font-family:"Roboto",sans-serif;font-size:11px;color:rgba(255,255,255,0.35);}

.nav-logo-img{width:42px;height:42px;background:var(--gold2);border:1px solid rgba(201,168,76,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;}

.nav-logo-img span{font-family:"Cormorant Garamond",serif;font-size:18px;font-weight:700;color:var(--gold);}

.nav-logo-text{font-family:"Montserrat",sans-serif;font-size:13px;font-weight:700;color:var(--white);line-height:1.3;}

.nav-logo-text small{font-size:9px;font-weight:400;color:rgba(255,255,255,0.75);letter-spacing:1.5px;text-transform:uppercase;display:block;}

.nav-logo-text .tagline{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:12px;font-weight:500;color:#33E0C9;letter-spacing:0.8px;font-weight:400;display:block;margin-top:2px;}

.nav-links{display:flex;gap:4px;align-items:center;list-style:none;}

.nav-links li a:hover{color:var(--white);background:rgba(255,255,255,0.05);}

.nav-links li a.active{color:var(--gold);}

.footer-quote{border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);padding:36px 60px;text-align:center;background:rgba(201,168,76,0.03);}

.footer-quote p{font-family:"Cormorant Garamond",serif;font-size:17px;font-style:italic;font-weight:600;color:rgba(255,255,255,0.9);line-height:1.9;max-width:900px;margin:0 auto;}

.footer-links{padding:44px 60px;display:grid;grid-template-columns:repeat(5,1fr);gap:24px;border-bottom:1px solid rgba(255,255,255,0.06);}

.footer-col h4{font-family:"Montserrat",sans-serif;font-size:9px;font-weight:700;letter-spacing:2.5px;color:var(--gold);text-transform:uppercase;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(201,168,76,0.15);}

.footer-col a{display:block;font-family:"Roboto",sans-serif;font-size:12px;color:rgba(255,255,255,0.75);text-decoration:none;margin-bottom:9px;transition:color 0.2s;}

.footer-col a:hover{color:rgba(255,255,255,0.7);}

.footer-cr strong{color:rgba(255,255,255,0.65);font-weight:500;}

.navbar.scrolled{box-shadow:0 4px 48px rgba(0,0,0,0.55);}

/* Compatibility for header variants found across the source pages. */
.topbar span,.topbar-t,.topbar-detail{font-family:"Roboto",sans-serif;font-size:11px;color:rgba(255,255,255,.72)}
.topbar-right{display:flex;align-items:center;gap:16px}.topbar-left{min-height:1px}
.nav-logo-name,.nav-logo-text{font-family:"Montserrat",sans-serif;font-size:13px;font-weight:700;color:var(--white,#fff);line-height:1.25}
.nav-logo-sub,.nav-logo-text small{font-family:"Montserrat",sans-serif;font-size:9px;font-weight:500;color:rgba(255,255,255,.75);letter-spacing:1.5px;text-transform:uppercase;display:block}
.nav-logo-tag,.nav-logo-text .tagline{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:11px;color:#33E0C9;display:block;margin-top:1px}
.nav-links li a.active{color:var(--gold,#C9A84C)}
#progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--gold,#C9A84C),var(--teal,#00A896));z-index:9999;transition:width .08s linear;pointer-events:none;width:0}
