/*
=========================================================
SUBMENU CSS
=========================================================
 * Innehåller styling för undermenyn
 * 
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/

html {
  height: 100%;
}
body {
  min-height: 100%;
  position: relative;
  top: 0;
}


/*
---------------------------------------------------------
UNDERMENY - Inställningar
--------------------------------------------------------- */

/* 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;
}

/* Döljer tillbakalänk vid utpekning av egen startpunkt för undermeny */
.lp-menu a.lp-back-link {
  display: none;
}

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

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

/* Döljer stängknapp för off canvas-meny */
.lp-close-button {
  display: none;
}


/*
---------------------------------------------------------
UNDERMENY - Styling
--------------------------------------------------------- */

.lp-menu {
  border: 1px solid #e4e4e4;
  max-width: 340px;
}

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

.lp-menu a {
  color: #000;
  display: block;
  font-size: 1.5rem;
  line-height: 1.5;
  padding: 1.6rem 1.6rem 1.6rem 2rem;
  text-decoration: none;
}

.lp-menu .lp-has-children > a {
  padding-right: 5.4rem;
}

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

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

.lp-menu .lp-level-2 .lp-current > a {
  background: #006b4e;
  color: #fff;
}


/* Nivåer */

.lp-menu li {
  transition: background 0.3s ease;
}

.lp-level-1 > li > a {
  border-bottom: 5px solid #86bc24;
  font-size: 2.2rem;
  font-weight: bold;
}

.lp-level-2 > li > a {
  border-top: 1px solid #e4e4e4;
  padding-left: 2rem;
}

.lp-level-2 > li:first-child > a {
  border-top: none;
}

.lp-level-2 > li.lp-open {
  background: #f0efec;
}

.lp-level-3 > li {
  background: #e9e7e3;
  margin-left: 12px;
}

.lp-level-4 > li {
  background: #e2dfd9;
  margin-left: 12px;
}

.lp-level-5 > li {
  background: #dbd7cf;
  margin-left: 12px;
}

.lp-level-6 > li {
  background: #d3cfc6;
  margin-left: 12px;
}


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

.lp-menu button {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  color: #006b4e;
  height: 55px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
  z-index: 2;
}

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

.lp-has-children > button .lp-icon--close {
  opacity: 0;
  transform: rotate(-180deg);
}

.lp-has-children > button .lp-icon {
  font-size: 2rem;/*1.5em;*/
  left: 50%;
  margin-left: -0.5em;
  margin-top: -0.5em;
  position: absolute;
  top: 50%;
  transition: all 0.3s ease;
}

.lp-open.lp-has-children > button .lp-icon--open {
  opacity: 0;
  transform: rotate(180deg);
}

.lp-open.lp-has-children > button .lp-icon--close {
  opacity: 1;
  transform: rotate(0deg);
}


/* Avvikelser */
.lp-level-6 > li > button {
  height: 47px;
}

.lp-menu .lp-level-2 .lp-current > button {
  color: #fff;
}