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


/*
---------------------------------------------------------
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 > ul {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.2);
}

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

.lp-menu a {
  background: rgba(255,255,255,0.9);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
  font-size: 1.6rem;
  line-height: 1.5;
  padding: 1.2rem 6rem 1.2rem 2.5rem;
  text-decoration: none;
}

.lp-level-1 > li {
  border-radius: 8px;
}

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

.lp-menu .lp-current > a {
  font-weight: bold;
  background: rgba(255,255,255,0.8) !important;
}

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

/* Bakgrundsfärger */
.lp-level-1 > li .lp-open a {
  background: rgba(255,255,255,0.9);
}


/* Nivåer */
ul.lp-level-2 {
  padding-top: .5rem;
}

.lp-level-1 > li > a {
  font-size: 2.4rem;
  padding: 1.5rem 2.5rem;
  border: none;
  background: #fff;
}

.lp-level-2 > li > a {
  font-size: 1.8rem;
  padding: 1.5rem 6rem 1.5rem 2.5rem;
  background: #fff;
}

.lp-level-3 > li > a {
  padding-left: 2.5rem;
}

.lp-level-4 > li > a {
  padding-left: 4.5rem;
}

.lp-level-5 > li > a {
  padding-left: 6.5rem;
}


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

.lp-menu button {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  height: 48px;
  outline: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 1px;
  width: 58px;
}

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

.lp-has-children > button .lp-icon {
  color: #222;
  font-size: 2.4rem;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

/* Closed/Opened */
.lp-has-children > button .lp-icon--close,
.lp-has-children.lp-open > button .lp-icon--open {
  display: none;
}

.lp-has-children.lp-open > button .lp-icon--close,
.lp-has-children > button .lp-icon--open {
  display: inline;
}

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


/*
---------------------------------------------------------
UNDERMENY - Mobil-logotyp
--------------------------------------------------------- */

.lp-mobile-nav-logo {
  display: none;
}



