/* Toppmeny */
#wpadminbar{position:fixed;}

#topmenu{
	position:fixed;
	top:auto;
	display:block;
	z-index:1000;
	width:100%;
	max-width:100%;
	/*min-height:80px;*/
	text-align:center;
	text-transform: none;
}
#topmenu ul{
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
	margin:auto;
	font-size:0; /* Tar bort margin mellan li */
}
#topmenu ul li{
	display:inline-block;
	margin:0;
	padding:0;
	font-size:16px;
}
#topmenu ul li a{
	display:block;
	margin:0;
	padding:27px 25px;
	text-decoration:none;
	background-color:transparent;
	transition: background-color 0.5s ease 0s;
	letter-spacing:1px;
}
#topmenu ul li a:link, #topmenu ul li a:visited, #topmenu ul li a:active{
	text-decoration:none;
}
#topmenu ul li a:hover, #topmenu ul li.topmenu-submenu-open a{
	
}
#topmenu ul li.page_item_has_children{
	position:relative;
}
#topmenu ul li.page_item_has_children ul.children li{
	display:block;
}
#topmenu button{
	cursor:pointer;
	border-radius:0;
}
#topmenu button:focus, #topmenu a:focus{
	cursor:pointer;
	border-radius:0;
}
/*
#topmenu button:focus:not(:hover), #topmenu a:focus:not(:hover){
	outline:none;
}
*/

/* Visar/döljer meny på stor skärm vid hover */
#topmenu.topmenu-hover{
	opacity: 1 !important;
	transition: background 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
#topmenu.topmenu-hover-out{
	transition: background 0.5s ease-in-out, opacity 0.5s ease-in-out;
}




/* Utfällbar meny (stor skärm) */
#topmenu.topmenu-closed ul li.page_item_has_children a::after{
	font: var(--fa-font-solid);
	content: "\f0d7";
	display: inline-block;
	padding-left: 5px;
	vertical-align: middle;
	font-weight: 600;
}
#topmenu.topmenu-closed ul li.page_item_has_children ul.children li a::after{
	display: none;
}
#topmenu.topmenu-closed ul li.page_item_has_children ul.children li.page_item_has_children a::after{
	font: var(--fa-font-solid);
	content: "\f054";
	display: inline-block;
	padding-left: 5px;
	vertical-align: top;
	font-weight: 600;
}
#topmenu.topmenu-closed ul li.page_item_has_children ul.children li.page_item_has_children li a::after{
	display: none;
}
#topmenu.topmenu-closed ul li.page_item_has_children ul.children li.page_item_has_children ul.children li.page_item_has_children a::after{
	font: var(--fa-font-solid);
	content: "\f054";
	display: inline-block;
	padding-left: 5px;
	vertical-align: top;
	font-weight: 600;
}
#topmenu.topmenu-closed ul li.page_item_has_children ul.children li.page_item_has_children ul.children li.page_item_has_children li a::after{
	display: none;
}
#topmenu.topmenu-closed ul li.page_item_has_children ul.children{
	display:none;
	position:absolute;
	z-index:1000;
	left:0;
	width:auto;
	text-align:left;
	padding:0 0 0 0;
}

/* Undermeny (stor skärm) */
#topmenu.topmenu-closed ul li.page_item_has_children ul.children li a{
	padding:10px 10px 10px 10px;
	text-transform: none;
}
#topmenu.topmenu-closed ul li.page_item_has_children ul.children li a:hover{
	
}
#topmenu.topmenu-closed .topmenuOpener{
	display:none;
}
#topmenu.topmenu-closed ul.children{
	white-space: nowrap;
}

/* Döljer länk till startsidan som endast visas i mobilläge */
#topmenu.topmenu-closed li.hide_on_widescreen{
	display:none;
}

/* Vald huvudmeny länk */
#topmenu.topmenu-closed ul li.current_page_item > a, #topmenu.topmenu-closed ul li.current_page_ancestor > a{}
/* Vald huvudmeny länk (hover) */
#topmenu.topmenu-closed ul li.current_page_item > a:hover, #topmenu.topmenu-closed ul li.current_page_ancestor > a:hover{}
/* Vald undermeny länk */
#topmenu.topmenu-closed ul li.page_item_has_children ul.children li.current_page_item > a{}


/* Mobil meny knappar */
#topmenuBtns{
	display:none;
}

/* Nedfälld/öppen mobil meny */
@media only screen and (max-width: 1024px){
	
	#topmenu{
		/*min-height:60px;*/
		background-color:transparent !important;
	}
	#topmenu.topmenu-open{
		text-transform: none;
		width:100%;
		height:auto;
		opacity:1 !important;
	}
	#topmenu.topmenu-open ul li{
		text-align:left;
		margin:0;
		padding:0;
		float:none;
		width:100%;
	}
	#topmenu.topmenu-open ul li a{
		padding:15px 10px 15px 10px;
		padding-right:60px;
		font-size:14px;
	}
	#topmenu.topmenu-open .topmenuOpener{
		position:absolute;
		top:0;
		right:0;
		margin:0;
		padding:0;
		display:block;
		padding:0px 22px;
		line-height:53px;
		font-size:16px;
		vertical-align: middle;
		text-align:center;
		transition: background-color 0.5s ease-in-out;
	}
	#topmenu.topmenu-open .topmenuOpener span{
		display:none;
	}
	
	/* Mobil meny knappar */
	#topmenuBtns{
		display:block;
		margin:auto;
		text-align:center;
	}
	#topmenuToggle{
		display:block;
		width:100%;
		height: auto;
		margin:0;
		padding:0;
		margin:auto;
		border:none;
		cursor:default;
		font-size:20px;
		text-align:center;
		transition: background-color 0.5s ease-in-out;
	}
	#topmenuToggle i{
		display:block;
		padding:16px;
	}
	.topmenu-open #topmenuToggle{
		border-bottom:solid 1px;
	}
	
	
	/* Mobil meny länkar */
	#topmenu{
		border-bottom:0;
		overflow-y: auto;
		max-height:100%;
		max-height:100vh;
	}
	#topmenuContent{
		display:none;
		width:100%;
	}
	
	
	/* Markerar vald länk */
	#topmenu.topmenu-open ul li.current_page_item > a{
		text-indent:20px;
	}
	#topmenu.topmenu-open ul li.current_page_item > a::before{
		font: var(--fa-font-solid);
		content: "\f054";
		display: inline-block;
		text-indent:-20px;
		font-weight: 600;
	}
	
	
	/* Länkar (hover) */
	#topmenu ul li a:hover, #topmenu ul.children li a:hover, #topmenu ul.children ul.children li a:hover, #topmenu ul.children ul.children ul.children li a:hover{
		
	}
	
	
	/* Länkar */
	#topmenu ul li a{
		display:block;
		border-bottom:solid 1px;
	}
	#topmenu .topmenuOpener{
		background-color:transparent;
		border:none;
		border-left:solid 1px;
	}
	
}



/* Gör att valt element animerar rotation  */
#topmenu .spinForward{
	animation-name: doSpinForward;
	animation-duration: 1000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear; 
}
@keyframes doSpinForward {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
#topmenu .spinBackward{
	animation-name: doSpinBackward;
	animation-duration: 1000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear; 
}
@keyframes doSpinBackward {
    from {
        transform:rotate(360deg);
    }
    to {
        transform:rotate(0deg);
    }
}