/*
Theme Name: Fakazi Academy Exact V4
Theme URI: https://fakaziacademy.co.za
Author: Fakazi Consulting and Academy
Description: Exact WordPress transfer of Fakazi Academy FINAL.
Version: 4.7.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: fakazi-exact
*/
html,body{margin:0;padding:0}#fakazi-root{min-height:100vh}
/* Independent, proportional horizontal brand marks. */
#root header img[alt="Fakazi Consulting in Education"]{width:clamp(175px,22vw,270px);height:auto;object-fit:contain}
#root footer img[alt="Fakazi Consulting in Education"]{width:360px;max-width:100%;height:auto;object-fit:contain}
#root .fakazi-footer-logo-wrap{background:#002A5D;padding:0;max-width:100%}
/* Requested homepage refinements: remove service-row Learn controls and hero scroll cue. */
.col-span-12.md\:col-span-2.flex.md\:justify-end{display:none!important}
.absolute.bottom-6.left-1\/2.-translate-x-1\/2.hidden.lg\:flex.flex-col.items-center.gap-2{display:none!important}

/* Balanced three-column layout for the homepage What We Do rows. */
@media (min-width:768px){
 .border-t.border-white\/15>div>.group.grid.grid-cols-12{
  grid-template-columns:56px minmax(250px,1fr) minmax(390px,1.65fr)!important;
  column-gap:clamp(28px,3vw,52px)!important;
  align-items:start!important;
  padding-top:2.25rem!important;
  padding-bottom:2.25rem!important;
 }
 .border-t.border-white\/15>div>.group.grid.grid-cols-12>div{
  grid-column:auto!important;
  width:auto!important;
 }
 .border-t.border-white\/15>div>.group.grid.grid-cols-12 h3{
  margin:0!important;
  line-height:1.22!important;
  text-wrap:balance;
 }
 .border-t.border-white\/15>div>.group.grid.grid-cols-12 p{
  margin:0!important;
  max-width:48rem;
  line-height:1.75!important;
 }
}

/* Prevent accidental horizontal overflow in normal responsive views. */
html,body,#root{width:100%;min-width:0;max-width:100%;overflow-x:hidden}
#root>div,#root main,#root section,#root header,#root footer{width:100%;max-width:100vw}
#root img{max-width:100%}

/* Refined visual system: remove repeated ornamental rules and image frames. */
#root span.h-px,#root span.w-px{display:none!important}
#root .border-\[\#F5AE1B\]\/30{border-color:transparent!important}
#root div.absolute.top-0.left-0.right-0.h-px,
#root div.absolute.bottom-0.left-0.right-0.h-px{display:none!important}