/*
=========================================================
DESKTOP CSS
=========================================================
 * Innehåller styling för stora skärmar
 * 
 * Copyright (C) 2014 Limepark AB
=========================================================*/

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

.lp-top-menu {
   margin: 30px 0;   
}

.lp-top-menu ul {
   display: table;
   list-style-type: none;
   width: 100%;
   margin: 0;
   padding: 0;
}

.lp-top-menu li {
   display: table-cell;
   margin: 0;
   padding: 0;
}

.lp-top-menu li > a {
   margin: 0 20px 0 0;
   padding: 10px 0;
   display: block;
   border-bottom: 4px solid #eee;
   color: #333;
   text-decoration: none;
   font-size: 13px;
   line-height: 16px;
}

.lp-top-menu li > a.lp-current {
   font-weight: 600;
   /* För färgsättning, se avsnittet Profilfärger i base.css */
}

.lp-top-menu ul li > a:hover, .lp-top-menu ul li > a:focus {
   outline: none;
   /* För färgsättning, se avsnittet Profilfärger i base.css */
}

.lp-top-menu .lp-item-8 > a {
   margin: 0;
}

.lp-top-menu .lp-item-6 {
   display: none;
}


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

.lp-menu ul,
.lp-menu li, 
.lp-menu a,
.lp-menu button {
	display: none;
}

.lp-menu ul.lp-origin-parent, 
.lp-menu li.lp-origin-parent,
.lp-menu .lp-origin-level-1, 
.lp-menu .lp-origin-level-1 > ul, 
.lp-menu .lp-origin-level-1 > ul > li, 
.lp-menu .lp-origin-level-1 a, 
.lp-menu .lp-origin-level-1 li button,
.lp-menu .lp-open > ul, 
.lp-menu .lp-open > ul > li  {
	display: block;
}

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

.lp-menu a {
   position: relative;
   padding: 5px 10px 5px 10px;
   font-size: 15px;
   text-decoration: none;
}

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

}

.lp-menu .lp-origin-level-1.lp-has-children > a {
   margin: 0 44px 0 0;
}

.lp-menu button {
   float: right;
   width: 44px;
   height: 40px;
   background: none;
   border: none;
}

.lp-menu button:active {
   background: #eee;
   padding: 0;
}

.lp-menu button:before {
   font-family: 'Simple-Line-Icons';
   content: "\e603";
   color: #444;
   -webkit-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   transition: all 300ms ease;
}

.lp-menu .lp-menu-open button:before {
   -moz-transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
}

.lp-menu .lp-open > button:before {
   content: "\e605";
}


/* ------------ Levels -------------*/ 


.lp-menu .lp-origin-level-1 > a {
    font-size: 16px;
    font-weight: 600;
/*    text-transform: uppercase;*/
   /* För färgsättning, se avsnittet Profilfärger i base.css */
}

.lp-menu .lp-origin-level-1 > ul {
    border-top: 1px solid #ccc;
    margin: -1px 0 0;
}

.lp-menu .lp-origin-level-1 > ul > li {
    border-bottom: 1px solid #ccc;
}

.lp-menu .lp-origin-level-2 > a {
    padding: 10px 30px 10px 10px;
}

.lp-origin-level-2 > ul {
   background: #eee;
   border-top: 1px solid #ccc;
}

.lp-origin-level-3 > ul {
   background: #f7f7f7;
   border-top: 1px solid #eee;
   border-bottom: 1px solid #eee;
}

.lp-menu .lp-origin-level-3 > a {
    position: relative;
    padding: 7px 30px 7px 25px;
}

.lp-menu .lp-origin-level-4 > a {
    position: relative;
    padding: 5px 30px 5px 40px;
    font-size: 13px;
}

.lp-menu .lp-origin-level-3 button {
   height: 32px;
}

.lp-menu .lp-origin-level-5 > a {
    position: relative;
    padding: 5px 30px 5px 55px;
    font-size: 13px;
}

.lp-menu .lp-menu-hidden { /* Döljer syskon enligt metadata */ 
   display: none !important;
}

.lp-menu button { /* Döljer knappar */ 
   display: none !important;
}

/* ikoner */

.lp-menu .lp-has-children > a {
}

.lp-menu .lp-has-children > a:after {
   position: absolute;
   right: 10px;
   font-family: 'Simple-Line-Icons';
   font-weight: normal;
   content: "\e603";
   color: #444;
}

.lp-menu .lp-has-children.lp-open > a:after {
   content: "\e605";
}

.lp-menu .lp-has-children.lp-origin-level-1 > a:after {
   content: "";
}