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



.lp-topmenu ul {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display:      flex;
  margin: 0 0 0 -12px;
  padding: 0;
  width: 100%;
}

.lp-topmenu li {
  display: block;
  margin: 0;
  padding: 0;

  -webkit-box-flex: 1;
          box-flex: 1;
  -moz-flex: 1 auto;
   -ms-flex: 1 auto;
       flex: 1 auto;
}

.lp-topmenu li > a {
  color: #333;
  display: block;
  font-family: Raleway;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  outline: none;
  padding: 15px 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: auto;
}

.lp-topmenu li > a span {
  border-bottom: 3px solid transparent;
  padding: 3px 0;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

.lp-topmenu li > a.lp-current span {
  border-bottom: 3px solid #222;
}

.lp-topmenu li > a:hover span,
.lp-topmenu li > a:focus span {
  border-bottom: 3px solid #222;
}


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

.lp-menu a {
  background: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  display: block;
  font-family: Raleway;
  font-size: 1.6rem;
  line-height: 150%;
  outline: none;
  padding: 10px 44px 10px 20px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

.lp-menu a:hover {
  background: rgba(253,242,246,1);
}

.lp-menu a:focus {
  -webkit-box-shadow: inset 0 0 0 4px #f7d3e2;
          box-shadow: inset 0 0 0 4px #f7d3e2;
}

.lp-menu .lp-current > a {
  background: #e1001a;
  border: none;
  color: #fff;
  font-weight: normal;
}

/* Nivåer */
.lp-level-1 > li > a {
  display: none;
}

.lp-level-2 > li > a {
  border-top: 1px dashed #e7e7e9;
  font-weight: bold;
}



.lp-level-2 > li:last-child > a {
  border-bottom: 1px dashed #e7e7e9;
}

.lp-level-3 > li > a {
  padding-left: 20px;
}

.lp-level-4 > li > a {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding-left: 40px;
}

.lp-level-4 > li:last-child > a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.lp-level-5 > li > a {
  padding-left: 60px;
}

.lp-level-6 > li > a {
  padding: 10px 36px 10px 80px;
}


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

.lp-menu button {
  background: none;
  border: none;
  color: #555;
  font-size: 1em;
  height: 45px;
  outline: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
  width: 44px;
}

.lp-menu button:hover,
.lp-menu button:focus {
  background: #f7d3e2;
  color: #e1001a;
}

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


.lp-has-children > button .lp-icon {
  left: 50%;
  margin-left: -0.5em;
  margin-top: -0.5em;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

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

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

/* Avvikelser */

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

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



/*
---------------------------------------------------------
VERTKTYGSMENY
---------------------------------------------------------*/

.lp-site-tools {
  list-style-type: none;
  margin: 0 20px 0;
  padding: 0;
  text-align: right;
}

.lp-site-tools li {
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 0;
}

.lp-site-tools li > a {
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  font-family: Raleway;
  font-size: 1.3rem;
  line-height: 1;
  outline: none;
  padding: 15px 5px;
  text-decoration: none;
  text-transform: uppercase;
}

.lp-site-tools li > a span {
  border-bottom: 1px solid transparent;
  padding: 3px 0;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

.lp-site-tools li > a:hover span,
.lp-site-tools li > a:focus span {
  border-bottom: 1px solid #222;
}

.lp-site-tools .lp-icon {
  color: #e1001a;
  font-size: 1.5em;
  margin: 0 8px 0 0;
}


.lp-site-tools img {
  display: none; /* tar bort bilden som visas för externa länkar */
}


/*
---------------------------------------------------------
SNABBLÄNKSMENY STARTSIDA
---------------------------------------------------------*/


.lp-quick-links.lp-bigred-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  list-style-type: none;
  margin: -80px -15px 0;
  padding: 0;
  position: relative;
  z-index: 5;

  -webkit-box-pack: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  justify-content: center;
}

.lp-quick-links.lp-bigred-buttons li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 200px;
  min-width: 160px;
  padding: 0 15px 30px;
  position: relative;

  -webkit-box-flex: 1;
  -ms-flex: 1 1 170px;
      flex: 1 1 170px;
}

@media only screen and (max-width: 1040px) {
  .lp-quick-links.lp-bigred-buttons li {
    min-width: 30%;
  }
}

.lp-quick-links.lp-bigred-buttons a {
  -webkit-box-align: center;
  align-items: center;
  background: #e1001a;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
  font-size: 1.4rem;
  font-weight: bold;
  height: 170px;
  outline: none;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
  vertical-align: middle;
  width: 100%;

  -webkit-box-pack: center;
  justify-content: center;
}


/*
---------------------------------------------------------
LANDNINGSMENY
--------------------------------------------------------- */


.lp-landingpage-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  margin: 5rem -1.5rem 0rem;
  padding: 0;

  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.lp-landingpage-menu li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 3rem;
  min-width: 250px;
  padding: 0 1.5rem;
  width: 33.333%;

  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
}

.lp-landingpage-menu li div {
  background: #fdf2f6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  padding: 2.4rem 3rem 3rem;
}

.lp-landingpage-menu a.subheading {
  border-bottom: 1px solid #eccdd9;
  color: #222;
  display: block;
  font-size: 2.2rem;
  line-height: 1.4;
  margin: 0 0 1.5rem;
  outline: none;
  padding: 0 0 1.2rem 0;
  text-decoration: none;
}

.lp-landingpage-menu a.subheading span {
  display: inline;
  line-height: 1.4;
  margin-bottom: -1px;
  padding-right: 3rem;
}


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

.lp-landingpage-menu li.featured-item a.subheading {
  font-size: 2.4rem;
}

.lp-landingpage-menu li.featured-item p {
  display: block;
  font-size: 2rem;
  margin: 0.5rem 0 0 !important;
}

.lp-landingpage-menu .lp-icon {
  color: #222;
  font-size: 0.7em;
  margin: 0 0 0 -2rem ;
  vertical-align: -0.05em;
}