/*
=============================================
Header 100E
=============================================
*/

header.header-100e {
  padding: 14px 0;
  box-shadow: 0px 2px 5px var(--color-custom-2);
  line-height: 1.2em;
  top: 0;
  background-color: #fff;
  z-index: 9;
}

.admin-bar header.header-100e {
  top: 32px;
}

header.header-100e .container {
  max-width: var(--header-max-width);
}

/* Header Logo */
header.header-100e img.logo {
  max-width: var(--branding-width-max);
  width: 100%;
  height: auto;
}

/* Header Menu */
header.header-100e .menu-100e-container {
  justify-content: var(--header-menu-alignment);
  gap: var(--header-menu-gap);
}

header.header-100e .menu-100e #mainmenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

header.header-100e .menu-100e #mainmenu ul.mainmenu {
  display: flex;
  align-items: center;
  gap: var(--header-menu-gap);
  text-transform: uppercase;
}

header.header-100e .menu-100e #mainmenu ul.mainmenu>li>a {
  padding: 15px 0;
}

header.header-100e .menu-100e #mainmenu ul li {
  position: relative;
}

header.header-100e .menu-100e #mainmenu ul li a {
  opacity: 0.8;
  color: var(--color-main);
}

header.header-100e .menu-100e #mainmenu ul li a:hover {
  opacity: 1;
  color: var(--color-main);
}

header.header-100e .menu-100e #mainmenu ul.mainmenu>li.menu-item-has-children {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.5L4 3.5L7 0.5' stroke='%235171ac'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 12px;
  padding-right: 16px;
}


header.header-100e .menu-100e #mainmenu ul.mainmenu > li > .sub-menu {
  position: absolute;
  top: 160%;
  min-width: 150px;
  background-color: #fff;
  box-shadow: 0px 2px 5px var(--color-custom-2);
  padding: 0 10px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}

header.header-100e .menu-100e #mainmenu ul li.menu-item-has-children:hover .sub-menu {
  opacity: 1;
  visibility: visible;
}

header.header-100e .menu-100e #mainmenu ul.mainmenu .sub-menu .sub-menu{
  padding-left: 10px;
}

header.header-100e .menu-100e #mainmenu .sub-menu a {
  padding: 10px 0;
  display: block;
}

/* Header CTA */
header.header-100e .cta-100e-button {
  padding: 10px 14px;
  background-color: var(--color-main);
  color: #fff;
  text-transform: uppercase;
}

/* Mobile Menu */
.menu-100e-mobile {
  width: 90%;
  height: 100%;
  padding: 20px;
  top: 60px;
  left: 0;
  background-color: #fff;
  z-index: 99;
  transition: all 0.3s;
  box-shadow: 0px 3px 4px rgb(0 0 0 / 8%);
  overflow-y: scroll;
  left: -100%;
  opacity: 0;
  visibility: hidden;
}

.menu-100e-mobile.budi-menu-opened {
  left: 0;
  opacity: 1;
  visibility: visible;
}

.menu-100e-mobile ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.menu-100e-mobile ul li {
  margin-bottom: 25px;
}

.menu-100e-mobile ul li a {
  display: block;
  font-weight: 500;
}