/* Isolated From Our Blog module — does not style WordPress header/footer */
  #bkaf-idp26-root {
    --bkaf-idp26-bg: 0 0% 100%;
    --bkaf-idp26-fg: 30 10% 18%;
    --bkaf-idp26-card: 0 0% 100%;
    --bkaf-idp26-muted: 30 8% 42%;
    --bkaf-idp26-accent: 349 80% 51%;
    --bkaf-idp26-accent-fg: 0 0% 100%;
    --bkaf-idp26-border: 214 32% 91%;
    --bkaf-idp26-font-display: "Montserrat", ui-sans-serif, system-ui, sans-serif;
    --bkaf-idp26-font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
    --bkaf-idp26-pattern: url("https://bkafrica.org/wp-content/uploads/2026/09/bg-pattern.png");
    all: revert;
    display: block !important;
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    clip-path: inset(0) !important;
    -webkit-clip-path: inset(0) !important;
    background: #fff !important;
    color: hsl(var(--bkaf-idp26-fg)) !important;
    font-family: var(--bkaf-idp26-font-body) !important;
    -webkit-font-smoothing: antialiased !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #bkaf-idp26-root *,
  #bkaf-idp26-root *::before,
  #bkaf-idp26-root *::after {
    box-sizing: border-box !important;
  }

  #bkaf-idp26-root *:where(h1, h2, h3, h4, h5, h6, p, ul, ol, li) {
    margin: 0 !important;
    padding: 0 !important;
  }

  #bkaf-idp26-root img {
    max-width: 100% !important;
    display: block !important;
    border: 0 !important;
  }

  #bkaf-idp26-root a {
    color: inherit !important;
    text-decoration: none !important;
  }

  #bkaf-idp26-root .bkaf-idp26-wrap {
    width: 100% !important;
    max-width: 80rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
  @media (min-width: 640px) {
    #bkaf-idp26-root .bkaf-idp26-wrap {
      padding-left: 2rem !important;
      padding-right: 2rem !important;
    }
  }

  #bkaf-idp26-root::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
    pointer-events: none !important;
    opacity: 0.025 !important;
    background-image: var(--bkaf-idp26-pattern) !important;
    background-repeat: repeat !important;
    background-size: 220px 220px !important;
    background-attachment: fixed !important;
    background-position: 0 0 !important;
  }

  #bkaf-idp26-root .bkaf-idp26-section,
  #bkaf-idp26-root .bkaf-idp26-cta {
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
    background-color: transparent !important;
    background-image: none !important;
  }

  #bkaf-idp26-root .bkaf-idp26-wrap {
    position: relative !important;
    z-index: 1 !important;
  }

  /* Theme footer/header sit above any leftover pattern */
  body .elementor-location-footer,
  body .elementor-location-header,
  body footer,
  body .site-footer,
  body #colophon {
    background-color: #ffffff !important;
    background-image: none !important;
    position: relative !important;
    z-index: 100 !important;
    isolation: isolate !important;
  }

  #bkaf-idp26-root .bkaf-idp26-section {
    padding: 5rem 0 !important;
  }
  @media (min-width: 640px) {
    #bkaf-idp26-root .bkaf-idp26-section {
      padding: 7rem 0 !important;
    }
  }

  #bkaf-idp26-root .bkaf-idp26-intro {
    max-width: 42rem !important;
    margin-bottom: 3rem !important;
    text-align: left !important;
  }

  #bkaf-idp26-root .bkaf-idp26-kicker {
    font-size: 11px !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: hsl(var(--bkaf-idp26-accent)) !important;
    font-weight: 500 !important;
    margin-bottom: 1.25rem !important;
    font-family: var(--bkaf-idp26-font-body) !important;
  }

  #bkaf-idp26-root .bkaf-idp26-heading {
    font-family: var(--bkaf-idp26-font-display) !important;
    font-size: 2.25rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    text-wrap: balance !important;
    color: hsl(var(--bkaf-idp26-fg)) !important;
    text-align: left !important;
  }
  @media (min-width: 640px) {
    #bkaf-idp26-root .bkaf-idp26-heading {
      font-size: 3rem !important;
      line-height: 1.15 !important;
    }
  }

  #bkaf-idp26-root .bkaf-idp26-lead {
    margin-top: 1.5rem !important;
    font-size: 1.125rem !important;
    line-height: 1.625 !important;
    color: hsl(var(--bkaf-idp26-muted)) !important;
    font-weight: 400 !important;
    text-align: left !important;
  }

  #bkaf-idp26-root .bkaf-idp26-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }
  @media (min-width: 640px) {
    #bkaf-idp26-root .bkaf-idp26-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (min-width: 1024px) {
    #bkaf-idp26-root .bkaf-idp26-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }

  #bkaf-idp26-root .bkaf-idp26-card {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border-radius: 1rem !important;
    border: 1px solid hsl(var(--bkaf-idp26-border)) !important;
    background: hsl(var(--bkaf-idp26-card)) !important;
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.05) !important;
    transition: box-shadow 0.3s, transform 0.3s !important;
  }
  #bkaf-idp26-root .bkaf-idp26-card:hover {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
    transform: translateY(-0.25rem) !important;
  }

  #bkaf-idp26-root .bkaf-idp26-cardmedia {
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
  }
  #bkaf-idp26-root .bkaf-idp26-cardmedia img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.5s !important;
  }
  #bkaf-idp26-root .bkaf-idp26-card:hover .bkaf-idp26-cardmedia img {
    transform: scale(1.05) !important;
  }

  #bkaf-idp26-root .bkaf-idp26-cardbody {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    padding: 1.5rem !important;
    text-align: left !important;
  }

  #bkaf-idp26-root .bkaf-idp26-meta {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    font-size: 0.75rem !important;
    color: hsl(var(--bkaf-idp26-muted)) !important;
  }
  #bkaf-idp26-root .bkaf-idp26-cat {
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: hsl(var(--bkaf-idp26-accent)) !important;
    font-weight: 500 !important;
  }
  #bkaf-idp26-root .bkaf-idp26-dot {
    color: hsl(var(--bkaf-idp26-border)) !important;
  }

  #bkaf-idp26-root .bkaf-idp26-cardtitle {
    margin-top: 0.75rem !important;
    font-family: var(--bkaf-idp26-font-display) !important;
    font-size: 1.25rem !important;
    font-weight: 500 !important;
    line-height: 1.375 !important;
    color: hsl(var(--bkaf-idp26-fg)) !important;
    text-align: left !important;
  }

  #bkaf-idp26-root .bkaf-idp26-excerpt {
    margin-top: 0.75rem !important;
    font-size: 0.875rem !important;
    line-height: 1.625 !important;
    color: hsl(var(--bkaf-idp26-muted)) !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-align: left !important;
  }

  #bkaf-idp26-root .bkaf-idp26-more {
    margin-top: auto !important;
    padding-top: 1.25rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.375rem !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    color: hsl(var(--bkaf-idp26-accent)) !important;
    transition: gap 0.2s !important;
  }
  #bkaf-idp26-root .bkaf-idp26-card:hover .bkaf-idp26-more {
    gap: 0.625rem !important;
  }
  #bkaf-idp26-root .bkaf-idp26-more svg {
    width: 0.875rem !important;
    height: 0.875rem !important;
    flex-shrink: 0 !important;
  }

  #bkaf-idp26-root .bkaf-idp26-cta {
    padding: 6rem 0 !important;
    text-align: center !important;
  }
  @media (min-width: 640px) {
    #bkaf-idp26-root .bkaf-idp26-cta {
      padding: 8rem 0 !important;
    }
  }
  #bkaf-idp26-root .bkaf-idp26-ctatitle {
    font-family: var(--bkaf-idp26-font-display) !important;
    font-size: 1.875rem !important;
    font-weight: 300 !important;
    line-height: 1.3 !important;
    text-wrap: balance !important;
    max-width: 36rem !important;
    margin: 0 auto !important;
    color: hsl(var(--bkaf-idp26-fg)) !important;
    text-align: center !important;
  }
  @media (min-width: 640px) {
    #bkaf-idp26-root .bkaf-idp26-ctatitle {
      font-size: 2.25rem !important;
    }
  }
  #bkaf-idp26-root .bkaf-idp26-ctaact {
    margin-top: 2.25rem !important;
    display: flex !important;
    justify-content: center !important;
  }
  #bkaf-idp26-root .bkaf-idp26-ctabtn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    border-radius: 9999px !important;
    background: hsl(var(--bkaf-idp26-accent)) !important;
    color: #fff !important;
    padding: 0.875rem 1.75rem !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.05) !important;
    transition: box-shadow 0.2s, filter 0.2s !important;
  }
  #bkaf-idp26-root .bkaf-idp26-ctabtn:hover {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1) !important;
    filter: brightness(0.95) !important;
  }
  #bkaf-idp26-root .bkaf-idp26-ctabtn svg {
    width: 1rem !important;
    height: 1rem !important;
  }

  @media (prefers-reduced-motion: reduce) {
    #bkaf-idp26-root .bkaf-idp26-card,
    #bkaf-idp26-root .bkaf-idp26-cardmedia img,
    #bkaf-idp26-root .bkaf-idp26-more {
      transition: none !important;
    }
    #bkaf-idp26-root .bkaf-idp26-card:hover {
      transform: none !important;
    }
    #bkaf-idp26-root .bkaf-idp26-card:hover .bkaf-idp26-cardmedia img {
      transform: none !important;
    }
  }