/*
---------------------------------------------------------
TEMP
--------------------------------------------------------- */
html {
  font-size: 62.5%;
}

/*
---------------------------------------------------------
TOPPMENY
--------------------------------------------------------- */

.sticky-menu-container {
    background: #404040;
}

/*
---------------------------------------------------------
UNDERMENY 1/3 - Standardinställningar
--------------------------------------------------------- */

.lp-skip-to-menu-mobile {
    display: none;
}

/* Döljer alla huvudsidors menyer */
.lp-menu .lp-level-1 > li {
  display: none;
}

/* Men visar huvudusidan man är inne på */
.lp-menu .lp-level-1 > li.lp-open {
  display: block;
}

/* Döljer pilknappen på första nivån så att man inte kan stänga menyn */
.lp-menu .lp-level-1 > li > button {
  display: none;
}

/* Döljer alla nivåer initialt */
.lp-menu .lp-level-1 ul {
  display: none;
}

/* Men visar undersidor när man har klickat på pilknappen */
.lp-menu .lp-open > ul {
  display: block;
}

.lp-menu ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.lp-menu li.lp-has-children {
   position: relative;
}


/* Döljer länken till menyn i mobilen */
.lp-skip-to-menu-mobile {
   display: none; 
}

.lp-user-hidden {
   position: absolute;
   left: -10000px;
   top: auto;
   width: 1px;
   height: 1px;
   overflow: hidden
}


/*
---------------------------------------------------------
UNDERMENY 2/3
--------------------------------------------------------- */

.lp-menu a {
  padding: 14px 36px 14px 12px;
  font-family: arial,sans-serif;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
  display: block;
}

.lp-menu li {
  margin: 0;
  padding: 0;
}


.lp-menu a:hover,
.lp-menu a:focus {
   text-decoration: underline;
}

.lp-menu .lp-current > a {
   font-weight: bold;
   text-decoration: underline;
}

.lp-menu .lp-level-1 > .lp-current > a {
   font-weight: normal;
   text-decoration: none;
}


.lp-menu .lp-level-2 .lp-current > a {
   padding-left: 12px;
   background: #fff;
}

/* Huvudnivå */
.lp-menu .lp-level-1 > li > a {
  background: #4fb3d3;
  color: #fff;
  font-size: 16px;
  line-height: normal;
}


/* Höjd och indrag */

.lp-level-2 > li {
  background: #edf7fb;
  border-top: 1px solid #cae8f2;
}

.lp-level-3 > li {
  margin-left: 12px;
  background: #cae8f2;
  font-size: 13px;
}

.lp-level-4 > li {
  margin-left: 12px;
  background: #a7d9e9;
  font-size: 13px;
}

.lp-level-5 > li {
  margin-left: 12px;
  background: #83cae0;
  font-size: 12px;
}

.lp-level-6 > li {
  margin-left: 12px;
  background: #60bad7;
  font-size: 12px;
}


/*
---------------------------------------------------------
UNDERMENY 3/3 - Knappar
--------------------------------------------------------- */

.lp-menu button {
   height: 44px;
   width: 36px;
   padding: 0;
   background: none;
   border: none;
   position: absolute;
   top: 0;
   right: 0;
   background: no-repeat center;
   background-size: 11px;
}

.lp-menu button:hover {
   background-color: rgba(255, 255, 255, 0.8);
}

.lp-has-children > button {
   /* Svart plus */
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWBAMAAAA2mnEIAAAAElBMVEUAAAAaGhoaGhoaGhoaGhoaGhqfHU+tAAAABXRSTlMAUECAcBJ6baQAAAAoSURBVBjTYwAB1dBAEEUTthIQuIYGgyiGUAQgii0IBKahwSCK1u4EAOKFHq/sfe9IAAAAAElFTkSuQmCC');
   /* Vitt plus 
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWBAMAAAA2mnEIAAAAElBMVEUAAAD///////////////////8+Uq06AAAABXRSTlMAUECAcBJ6baQAAAAoSURBVBjTYwAB1dBAEEUTthIQuIYGgyiGUAQgii0IBKahwSCK1u4EAOKFHq/sfe9IAAAAAElFTkSuQmCC');
   */
}

.lp-open.lp-has-children > button {
   /* Svart minus */
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWAQMAAAD+ev54AAAABlBMVEUAAAAaGhr5mZzIAAAAAXRSTlMAQObYZgAAABFJREFUCNdjIAT+//+DgYkAAK0hDuMKbm1kAAAAAElFTkSuQmCC');
   /* Vitt minus 
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWAQMAAAD+ev54AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABFJREFUCNdjIAT+//+DgYkAAK0hDuMKbm1kAAAAAElFTkSuQmCC');
   */
}

/* Avvikelser */
.lp-level-6 button {
   height: 36px;
}




/*
=========================================================
SMARTPHONE CSS
=========================================================
 * Innehåller styling för smartphones
 * 
 * Copyright (C) 2015 Limepark AB
=========================================================*/

@media only screen and (max-width:690px) { 


/*
---------------------------------------------------------
TOPPMENY
--------------------------------------------------------- */

.sticky-menu-container {
    background: transparent;
}


/*
---------------------------------------------------------
UNDERMENY 1/2 - Standardinställningar
--------------------------------------------------------- */

.lp-menu {
}

/* Visar alla huvudsidors menyer */
.lp-menu .lp-level-1 > li {
  display: block;
  margin-top: 1px;
}

/* Visar alltid pilknappen på första nivån */
.lp-menu .lp-level-1 > li > button {
  display: block;
  height: 48px;
}

/* Direktlänk till mobilmenyn */
.lp-skip-to-menu-mobile {
  display: block;
  margin: 10px 0 0;
  padding: 14px 22px 14px 12px;
  background: no-repeat 95% 50% #73bf1f url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAeBAMAAAC70dEnAAAAD1BMVEUAAAD///////////////+PQt5oAAAABHRSTlMA5kpJG2qUMwAAACZJREFUKM9jMHRBBcIMImgijgwu6ABTBIsuRTQRIQY6glF/Ue4vAJ7DTkxRHHIOAAAAAElFTkSuQmCC');
  background-position: right 20px top 50%;
  background-size: 17px 15px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
}

.lp-skip-to-menu-mobile:active,
.lp-skip-to-menu-mobile:hover,
.lp-skip-to-menu-mobile:focus {
   background-color: #67b116;
}

/*
---------------------------------------------------------
UNDERMENY 2/2 - Knappar
--------------------------------------------------------- */

.lp-menu button { 
   width: 44px;
   background-color: #fff;
   background-color: rgba(255, 255, 255, 0.8);
}

}
