.primary-menu {
	position: relative;
	justify-content: flex-start;
}

#block-lhl-account-menu {
  margin-left: auto;
}

.main-menu {
  background-color: #2c3e50;
  position: relative;
  padding: 0 20px;
}

.main-menu .menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.main-menu .menu li {
  margin: 0;
}

.main-menu .menu li a {
  display: block;
  padding: 15px 20px;
  text-decoration: none;
  color: white;
  transition: background 0.3s ease;
}

.main-menu .menu li a:hover {
  background-color: #34495e;
}

.menu-items li.active {
  background-color: #F7591F;
}
/* Hamburger menu icon - hidden on desktop */
.menu-icon {
  display: none;
  font-size: 26px;
  color: white;
  cursor: pointer;
  padding: 15px 20px;
}

#block-lhl-main-menu li {
	border-top: 1px solid #dadada;
}

/* Hide checkbox */
.menu-toggle {
  display: none;
}

/* Responsive */
@media (max-width: 768px) {
	#block-lhl-main-menu {
		/*overflow-x: hidden;*/
		overflow-y: visible;
	}
	
	.menu-toggle {
		display: flex;
		background: transparent;
    border: 0;
    color: #fff;
    font-size: 20px;
    padding: 6px 6px 8px;
	}
	
	.menu-items {
		width: 100%;
		height: 0;
		display: flex;
		flex-direction: column;
		position: absolute;
		transform: translateY(-500px);
		/*transition: transform .5s ease-out;*/
		z-index: 2;
    background: #145DA0;
    opacity: 0;
    transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
	}
	
	.menu-items.active {
		transform: translateY(0);
		opacity: 1;
    height: auto;
	}

  .menu-icon {
    display: block;
  }

  .main-menu .menu {
    display: none;
    flex-direction: column;
    background-color: #2c3e50;
    width: 100%;
  }

  .menu-toggle:checked + .menu-icon + .menu {
    display: flex;
  }

  .main-menu .menu li a {
    border-top: 1px solid #34495e;
  }
}