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

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

/* Anpassar bilder i nyhetslistningen för mobilläge */
.lp-news-listing.sv-archive-portlet li img {
   float: none;
   padding: 0 0 10px 0 !important;
}


/* Tar bort float på bilder i innehållsytor */
.lp-content .pagecontent .sv-image-portlet {
   float: none !important;
   margin-left: 0 !important;
   margin-right: 0 !important;
}


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

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

.lp-content {
   padding: 20px;
}

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

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

.lp-wrapper {
   background: #fff;
   -webkit-box-shadow: 20px 20px 30px 0 #ccc;
   box-shadow: 20px 20px 20px 0 #ccc;
}

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

input[type="text"],
input[type="password"],
input[type="date"],
textarea {
  width: 94%;
  padding: 12px 3%;
}

select {
  width: 100%;
  padding: 12px 1% 12px 3%;
}


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

button,
input[type="submit"],
input[type="button"] {
  padding: 12px 20px;
}


/*
---------------------------------------------------------
SIDHUVUD
--------------------------------------------------------- */
.lp-mobile-header {
}

.lp-mobile-header .lp-logo {
   text-align: center;
   padding: 10px 10px 0;
}

.lp-mobile-header-buttons {
   background: #00609C;
}

.lp-mobile-search-toggle {
   display: block;
   padding: 14px 10px 14px 35px;
   background: no-repeat 95% 50% #00609C url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUxpcf////////////////////////////////////////////////////////////rDiYQAAAAPdFJOUwD6C43d76wqxXcaTWGYPhfpVjsAAAELSURBVCjPY2BgYGCf5ijqdooBDrimyP///1/iEFzgxf+PIS7x/8UKoHxu/685VateNv5vhwo8+d+tAKRWxv9YADGh/wdE7Zb/l8A0J0wpd3w0mC75ugGq1/4bSCvDRAgFlgLrzf8Ds573/wEQ5R8OE+D5bwCi5L1gAtzyCagCfBCBeHQV/nEwAU6IGfk/YQJqH8G2HIR6gYHh6RewO1Z8nADhM+X/hdguHw01Qt4dKvEF7Bmmqf+bIDIV/4OBepmeyf8XhviKvf+/7+nX0+L///9oBFGyNv7/R8H//z3gSpi2gWR9iwzhSphqzNJsChiU4UqggAmhBAqIUyLLgKYkkgFViegBVAGmmwwA0c5nVXcvA0sAAAAASUVORK5CYII=');
   background-position: left 10px top 50%;
   background-size: 16px 16px;
   color: #fff;
   font-size: 15px;
   font-weight: bold;
   text-align: left;
   text-decoration: none;
}

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

.lp-js .lp-mobile-search {
   display: none;
}

.lp-mobile-search form {
   padding: 10px;
}

.lp-mobile-search input[type="text"] {
   box-sizing: border-box;
}

.lp-mobile-search input[type="submit"] {
   right: 10px;
   top: 10px;
   border-radius: 0 10px 10px 0;
   border: none;
}

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

footer {
   margin: 0;
   padding: 20px 20px 40px;
}

footer ul.lp-footer-extras {
   margin: 20px 0 0;
   text-align: center;
}

.lp-fairtrade {
   width: 100%;
   text-align: center;
}

.lp-fairtrade img {
   width: 100px;
}


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

.lp-topmenu {
   display: none;
}


/*
---------------------------------------------------------
UNDERMENY 1/2 - Standardinställningar
--------------------------------------------------------- */

.lp-js .lp-menu { display: none; } 

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

.lp-child-root.lp-menu .lp-level-1 > li.lp-open {
  display: block;
}

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



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

.lp-child-root a.lp-back-link:link,
.lp-child-root a.lp-back-link:visited {
   display: block;
   padding: 14px 36px 14px 30px;
   background: 10px 50% no-repeat #ecf7fe url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAcBAMAAACjeJNyAAAAMFBMVEUAAAAAYJwAYJwAYJwAYJwAYJwAYJwAYJwAYJwAYJwAYJwAYJwAYJwAYJwAYJwAYJyKeclhAAAAD3RSTlMAEe7MdzNE3aqIZlW7mSLQATHlAAAAgUlEQVQI12MAA0YGCJieAKa4/xeA6aD/YD6j/Rcwl/e/AZj2/x8Aolj/Q4SF/h8A0/afHoAozv+/wdz1/xvAqvQ/CYBo4f/fwML5UEN4oLoZ9T8FgBnxUAkuqATDfaDtEJ2FYJpP/ycD1IgNYJrlvyJEoP8HA1SlAwPEzgKIwAoBAHwbKoORD++7AAAAAElFTkSuQmCC');;
   background-size: 7px 14px;
   color: #000;
   font-size: 14px;
   line-height: 20px;
}

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

/* Huvudnivå */
.lp-menu .lp-level-1 > li > a {
   margin: 0 0 1px;
   border-radius: 0;
   border-top: none;
   border-right: none;
}

/* Direktlänk till mobilmenyn */
.lp-mobile-navigation {
  display: block;
  padding: 14px 40px 14px 10px;
  background: no-repeat 95% 50% #00609C url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAeBAMAAAC70dEnAAAAD1BMVEUAAAD///////////////+PQt5oAAAABHRSTlMA5kpJG2qUMwAAACZJREFUKM9jMHRBBcIMImgijgwu6ABTBIsuRTQRIQY6glF/Ue4vAJ7DTkxRHHIOAAAAAElFTkSuQmCC');
  background-position: right 10px top 50%;
  background-size: 17px 15px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
}

.lp-mobile-navigation:active,
.lp-mobile-navigation:hover,
.lp-mobile-navigation:focus {
   background-color: #E0F4FB;
   color: #00609C;
}


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

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

/*
---------------------------------------------------------
BILDSPEL
--------------------------------------------------------- */

.flexslider .slides li img {
   float: none;
   width: 100%;
   border-left: none;
}

.flexslider .slides .text {
   float: none;
   padding: 20px 20px 60px;
   width: 100%;
}

.flex-control-paging {
   width: 100%;
   bottom: 20px;
}

.flex-next {
   right: 0;
}

.flexslider p {
   display: none;
}

.flex-control-paging,
.flex-control-paging a,
.flex-direction-nav a {
    z-index: 99999;
}

/*
---------------------------------------------------------
KONTAKTINFO
--------------------------------------------------------- */

.lp-vertical-center {
   display: table;
   margin: 0 0 20px;
}

.lp-vertical-center > div {
   display: block;
   vertical-align: middle;
   padding: 0 !important;
}

.lp-vertical-center > div + div {
   padding: 10px 0 0 !important;
}