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

/*
---------------------------------------------------------
VARIABLER
--------------------------------------------------------- */

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

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

.lp-header .lp-main-grid {
  max-width: 100%;
  padding: 0 var(--lp-spacing-x-small);
  width: 100%;
}

.lp-header-layout {
  flex-wrap: wrap;
}

.lp-header-layout > .sv-jcrmenu-portlet,
.lp-topmenu {
  width: 100%;
}

.lp-topmenu ul {
  width: auto;
}

.lp-topmenu li a {
  font-size: 1.4rem;
  padding: 0.6rem 0 0.3rem;
}

.lp-logo img {
  width: 100px !important;
}

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

.lp-footer > div:nth-child(1) .sv-column-12 > .sv-layout {
  flex-direction: column;
}

.lp-footer > div:nth-child(1) .sv-column-12 > .sv-layout > .lp-footer-grid {
  min-width: 0;
  width: 100%;
}

.lp-footer > div:nth-child(1) .sv-column-12 > .sv-layout > .sv-layout:first-child {
  width: 100%;
}

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

/* Sekundärt innehåll */
.lp-pagelayout > .sv-layout:nth-child(even) {
  max-width: 80rem;
}

/*
---------------------------------------------------------
HERO
--------------------------------------------------------- */

.lp-hero h1.heading {
  font-size: 3.2rem;
}

.lp-hero p.preamble {
  font-size: 1.6rem;
}

.lp-hero.lp-hero--small {
  height: auto;
  min-height: 25vw;
}

.lp-hero.lp-hero--small > .sv-template-portlet:nth-child(2) .lp-eu-logo img,
.lp-hero--search > .sv-template-portlet:nth-child(2) .lp-eu-logo img {
  max-width: 10rem !important;
}


/*
---------------------------------------------------------
IKONLISTA
--------------------------------------------------------- */

.lp-iconlist .sv-text-portlet .subheading,
.lp-iconlist .sv-text-portlet .heading3,
.lp-iconlist .sv-text-portlet .normal {
  font-size: 1.8rem;
}



/*
---------------------------------------------------------
FILTRERBAR LISTNING
---------------------------------------------------------*/

/*
.lp-filterable-list-list.lp-filterable-list-list--publications {
  --lp-filterable-list__box-grid: repeat(auto-fill,minmax(38rem,1fr));
}*/

div .lp-filterable-list .lp-filterable-list-item-content__heading {
  font-size: 1.8rem;
}

div .lp-filterable-list-item-content__description {
  font-size: 1.6rem;
}

/*
.lp-filterable-list-list.lp-filterable-list-list--publications .lp-filterable-list-image__wrapper {
  width: 12rem;
}*/


/*
---------------------------------------------------------
LÄNKPUFFAR
--------------------------------------------------------- */

.lp-linkboxes {
  grid-template-columns: repeat(auto-fit,minmax(32rem,1fr));
}


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

/* .lp-startpage-hero .sv-marketplace-reakai-rekai-webapp .rek-prediction .rek-link, */
.lp-startpage-hero .lp-link-wrapper .env-button--ghost.env-button--primary {
  font-size: 1.5rem;
}

.lp-startpage-hero > .sv-layout > .sv-layout:first-child {
  padding-bottom: var(--lp-spacing);
  padding-top: var(--lp-spacing);
}

.lp-startpage-hero .sv-limepark-webapp-hero + .sv-layout {
  margin-left: 2rem;
}

.lp-startpage-hero .sv-limepark-webapp-hero + .sv-layout:before {
  border-width: 9rem 9rem 0 0;
  left: -2rem;
  top: -2rem;
}

.lp-startpage-hero > .sv-layout > .sv-layout:first-child:after {
  border-width: 6rem 6rem 0 0;
}

.lp-startpage-hero > .sv-layout > .sv-layout:first-child:before {
  border-width: 8rem 8rem 0 0;
}

.lp-startpage-hero .sv-limepark-webapp-hero:before {
  border-width: 7rem 7rem 0 0;
}

.lp-startpage-hero .sv-limepark-webapp-hero:after {
  border-width: 0 6rem 6rem 0;
  top: 5rem;
}


/*
---------------------------------------------------------
REK.AI
--------------------------------------------------------- */

/* .sv-marketplace-reakai-rekai-webapp .rekai-news-wrapper {
  grid-template-columns: repeat(auto-fit,minmax(32rem,1fr));
} */


/*
---------------------------------------------------------
EU-LOGOTYP
--------------------------------------------------------- */

.lp-eu-logo .sv-image-portlet img,
.lp-eu-logo .sv-marketplace-sitevision-picture img {
  max-width: 10rem !important;
}

/*
---------------------------------------------------------
LOGOTYP - EUROPA I MIN REGION
--------------------------------------------------------- */

.lp-eu-logo--europa-i-min-region .sv-image-portlet img {
  max-width: 14rem !important;
}


/*
---------------------------------------------------------
STATISTIK
--------------------------------------------------------- */
.lp-use-statistics > .sv-layout:nth-child(2) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lp-statistics-heading-block>.sv-layout {
  max-width: unset;
}

.lp-statistics-news-blurbs {
  grid-template-columns: 1fr;
}

.lp-filterable-list--template-analysverktyg .lp-filterable-list--template-cards .lp-filterable-list-list {
  grid-template-columns: 1fr;
}