/* UT Header — cream pills, lavender ground */
@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@400;500;600;700&display=swap');

body.page-id-5770,
body.page-id-5803,
body.page-id-5815,
body.page-id-5817,
body.page-id-5819,
body.page-id-5820,
body.page-id-5821,
body.page-id-5822,
body.page-id-5823,
body.page-id-5824,
body.page-id-5825,
body.page-id-5770 .elementor-location-header,
body.page-id-5803 .elementor-location-header,
body.page-id-5815 .elementor-location-header,
body.page-id-5817 .elementor-location-header,
body.page-id-5819 .elementor-location-header,
body.page-id-5820 .elementor-location-header,
body.page-id-5821 .elementor-location-header,
body.page-id-5822 .elementor-location-header,
body.page-id-5823 .elementor-location-header,
body.page-id-5824 .elementor-location-header,
body.page-id-5825 .elementor-location-header,
body.page-id-5770 .hfe-site-header,
body.page-id-5803 .hfe-site-header,
body.page-id-5815 .hfe-site-header,
body.page-id-5817 .hfe-site-header,
body.page-id-5819 .hfe-site-header,
body.page-id-5820 .hfe-site-header,
body.page-id-5821 .hfe-site-header,
body.page-id-5822 .hfe-site-header,
body.page-id-5823 .hfe-site-header,
body.page-id-5824 .hfe-site-header,
body.page-id-5825 .hfe-site-header{
  background:#E6E6FF!important;
}

.ut-header{
  --ut-cream:#FFF9EE;
  --ut-ink:#212121;
  --ut-accent:#FF9E57;
  --ut-orange:#FF9E57;
  --ut-shadow:0 2px 2.5px rgba(43,36,89,.08);
  box-sizing:border-box;
  width:100%;
  background:#E6E6FF;
  padding:28px 40px 50px;
  font-family:'Montserrat Alternates',Montserrat,sans-serif;
  color:var(--ut-ink);
  position:relative;
  z-index:100;
}
.ut-header *,
.ut-header *::before,
.ut-header *::after{box-sizing:border-box}

.ut-header__inner{
  max-width:1420px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  position:relative;
}

.ut-header__navpill,
.ut-header__socialpill{
  display:flex;
  align-items:center;
  height:68px;
  background:var(--ut-cream);
  border-radius:50px;
  box-shadow:var(--ut-shadow);
}

.ut-header__navpill{
  gap:30px;
  padding:4px 30px 4px 18px;
  flex:0 1 auto;
  min-width:0;
}

.ut-header__logo{
  display:flex;
  align-items:center;
  flex-shrink:0;
  line-height:0;
}
.ut-header__logo img{
  display:block;
  width:76px;
  height:61px;
  object-fit:contain;
}

.ut-header__menu{
  display:flex;
  align-items:center;
  gap:30px;
  flex-wrap:nowrap;
}
.ut-header__menu a{
  font-family:'Montserrat Alternates',Montserrat,sans-serif;
  font-size:14px;
  font-weight:400;
  line-height:1.43;
  color:var(--ut-ink)!important;
  text-decoration:none!important;
  white-space:nowrap;
  transition:color .15s ease,opacity .15s ease;
}
.ut-header__menu a:hover{color:#F47A2A!important}
.ut-header__menu a.is-active{
  font-weight:600;
  color:#2B2459!important;
}

.ut-header__socialpill{
  padding:10px 30px;
  flex-shrink:0;
  gap:15px;
}
.ut-header__socialpill a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  line-height:0;
  opacity:1;
  transition:transform .15s ease,opacity .15s ease;
}
.ut-header__socialpill a:hover{transform:translateY(-1px);opacity:.85}
.ut-header__socialpill a[data-net='youtube']{width:26px}
.ut-header__socialpill img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

.ut-header__toggle{
  display:none;
  appearance:none;
  -webkit-appearance:none;
  border:0!important;
  outline:none!important;
  background:var(--ut-orange)!important;
  background-color:var(--ut-orange)!important;
  color:var(--ut-ink)!important;
  width:52px;
  height:52px;
  border-radius:50%!important;
  padding:0;
  cursor:pointer;
  position:relative;
  flex-shrink:0;
  box-shadow:var(--ut-shadow);
  -webkit-tap-highlight-color:transparent;
}
.ut-header__toggle:hover,
.ut-header__toggle:focus,
.ut-header__toggle:focus-visible,
.ut-header__toggle:active,
.ut-header.is-open .ut-header__toggle{
  background:var(--ut-orange)!important;
  background-color:var(--ut-orange)!important;
  color:var(--ut-ink)!important;
  border:0!important;
  outline:none!important;
  box-shadow:var(--ut-shadow)!important;
}
.ut-header__toggle span,
.ut-header__toggle span::before,
.ut-header__toggle span::after{
  display:block;
  width:18px;
  height:2px;
  background:var(--ut-ink);
  border-radius:2px;
  position:absolute;
  left:50%;
  margin-left:-9px;
  transition:transform .2s ease,opacity .2s ease,top .2s ease;
}
.ut-header__toggle span{top:25px}
.ut-header__toggle span::before{content:'';top:-6px}
.ut-header__toggle span::after{content:'';top:6px}
.ut-header.is-open .ut-header__toggle span{background:transparent}
.ut-header.is-open .ut-header__toggle span::before{top:0;transform:rotate(45deg)}
.ut-header.is-open .ut-header__toggle span::after{top:0;transform:rotate(-45deg)}

.ut-header__drawer{
  display:none;
}

@media (max-width:1100px){
  .ut-header__navpill{gap:18px;padding:4px 20px 4px 14px}
  .ut-header__menu{gap:18px}
  .ut-header__menu a{font-size:13px}
}

@media (max-width:900px){
  .ut-header{padding:14px 10px 28px}

  .ut-header__inner{
    display:grid;
    grid-template-columns:52px 1fr auto;
    align-items:center;
    gap:12px;
  }

  .ut-header__toggle{
    display:block;
    grid-column:1;
    grid-row:1;
  }

  .ut-header__socialpill{
    grid-column:2;
    grid-row:1;
    justify-self:center;
    height:52px;
    padding:10px 22px;
    gap:14px;
  }

  .ut-header__navpill{
    grid-column:3;
    grid-row:1;
    justify-self:end;
    height:auto;
    background:transparent;
    box-shadow:none;
    padding:0;
    gap:0;
  }

  .ut-header__navpill .ut-header__menu{
    display:none;
  }

  .ut-header__logo img{
    width:70px;
    height:56px;
  }

  .ut-header__drawer{
    display:none;
    grid-column:1 / -1;
    grid-row:2;
    margin-top:8px;
    background:var(--ut-cream);
    border-radius:24px;
    box-shadow:var(--ut-shadow);
    padding:18px 22px;
  }
  .ut-header.is-open .ut-header__drawer{display:block}
  .ut-header__drawer nav{
    display:flex;
    flex-direction:column;
    gap:14px;
  }
  .ut-header__drawer a{
    font-family:'Montserrat Alternates',Montserrat,sans-serif;
    font-size:15px;
    font-weight:400;
    color:var(--ut-ink)!important;
    text-decoration:none!important;
  }
  .ut-header__drawer a.is-active{
    font-weight:600;
    color:#2B2459!important;
  }
}