/*Gemensamma styles*/

.menu-huvudmeny-container {
	margin-bottom: 30px;
}

.menu-huvudmeny-container a {
	color:black;
	text-decoration: none;
	text-transform: uppercase;
}

@media (max-width: 999px) {
	#mobile-menu li {
		text-align: center;
		border-bottom: 1px solid gainsboro;
		position: relative;
	}
	#mobile-menu li a {
		text-align: center;
		padding: 10px;
		width: 100%;
		display: block;
	}
	#mobile-menu > li.menu-item-has-children:after {
		content: "\2303";
		position: absolute;
		right: 15px;
		top: 5px;
		font-size: 20px;
		transition-duration: 0.4s;
    transition-property: transform;
		transform: rotate(180deg);
		z-index: -1;
	}

	#mobile-menu > li.menu-item-has-children.open:after {
		transform: rotate(0deg);
	}

	.mobile-top {
		height: 60px;
    background: #f5f6f7;
		position: relative;
		text-align: center;
		box-shadow: 0 2px 8px 0 rgba(0,0,0,.25);
		z-index: 1;
	}
	.mobile-top #hamburger {
		float: left;
    font-size: 28px;
    margin-left: 10px;
    margin-top: 10px;
	}
	.mobile-top #hamburger:before {
		content:"☰";
	}
	.mobile-top #hamburger.open:before {
		content:"\00d7";
	}
	.mobile-top .brand {
		height: 60px;
		display:inline-block;
		width: 180px;
	}
	.mobile-top .brand img {
		width: 100%;
		height: 100%;
	}
	.mobile-top .search-icon {
		display: block;
		width: 25px;
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
	}
	.mobile-top .search-icon img {
		height: 100%;
		width: 100%;
	}
	.hidden-md-down {
		display: none;
	}
	.menu-huvudmeny-container {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s;
	}
	.menu-huvudmeny-container.open {
		max-height: 700px;
	}
	.menu-huvudmeny-container ul a {

	}
	#top-menu > li {
		text-align: center;
		border-bottom:1px solid #f5f6f7;
		padding: 10px;
	}
	.sub-menu {
		background-color: #f5f6f7;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease-in-out;
	}
	.sub-menu.active {
		display:block;
		max-height: 500px;
	}
}

@media (min-width: 1000px) {
	.hidden-lg {
		display: none;
	}


	#sub-menu {
	  display: block;
	  padding: 0;
	  width: 100%;
	  border-bottom: 1px solid #e4e4e5;
	  font-size: 12px;
	  letter-spacing: 1px;
	  justify-content: center;
	  text-align: center;
		display: flex;
		flex-wrap: wrap;
	}
	#sub-menu li {
		height: 50px;
	}
	#top-menu {
	  position: relative;
	  padding:0;
	  height:100px;
	  display: flex;
	  box-shadow: 0 2px 8px 0 rgba(0,0,0,.25);
	  font-size: 14px;
	  letter-spacing: 1.2px;
	  justify-content: center;
	  z-index: 1;
	}
	.menu-huvudmeny-container li {
	  height: 100%;
	  list-style: none;
	  display: flex;

	}
	#top-menu li a:not(.logo-link), #sub-menu li a {
	  align-items: center;
	  justify-content: center;
	  align-items: center;
	  width: 100%;
	  align-items: center;
    height: 100%;
    padding: 0 12px;
    color: #252626;
    transition: color .25s;
    position: relative;
    display: flex;
	}
	#top-menu li a {
		padding: 0 24px;
	}

	.menu-huvudmeny-container li a:hover {
	  color:gray;
	}

	.menu-huvudmeny-container li.active > a:after {
	  content: "";
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  border-bottom: 3px solid #2e73f6;
	  opacity: 1;
	}

	li.logo {
		height: 60px;
    width: 180px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
	}
	li.logo .logo-link {
		padding:0 !important;
	}
	.logo > a img {
		height: 100%;
    width: 100%;
	}
}