/*
=========================================================
SMARTPHONE CSS
=========================================================
 * Innehåller styling för smartphones
 * 
 * Copyright (C) 2014 Limepark AB
=========================================================*/

/*
---------------------------------------------------------
FIXAR/FÖRBÄTTRINGAR
---------------------------------------------------------*/

/* Anpassar bilder i nyhetslistningen för mobilläge */

.lp-news-list.sv-archive-portlet img,
.lp-news-list-start.sv-archive-portlet img,
.lp-news-list-no-image.sv-archive-portlet img {
   float: none !important;
   padding: 0 0 10px 0 !important;
}


/*
---------------------------------------------------------
GRUNDLAYOUT
--------------------------------------------------------- */

.lp-wrapper {
   box-shadow: none;
}

.lp-content,
.lp-secondary-content,
.lp-submenu {
   margin: 0;
}

.lp-content {
   padding: 20px 10px;
}

.lp-secondary-content {
   padding: 0 10px 20px 10px;
}

.lp-submenu {
   padding: 0 0 40px;
}

.lp-smartphone-margin {
   padding: 0 10px;
}


/* Döljer toppmenyn i mobilen */
.lp-topmenu {
   display: none;
}


/*
---------------------------------------------------------
INPUTFÄLT
--------------------------------------------------------- */

input[type=text],
input[type=email],
input[type=url],
input[type=tel],
input[type=number],
textarea,
select,
.sv-defaultFormTheme input[type=text],
.sv-defaultFormTheme input[type=email],
.sv-defaultFormTheme input[type=url],
.sv-defaultFormTheme input[type=tel],
.sv-defaultFormTheme input[type=number],
.sv-defaultFormTheme textarea,
.sv-defaultFormTheme select {
   padding: 12px;
}


/*
---------------------------------------------------------
KNAPPAR
--------------------------------------------------------- */

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.sv-defaultFormTheme input[type=button],
.sv-defaultFormTheme input[type=submit],
.sv-defaultFormTheme input[type=reset] {
   padding: 12px 20px;
}


/*
---------------------------------------------------------
SIDHUVUD
--------------------------------------------------------- */

header {
  margin: 0;
  padding: 0;
  background: none;
}

.lp-logo img {
  margin: 15px 10px 10px;
  width: 110px !important; /* ändra till halva bildbredden för retinaupplösning */
}

.lp-mobile-contact,
.lp-mobile-menu-link {
  padding: 20px;
  border-left: 1px solid #e6e6e6;
  position: absolute;
  top: 0;
}

.lp-mobile-contact {
  height: 25px !important;
  width: 25px !important;
  right: 70px;
}

.lp-mobile-menu-link {
  height: 25px !important;
  width: 30px !important;
  right: 0;
}


/*
---------------------------------------------------------
SÖKRUTA SIDHUVUD 
--------------------------------------------------------- */

header .sv-searchform-portlet {
  margin-right: 0;
  padding: 10px 0;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

header .sv-searchform-portlet div {
  position: relative;
  margin: 0 10px;
}


/*
---------------------------------------------------------
SIDFOT
--------------------------------------------------------- */

footer {
   margin: 0;
   padding: 40px 10px 80px;
}


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

/* Lägger menyn off canvas */
.lp-js .lp-menu {
   position: absolute;
   top: 0;
   padding-top: 44px;
   z-index: 9999;
   width: 300px;
   left: -315px;
   min-height: 100%;
   -webkit-transition: left 0.4s ease;
   transition: left 0.4s ease;
   box-shadow: 0 15px 5px rgba(0, 0, 0, 0.4);
   background: #f3f3f3;
}

.lp-level-1>a {
  color: #fff;
  background: #0070be;
  border-bottom: none;
}

/* Visar alla huvudsidors menyer */
.lp-menu .lp-level-1 > li {
  display: block;
}

/* Men inte om annan startpunkt pekats ut */

.lp-menu .lp-back-link + .lp-level-1 > li {
    display: none;
}
.lp-menu .lp-back-link + .lp-level-1 > li.lp-open {
    display: block;
}

/* Visar alltid pilknappen på första nivån */
.lp-menu .lp-level-1 > li > button {
  display: block;
}

/* Stängknapp off canvas-meny */
.lp-menu .lp-close-button {
   display: block;
   background-color: rgba(255, 255, 255, 0.1);
}

.lp-close-button .lp-icon {
   fill: #000;
   width: 15px;
   height: 15px;
}


.lp-menu.lp-child-root .lp-level-1 > li > button {
   display: none;
}

.lp-menu button {
   top:2px;
   width: 44px;
   background-color: rgba(255, 255, 255, 0.8);
}

/* Meny och länkar */

.lp-menu a, 
.lp-menu span {
  padding: 14px 28px 14px 12px;
  font-size: 14px;
  color: #222;
  border-bottom: 1px solid #eee;
  display: block;
}

/* Höjd och indrag */
.lp-level-2 > li > a {
  padding: 14px 28px 14px 24px;
}

.lp-level-3 > li > a {
  padding: 14px 28px 14px 36px;
}

.lp-level-4 > li > a {
  padding: 14px 28px 14px 50px;
}

.lp-level-5 > li > a {
  padding: 14px 28px 14px 62px;
}

.lp-level-6 > li > a {
  padding: 14px 28px 18px 74px;
}

.lp-level-7 > li > a {
  padding: 14px 28px 14px 86px;
}

.lp-level-8 > li > a {
  padding: 14px 28px 14px 98px;
}

/* Animering när menyposter laddas */

.lp-has-children > button.lp-loading,
.lp-current.lp-has-children > button.lp-loading  {
  background-size: 20px 20px;
}

.lp-has-children > button.lp-loading {
  background-image: url('/webdav/images/system/loading-light.gif');
}

.lp-current.lp-has-children > button.lp-loading  {
  background-image: url('/webdav/images/system/loading-dark.gif');
}


/*
---------------------------------------------------------
VERTKTYGSMENYER
---------------------------------------------------------*/

/* Verktygsmeny i sidhuvud */
.lp-toolsmenu-header {
  display: none;
}


/*
---------------------------------------------------------
KRISMEDDELANDE
---------------------------------------------------------*/

.lp-alert li {
  margin: 20px 10px 0;
  background-image: none;
}

.lp-alert span {
  padding: 15px 30px 15px 15px;
}


/*
---------------------------------------------------------
BRÖDSMULOR
---------------------------------------------------------*/

.lp-breadcrumbs {
  display: none;
}


/*
---------------------------------------------------------
STARTSIDANS SNABBLÄNKAR
---------------------------------------------------------*/

.lp-quick-links li {
  width: 100%;
  margin: 0 0 15px 0;
  float: none;
}

.lp-quick-links a {
  height: auto;
  padding: 15px 0;
  font-size: 18px !important;
  line-height: 24px !important;
  text-align: left;
  background: #dde9ed;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAMAAACOLiwjAAAAOVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC8dlA9AAAAEnRSTlMA0xXI6g/79CDh2bCESkI3LQoLhrYZAAAATUlEQVQY02XPWQ4AIQgDUBV19q33P+xooikE/l5CoA1nPb4wpwJSJgRATAMpNu2r1maUX6NHa7mHinRdWtmDazzgTvMp49igrODLmdo/uIYFWf9gFuoAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-position: 96% 50%;
  background-size: 6px 10px;
}


.lp-quick-links img {
  height: 25px;
  width: 25px;
  margin: 0;
  padding: 0 15px;
  float: left;
}

.lp-quick-links a:hover img {
  background: #dde9ed;
}


/*
---------------------------------------------------------
START & TORG-/HUVUDSIDORS NYHETSLISTNING
---------------------------------------------------------*/

.lp-news-list img,
.lp-news-list-start img {
  max-height: 100%;
  margin: 0;
  padding: 0 0 10px 0 !important;
  float: none !important;
}s

th a, td a {
  text-decoration:underline !important; 
}

/*
---------------------------------------------------------
FACETTERAD SÖK
--------------------------------------------------------- */

.lp-facett {
   margin: 0;
   padding: 0;
   border: none;
}

.lp-facett-toggler {
   display: block;
   margin: 10px 0 0;
   position: relative;
   padding: 10px 40px 10px 10px;
   background: #f5f5f5;
   border-top: 1px solid #ccc;
   cursor: pointer;
}

.lp-js .lp-facett-toggler {
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAMAAACOLiwjAAAAOVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC8dlA9AAAAEnRSTlMA0xXI6g/79CDh2bCESkI3LQoLhrYZAAAATUlEQVQY02XPWQ4AIQgDUBV19q33P+xooikE/l5CoA1nPb4wpwJSJgRATAMpNu2r1maUX6NHa7mHinRdWtmDazzgTvMp49igrODLmdo/uIYFWf9gFuoAAAAASUVORK5CYII=');
   background-size: 6px 10px;
   background-position:92% 50%;
   background-repeat:no-repeat;
}

.lp-js .lp-facett-toggler.lp-opened {
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAMAAABV0m3JAAAAOVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC8dlA9AAAAEnRSTlMA0xXI6g/79CDh2bCESkI3LQoLhrYZAAAAY0lEQVQI113M2Q6AIAxE0WEpuLD2/z9WRyFB79PkJC1ScBZL1oWEoGrsYkY14FTqanqiu6nTXAfEvDrNyDOPMYV2jKNt55EIH+0bMNRTaZ42alRaw1KNtFjxqcTbCn5l7/PcF7EuBVkL9ewtAAAAAElFTkSuQmCC');
   background-size: 10px 6px;
}

.lp-facett-container {
   display: none;
   padding: 1px 10px !important;
   float: none !important;
   background: #f5f5f5 !important;
}

.lp-facett-container > div {
   float: none !important;
   width: 80%;
   background: #f5f5f5 !important;
   margin-bottom: 10px !important;
}

/* Fix så autocomplete inte kan bli bredare än tillgänglig yta */

.sv-autocomplete-search-result {
   box-sizing: border-box;
   max-width: 95% !important;
}

ul.sv-autocomplete-search-result .sv-autocomplete-result-item {
   box-sizing: border-box;
   padding: 3px 10px;
}

.sv-responsive .sv-archive-portlet.lp-news-list-start img {
   width:100% !important;
   max-width:100% !important;
   max-height:100% !important;
}