/*
 * Made by Erik Terwan
 * 24th of November 2015
 * MIT License
 */
#navigation_toggle {
  display: block;
  position: relative;
  margin-left: 10px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}

#navigation_toggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  -webkit-touch-callout: none;
}

#navigation_toggle span {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #B2B2B2;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#navigation_toggle span:first-child {
  transform-origin: 0 0;
}

#navigation_toggle span:nth-last-child(1) {
  transform-origin: 0 100%;
}

#navigation_toggle.open span:first-child {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -3px);
  background: #B2B2B2;
}

#navigation_toggle.open span:nth-last-child(2) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#navigation_toggle.open span:nth-last-child(1) {
  opacity: 1;
  transform: rotate(-45deg) translate(0, 0px);
  background: #B2B2B2;
}

#menu_content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

ul#menu_list {
  position: relative;
  flex: 1;
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
  list-style-position: inside;
  overflow-x: hidden;
  overflow-y: scroll;
}

ul#menu_list li {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
  list-style-position: inside;
  font-weight: bold;
}

ul#menu_list li ul {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
  list-style-position: inside;
}

ul#menu_list a, ul#menu_list li ul li a {
  padding: 8px 8px 8px 16px;
}

ul#menu_list a {
  padding: 8px 8px 8px 8px;
  text-decoration: none;
  font-size: 1.25em;
  font-weight: bold;
  color: #5e5e5e;
  display: block;
  transition: 0.3s;
}

ul#menu_list a:hover {
  color: #000000;
}

ul#menu_list .nav_collection_title {
  font-size: 1.25em;
  padding-left: 8px;
  font-style: italic;
}

#menu_footer {
  position: relative;
  margin-top: auto;
  margin-bottom: 0;
  border: 1px solid rgba(0,0,0,0.7);
  border-radius: 2px;
  padding: 8px;
}

#menu_footer_gitlab_container {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 32px;
}

#menu_footer_gitlab_container a {
  font-size: 1.0rem;
  color: #000000;
  padding: 0;
}

#menu_footer_gitlab_container a:hover {
  color: #2a2a2a;
}

#menu_footer_algorithm_container {
  position: relative;
  margin-left: auto;
  align-items: center;
  display: flex;
  margin-right: 16px;
}

#menu_footer_website_container {
  position: relative;
  align-items: center;
  display: flex;
}

.img_gitlab {
  width: 40px;
  height: 40px;
}

#menu_footer #img_hu_logo {
  width: 70px;
  height: 70px;
  float: right;
  margin-left: 8px;
}