:root {
  --main-green-color: #79AC54;
  --main-red-color: #A51848;
  --main-yellow-color: #FFCC00;
   --main-blue-color: #0065A6;
    --main-grey-color: #ECEDED;

}

.action-text{
    
    
    white-space:normal;
    font-size: 30px;
} 

.nicefont
{
    
    
   
 
 font-family: 'Antic Didone', serif; 
    
    
}
#divDesktopMenu ul {
    float:right;
   
    margin-top:10px;
    width:100%;
margin-bottom: 0;
}

#divDesktopMenu li {
    padding:5px 10px 5px 10px;
    float:left;
    display: inline-block;
    list-style-type:none;
    margin-top:5px;
position: relative;

}

#divDesktopMenu ul.smalMenu  li {
    padding:5px 5px 0px 10px;
    float:left;
    display:inline;
    list-style-type:none;
    margin-top:5px;


}



#divDesktopMenu li a {
    display: flex;
   /* box-shadow: inset 0 0 0 0 #79ac54;
    color: #000;
    border-radius: 20px ;
  margin: 0 -.25rem;
  padding: 4px .5rem;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;*/
  background-image: linear-gradient(
    to right,
    #0065A6,
    #0065A6 50%,
    #000 50%);
  background-size: 200% 100%;
  background-position: -100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
  
    font-size:16px;
    font-family: arial;
    text-decoration:none;


    cursor:pointer;

    }
#divDesktopMenu li:active{
          background-color:#0065A610;
    border-radius: 85% 15% 83% 17% / 73% 21% 79% 27% ;
}
    
    
   #divDesktopMenu li a:hover{
  /*box-shadow: inset 100vw 0 0 0 #53763a;
  color: white;*/
  background-position: 0;
  }
  
  #divDesktopMenu li a:before {
  content: '';
  background: #0065A6;
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 3px;
}
#divDesktopMenu li a:hover::before {
  width: 100%;
}

    
  #divDesktopMenu ul.smalMenu li a {
    font-size:14px;
    font-family: arial;
    color:#000;
    text-decoration:none;


    cursor:pointer;

    }  
  #divDesktopMenu ul.smalMenu {
   margin-top:0;

    }  
    
    
#divDesktopMenu li:hover
{
     background-color:#EEE;
    border-radius: 85% 15% 83% 17% / 73% 21% 79% 27% ;
   
    

}

#divMobileMenu ul {
   
    margin-top:10px;
    width:100%;

}

#divMobileMenu li {
    padding:10px 10px 5px 10px;
   
    list-style-type:none;
    margin-top:5px;

}



#divMobileMenu li a {
    font-size:18px;
    font-family: arial;
    color:#000;
    text-decoration:none;



    cursor:pointer;

    }
    
#divMobileMenu li:hover
{
            background-color:#0065A610;
    border-radius: 85% 15% 83% 17% / 73% 21% 79% 27% ;
   width: fit-content;
    
    

}

.mainMenuSelected
{
         background-color:#0065A610;
    border-radius: 85% 15% 83% 17% / 73% 21% 79% 27% ;
   width: fit-content;
    
}


/*

/*MENU STYLE*/
.navbar-nav a
{
    
    
    margin-top:30px;
}
.navbar-header
{

    height :100px !important;
}


#divNavBarMenu {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.navbar-brand {
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
}





.btn-notselected
{
    margin-right:4px;
    color: #000 !important;
    background-color: white;
    border-color: #269abc;
  
    
    
}
.btn-selected
{
    margin-right:4px;
    color: #fff !important;
    background-color: #0082C6;
    border-color: #269abc;
  
    
    
}

.link-tag{
    color:#1d588b;
}

.li-space {
    margin-bottom: 10px;
}
/*ul{
    list-style-type:none;
}*/

.hamntaxa-tidigare-h4{
    font-size:20px;
}
.produkt-lista{
    list-style:none;
    padding:0;
  /*  border:1px solid#ccc;*/
    max-width: 300px;
}
.produkt-lista li{
    display: flex;
    justify-content:space-between;
}
.produkt-namn{
    flex:2;
}
/*.produkt-AntalPlatser{
    flex:1;
}*/





/*---------Login section style------*/

.loginMenu hr {
    background-color: var(--main-green-color);
}

.btn-warning{
    background-color: var(--main-green-color);
    border-color: var(--main-green-color);
}
.btn-warning:hover{
        background-color: #79AC5410;
    border-color: var(--main-green-color);
    color:black;
}

.btn-info{
    background-color: var(--main-yellow-color);
    border-color: var(--main-yellow-color);
    color:#000;
}

.btn-info:hover{
     background-color:#FFCC0010;
     border-color: var(--main-yellow-color);
    color:black;
}

.loginMenu > div:nth-of-type(2) >a.btn-info:first-of-type {
    background-color: var(--main-blue-color)!important;
    border-color: var(--main-blue-color);
    color: #fff;
}
.loginMenu > div:nth-of-type(2) >a.btn-info:first-of-type:hover {
    background-color:#0065A610 !important;
    color:black;
}



/*-----------------------------------------------------*/
#discover-button{
 background-color:#0065A6;
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
#discover-button:hover{
 background-color:#0065A680;
 border-color:#0065A690;
 box-shadow: 0 10px 25px 0 rgba(0,0,0,0.24),0 10px 25px 0 rgba(0,0,0,0.19);

}