/*Huvudinställning custom-header*/

.custom-header{
	background-color: white;
	color: fffff;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 99;
	box-shadow:rgb(195 195 195) 0px 6px 6px -6px;
	/*Ifall man vill att menyn alltid skall vara synlig
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 99;
    */
}

.custom-header {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    height: auto; /* Anpassar höjden automatiskt */
}

.custom-header .navbar {
    min-height: 50px; /* Sätter minsta höjd på navbaren för att undvika extra luft */
}

.navbar-nav {
    margin: 0;
    padding: 0;
}

.custom-header .navbar-nav > li {
    min-height: 50px; /* Minsta höjd för `li`-elementen */
    line-height: 50px; /* Centrerar texten vertikalt */
}

.custom-header .navbar-nav > li > a {
    display: block;
    padding: 10px 15px;
    height: 100%;
    transition: all 0.3s ease;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-radius: .55em;
    border: 0;
}

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

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

/*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: 220px;
    padding-top: 12px;
}

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

.custom-meny-url {
    text-decoration: none;
    color: #000;
    font-size: 1.65em;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
    .custom-meny-url:hover {
    color: #3a8ed9;
    background-color:none!important;
	}

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

/*Menyknapp*/
.custom-meny-btn{
	background-color: inherit;
	border-bottom: 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: 10px 0px 10px 10px;
	color: #000;
    font-weight: 500;
    font-size:.95em;
}

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


/*Länkar*/

/*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-header {
        transition: all 0.3s ease;
    }

        .custom-header.scrolled {
            background-color: white!important;
        }

    .custom-meny-btn {
        background-color: inherit;	
    }

    .navbar-nav > li > a {
        text-align: center;
        background-color: #f7f7f7e8;
        line-height:50px;
    }

    .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: none;
    }

        .navbar-toggle .icon-bar {
            background-color: #5b7cab;
        }

    .navbar-nav .open .dropdown-menu {
        background-color: #d9d9d9;
    }

    .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;
    }
    
    .navbar-nav > li > .dropdown-menu{
    	border-radius:0;
    }
}