/*
=========================================================
TABLET CSS
=========================================================
 * Innehåller styling för läsplattor
 *
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/

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

.lp-header > .sv-layout > .sv-layout {
  border: none;
  display: flex;
  height: 100%;
}

header .sv-searchform-portlet {
  align-items: center;
  display: flex;
  height: 100%;
  margin-right: 70px;
  padding: 0 1rem;
}


/*
---------------------------------------------------------
ARTIKELLISTNING MED OCH UTAN BILD
--------------------------------------------------------- */

.lp-article-list-content {
  padding: 1.5rem;
}


/*
---------------------------------------------------------
INGÅNGSMENY
--------------------------------------------------------- */

.lp-blurb-menu-item {
  margin-bottom: 4%;
  max-width: 48%;

  flex-basis: 48%;
  -ms-flex-preferred-size: 48%;
}

.lp-blurb-menu-item,
.lp-blurb-menu-item:nth-child(3n) {
  margin-right: 4%;
}

.lp-blurb-menu-item:nth-child(2n) {
  margin-right: 0;
}


/*
---------------------------------------------------------
BYLINE
--------------------------------------------------------- */

.lp-byline {
  padding: 1.6rem 0rem;
}


/*
---------------------------------------------------------
MENY I SIDFOT
---------------------------------------------------------*/

.lp-footer-menu li {
  margin-bottom: 1.5rem;
}


/*
---------------------------------------------------------
HEROPUFF
--------------------------------------------------------- */

.lp-hero-blurb > .sv-decoration-content {
  display: block;
}


/*
---------------------------------------------------------
LÄNKKNAPP
--------------------------------------------------------- */

.lp-link-button a {
  padding: 2.3rem 6rem;
}


/*
---------------------------------------------------------
KONTAKTPERSON
--------------------------------------------------------- */

.lp-contact > .sv-layout > .sv-layout p {
  font-size: 1.6rem;
}