/*
=========================================================
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-listing.sv-archive-portlet li img {
  float: none;
  padding: 0 0 10px 0 !important;
}

.main-grid > .sv-row {
  padding-left: 10px;
  padding-right: 10px;
}

.lp
/*
---------------------------------------------------------
GRUNDLAYOUT
--------------------------------------------------------- */

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

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

.lp-content {
  margin-top: 10px;
}

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

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

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

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

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

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

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

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

.lp-header .lp-header-functions {
  display: block;
}

.lp-header .lp-header-functions .lp-header-search,
.lp-header .lp-header-functions .lp-toolsmenu {
  display: block;
}

.lp-header .lp-header-functions .lp-toolsmenu {
  margin: 5px 0;
  padding: 0;
  text-align: center;
}

.lp-toolsmenu {
  text-align: center;
}

.lp-toolsmenu ul {
  border-left: 0;
  display: inline-block;
  padding: 0;
}

.lp-toolsmenu ul li:last-child > a {
  border-right: 0;
}

.lp-toolsmenu li a {
  padding: 5px 15px;
}

.lp-toolsmenu .li-1 > a,
.lp-toolsmenu .li-2 > a,
.lp-toolsmenu .li-3 > a {
  background: none;
}

.lp-toolsmenu .li-3 > a:before {
  content: '';
}

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

.lp-footer {
  margin: 20px 0 0 0;
}

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

.lp-topmenu {
  display: none;
  margin: 0;
}

.lp-topmenu li {
  display: block;
  float: none;
  overflow: hidden;
  position: relative;
  width: auto;
}

.lp-topmenu li > a {
  border-right: none;
  margin: 0 0 1px;
  padding: 10px;
  text-align: left;
  width: auto;
}

.lp-main-menu {
  background: none;
}

/* Knapp för att visa toppmeny */

.lp-mobile-navigation,
.lp-menu-button {
  background: no-repeat 95% 50% #09428f url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAMAAAC38k/IAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAUSURBVAjXY2RAAowoHEacHKrqAQAEZwAP2Ox3QgAAAABJRU5ErkJggg==');
  border: none;
  border: 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  padding: 14px 22px 14px 10px;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}

.lp-menu-button:hover {
  background: no-repeat 95% 50% #09428f url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAMAAAC38k/IAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAUSURBVAjXY2RAAowoHEacHKrqAQAEZwAP2Ox3QgAAAABJRU5ErkJggg==');
  border: 0;
}




/*
---------------------------------------------------------
VIKTIGT MEDDELANDE
--------------------------------------------------------- */

.lp-alert .sv-channel-item {
  margin: 0 0 20px;
}

.lp-alert .sv-channel-item h1.heading {
  display: table;
  height: 100%;
  line-height: 20px;
  width: 100%;
}

.lp-alert .sv-channel-item h1.heading a {
  display: table-cell;
  font-size: 16px;
  line-height: 20px;
  vertical-align: middle;
}

.lp-alert .sv-channel-item a.normal {
  display: none;
}

/*
--
SÖKSIDA
-- */

.lp-facets {
  float: none;
}

/*
---------------------------------------------------------
NYHETSSLIDER
--------------------------------------------------------- */

.lp-news-slider > .sv-channel > li,
.lp-news-slider > .sv-channel > .active {
  margin-left: 0;
  padding: 0 1px 0 1px !important;
}

.lp-news-slider > .sv-channel > li:last-child {
  margin-left: -1px;
}

.lp-news-slider > .sv-channel {
  text-align: center;
}

.lp-news-slider > .sv-channel .sv-channel-item > .lp-item {
  display: inline-block;
  max-width: 300px;
  text-align: left;
}

.lp-news-slider-image {
  left: 1px;
  right: 1px;
}

.lp-news-slider-navigation {
  right: 0;
}

.lp-feature-menu li {
  margin-bottom: 20px;
  width: 140px;
}

.lp-feature-menu {
  text-align: center;
}

.lp-news-slider-previous,
.lp-news-slider-next,
.lp-news-slider-previous:hover,
.lp-news-slider-next:hover,
.lp-news-slider-previous:active,
.lp-news-slider-next:active,
.lp-news-slider-previous:focus,
.lp-news-slider-next:focus {
  display: none;
}


/*
---------------------------------------------------------
UNDERMENY - Inställningar
--------------------------------------------------------- */

body {
  min-height: 100%;
  position: relative;
  top: 0;
}

.lp-logo-column {
  align-items: center;
  display: flex !important;
  -ms-flex-align: center;

  justify-content: space-between;
}

.lp-header .sv-image-portlet {
  display: block;
}

/* Lägger menyn off canvas */
.lp-js .lp-menu {
  background: #1756ab;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  left: -315px;
  max-width: 88%;
  min-height: 100%;
  padding-top: 44px;
  position: absolute;
  top: 0;
  transition: left 0.4s ease; /* OBS! Om animationen tas bort måste callback för "transitionend" i submenu-client.js justeras */
  width: 300px;
  z-index: 9999;
}


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

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

/* Direktlänk till mobilmenyn */

.lp-menu-toggle {
  align-items: center;
  background: #09428f;
  border: none;
  border-radius: 5px;
  color: #fff;
  display: flex;
  font-size: 15px;
  font-weight: bold;
  margin: -15px 0 0 12px;
  padding: 10px;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
}

.lp-menu-toggle:active,
.lp-menu-toggle:hover {
  background-color: #000;
  border: none;
}

.lp-menu-toggle:focus {
  border: none;
}

.lp-menu-toggle .lp-icon {
  font-size: 1.47em;
  margin: 0 0.8rem 0 0;
}


/* Visas om undermenyn bl.a. saknas i mallen eller inte kan laddas */
.lp-menu-toggle[disabled] {
  background-color: #333;
  cursor: not-allowed;
  opacity: 0.7;
}


/* Stängknapp off canvas-meny */
.lp-menu .lp-close-button {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.1);
  border: none;
  color: #fff;
  display: flex;
  font-size: 1.4em;
  height: 44px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;

  justify-content: center;
}



.lp-menu .lp-close-button:focus {
  position: absolute;
}


/*
---------------------------------------------------------
UNDERMENY - Tillbakalänk vid egen startpunkt
--------------------------------------------------------- */

.lp-child-root a.lp-back-link {
  background: #1756ab;
  color: #fff;
  display: block;
  padding: 15px 44px 14px 10px;
}

.lp-child-root a.lp-back-link .lp-icon {
  height: 11px;
  margin: 0.3px 5px 0 0;
  transform: rotate(180deg);
  vertical-align: middle;
}

.lp-child-root .lp-level-1 > li:not(.lp-open) {
  display: none;
}

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

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

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


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

.lp-menu ul button {
  background-color: rgba(255, 255, 255, 0);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

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





/*
---------------------------------------------------------
SWARCO PARKING
--------------------------------------------------------- */
.sv-limepark-swarco-parking .env-table th {
  padding: 0.5em;

}

/*
---------------------------------------------------------
FILTRERBAR LISTA
--------------------------------------------------------- */

.sv-limepark-filterable-list .lp-filterable-list {
  --lp-filterable-list__box-grid: repeat(auto-fill, minmax(19rem, 1fr));
}