/*Huvudinställning custom-header*/
.custom-header{
	/*Ifall man vill att menyn alltid skall vara synlig*/
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 99;
	color:black;
	background-color: rgba(255, 255, 255, 0);
}

/*Inställning navbar-toggle*/
.navbar-toggle {
	background-color: inherit;
    margin: 10px 0px 10px 0px;
    border: 1px solid #efefef;
}

/*Inställning icon-bar*/
.navbar-toggle .icon-bar {
	background-color: #656565;
}

/*Inställning header tag*/
header{
	position: absolute;
}

/*Inställning navbar*/
.navbar {
	float: right;
	border: none;
	margin-bottom: 10px;
    margin-top: 10px;
}

/*Huvudmeny container*/
.main-container-navbar{
	position: relative;
	z-index: 40;
}

/*container som innehåller logo*/
.custom-logo-wrapper{
    margin-top: 10px;
    max-width: 300px;
}

/*container som innehåller menyknappar*/
.custom-meny{
	
}

/*Dropdown meny*/
.dropdown-menu{
	background-color: #000;
}

/*Menyknapp*/
.custom-meny-btn{
	background-color: inherit;
	border: none;
}
.custom-meny-btn a:focus{
	border: none!important;
    background-color: inherit!important;
    outline: none;
	color: #838383;
	text-decoration: none;
    
}
/*Menyknapp hover*/
.custom-meny-btn:hover{
	
}


/*Dropdown menyknapp*/
.custom-meny-dropdown-btn{
	text-decoration: none;
	display: block;
	padding: 5px 0px 5px 10px;
	color: #fff;
	font-family: system-ui;
    font-weight: 500;
}

/*Dropdown menyknapp hover*/
.custom-meny-dropdown-btn:hover{
	text-decoration: none;
	background-color: #efefef;
}

/*Länkar*/
.custom-meny-url{
	text-decoration: none;
    color: #fff;
    font-family: system-ui;
    font-size: 14px;
    letter-spacing: 0.1em;
    font-weight: 500;
}

.custom-meny-url:hover{
	background-color: inherit!important;
	color: #c8c8c8;
}

.navbar-nav > li > a {
    transition: .3s ease;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: inherit;
}

a:hover, a:focus {
    color: #000;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #000000!important;
    border-color: #000000;
    color: white;
}

/*Inställning för mobil*/
@media (max-width: 767px){
	.navbar {
		float: none;
		width: 100%;
	}

	.navbar-collapse {
		clear: both;
		margin-left: -15px;
		margin-right: -15px;
	}

	.custom-meny-btn{
	    background-color: inherit;
    	border-bottom: 1px solid #5e5e5e;
	}
	
	.navbar-nav > li > a {
		text-align: center;
		background-color: #000000c9;
	}
	
	.custom-meny-url {
    	background-color: #f1f1f1;
    	font-weight: 600;
	}
	
	.custom-logo-wrapper {
    	margin-top: 0px;
    	max-width: 190px;
	}
	
	.navbar-toggle {
    	background-color: inherit;
    	margin: 10px 0px 10px 0px;
    	border: 1px solid #efefef;
	}
	
	.navbar-toggle .icon-bar {
    	background-color: #efefef;
	}
	
	.navbar-nav .open .dropdown-menu {
    	background-color: #000000;
	}
	
	.custom-meny-dropdown-btn {
    	text-align: center;
	}
	
	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #efefef!important;
    border-color: #efefef;
    color: black;
	}

}