/*Huvudinställning custom-header*/
.custom-header{
	/*Ifall man vill att menyn alltid skall vara synlig*/
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 99;
    color: white;
    background-color: rgb(247 247 247);
    max-height: 60px;
}

/*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{
	max-width: 140px;
    padding-top: 2px;
}

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

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

/*Menyknapp*/
.custom-meny-btn{
	background-color: inherit;
	border: none;
}
.custom-meny-btn a:focus{
	border: none!important;
    background-color: inherit!important;
    outline: none;
	color: #2a2a2a;
	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: #000;
	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: #000;
    font-size: 14px;
    font-weight: 600;
}

.custom-meny-url:hover{
	background-color: #ebebeb !important;
    color: #000;
	border-radius: 1px;
}

.navbar-nav > li > a {
    transition: .3s ease;
	padding-top: 12px;
	padding-bottom: 7px;
}

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

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

.navbar-nav > li > .dropdown-menu {
    margin-top: 2px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color: #ebebeb !important;
    color: black;
}

/*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 #cdcdcd;
	}
	
	.navbar-nav > li > a {
		text-align: center;
		background-color: #f7f7f7e8;
	}
	
	.custom-meny-url {
    	background-color: #f1f1f1;
    	font-weight: 600;
	}
	
	.custom-logo-wrapper {
    	max-width: 145px;
        margin-top: -10px;
	}
	
	.navbar-toggle {
    	background-color: inherit;
    	margin: 10px 0px 10px 0px;
    	border: 1px solid #5b7cab;
	}
	
	.navbar-toggle .icon-bar {
    	background-color: #5b7cab;
	}
	
	.navbar-nav .open .dropdown-menu {
    	background-color: #ebebeb;
	}
	
	.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;
	}
	
	.custom-header {
    	height: 120px;
	}

}