/* OBUTAKA HEADER AND FOOTER FIX */

#sp-header {
    background: #ffffff;
    box-shadow: 0 4px 18px rgba(8,35,76,.12);
}

#sp-header .sp-module {
    margin-top: 0;
}

.sp-megamenu-parent > li > a {
    font-size: 14px;
    font-weight: 700;
    color: #08234c;
}

.page-header {
    margin-top: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e5b64f;
}

.sp-column.socialicons {
    margin-top: 0;
}

.mobileheader .obutakamobile {
    margin: 0;
}

.mobileheader .logomobile img {
    margin-top: 0;
    max-height: 45px;
}

#sp-mobile-menu {
    margin-bottom: 0;
}

.ltr.offcanvas .offcanvas-menu {
    right: 0;
    background: #08234c;
    color: #ffffff;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li > a {
    color: #ffffff;
}

#sp-bottom {
    background: #08234c;
    color: #ffffff;
}

#sp-bottom a,
#sp-footer a {
    color: #e2e8f0;
}

#sp-bottom a:hover,
#sp-footer a:hover {
    color: #e5b64f;
}

#sp-footer {
    background: #061a36;
    color: #dce5f3;
}

@media (max-width: 767px) {
    #sp-header .logo img {
        max-height: 42px;
    }

    .mobileheader .obutakamobile {
        margin: 0;
    }
}

/* END OBUTAKA FIX */

/* OBUTAKA DESIGN V2 START */

/* HEADER AND NAVIGATION */
#sp-top-bar {
 background:#08234c !important;
 border-bottom:2px solid #e5b64f;
}

#sp-header {
 background:#fff !important;
 box-shadow:0 5px 22px rgba(8,35,76,.12);
}

#sp-header .sp-module,
.sp-column.socialicons {
 margin-top:0 !important;
}

.sp-megamenu-parent > li > a {
 font-size:13px !important;
 font-weight:700;
 white-space:nowrap;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
 border-radius:10px;
 box-shadow:0 12px 30px rgba(8,35,76,.16);
}

/* HERO */
#section-id-1687951152997,
#section-id-89882abc-571e-4d98-b1da-e86424e3f08d {
 position:relative;
 isolation:isolate;
}

#section-id-1687951152997::before,
#section-id-89882abc-571e-4d98-b1da-e86424e3f08d::before {
 content:"";
 position:absolute;
 inset:0;
 background:linear-gradient(
 90deg,
 rgba(5,28,65,.78),
 rgba(5,28,65,.28) 54%,
 transparent 85%
 );
 pointer-events:none;
 z-index:0;
}

#section-id-1687951152997 > *,
#section-id-89882abc-571e-4d98-b1da-e86424e3f08d > * {
 position:relative;
 z-index:1;
}

/* CLAN CARDS */
.sppb-addon-image-overlay {
 border-radius:12px !important;
 overflow:hidden;
 box-shadow:0 8px 25px rgba(8,35,76,.13);
 transition:transform .25s,box-shadow .25s;
}

.sppb-addon-image-overlay:hover {
 transform:translateY(-5px);
 box-shadow:0 16px 32px rgba(8,35,76,.2);
}

.sppb-addon-image-overlay .overlay-background-image {
 background-color:#94553f;
 background-size:cover !important;
 background-position:center !important;
}

.sppb-addon-image-overlay .overlay-image-title a {
 color:#fff !important;
 text-shadow:0 2px 8px rgba(0,0,0,.3);
}

/* BUTTONS */
.sppb-btn,
.btn-primary {
 border-radius:25px;
 font-weight:700;
 transition:transform .2s;
}

.sppb-btn:hover,
.btn-primary:hover {
 transform:translateY(-2px);
}

/* FOOTER */
#sp-bottom {
 background:linear-gradient(
 135deg,#08234c,#061a36
 ) !important;
 border-top:5px solid #e5b64f;
 padding:50px 0 35px;
 color:#dce5f3 !important;
}

#sp-bottom .sp-module-title,
#sp-bottom h3 {
 color:#fff !important;
 font-size:17px;
 font-weight:700;
}

#sp-bottom .sp-module ul li a,
#sp-bottom a {
 color:#dce5f3 !important;
 font-size:14px;
 opacity:1 !important;
}

#sp-bottom a:hover {
 color:#e5b64f !important;
}

#sp-footer {
 background:#061a36 !important;
 border-top:1px solid rgba(255,255,255,.15);
 color:#dce5f3 !important;
 font-size:12px;
}

#sp-footer a {
 color:#dce5f3 !important;
}

#sp-footer a:hover {
 color:#e5b64f !important;
}

/* MOBILE */
@media(max-width:991px) {
 .sp-column.socialicons,
 .mobileheader .obutakamobile {
  margin-top:0 !important;
  margin-left:0 !important;
 }

 #sp-mobile-menu {
  margin-bottom:0 !important;
 }

 .ltr.offcanvas .offcanvas-menu {
  background:#08234c;
 }

 .offcanvas-menu .sp-module ul li a {
  color:#fff;
 }
}

@media(max-width:767px) {
 #sp-bottom {
  padding:35px 0 25px;
 }

 #sp-footer {
  text-align:center;
 }
}

/* OBUTAKA DESIGN V2 END */

/* OBUTAKA PHASE 2 SPACING START */

/* NEWS SECTION */
.sp-page-builder .page-content .sppb-section {
  box-sizing: border-box;
}

/* Card alignment and presentation */
.sppb-addon-image-overlay {
  border-radius: 12px;
  overflow: hidden;
}

/* News thumbnails */
.sppb-addon-articles .sppb-addon-article img {
  border-radius: 10px;
  object-fit: cover;
}

/* Avoid excessive spacing inside article content */
.sppb-addon-articles .sppb-article-info {
  margin-top: 12px;
}

/* Responsive typography */
@media (max-width: 767px) {
  .sppb-addon-title {
    overflow-wrap: anywhere;
  }

  .sppb-addon-image-overlay {
    margin-bottom: 15px;
  }
}

/* OBUTAKA PHASE 2 SPACING END */

/* OBUTAKA PHASE 3 START */

/* DESKTOP HERO */
#section-id-1687951152997 {
  position: relative;
  min-height: 450px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

#section-id-1687951152997 .sppb-row-container {
  width: 100%;
  position: relative;
  z-index: 2;
}

#section-id-1687951152997 .sppb-addon-title {
  color: #fff !important;
  font-size: clamp(36px,4.5vw,62px);
  font-weight: 800;
  line-height: 1.12;
  max-width: 650px;
  text-align: left;
  text-shadow: 0 3px 12px rgba(0,0,0,.25);
}

#section-id-1687951152997 .sppb-btn {
  background: linear-gradient(135deg,#f6d47b,#e0aa35);
  color: #08234c !important;
  border: none;
  border-radius: 30px;
  padding: 13px 26px;
  font-weight: 800;
}

/* FIRST HOMEPAGE CONTENT SECTION */
#section-id-8b14884f-09d0-4a34-9ece-9bf410411e10 {
  padding-top: 35px !important;
  padding-bottom: 30px !important;
}

#section-id-8b14884f-09d0-4a34-9ece-9bf410411e10
.sppb-addon-title {
  color: #08234c;
  line-height: 1.35;
}

/* MOBILE HERO */
@media(max-width:767px) {
  #section-id-89882abc-571e-4d98-b1da-e86424e3f08d {
    min-height: 380px;
    display: flex;
    align-items: center;
    background-attachment: scroll !important;
  }

  #section-id-89882abc-571e-4d98-b1da-e86424e3f08d
  .sppb-row-container {
    width: 100%;
    position: relative;
    z-index: 2;
  }

  #section-id-89882abc-571e-4d98-b1da-e86424e3f08d
  .sppb-addon-title {
    color: #fff !important;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.2;
    text-shadow: 0 2px 9px rgba(0,0,0,.45);
  }

  #section-id-89882abc-571e-4d98-b1da-e86424e3f08d
  .sppb-btn {
    background: #e5b64f;
    color: #08234c !important;
    border-radius: 25px;
    font-weight: 700;
  }
}

/* OBUTAKA PHASE 3 END */

/* OBUTAKA RESPONSIVE V4 START */

:root {
 --ob-navy:#09264d;
 --ob-gold:#e8ad32;
 --ob-cream:#f6f1e7;
 --ob-green:#123c3b;
}

/* NAVIGATION */
#sp-header {
 background:#fff !important;
 box-shadow:0 4px 18px rgba(9,38,77,.12);
}

.sp-megamenu-parent > li > a {
 font-weight:700;
 letter-spacing:.01em;
}

.sp-megamenu-parent > li.active > a {
 background:var(--ob-gold);
 color:var(--ob-navy) !important;
}

/* DESKTOP HERO */
@media(min-width:992px) {
 #section-id-1687951152997 {
   min-height:480px;
   display:flex;
   align-items:center;
   border-bottom:6px solid var(--ob-gold);
 }

 #section-id-1687951152997
 .sppb-addon-title {
   font-family:Georgia,serif;
   font-size:clamp(40px,4.6vw,64px);
   font-weight:800;
   color:#fff !important;
   line-height:1.12;
   text-align:left !important;
   max-width:680px;
 }

 #section-id-1687951152997
 .sppb-btn {
   background:linear-gradient(135deg,#ffdb83,#e8ad32);
   color:var(--ob-navy) !important;
   border-radius:35px;
   border:0;
   padding:14px 27px;
   font-weight:800;
 }
}

/* MOBILE HERO */
@media(max-width:991px) {
 #section-id-89882abc-571e-4d98-b1da-e86424e3f08d {
   min-height:440px;
   background-attachment:scroll !important;
   border-bottom:5px solid var(--ob-gold);
 }

 #section-id-89882abc-571e-4d98-b1da-e86424e3f08d
 .sppb-addon-title {
   color:#fff !important;
   font-family:Georgia,serif;
   font-size:clamp(32px,8vw,46px);
   font-weight:800;
   line-height:1.15;
 }

 #section-id-89882abc-571e-4d98-b1da-e86424e3f08d
 .sppb-btn {
   background:var(--ob-gold);
   color:var(--ob-navy) !important;
   border-radius:35px;
   font-weight:800;
 }
}

/* FIRST CONTENT SECTION */
#section-id-8b14884f-09d0-4a34-9ece-9bf410411e10 {
 padding-top:35px !important;
 padding-bottom:25px !important;
}

/* CLAN IMAGE CARDS */
.sppb-addon-image-overlay {
 border-radius:14px !important;
 overflow:hidden;
 box-shadow:0 8px 24px rgba(9,38,77,.14);
 transition:transform .25s ease,box-shadow .25s ease;
}

.sppb-addon-image-overlay:hover {
 transform:translateY(-5px);
 box-shadow:0 15px 30px rgba(9,38,77,.22);
}

.sppb-addon-image-overlay
.overlay-image-title a {
 color:#fff !important;
 font-weight:800;
 text-shadow:0 2px 8px rgba(0,0,0,.3);
}

/* GENERAL BUTTONS */
.sp-page-builder .sppb-btn {
 transition:transform .2s ease,box-shadow .2s ease;
}

.sp-page-builder .sppb-btn:hover {
 transform:translateY(-2px);
 box-shadow:0 7px 20px rgba(0,0,0,.14);
}

/* FOOTER */
#sp-bottom {
 background:linear-gradient(135deg,#09264d,#061a36) !important;
 border-top:5px solid var(--ob-gold);
}

#sp-bottom .sp-module-title,
#sp-bottom h3 {
 color:#fff !important;
}

#sp-bottom a,
#sp-bottom .sp-module ul li a {
 color:#e5ebf5 !important;
 opacity:1 !important;
}

#sp-bottom a:hover,
#sp-footer a:hover {
 color:var(--ob-gold) !important;
}

#sp-footer {
 background:#061a36 !important;
 color:#e5ebf5 !important;
}

/* MOBILE CONTENT */
@media(max-width:767px) {
 .sppb-addon-image-overlay {
   margin-bottom:16px;
 }

 #sp-bottom {
   padding:35px 0 25px;
 }

 #sp-footer {
   text-align:center;
 }

 .sp-page-builder img {
   max-width:100%;
   height:auto;
 }
}

/* ACCESSIBILITY */
@media(prefers-reduced-motion:reduce) {
 .sppb-addon-image-overlay,
 .sp-page-builder .sppb-btn {
   transition:none !important;
 }
}

/* OBUTAKA RESPONSIVE V4 END */

/* OBUTAKA FINAL FIX START */

/* DESKTOP HERO */
@media(min-width:768px) {
  .ob-hero-desktop .ob-hero-cta,
  .ob-hero-desktop .ob-hero-cta .sppb-addon-content {
    width:auto!important;
    max-width:260px!important;
  }

  .ob-hero-desktop .ob-hero-cta .sppb-btn {
    width:auto!important;
    max-width:260px!important;
    min-width:0!important;
    padding:14px 24px!important;
    white-space:normal;
    text-align:center;
  }
}

/* NEWS SECTION */
.ob-news {
  min-height:0!important;
  height:auto!important;
  padding-top:26px!important;
  padding-bottom:18px!important;
}

.ob-news .sppb-row,
.ob-news .sppb-column,
.ob-news .sppb-column-addons {
  min-height:0!important;
}

.ob-news .sppb-addon {
  margin-bottom:12px;
}

/* CLAN CARDS */
.ob-clans .sppb-addon-image-overlay {
  overflow:hidden;
  border-radius:12px!important;
}

.ob-clans .overlay-background-image {
  background-position:center!important;
  background-size:cover!important;
}

/* EXPLORER */
.ob-explorer {
  min-height:0!important;
  height:auto!important;
  background:#123c3b!important;
}

.ob-explorer .sppb-row {
  align-items:center;
}

.ob-explorer .sppb-btn {
  background:#e8ad32!important;
  color:#09264d!important;
  border-radius:30px!important;
  padding:12px 24px!important;
  font-weight:700!important;
}

/* NEWSLETTER */
.ob-updates {
  background:#f6f1e7!important;
}

.ob-updates input[type=text],
.ob-updates input[type=email] {
  max-width:100%;
  min-height:44px;
  border-radius:7px;
}

.ob-updates input[type=submit],
.ob-updates button[type=submit] {
  background:#e8ad32!important;
  color:#09264d!important;
  border:0!important;
  border-radius:30px!important;
  font-weight:700!important;
  padding:11px 22px!important;
}

/* FOOTER */
#sp-bottom .sp-module-title {
  font-size:17px!important;
  line-height:1.4;
  color:#fff!important;
}

#sp-bottom .sp-module ul li a {
  font-size:14px!important;
  line-height:1.8!important;
  color:#e2e9f3!important;
}

#sp-footer {
  font-size:12px;
  line-height:1.6;
}

/* MOBILE */
@media(max-width:767px) {

  html,body {
    max-width:100%;
    overflow-x:clip;
  }

  /* COMPACT HEADER */
  #sp-top-bar {
    padding:5px 0!important;
    min-height:0!important;
  }

  #sp-top-bar .sp-column,
  #sp-top-bar .sp-module,
  #sp-top-bar .sp-module:first-child,
  #sp-top-bar .socialicons,
  .sp-column.socialicons {
    margin-top:0!important;
    margin-bottom:0!important;
  }

  #sp-top-bar img {
    max-height:43px!important;
    width:auto!important;
  }

  .mobileheader .obutakamobile {
    margin:0!important;
  }

  #sp-header {
    min-height:42px!important;
    height:auto!important;
  }

  #sp-header .container,
  #sp-header .row,
  #sp-header .sp-column {
    min-height:42px!important;
  }

  #sp-mobile-menu {
    margin-bottom:0!important;
  }

  #offcanvas-toggler {
    padding:8px 12px!important;
    min-height:40px!important;
  }

  /* HERO */
  .ob-hero-mobile {
    min-height:390px!important;
    height:auto!important;
    padding:42px 18px!important;
  }

  .ob-hero-mobile .ob-hero-heading {
    width:100%;
    max-width:100%;
  }

  .ob-hero-mobile .ob-hero-heading
  .sppb-addon-title {
    font-size:clamp(29px,8vw,38px)!important;
    line-height:1.16!important;
  }

  .ob-hero-mobile .ob-hero-cta,
  .ob-hero-mobile .ob-hero-cta .sppb-addon-content {
    width:auto!important;
    max-width:100%!important;
  }

  .ob-hero-mobile .ob-hero-cta .sppb-btn {
    display:inline-block!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    text-align:center;
    padding:12px 18px!important;
  }

  /* NEWS */
  .ob-news {
    padding:24px 0 16px!important;
  }

  .ob-news img {
    max-width:100%;
    height:auto;
  }

  /* CLAN CARDS */
  .ob-clans {
    padding:25px 0!important;
  }

  .ob-clans .sppb-column {
    margin-bottom:12px;
  }

  /* EXPLORER */
  .ob-explorer {
    padding:32px 0!important;
  }

  .ob-explorer .sppb-column {
    margin-bottom:20px;
  }

  .ob-explorer img {
    max-width:100%;
    height:auto;
  }

  /* NEWSLETTER */
  .ob-updates {
    padding:30px 0!important;
  }

  .ob-updates .sppb-column {
    min-width:0;
  }

  .ob-updates input[type=text],
  .ob-updates input[type=email] {
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box;
  }

  .ob-updates img {
    max-width:100%!important;
    height:auto!important;
  }

  .ob-updates .sppb-addon {
    max-width:100%;
  }

  /* FOOTER */
  #sp-bottom {
    padding:28px 0 20px!important;
  }

  #sp-bottom .sp-module {
    margin-bottom:20px!important;
  }

  #sp-footer {
    text-align:center!important;
    font-size:12px!important;
  }

}

/* OBUTAKA FINAL FIX END */

/* OBUTAKA HEADER FOOTER BUGANDA BLUE V8 START */
/* Royal blue leads; navy gives depth; gold and white support the heritage identity. */
:root {--ob-h-navy:#03c;--ob-h-deep:#09264d;--ob-h-gold:#e8ad32;--ob-h-ivory:#fffdf8}
#sp-top-bar {height:3px!important;min-height:3px!important;padding:0!important;margin:0!important;overflow:hidden!important;background:var(--ob-h-navy)!important}
#sp-header,#sp-main-menu,#sp-mobile-logo,#sp-mobile-menu{box-shadow:none!important}
@media(min-width:768px){
 #sp-header{background:#fff!important;min-height:56px!important;height:auto!important;padding:0!important}
 #sp-header .container>.row{min-height:56px!important;display:flex!important;align-items:center!important}
 #sp-header #sp-logo{width:auto!important;flex:0 0 66px!important;max-width:66px!important;padding:0 6px!important}
 #sp-header #sp-logo img{max-height:42px!important;width:auto!important}
 #sp-header #sp-menusocial{width:auto!important;flex:1 1 auto!important;max-width:none!important;padding:0 6px!important}
 #sp-header #sp-top3{width:auto!important;flex:0 0 auto!important;max-width:none!important;padding:0 8px!important;margin-left:auto!important}
 #sp-header #sp-search{display:none!important}
 #sp-header .sp-module,#sp-header .sp-column{margin:0!important;padding-top:0!important;padding-bottom:0!important}
 #sp-header .obutaka-logo,#sp-header .obutaka-logo *{margin:0!important;line-height:1.2!important;color:var(--ob-h-deep)!important;font-family:Georgia,serif!important;font-size:23px!important;font-weight:700!important;white-space:nowrap!important}
 #sp-header .socialicons{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;margin:0!important}
 #sp-header .socialicons a{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important}
 #sp-header .socialicons img{max-width:27px!important;max-height:27px!important}
 #sp-main-menu{background:linear-gradient(100deg,#0033cc 0%,#0033cc 70%,#09264d 100%)!important;border:0!important;border-bottom:3px solid var(--ob-h-gold)!important;min-height:43px!important;height:auto!important;padding:0!important}
 #sp-main-menu .container>.row{display:flex!important;justify-content:center!important;align-items:center!important;min-height:43px!important}
 #sp-main-menu #sp-menu{width:100%!important;max-width:100%!important;flex:0 0 100%!important;text-align:center!important;padding:0!important}
 #sp-main-menu .sp-megamenu-parent{display:inline-flex!important;float:none!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;margin:0!important}
 #sp-main-menu .sp-megamenu-parent>li>a{display:block!important;height:43px!important;line-height:43px!important;padding:0 13px!important;background:transparent!important;color:#fff!important;font-size:12px!important;font-weight:700!important;letter-spacing:.01em!important;text-transform:uppercase!important}
 #sp-main-menu .sp-megamenu-parent>li.active>a,#sp-main-menu .sp-megamenu-parent>li>a:hover,#sp-main-menu .sp-megamenu-parent>li>a:focus{background:var(--ob-h-gold)!important;color:var(--ob-h-navy)!important}
}
@media(max-width:767px){
 #sp-mobile-logo{display:block!important;background:#fff!important;position:relative!important;z-index:20!important;min-height:82px!important;height:auto!important;padding:9px 0!important;margin:0!important;box-shadow:0 3px 14px rgba(9,38,77,.08)!important}
 #sp-mobile-logo>.container{width:100%!important;max-width:100%!important;padding:0 14px!important}
 #sp-mobile-logo .container>.row{display:flex!important;flex-wrap:nowrap!important;align-items:flex-start!important;min-height:64px!important;margin:0!important}
 #sp-mobile-logo #sp-logo{flex:0 0 46px!important;width:46px!important;max-width:46px!important;margin:0!important;padding:0!important}
 #sp-mobile-logo #sp-logo img{display:block!important;width:auto!important;height:auto!important;max-width:43px!important;max-height:46px!important}
 #sp-mobile-logo #sp-menusocial{flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:4px 4px!important}
 #sp-mobile-logo .sp-column,#sp-mobile-logo .sp-module{margin:0!important;padding-top:0!important;padding-bottom:0!important}
 #sp-mobile-logo .obutaka-logo,#sp-mobile-logo .obutaka-logo *{color:var(--ob-h-deep)!important;font:700 21px/1.2 Georgia,serif!important;white-space:nowrap!important;margin:0!important}
 #sp-mobile-logo #sp-top3{flex:0 0 82px!important;width:82px!important;max-width:82px!important;display:block!important;margin:0!important;padding:40px 0 0 0!important}
 #sp-mobile-logo .socialicons{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:7px!important;margin:0!important}
 #sp-mobile-logo .socialicons a{display:inline-flex!important;margin:0!important}
 #sp-mobile-logo .socialicons img{max-width:23px!important;max-height:23px!important}
 #sp-mobile-search:not(:has(form)){display:none!important}
 #sp-mobile-menu{display:block!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;position:relative!important;overflow:visible!important;z-index:30!important}
 #sp-mobile-menu .container,#sp-mobile-menu .row{height:0!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important}
 #sp-mobile-menu #sp-menu{position:absolute!important;right:14px!important;top:-72px!important;width:42px!important;height:42px!important;padding:0!important;margin:0!important;z-index:31!important}
 #sp-mobile-menu #offcanvas-toggler{display:flex!important;align-items:center!important;justify-content:center!important;background:var(--ob-h-gold)!important;color:var(--ob-h-navy)!important;border-radius:8px!important;min-height:42px!important;height:42px!important;width:42px!important;padding:0!important;margin:0!important;box-shadow:0 2px 7px rgba(9,38,77,.16)!important}
 #sp-mobile-menu #offcanvas-toggler i{color:var(--ob-h-navy)!important;font-size:21px!important}
}
/* Royal blue appears in navigation and the footer; the brand mark remains unchanged. */
#sp-header .obutaka-logo a:hover,#sp-mobile-logo .obutaka-logo a:hover{color:#03c!important}
#sp-main-menu .sp-megamenu-parent>li.active>a{box-shadow:inset 0 -3px 0 #fff2c8}
#sp-main-menu .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{background:#fff!important;border-top:3px solid #e8ad32;box-shadow:0 12px 28px rgba(9,38,77,.18)!important}
#sp-main-menu .sp-megamenu-parent .sp-dropdown li a{color:#09264d!important}
#sp-main-menu .sp-megamenu-parent .sp-dropdown li a:hover{color:#03c!important;background:#f5f7ff!important}
/* Footer: royal-to-navy blend, readable links and fine gold wave */
#sp-bottom{background:linear-gradient(110deg,#0033cc 0%,#09264d 62%,#061b37 100%)!important;color:#edf3fb!important;border:0!important;position:relative!important;padding:55px 0 34px!important;margin-top:0!important;isolation:isolate}
#sp-bottom:before{content:"";position:absolute;left:0;right:0;top:-18px;height:23px;z-index:2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 24' preserveAspectRatio='none'%3E%3Cpath d='M0 17 C170 -6 315 6 475 17 S820 7 1200 14 L1200 24 L0 24 Z' fill='%23e8ad32'/%3E%3Cpath d='M0 21 C170 -2 315 10 475 21 S820 11 1200 18 L1200 24 L0 24 Z' fill='%230033cc'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat}
#sp-bottom .sp-module-title,#sp-bottom h3{color:#fff!important;font-family:Georgia,serif!important;font-size:16px!important;font-weight:700!important;line-height:1.35!important;margin:0 0 12px!important}
#sp-bottom a,#sp-bottom .sp-module ul li a{color:#eaf0fa!important;font-size:13px!important;line-height:1.8!important;opacity:1!important;text-decoration:none!important}
#sp-bottom a:hover,#sp-bottom a:focus{color:#f5c45e!important}
#sp-bottom .sp-module{margin-bottom:12px!important}
#sp-footer{background:#071b43!important;color:#d5dfed!important;border-top:1px solid rgba(255,255,255,.12)!important;padding:12px 0!important;font-size:12px!important}
#sp-footer a{color:#eaf0fa!important}
#sp-footer a:hover{color:#f5c45e!important}
@media(max-width:767px){#sp-bottom{padding:40px 0 20px!important}#sp-bottom .sp-module{margin-bottom:23px!important}#sp-bottom:before{top:-15px;height:20px}#sp-footer,#sp-footer .sp-column{text-align:center!important}#sp-footer .row{row-gap:8px}}
#sp-mobile-menu #offcanvas-toggler:focus-visible,#sp-main-menu a:focus-visible{outline:3px solid #e8ad32!important;outline-offset:2px}
/* OBUTAKA HEADER FOOTER BUGANDA BLUE V8 END */

/* OBUTAKA DROPDOWN FIX START */

@media (min-width:768px) {

  /* Ensure dropdowns are not clipped */
  #sp-main-menu,
  #sp-main-menu .container,
  #sp-main-menu .row,
  #sp-main-menu #sp-menu,
  #sp-main-menu .sp-megamenu-parent {
    overflow:visible!important;
  }

  #sp-main-menu {
    position:relative;
    z-index:1000!important;
  }

  /* Remove the gap causing hover to break */
  #sp-main-menu .sp-megamenu-parent > li {
    position:relative;
  }

  #sp-main-menu .sp-megamenu-parent
  > li > .sp-dropdown {
    top:100%!important;
    margin-top:0!important;
  }

  #sp-main-menu .sp-megamenu-parent
  .sp-dropdown {
    padding-top:0!important;
    margin-top:0!important;
    z-index:1001!important;
  }

  /* Nested dropdown position */
  #sp-main-menu .sp-megamenu-parent
  .sp-dropdown li.sp-has-child {
    position:relative;
  }

  #sp-main-menu .sp-megamenu-parent
  .sp-dropdown li.sp-has-child > .sp-dropdown {
    top:0!important;
    left:100%!important;
    margin:0!important;
  }

  /* Keep submenu visible while hovering */
  #sp-main-menu .sp-megamenu-parent
  li.sp-has-child:hover > .sp-dropdown,
  #sp-main-menu .sp-megamenu-parent
  li.sp-has-child:focus-within > .sp-dropdown {
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    pointer-events:auto!important;
  }

  /* Premium dropdown panel */
  #sp-main-menu .sp-megamenu-parent
  .sp-dropdown .sp-dropdown-inner {
    background:#FFFFFF!important;
    border-top:3px solid #E8AD32!important;
    border-radius:0 0 10px 10px!important;
    box-shadow:0 12px 28px rgba(9,38,77,.2)!important;
    padding:8px!important;
  }

  /* Readable submenu links */
  #sp-main-menu .sp-megamenu-parent
  .sp-dropdown li > a,
  #sp-main-menu .sp-megamenu-parent
  .sp-dropdown li > span {
    display:block;
    color:#09264D!important;
    background:transparent!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.45!important;
    height:auto!important;
    padding:11px 14px!important;
    white-space:normal;
    text-decoration:none!important;
  }

  /* Royal blue hover, gold accent */
  #sp-main-menu .sp-megamenu-parent
  .sp-dropdown li > a:hover,
  #sp-main-menu .sp-megamenu-parent
  .sp-dropdown li > a:focus-visible,
  #sp-main-menu .sp-megamenu-parent
  .sp-dropdown li.active > a {
    background:#F0F4FF!important;
    color:#0033CC!important;
    box-shadow:inset 3px 0 0 #E8AD32;
    border-radius:5px;
  }
}

/* OBUTAKA DROPDOWN FIX END */

/* OBUTAKA MOBILE V9 START */
@media(max-width:767px){

/* BRAND HEADER */
#sp-mobile-logo{
  background:#fff!important;
  height:68px!important;
  min-height:68px!important;
  padding:6px 0!important;
  margin:0!important;
  position:relative!important;
  z-index:20!important;
  box-shadow:0 3px 12px rgba(9,38,77,.10)!important;
}
#sp-mobile-logo .container{
  width:100%!important;
  max-width:100%!important;
  padding:0 15px!important;
}
#sp-mobile-logo .container>.row{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  min-height:54px!important;
  margin:0!important;
}
#sp-mobile-logo #sp-logo{
  flex:0 0 54px!important;
  width:54px!important;
  padding:0!important;
}
#sp-mobile-logo #sp-logo img{
  width:auto!important;
  max-width:50px!important;
  max-height:52px!important;
  margin:0!important;
}
#sp-mobile-logo #sp-menusocial{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  padding:0 8px!important;
}
#sp-mobile-logo .obutaka-logo,
#sp-mobile-logo .obutaka-logo *{
  font-size:22px!important;
  font-weight:800!important;
  line-height:1.15!important;
  color:#09264d!important;
  margin:0!important;
  white-space:nowrap!important;
}
#sp-mobile-logo #sp-top3,
#sp-mobile-logo .socialicons{
  display:none!important;
}
#sp-mobile-logo .sp-module,
#sp-mobile-logo .sp-column{
  margin:0!important;
}
#sp-mobile-search:not(:has(form)){
  display:none!important;
}

/* MENU BUTTON: keep existing Helix3 functionality */
#sp-mobile-menu{
  display:block!important;
  height:0!important;
  min-height:0!important;
  position:relative!important;
  overflow:visible!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  z-index:40!important;
}
#sp-mobile-menu .container,
#sp-mobile-menu .row{
  height:0!important;
  min-height:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
#sp-mobile-menu #sp-menu{
  position:absolute!important;
  top:-56px!important;
  right:15px!important;
  width:44px!important;
  height:44px!important;
  padding:0!important;
  margin:0!important;
}
#sp-mobile-menu #offcanvas-toggler{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:44px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
  margin:0!important;
  border-radius:9px!important;
  background:#e8ad32!important;
  color:#09264d!important;
}
#sp-mobile-menu #offcanvas-toggler i{
  color:#09264d!important;
  font-size:21px!important;
}

/* FULL HEIGHT OFF-CANVAS MENU */
.offcanvas-menu{
  background:#09264d!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:100vh!important;
  max-width:88vw!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  box-shadow:-12px 0 35px rgba(0,0,0,.25)!important;
}
.offcanvas-menu .offcanvas-inner{
  background:#09264d!important;
  min-height:100%!important;
  height:auto!important;
  padding:55px 16px 30px!important;
}
.offcanvas-menu .offcanvas-inner .sp-module{
  background:transparent!important;
  margin:0!important;
  padding:0!important;
}
.offcanvas-menu ul{
  background:transparent!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.offcanvas-menu ul>li{
  background:transparent!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  margin:0!important;
}
.offcanvas-menu ul>li>a,
.offcanvas-menu ul>li>span{
  display:block;
  color:#fff!important;
  background:transparent!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.5!important;
  padding:13px 12px!important;
  height:auto!important;
  text-decoration:none!important;
}
.offcanvas-menu ul>li.active>a,
.offcanvas-menu ul>li>a:hover,
.offcanvas-menu ul>li>a:focus-visible{
  background:#e8ad32!important;
  color:#09264d!important;
  border-radius:5px!important;
}
.offcanvas-menu .offcanvas-inner
.menu-child,
.offcanvas-menu ul ul{
  background:#123765!important;
}
.offcanvas-menu ul ul li>a{
  color:#fff!important;
  font-size:13px!important;
  padding-left:22px!important;
}

/* SUBMENU ARROWS */
.offcanvas-menu .offcanvas-inner
.offcanvas-menu-toggler{
  color:#e8ad32!important;
  cursor:pointer!important;
}
.offcanvas-menu .close-offcanvas{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  z-index:100!important;
  width:34px!important;
  height:34px!important;
  line-height:34px!important;
  text-align:center!important;
  border-radius:50%!important;
  background:#e8ad32!important;
  color:#09264d!important;
}
.offcanvas-menu .close-offcanvas i{
  color:#09264d!important;
}

/* NO EXTRA HEADER BANDS */
#sp-mobile-search:not(:has(form)),
#sp-top-bar{
  margin-bottom:0!important;
}

}
/* OBUTAKA MOBILE V9 END */