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


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

div .lp-main-grid .sv-row > .sv-column-7.lp-content {
  width: 100%;
}

.lp-content,
.lp-secondary-content {
  margin: 4rem 0 0;
}

.lp-main-grid .sv-column-8.lp-content {
  left: 0;
  width: 100%;
}

div .lp-main-grid .sv-row > .sv-column-8.lp-content > * {
  margin: 0 auto;
}
div .lp-box-menu {
  padding: 3rem 0;
}

/*
---------------------------------------------------------
BILDPUFFAR STARTSIDA
--------------------------------------------------------- */

div .lp-startpage .lp-boxes {
  grid-template-columns: repeat(2, 1fr);
}

div .lp-startpage .lp-boxes > .sv-layout {
  grid-column: span 1;
  grid-row: span 1;
}

div .lp-startpage .lp-boxes > .sv-layout:first-child {
  grid-column: span 2;
  grid-row: span 2;
}

/* Startboxar 2024 */

div .lp-startpage .lp-startboxes {
  gap: 2rem;
  grid-auto-rows: auto;
  grid-template-columns: repeat(2, 1fr);
}

div .lp-startpage .lp-startbox {
  grid-column: span 1;
  grid-row: span 1;
}

div .lp-startpage .lp-startbox:first-child {
  grid-column: span 2;
  grid-row: span 3;
}


/*
---------------------------------------------------------
NYHETSPUFFAR
--------------------------------------------------------- */

.sv-template-landningssida .lp-news-boxes,
.sv-template-startsida---underwebb .lp-news-boxes {
  grid-template-columns: 1fr;
}

/*li.sv-channel-item.lp-clickable-area:nth-child(3) {
   display: none;
}*/
/*
---------------------------------------------------------
KOLLAGEMENY
--------------------------------------------------------- */

/* Eget mönster */

.lp-collage-menu.lp-collage-menu-pattern-custom {
  --collage-menu-content-padding: 2rem;
  gap: 2rem;
  grid-auto-rows: auto;
  grid-template-columns: repeat(2, 1fr);
}

.lp-collage-menu.lp-collage-menu-pattern-custom .lp-collage-menu-item {
  grid-column: span 1;
  grid-row: span 2;
}

.lp-collage-menu.lp-collage-menu-pattern-custom .lp-collage-menu-item:first-child {
  grid-column: span 2;
  grid-row: span 3;
}

.lp-collage-menu.lp-collage-menu-pattern-custom .lp-collage-menu-heading,
.lp-startpage .lp-collage-menu.lp-collage-menu-pattern-custom .lp-collage-menu-item:first-child .lp-collage-menu-heading,
.lp-startboxes .lp-startbox:first-child .lp-startbox-heading {
  font-size: 2.2rem;
}

.lp-startpage .lp-collage-menu.lp-collage-menu-pattern-custom .lp-collage-menu-heading,
.lp-startbox .lp-startbox-heading {
  font-size: 1.8rem;
}

/*
---------------------------------------------------------
INNEHÅLLSFÖRTECKNING
--------------------------------------------------------- */

html:not(.sv-editing-mode) .lp-toc-wrapper {
  padding-top: 0;
  position: static;
}

/*
body:not(.sv-editing-mode) .lp-toc-wrapper.lp-toc-wrapper--is-sticky {
  max-height: none;
  max-width: 100%;
  position: static;
  width: 100%;
} */


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

.lp-footer .lp-main-grid.sv-fixed-fluid-grid .sv-column-6 {
  margin-bottom: 5rem;
  width: 100%;
}

.lp-footer .lp-main-grid.sv-fixed-fluid-grid .sv-column-3 {
  width: 48.837209302325576%;
}

.lp-footer .lp-main-grid.sv-fixed-fluid-grid .sv-column-3:nth-child(2) {
  margin-left: 0;
}

.lp-footer .lp-service-menu {
  display: flex;
}