/*
=========================================================
SMARTPHONE CSS
=========================================================
 * Innehåller styling för smartphones
 *
 * Copyright (C) Limepark AB. Upprättad 2016.
=========================================================*/

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

/* Dölj utskriftslänk i smartphone */
.lp-print-link {
  display: none !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;
}

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

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

.lp-content {
  padding: 20px;
}

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

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


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

input[type=text],
input[type=email],
input[type=url],
input[type=tel],
input[type=number],
input[type=password],
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 input[type=password],
.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
--------------------------------------------------------- */

.lp-header {
  padding-top: 0;
}

.lp-tools-wrapper {
  padding: 10px;
  position: static;
  width: auto;
}

.lp-project-fix {
  padding: 0;
}

a.lp-skip-to-menu-desktop {
  display: none;
}

a.lp-skip-to-menu-smartphone {
  display: block;
}


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

.lp-footer {
  margin: 0;
}

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

.lp-topmenu {
  display: none;
}


/*
---------------------------------------------------------
SLIDERMENY
--------------------------------------------------------- */

.lp-slide-menu-toggler {
  display: none;
}


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

/* 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-skip-to-menu-mobile {
  background: no-repeat 95% 50% #333 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAeBAMAAAC70dEnAAAAD1BMVEUAAAD///////////////+PQt5oAAAABHRSTlMA5kpJG2qUMwAAACZJREFUKM9jMHRBBcIMImgijgwu6ABTBIsuRTQRIQY6glF/Ue4vAJ7DTkxRHHIOAAAAAElFTkSuQmCC');
  background-position: right 20px top 50%;
  background-size: 17px 15px;
  color: #fff;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 14px 22px 14px 10px;
  text-align: left;
  text-decoration: none;
}

.lp-skip-to-menu-mobile:active,
.lp-skip-to-menu-mobile:hover,
.lp-skip-to-menu-mobile:focus {
  background-color: #555;
}

/*
---------------------------------------------------------
UNDERMENY 2/3
--------------------------------------------------------- */

.lp-menu a {
  font-size: 14px;
}

.lp-level-1 > li > a {
  font-size: 15px;
}


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

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


/*
---------------------------------------------------------
FLERNIVÅLÄNK
--------------------------------------------------------- */

.sv-multilevellink-portlet {
  margin-bottom: 10px;
  padding: 20px 20px 0;
}

.lp-content .sv-multilevellink-portlet {
  padding: 0;
}
