a[data-attribute=submenu-mobile-toggle] .icon-bar {
  transition: all 300ms ease-in-out;
  display: block;
  width: 30px;
  height: 3px;
  margin: 6px 0;
  border-radius: 3px;
  background-color: #003F3F;
}
a[data-attribute=submenu-mobile-toggle].active .icon-bar:nth-of-type(1) {
  transform: rotate(-45deg) translate(-9px, 6px);
}
a[data-attribute=submenu-mobile-toggle].active .icon-bar:nth-of-type(2) {
  opacity: 0;
}
a[data-attribute=submenu-mobile-toggle].active .icon-bar:nth-of-type(3) {
  transform: rotate(45deg) translate(-6px, -4px);
}

#navbar {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1607843137);
}