/*
=========================================================
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
{
    margin: 0;
    padding: 0;

    list-style-type: none;
}

.lp-menu a
{
    font-size: 14px;
    line-height: 1.5;

    display: block;

    padding: 11px 2px 11px 10px;

    text-decoration: none;

    border-top: 1px solid rgba(0, 0, 0, .1);
    background: #fff;
}

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

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

    background-color: #faf0d0 !important;
}

.lp-menu .lp-has-children > a
{
    padding-right: 50px;
}


/* Nivåer */
.lp-level-1 > li > a
{
    font-size: 18px;
}

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

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

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

    background: #e9e9e9;
}

.lp-level-4 > li > a
{
    padding-left: 40px;

    background: #f9f9f9;
}

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

    background: #fff;
}

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

    background: #fff;
}


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

.lp-user-hidden
{
    position: absolute;
    top: auto;
    left: -10000px;

    overflow: hidden;

    width: 1px;
    height: 1px;
}

.lp-menu button
{
    font-size: 1.3em;

    position: absolute;
    top: 0;
    right: 0;

    width: 44px;
    height: 44px;
    padding: 0;

    border: none;
    outline: none;
    background: rgba(255, 255, 255, .1);
}

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

.lp-icon
{
    overflow: hidden;

    width: 1em;
    height: 1em;

    -webkit-transition: all .3s ease;
            transition: all .3s ease;
    vertical-align: -.15em;

    fill: currentColor;
}

.lp-menu .lp-icon
{
    color: #000;
}

.lp-open.lp-has-children > button .lp-icon
{
    font-size: 1em;

    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}


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