/* KabarLagi 3.3.1 — Customizer/footer hotfix. */

body.kl-modern-ui .kl331-footer .kl-v5-footer-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))!important;
  align-items:start!important;
  gap:clamp(24px,4vw,48px)!important;
}

body.kl-modern-ui .kl331-footer .kl-v5-footer-top{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important;
  align-items:start!important;
  gap:clamp(22px,3vw,42px)!important;
}

body.kl-modern-ui .kl331-footer :where(.kl-v5-footer-brand,.kl-v5-footer-quote,.kl-v5-footer-social,.kl-v5-footer-apps,.kl-v5-footer-col){
  min-width:0!important;
}

body.kl-modern-ui .kl331-footer :where(.kl-v5-footer-social>div,.kl-v5-footer-apps){
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}

body.kl-modern-ui .kl331-footer .kl-v5-footer-social a,
body.kl-modern-ui .kl331-footer .kl-v5-footer-apps a{
  min-width:0!important;
  max-width:100%!important;
}

body.kl-modern-ui .kl331-footer .kl-v5-footer-bottom{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:14px!important;
  flex-wrap:wrap!important;
}

body.kl-modern-ui .kl331-footer .kl-network-menu__list,
body.kl-modern-ui .kl331-footer .kl-v5-footer-col ul{
  display:grid!important;
  gap:9px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

body.kl-modern-ui .kl331-footer .kl-network-menu__list a{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
}

@media (max-width:980px){
  body.kl-modern-ui .kl331-footer .kl-v5-footer-top{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:640px){
  body.kl-modern-ui .kl331-footer .kl-v5-footer-top,
  body.kl-modern-ui .kl331-footer .kl-v5-footer-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.kl-modern-ui .kl331-footer .kl-v5-footer-bottom{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}
