.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ── TGN Zambia Design Tokens ── */
:root {
  --tgn-black:      #101114;
  --tgn-dark:       #16161A;
  --tgn-dark-alt:   #1E1E22;
  --tgn-gold:       #C9972B;
  --tgn-gold-light: #e8b840;
  --tgn-green:      #198C3A;
  --tgn-red:        #C62828;
  --tgn-orange:     #F28C28;
  --tgn-white:      #FFFFFF;
  --tgn-grey-100:   #F5F5F5;
  --tgn-grey-200:   #E0E0E0;
  --tgn-grey-500:   #9E9E9E;
  --tgn-border:     #2a2a2e;

  --tgn-font-head:  'Montserrat', sans-serif;
  --tgn-font-body:  'Poppins', sans-serif;

  --tgn-nav-h:        66px;
  --tgn-ticker-h:     34px;
  --tgn-strip-h:      38px;
  --tgn-header-total: 138px;  /* ticker + nav + strip */
  --tgn-pad-x:        40px;
  --tgn-max-w:        1200px;
}

/* ── Page Reset ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: var(--tgn-font-body); color: var(--tgn-black); background: var(--tgn-grey-100); overflow-x: hidden; }
a    { text-decoration: none; color: inherit; }
ul   { list-style: none; }
button { cursor: pointer; border: none; background: none; font-family: inherit; }
img  { display: block; max-width: 100%; }

/* ── Body offset so content sits below fixed header ── */
body { padding-top: var(--tgn-header-total); }
@media (max-width: 900px) { body { padding-top: calc(var(--tgn-ticker-h) + var(--tgn-nav-h)); } }
@media (max-width: 600px) { body { padding-top: calc(var(--tgn-ticker-h) + 58px); } }

/* ═══════════════════════════════════════════
   TICKER BAR
═══════════════════════════════════════════ */
.tgn-ticker {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1001;
  height: var(--tgn-ticker-h);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--tgn-pad-x);
  background: var(--tgn-black);
  border-bottom: 1px solid var(--tgn-border);
  font-family: var(--tgn-font-head);
  font-size: 11px;
  letter-spacing: 0.06em;
}

.tgn-ticker-left {
  display: flex;
  align-items: center;
  gap: 10px;
  overflow: hidden;
  flex: 1;
  min-width: 0;
}

.tgn-live-badge {
  display: inline-block;
  background: var(--tgn-red);
  color: #fff;
  font-family: var(--tgn-font-head);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 2px 8px;
  white-space: nowrap;
  line-height: 1.6;
  flex-shrink: 0;
}

.tgn-ticker-wrap {
  overflow: hidden;
  flex: 1;
  min-width: 0;
}

@keyframes tgn-ticker-scroll {
  0%   { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

.tgn-ticker-text {
  display: inline-block;
  white-space: nowrap;
  animation: tgn-ticker-scroll 34s linear infinite;
  font-family: var(--tgn-font-body);
  font-size: 11px;
  color: #cccccc;
}

.tgn-ticker-right {
  display: flex;
  align-items: center;
  gap: 16px;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: 20px;
}

.tgn-ticker-right span,
.tgn-ticker-right a {
  font-family: var(--tgn-font-body);
  font-size: 11px;
  color: var(--tgn-grey-500);
  transition: color 0.2s;
}

.tgn-ticker-right a:hover { color: var(--tgn-gold); }

/* ═══════════════════════════════════════════
   MAIN NAVIGATION BAR
═══════════════════════════════════════════ */
.tgn-nav {
  position: fixed;
  top: var(--tgn-ticker-h);
  left: 0; right: 0;
  z-index: 1000;
  height: var(--tgn-nav-h);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--tgn-pad-x);
  background: var(--tgn-black);
  border-bottom: 2px solid var(--tgn-gold);
  transition: box-shadow 0.3s ease;
}

.tgn-nav.is-scrolled {
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
}

/* Logo */
.tgn-logo {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  text-decoration: none;
}

.tgn-logo-box {
  width: 46px;
  height: 46px;
  background: var(--tgn-gold);
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--tgn-font-head);
  font-weight: 900;
  font-size: 17px;
  color: var(--tgn-black);
  letter-spacing: -1px;
  flex-shrink: 0;
}

.tgn-logo-img {
  height: 46px;
  width: auto;
  flex-shrink: 0;
}

.tgn-logo-text { line-height: 1.2; }
.tgn-logo-name {
  font-family: var(--tgn-font-head);
  font-weight: 800;
  font-size: 17px;
  color: var(--tgn-white);
  letter-spacing: 0.04em;
  display: block;
}
.tgn-logo-tag {
  font-size: 9px;
  color: var(--tgn-gold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  display: block;
}

/* Desktop nav links */
.tgn-nav-links {
  display: flex;
  align-items: center;
  gap: 2px;
  flex: 1;
  justify-content: center;
}

.tgn-nav-links li a {
  display: inline-block;
  font-family: var(--tgn-font-head);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #cccccc;
  padding: 8px 12px;
  position: relative;
  transition: color 0.2s;
  white-space: nowrap;
}

.tgn-nav-links li a::after {
  content: '';
  position: absolute;
  bottom: 4px;
  left: 12px;
  right: 12px;
  height: 2px;
  background: var(--tgn-gold);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.22s ease;
}

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

.tgn-nav-links li a:hover::after,
.tgn-nav-links li a.is-active::after { transform: scaleX(1); }

/* Subscribe CTA */
.tgn-nav-cta {
  flex-shrink: 0;
  font-family: var(--tgn-font-head);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tgn-black);
  background: var(--tgn-gold);
  padding: 8px 18px;
  border-radius: 2px;
  white-space: nowrap;
  transition: background 0.2s, transform 0.15s;
  margin-left: 10px;
}
.tgn-nav-cta:hover {
  background: var(--tgn-gold-light);
  transform: translateY(-1px);
}

/* Hamburger */
.tgn-hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  padding: 8px;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
  background: none;
  border: none;
  cursor: pointer;
}

.tgn-hamburger span {
  display: block;
  width: 22px;
  height: 2px;
  background: var(--tgn-white);
  border-radius: 1px;
  transform-origin: center;
  transition: transform 0.28s ease, opacity 0.2s ease, background 0.2s;
}

.tgn-hamburger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.tgn-hamburger.is-open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.tgn-hamburger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.tgn-hamburger.is-open span { background: var(--tgn-gold); }

/* ═══════════════════════════════════════════
   CATEGORY STRIP
═══════════════════════════════════════════ */
.tgn-cat-strip {
  position: fixed;
  top: calc(var(--tgn-ticker-h) + var(--tgn-nav-h));
  left: 0; right: 0;
  z-index: 999;
  height: var(--tgn-strip-h);
  display: flex;
  align-items: stretch;
  overflow-x: auto;
  padding: 0 var(--tgn-pad-x);
  background: var(--tgn-dark);
  border-top: 1px solid var(--tgn-border);
  scrollbar-width: none;
}
.tgn-cat-strip::-webkit-scrollbar { display: none; }

.tgn-cat-link {
  display: inline-flex;
  align-items: center;
  font-family: var(--tgn-font-head);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tgn-grey-500);
  padding: 0 14px;
  white-space: nowrap;
  border-bottom: 2px solid transparent;
  transition: color 0.2s, border-color 0.2s;
  text-decoration: none;
  flex-shrink: 0;
}
.tgn-cat-link:hover,
.tgn-cat-link.is-active {
  color: var(--tgn-gold);
  border-color: var(--tgn-gold);
}

/* ═══════════════════════════════════════════
   PAGE OVERLAY (behind mobile drawer)
═══════════════════════════════════════════ */
.tgn-overlay {
  position: fixed;
  inset: 0;
  z-index: 700;
  background: rgba(10, 12, 18, 0.7);
  backdrop-filter: blur(2px);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity 0.32s ease, visibility 0.32s;
}
.tgn-overlay.is-open {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

/* ═══════════════════════════════════════════
   MOBILE DRAWER
═══════════════════════════════════════════ */
.tgn-mobile-drawer {
  display: block;
  position: fixed;
  top: var(--tgn-ticker-h);
  left: 0; right: 0; bottom: 0;
  background: var(--tgn-black);
  z-index: 800;
  padding: 28px 24px max(28px, env(safe-area-inset-bottom));
  overflow-y: auto;
  overflow-x: hidden;
  transform: translateX(100%);
  transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  visibility: hidden;
  border-top: 2px solid var(--tgn-gold);
}
.tgn-mobile-drawer.is-open {
  transform: translateX(0);
  pointer-events: auto;
  visibility: visible;
}

.tgn-mobile-links { margin-bottom: 28px; }

.tgn-mobile-links li {
  border-bottom: 1px solid var(--tgn-border);
}

.tgn-mobile-links li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  font-family: var(--tgn-font-head);
  font-size: clamp(18px, 5vw, 26px);
  font-weight: 700;
  color: var(--tgn-white);
  transition: color 0.2s;
}
.tgn-mobile-links li a:hover { color: var(--tgn-gold); }
.tgn-mobile-links li a .arrow { font-size: 16px; color: var(--tgn-gold); opacity: 0.7; }

.tgn-mobile-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--tgn-font-head);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tgn-black);
  background: var(--tgn-gold);
  padding: 14px 28px;
  border-radius: 2px;
  transition: background 0.2s;
  margin-bottom: 28px;
}
.tgn-mobile-cta:hover { background: var(--tgn-gold-light); }

.tgn-mobile-social {
  padding-top: 24px;
  border-top: 1px solid var(--tgn-border);
}
.tgn-mobile-social p {
  font-size: 12px;
  color: var(--tgn-grey-500);
  margin-bottom: 12px;
  font-family: var(--tgn-font-head);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.tgn-mobile-social-links {
  display: flex;
  gap: 10px;
}
.tgn-soc-btn {
  padding: 8px 14px;
  border-radius: 2px;
  font-family: var(--tgn-font-head);
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}
.tgn-soc-fb { background: #1877F2; }
.tgn-soc-yt { background: #FF0000; }
.tgn-soc-li { background: #0A66C2; }
.tgn-soc-ig { background: linear-gradient(45deg, #f09433, #dc2743, #bc1888); }

/* ═══════════════════════════════════════════
   RESPONSIVE BREAKPOINTS
═══════════════════════════════════════════ */
@media (max-width: 1024px) {
  .tgn-nav-links li a { font-size: 11px; padding: 8px 9px; }
}

@media (max-width: 900px) {
  .tgn-nav-links  { display: none; }
  .tgn-nav-cta    { display: none; }
  .tgn-hamburger  { display: flex; }
  .tgn-ticker-right span { display: none; } /* hide date on tablet */
}

@media (max-width: 600px) {
  .tgn-nav        { height: 58px; }
  .tgn-logo-name  { font-size: 15px; }
  .tgn-logo-tag   { display: none; }
  .tgn-logo-box   { width: 38px; height: 38px; font-size: 14px; }
  .tgn-ticker     { padding: 0 16px; }
  .tgn-nav        { padding: 0 16px; }
  .tgn-cat-strip  { padding: 0 16px; }
  .tgn-ticker-right a { display: none; } /* hide sign in / subscribe on mobile */
}

@media (max-width: 380px) {
  .tgn-logo-img   { height: 34px; }
  .tgn-logo-name  { font-size: 13px; }
}/* End custom CSS */