/*
=========================================================
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;
}


/*
---------------------------------------------------------
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-pagetools-print {
  display: none;
}

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

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

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


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

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


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

header {
  padding: 10px 10px 0;
}

header .sv-column-5 {
  position: relative;
}

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

footer > div {
  margin: 0;
  padding: 220px 20px 40px;
}

footer p.normal {
  margin: 0 !important;
}

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

.lp-topmenu {
  display: none;
}


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

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

.lp-menu {
  margin: 0;
}

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

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

/* Direktlänk till mobilmenyn */
.lp-mobile-navigation {
  background: no-repeat 10px 50% #0c70a8 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAeBAMAAAC70dEnAAAAD1BMVEUAAAD///////////////+PQt5oAAAABHRSTlMA5kpJG2qUMwAAACZJREFUKM9jMHRBBcIMImgijgwu6ABTBIsuRTQRIQY6glF/Ue4vAJ7DTkxRHHIOAAAAAElFTkSuQmCC');
  background-size: 17px 15px;
  border-radius: 25px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  padding: 14px 10px 14px 35px;
  position: absolute;
  right: 10px;
  text-decoration: none;
  top: 10px;
}

.lp-mobile-navigation:active,
.lp-mobile-navigation:hover,
.lp-mobile-navigation:focus {
  background-color: #02507c;
}

/* Visar tillbakalänk vid utpekning av egen startpunkt för undermeny */
.lp-menu a.lp-back-link {
  background: #e7f0fb;
  display: block !important;
}

.lp-menu a.lp-back-link:before {
  background: no-repeat 50% 50% url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAAkklEQVQokZXSQQ3DMAwAwNMYlMIolEIpjEIplEIpjMIolEIpjEIHIftkUpY4WhfJH+tky46llNSBK7YcEzQoww0JB4YQYskoYck5NRpylYS9yDfwUVSbQohbge5VAVHLA0MPrvUADcRYoL1GH3jx/V56L2g9h62LYZ4/hwnWs3bh6YX/9YU5Odc7DeHpMwsOd4Q3mqEn6gc+E9wAAAAASUVORK5CYII=');
  background-size: 5px auto;
  content: '';
  display: inline-block;
  height: 9px;
  margin: 0 5px 0 0;
  width: 5px;
}

/* Stängknapp off canvas-meny */
.lp-menu .lp-close-button {
  background-color: rgba(255, 255, 255, 0);
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAVFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////8wXzyWAAAAG3RSTlMABvf87ojAH2XRWRepddo0tJ/Ikn87QijlTg+zYnYWAAABRElEQVQ4y41VWZaEIAxEBFxbBXFpvf89J+AygccMyY8sRSoVQ2CBFaudBlFyYXRdsT9tm8WJzNRFElb15RnZXidwNb93RaPM8JxRcQBF79d531bXfLTDdewb4A7lYbLDi6txi2WL/SlEE4dTIp/a4WRC4+b4+fgedLgPS1nXwNZw3BPh/LG0VTtszr/EKuTFkkoIc/NnYMSxjnaasfoZ/Gg3kBHxF+YNIjgEuISTxQ4OsQef+hEtyEvqAp+eIZsccME5choYs/Bp/wWyBjgLz9SlgVjO6ODiWRk/YL4YNAzecqw9KWgyT15wQSLtq1fDIdI3lsjamwiGlgwkU4dirJTyEgODUAw5PfSE539hBXNFLgpymZELN38VFn8VqJeLfF2x0HwDyLeUbJNSuEnR2166kXLUSMmtOaFRZ5p9/HycqefjByZRNl31uUYfAAAAAElFTkSuQmCC');
  display: block;
  height: 44px;
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.lp-close-button .lp-icon {
  height: 15px;
  width: 15px;

  fill: #fff;
}

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


.lp-menu .lp-level-1 > li > button {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAVFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////8wXzyWAAAAG3RSTlMABvf87ojAH2XRWRepddo0tJ/Ikn87QijlTg+zYnYWAAABRElEQVQ4y41VWZaEIAxEBFxbBXFpvf89J+AygccMyY8sRSoVQ2CBFaudBlFyYXRdsT9tm8WJzNRFElb15RnZXidwNb93RaPM8JxRcQBF79d531bXfLTDdewb4A7lYbLDi6txi2WL/SlEE4dTIp/a4WRC4+b4+fgedLgPS1nXwNZw3BPh/LG0VTtszr/EKuTFkkoIc/NnYMSxjnaasfoZ/Gg3kBHxF+YNIjgEuISTxQ4OsQef+hEtyEvqAp+eIZsccME5choYs/Bp/wWyBjgLz9SlgVjO6ODiWRk/YL4YNAzecqw9KWgyT15wQSLtq1fDIdI3lsjamwiGlgwkU4dirJTyEgODUAw5PfSE539hBXNFLgpymZELN38VFn8VqJeLfF2x0HwDyLeUbJNSuEnR2166kXLUSMmtOaFRZ5p9/HycqefjByZRNl31uUYfAAAAAElFTkSuQmCC');
}

.lp-menu .lp-level-1 > li.lp-open > button {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAUVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////8IN+deAAAAGnRSTlMAiPx19mXSIO4XDQXANMeq5Vrbn0GRfChPt0UIPY0AAAEpSURBVDjLjZVZFoMgDEUjFREVnIe6/4U2QWnRIifvx4FLJiDAVUqOtstFObyzqYYn1dLugcp5jXOy228SrfrHlPWjQ9EU5fmRyzu3HUPFYo7QdN/m7k9bXbhe0E87QSCdObQJyU1E3ajGkb/0DU0dIjnWGZGj/6wGik5DTC8ivasZ3zsFcZHN8jCyYoBielyF5ut8xLcZHqVytEP+tEDbrgQJ5xmF654JaTTZ1QAUwwoptUgYqJAvIKkewQVMOhWSpiV3uPSVl69QxpMdOaVcppMrbtuxP0GLdYHFReq0Xblf7G+cxAbZrm/JZIGWSzLs8vAL7pZQMZaQuynY24y/cflHgX+4+McVjEg2gJbdUvhNit/24o3Uho2U25pZzX4M6xC9PvbI9fEBD44umEQ76DAAAAAASUVORK5CYII=');
}

/*
---------------------------------------------------------
FEATUREMENY STARTSIDA
--------------------------------------------------------- */

.lp-feature-menu {
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  margin: 30px 0 0;
  padding: 0;
}

.lp-feature-menu li {
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
}

.lp-feature-menu a.normal {
  color: #000;
  display: block;
  font-size: 14px;
  line-height: 20px;
  min-height: 30px;
  padding: 70px 15px 10px;
  position: relative;
  text-align: center;
  width: 110px;
}

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

.lp-img-slider {
  margin: 0 auto;
  max-height: none;
  overflow: auto;
  position: relative;
}

.lp-img-slider li.sv-channel-item {
  margin-bottom: 0 !important;
  max-height: none;
  overflow: auto;
  position: relative;
}


.lp-img-slider .lp-slider-text-wrapper {
  left: 0;
  position: relative;
}

.lp-img-slider .lp-slider-text {
  left: 0;
  margin: -5px 0 0;
  max-width: none;
  padding: 10px;
}


.lp-img-slider h1.heading a {
  font-size: 22px;
}

.lp-img-slider .normal {
  display: none;
}

.flex-direction-nav a {
  top: 20px;
}

.flex-control-nav {
  display: none;
}

/*
---------------------------------------------------------
STARTSIDA
--------------------------------------------------------- */

.lp-newsrow .sv-archive-portlet li,
.lp-calrow .sv-archive-portlet li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: none;
  margin: 0 0 30px;
  width: auto;
}

.lp-newsrow .sv-archive-portlet img,
.lp-calrow .sv-archive-portlet img {
  float: none !important;
  max-width: 100% !important;
  width: 100% !important;
}

.lp-bildpuff {
  margin: 0 auto 20px;
}

.lp-newsrow,
.lp-calrow {
  padding: 30px 20px;
}

.lp-pagetools a.lp-pagetools-print:before,
.lp-pagetools a.lp-pagetools-share:before,
.lp-pagetools a.lp-pagetools-contact:before,
.lp-pagetools .sv-readspeaker_expandingplayer-portlet > a:before {
  padding: 5px 2px;
}