/* components/s-hamburger/src/scss/s-hamburger.scss */
.s-menu-btn {
  margin: 2rem;
  z-index: 17;
  cursor: pointer;
}
.s-menu-btn .stroke-2 {
  d: path("M 21 14.5 L 33 14.5");
  -webkit-transition: 0.2s d ease-in-out;
  transition: 0.2s d ease-in-out;
}
.s-menu-btn:hover .stroke-2 {
  d: path("M 8 14.5 L 33 14.5");
  -webkit-transition: 0.2s d ease-in-out;
  transition: 0.2s d ease-in-out;
}
.s-menu-btn:hover d {
  stroke: red;
}
.s-menu-btn.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.s-menu-btn.open .stroke-1,
.s-menu-btn.open .stroke-2,
.s-menu-btn.open .stroke-3 {
  -webkit-transition: 0.2s stroke ease-in-out;
  transition: 0.2s stroke ease-in-out;
  stroke: white;
}
.menu-container {
  width: 40vw;
  height: 100vh;
  background-color: #457b9d;
  float: right;
  -webkit-transform: translateX(50vw);
  transform: translateX(50vw);
  -webkit-box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.4901960784);
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.4901960784);
  -webkit-transition: 0.2s -webkit-transform ease-in-out;
  transition: 0.2s -webkit-transform ease-in-out;
  transition: 0.2s transform ease-in-out;
  transition: 0.2s transform ease-in-out, 0.2s -webkit-transform ease-in-out;
  z-index: 16;
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.menu-container ul {
  margin-top: 160px;
  list-style: none;
}
.menu-container ul li a {
  color: white;
  font-size: 24px;
  text-decoration: none;
}
.menu-container .h-btn-orbs {
  background-color: white;
  color: #457b9d;
  margin: 2rem auto;
}
.menu-container.open {
  -webkit-transform: translateX(0px) !important;
  transform: translateX(0px) !important;
  -webkit-transition: 0.2s -webkit-transform ease-in-out;
  transition: 0.2s -webkit-transform ease-in-out;
  transition: 0.2s transform ease-in-out;
  transition: 0.2s transform ease-in-out, 0.2s -webkit-transform ease-in-out;
}
.mobile-header.open {
  visibility: visible;
}
/*# sourceMappingURL=s-hamburger.css.map */