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

html {
  font-size: 62.5%;
}

body {
  --lp-spacing: 2.5rem;
}

.lp-topbanners__large-image {
  float: none;
  padding-bottom: 0;
  width: 100%;
}

.lp-topbanners__large-image > .lp-topimage {
  position: relative;
}

.lp-topbanners__banners {
  box-sizing: border-box;
  float: none;
  margin-top: 30px;
  overflow: hidden;
  padding: 0 20px;
  width: 100%;
}

.lp-topbanners__banners > div:first-child {
  float: left;
  width: 49%;
}

.lp-topbanners__banners > div:last-child {
  float: right;
  width: 49%;
}

.lp-topbanners__banners div + div {
  margin-top: 0;
}

/*
---------------------------------------------------------
FACETTERAD SÖK
--------------------------------------------------------- */
div .lp-search .sv-facetedsearch-portlet form,
div .lp-search-details {
  width: 100%;
}

div .lp-search-hits {
  flex-wrap: wrap;
}

div .lp-search-result {
  width: 100%;

  order: 2;
}

div .lp-search-facets {
  margin-left: 0;
  width: 100%;

  order: 1;
}

div .lp-search .sv-facetedsearch-portlet form {
  width: 100%;
}

div .lp-search-details {
  width: 100%;
}

/*
---------------------------------------------------------
SÖKSEKTION STARTSIDA
--------------------------------------------------------- */

div .lp-search__section {
  margin: 2rem;
}

div .lp-search__section .sv-fixed-fluid-grid > .sv-layout > .sv-layout.sv-column-12 {
  gap: 0 8rem;
  grid-template-columns: calc(60% - 8rem) 40%;
}


/*
---------------------------------------------------------
JUSTERINGAR SIDHUVUD 2024
--------------------------------------------------------- */

.lp-topmenu li {
  flex: 1 1 1px;
}