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

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

.lp-topmenu li {
  display: inline-block;
}

.lp-topmenu li > a {
  color: #fff;
  display: block;
  font-size: 1.6rem;
  padding: 2.8rem 0;
  margin: 0 2.5rem 0 0;
  text-decoration: none;
  border-bottom: 5px solid transparent;
}

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

.lp-topmenu li > a:hover,
.lp-topmenu li > a:focus {
  border-bottom: 5px solid #fff;
}


@media screen and (min-width: 900px) and (max-width: 1200px) { 

  .lp-topmenu li > a {
    font-size: 1.5rem;
    padding: 1rem 0;
  }

}


/*
---------------------------------------------------------
UNDERMENY 1/3 - Standardinstä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 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.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 2/3
--------------------------------------------------------- */

.lp-menu {
  max-width: 345px;
  border: 3px solid #efefef;
}

.lp-menu a {
  background: #fff;
  border-top: 1px solid #efefef;
  display: block;
  font-size: 1.6rem;
  line-height: 1.5;
  padding: 1.4rem 5.3rem 1.4rem 2rem;
  text-decoration: none;
}

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

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

/* Nivåer */
.lp-level-1 > li > a,
.lp-level-1 > .lp-current > a {
  border-top: none;
  color: #fff;
}

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

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

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

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


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

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

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

.lp-has-children > button .lp-icon {
  color: #555;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

.lp-open.lp-has-children > button .lp-icon {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}


/*
---------------------------------------------------------
FLERNIVÅLÄNK
--------------------------------------------------------- */

.sv-multilevellink-portlet {
  border-bottom: 1px solid #e5e7dc;
  padding: 1rem 0;
}

.sv-multilevellink-portlet ul {
  max-width: 1170px;
  width: 94%;
  margin: 0 auto;
  display: block;
}

.sv-multilevellink-portlet a.normal {
  text-decoration: none;
  color: inherit;
}

.sv-multilevellink-portlet .separator {
  vertical-align: middle;
}

.sv-multilevellink-portlet a.normal:hover,
.sv-multilevellink-portlet a.normal:focus {
  text-decoration: underline;
}