
<style type="text/css">
/* ============ navbar menu gh ============ */
.navbar {
   //important this is included 
}

.navbar-bookity {
 	/*margin-left: 5px !important;*/
    padding-bottom: 2px !important;
    padding-top: 2px !important;
    min-height: 55px !important;
    /*margin-right: 5px;*/
    margin-bottom: 0px;        
}

/*loggan*/
.navbar-bookity .brand {
    max-width: 320px !important;
}

/*toggler icon*/    
.anavbar-bookity .navbar-toggler-icon {    	
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='red' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-bookity .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='black' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  
  height: 32px;
  width: 32px;
  margin: 0px 0;
  position: relative;  
}

/*background 20240324*/
.navbar-bookity {	
	background-color: #6C9E67; 	/**bakgrund topmenyn, bottommenyn**/
	border: 000px solid #FFFFFF;
	font-weight: bold;
	/*border-radius: 0px; /*runda hörn top- och bottommenyn*/	
}

/*text color*/
.navbar-bookity .navbar-nav .nav-link {
    color:  #FFFFFF;    
}

/*hover colors*/
.navbar-bookity .navbar-nav .nav-link:hover {
    color:  #000000;
    background:  #76CC8F;        
    font-weight: bold;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
    .dropdown-menu{
        position: relative;
        color:  #FFFFFF;                        
        background: #6C9E67;             
    }
    
    .dropdown-menu li{
        position: relative;    
    }
    
    /*textcolor dropdown menu*/
    .dropdown-menu > li > .dropdown-item{
        color:  #FFFFFF;
        background: #6C9E67;
        font-weight: bold;
    }
    
    .dropdown-menu .submenu{
        display: none;
        position: absolute;
        left:100%; top:-7px;
        color:  #FFFFFF;        
        background: #6C9E67;
        font-weight: bold;
    }
    
    .dropdown-menu .submenu-left{
        right:100%; left:auto;        
    }
	
    /*for dropdown and sub on hover - ok 20240324*/
    .dropdown-menu > li:hover > .dropdown-item{
        color:  #000000;        
        background: #76CC8F;
        font-weight: bold;
    }
}



/* ============ small devices ============ */
@media (max-width: 1px) {
    .dropdown-menu .dropdown-menu{
        margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
    }
}
</style>



