@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');


/* =========================================
   BASE
========================================= */

.mih-header26,
.mih-header26 *{
  box-sizing:border-box;
}

.mih-header26{
  --mih-blue:#1668E3;
  --mih-blue-dark:#0D4FB8;
  --mih-navy:#191E3B;
  --mih-text:#465166;
  --mih-muted:#6F7B90;
  --mih-light-blue:#F2F7FF;
  --mih-border:#DCE6F5;

  position:relative;
  z-index:100;

  width:100%;

  background:#ffffff;
  color:var(--mih-navy);

  font-family:"DM Sans",sans-serif;

  border:0 !important;
  border-bottom:none !important;

  box-shadow:none !important;
}


/* =========================================
   INNER
========================================= */

.mih-header26 .mih-header-inner{
  width:min(1360px,calc(100% - 64px));

  min-height:102px;

  margin:0 auto;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:28px;

  position:relative;
}


/* =========================================
   LINKS
========================================= */

.mih-header26 a{
  text-decoration:none;
  box-shadow:none !important;
}


/* =========================================
   BRAND / LOGO
========================================= */

.mih-header26 .mih-brand{
  display:inline-flex;
  align-items:center;

  gap:11px;

  flex-shrink:0;

  color:var(--mih-navy);

  box-shadow:none !important;
}

.mih-header26 .mih-brand-icon{
  display:block;

  width:35px;
  height:42px;

  flex-shrink:0;

  filter:none !important;
  box-shadow:none !important;
}

.mih-header26 .mih-brand-name{
  display:block;

  font-family:"Manrope",sans-serif;

  font-size:25px;
  font-weight:800;
  line-height:1.15;

  letter-spacing:-1.1px;

  color:var(--mih-navy);
}

.mih-header26 .mih-brand-tagline{
  display:block;

  margin-top:5px;

  font-size:9px;
  font-weight:700;
  line-height:1.5;

  letter-spacing:2.2px;

  text-transform:uppercase;

  color:#64718A;
}


/* =========================================
   NAVIGATION
========================================= */

.mih-header26 .mih-navigation{
  display:flex;
  align-items:center;

  gap:28px;
}

.mih-header26 .mih-nav-link{
  display:inline-flex;
  align-items:center;

  min-height:44px;

  padding:6px 0;

  color:#303B55;

  font-size:14px;
  font-weight:600;
  line-height:1.5;

  box-shadow:none !important;

  transition:color .2s ease;
}

.mih-header26 .mih-nav-link:hover,
.mih-header26 .mih-nav-link:focus-visible{
  color:var(--mih-blue);
  box-shadow:none !important;
}


/* =========================================
   EXPLORE HOPE BUTTON
========================================= */

.mih-header26 .mih-explore-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  gap:12px;

  min-height:49px;

  margin-left:5px;

  padding:13px 22px;

  background:var(--mih-blue);

  border:1px solid var(--mih-blue);
  border-radius:8px;

  color:#ffffff;

  font-size:14px;
  font-weight:700;
  line-height:1.5;

  white-space:nowrap;

  box-shadow:none !important;

  transition:
    background .2s ease,
    border-color .2s ease,
    transform .2s ease;
}

.mih-header26 .mih-explore-button:hover{
  background:var(--mih-blue-dark);

  border-color:var(--mih-blue-dark);

  color:#ffffff;

  transform:translateY(-2px);

  box-shadow:none !important;
}

.mih-header26 .mih-explore-button:focus,
.mih-header26 .mih-explore-button:active{
  box-shadow:none !important;
}

.mih-header26 .mih-explore-button svg{
  display:block;

  width:17px;
  height:17px;

  fill:none;

  stroke:currentColor;
  stroke-width:1.8;

  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   MOBILE MENU BUTTON
========================================= */

.mih-header26 .mih-menu-toggle{
  display:none;

  align-items:center;
  justify-content:center;

  width:46px;
  height:46px;

  padding:11px;

  border:1px solid var(--mih-border);
  border-radius:8px;

  background:#ffffff;
  color:var(--mih-navy);

  box-shadow:none !important;

  cursor:pointer;

  appearance:none;
  -webkit-appearance:none;
}

.mih-header26 .mih-menu-toggle:hover{
  background:var(--mih-light-blue);

  border-color:#BFD4F4;

  box-shadow:none !important;
}

.mih-header26 .mih-menu-toggle:focus,
.mih-header26 .mih-menu-toggle:active{
  box-shadow:none !important;
}


/* =========================================
   REMOVE SHADOW FROM ALL HEADER BUTTONS
========================================= */

.mih-header26 button,
.mih-header26 button:hover,
.mih-header26 button:focus,
.mih-header26 button:active,
.mih-header26 [class*="button"],
.mih-header26 [class*="button"]:hover,
.mih-header26 [class*="button"]:focus,
.mih-header26 [class*="button"]:active{
  box-shadow:none !important;
}


/* =========================================
   HAMBURGER
========================================= */

.mih-header26 .mih-menu-lines{
  display:flex;
  flex-direction:column;

  gap:5px;

  width:22px;
}

.mih-header26 .mih-menu-lines span{
  display:block;

  width:22px;
  height:2px;

  background:currentColor;

  border-radius:2px;

  transition:
    transform .2s ease,
    opacity .2s ease;
}


.mih-header26
.mih-menu-toggle[aria-expanded="true"]
.mih-menu-lines span:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}

.mih-header26
.mih-menu-toggle[aria-expanded="true"]
.mih-menu-lines span:nth-child(2){
  opacity:0;
}

.mih-header26
.mih-menu-toggle[aria-expanded="true"]
.mih-menu-lines span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}


/* =========================================
   FOCUS
========================================= */

.mih-header26 a:focus-visible,
.mih-header26 button:focus-visible{
  outline:3px solid #75A9F5;
  outline-offset:5px;
  box-shadow:none !important;
}


/* =========================================
   LAPTOP
========================================= */

@media(max-width:1100px){

  .mih-header26 .mih-header-inner{
    width:calc(100% - 40px);
    gap:20px;
  }

  .mih-header26 .mih-navigation{
    gap:19px;
  }

  .mih-header26 .mih-brand-name{
    font-size:23px;
  }

  .mih-header26 .mih-explore-button{
    padding:12px 17px;
  }

}


/* =========================================
   TABLET / MOBILE MENU
========================================= */

@media(max-width:900px){

  .mih-header26 .mih-header-inner{
    min-height:84px;
    flex-wrap:wrap;
    gap:0;
  }


  .mih-header26.mih-enhanced
  .mih-menu-toggle{
    display:inline-flex;
  }


  .mih-header26 .mih-navigation{
    width:100%;
    flex-wrap:wrap;
    gap:12px 20px;
    padding:15px 0 20px;
  }


  .mih-header26.mih-enhanced
  .mih-navigation{
    display:none;

    position:absolute;

    top:calc(100% - 2px);

    left:0;
    right:0;

    width:auto;

    padding:15px;

    flex-direction:column;
    align-items:stretch;

    gap:3px;

    background:#ffffff;

    border:1px solid var(--mih-border);
    border-radius:12px;

    box-shadow:
      0 18px 42px rgba(25,30,59,.09);
  }


  .mih-header26.mih-enhanced
  .mih-navigation.mih-is-open{
    display:flex;
  }


  .mih-header26 .mih-nav-link{
    padding:11px 13px;
    border-radius:7px;
  }


  .mih-header26 .mih-nav-link:hover{
    background:var(--mih-light-blue);
    color:var(--mih-blue);
    box-shadow:none !important;
  }


  .mih-header26 .mih-explore-button{
    margin:10px 0 0;
    min-height:48px;
    box-shadow:none !important;
  }

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:480px){

  .mih-header26 .mih-header-inner{
    width:calc(100% - 32px);
    min-height:78px;
  }


  .mih-header26 .mih-brand{
    gap:9px;
  }


  .mih-header26 .mih-brand-icon{
    width:29px;
    height:36px;

    filter:none !important;
    box-shadow:none !important;
  }


  .mih-header26 .mih-brand-name{
    font-size:21px;
    letter-spacing:-.9px;
  }


  .mih-header26 .mih-brand-tagline{
    font-size:8px;
    letter-spacing:1.6px;
  }


  .mih-header26 .mih-menu-toggle{
    width:43px;
    height:43px;
    box-shadow:none !important;
  }

}


/* =========================================
   REDUCED MOTION
========================================= */

@media(prefers-reduced-motion:reduce){

  .mih-header26 *,
  .mih-header26 *::before,
  .mih-header26 *::after{
    transition:none !important;
  }

}

/* Optional uploaded icon: same dimensions as the original SVG. */
.mih-header26 .mih-brand-image{object-fit:contain;object-position:center;}

/* Nested WordPress menu items. Flat menus retain the exact original HTML layout. */
.mih-header26 .mih-nav-item{
  position:relative;
  display:flex;
  align-items:center;
}
.mih-header26 .mih-submenu{
  position:absolute;
  z-index:101;
  top:100%;left:-13px;
  min-width:205px;
  padding:9px;
  display:none;
  flex-direction:column;
  gap:2px;
  background:#fff;
  border:1px solid var(--mih-border);
  border-radius:10px;
  box-shadow:0 14px 38px rgba(25,30,59,.08);
}
.mih-header26 .mih-has-children:hover > .mih-submenu,
.mih-header26 .mih-has-children:focus-within > .mih-submenu{
  display:flex;
}
.mih-header26 .mih-nav-sublink{
  display:block;
  padding:10px 12px;
  border-radius:7px;
  color:#303B55;
  font-size:14px;
  font-weight:600;
  line-height:1.5;
  transition:background .2s ease,color .2s ease;
}
.mih-header26 .mih-nav-sublink:hover,
.mih-header26 .mih-nav-sublink:focus-visible{
  color:var(--mih-blue);
  background:var(--mih-light-blue);
}
.mih-header26 .mih-submenu-item{position:relative;}
.mih-header26 .mih-submenu-item > .mih-submenu{
  top:0;
  left:100%;
}
@media(max-width:900px){
  .mih-header26 .mih-nav-item,
  .mih-header26 .mih-submenu-item{
    width:100%;
    display:block;
  }
  .mih-header26 .mih-nav-item > .mih-nav-link{width:100%;}
  .mih-header26 .mih-submenu,
  .mih-header26 .mih-submenu-item > .mih-submenu{
    position:static;
    display:flex;
    min-width:0;
    width:100%;
    margin:0 0 4px 10px;
    padding:0 0 0 10px;
    border:0;
    border-left:2px solid var(--mih-border);
    border-radius:0;
    box-shadow:none;
  }
}