/*
=========================================================
SMARTPHONE CSS
=========================================================
 * Innehåller styling för smartphones
 *
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/


/*
---------------------------------------------------------
FIXAR/FÄRBÄTTRINGAR
---------------------------------------------------------*/

html {
  font-size: 62.5%;
  height: 100%; /* Storlek och position för off canvas */
}


/* Anpassar bilder i nyhetslistningen för mobilläge */
.lp-news-listing.sv-archive-portlet li img {
  float: none;
  padding: 0 0 1rem 0 !important;
}

/* Dölj utskriftslänk i smartphone */
.lp-print-link {
  display: none !important;
}

/* Fix så autocomplete inte kan bli bredare än tillgänglig yta */

.sv-autocomplete-search-result {
  box-sizing: border-box;
  max-width: 95% !important;
}

ul.sv-autocomplete-search-result .sv-autocomplete-result-item {
  box-sizing: border-box;
  padding: 0.3rem 1rem;
}

/* Hoppa direkt till meny-länkar */

.lp-skip-links li a.lp-skip-to-menu-smartphone {
  display: block;
}

.lp-skip-links li a.lp-skip-to-menu-desktop {
  display: none;
}

/*
---------------------------------------------------------
MOBILMARGINAL GRID
--------------------------------------------------------- */

.lp-main-grid {
  box-sizing: border-box;
  padding: 1.5rem;
}

/*
---------------------------------------------------------
FORMATMALLAR
--------------------------------------------------------- */


.heading {
  font-size: 2.6rem;
  line-height: 1.4;
}

.subheading {
  font-size: 2rem;
  line-height: 1.4;
}

.heading3,
.lp-news-list.sv-archive-portlet .heading3 a {
  font-size: 1.8rem;
  line-height: 1.4;
  margin-bottom: 0.3rem;
}

.preamble {
  font-size: 1.8rem;
}

body,
.normal {
  font-size: 1.6rem;
}


/*
---------------------------------------------------------
TABELLER
--------------------------------------------------------- */

.sv-text-portlet-content table caption {
  font-size: 2rem;
}

div.sv-text-portlet-content .sv-standard th p,
div.sv-text-portlet-content .sv-standard td p {
  font-size: 1.5rem;
}

div.sv-text-portlet-content .sv-standard th,
div.sv-text-portlet-content .sv-standard td {
  padding: 1rem;
}

/* Tillåter radbrytning */
div div.sv-responsiveTable * {
  white-space: normal !important;
}

/* Fix för breda tabeller */
.sv-text-portlet-content .sv-responsiveTable {
  mask-image: linear-gradient(90deg, rgba(0,0,0,1) calc(100% - 1.5rem), rgba(0,0,0,0));
  -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,1) calc(100% - 1.5rem), rgba(0,0,0,0));
  padding-right: 1.5rem;
  margin-right: -1.5rem;
}

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

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

.lp-content {
  margin-top: 0rem;
}

.lp-secondary-content {
  padding: 0 1.5rem 1.5rem;
}

.sv-template-startsida---underwebb:not(.sv-editing-mode) .pagecontent > div:nth-child(2):not(.lp-yellow-bg):not(.lp-secondary-bg),
.sv-template-startsida-underwebb-med-kollagemeny:not(.sv-editing-mode) .pagecontent > div:nth-child(2):not(.lp-yellow-bg):not(.lp-secondary-bg) {
  margin-top: 4rem;
}


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

.lp-header {
  padding: 0;
}

.lp-header .lp-main-grid {
  padding: 0 0 0 1.5rem;
}

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

  justify-content: space-between;
}

.lp-logo {
  margin: 0 1rem 0 0;
}

.lp-logo img {
  max-width: 36vw !important;
  width: 140px !important;
}

.lp-header .lp-search {
  margin: 2rem 0 0;
}

.lp-header .sv-limepark-webapp-overlay-button button {
  height: auto;
  padding: 2rem clamp(2rem, 5vw, 3rem);
  width: auto;
}

.lp-header .sv-limepark-webapp-overlay-button button .lp-icon {
  font-size: 2em;
}

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

.lp-footer,
.lp-footer > .sv-layout {
  padding: 0;
}

.lp-footer div[class*='sv-column'] {
  margin-bottom: 3rem;
}

.lp-footer .lp-main-grid > .sv-row:last-child > div[class*='sv-column']:last-child {
  margin-bottom: 0;
}

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

.lp-overlay__container .lp-app-submenu {
  margin-top: 0;
}

div .lp-app-submenu__menu-item__link--level-1 {
  font-size: 1.8rem;
  padding: 1.1rem 1rem 1rem 2.5rem;
}

/*
---------------------------------------------------------
BRÖDSMULOR / FLERNIVÅLÄNK
--------------------------------------------------------- */

.sv-multilevellink-portlet {
  margin: 0;
}


/*
---------------------------------------------------------
VERTKTYGSMENY
---------------------------------------------------------*/

.lp-site-tools {
  margin: 1rem 0 0;
  text-align: left;
}

.lp-js nav .lp-site-tools {
  box-sizing: border-box;
  padding: 1rem;
}

.lp-js nav .lp-site-tools li {
  display: block;
  margin: 0;
}


/*
---------------------------------------------------------
SNABBLÄNKSMENY STARTSIDA
---------------------------------------------------------*/

.lp-quick-links {
  gap: 2rem;
}

.lp-quick-links a {
  padding: 2rem 1rem;
}

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

.lp-alert .sv-archive-portlet li {
  width: auto;
}

.lp-alert .sv-channel-item h1 a {
  font-size: 1.8rem;
  line-height: 1.3;
  padding: 1.5rem 1rem 1.3rem 1rem;
}

.lp-alert .sv-channel-item h1 a:before {
  display: block;
}

.lp-alert .lp-icon {
  font-size: 2.2rem;
}

/*
---------------------------------------------------------
FACETTERAD SÖK
--------------------------------------------------------- */

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

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

  order: 2;
}

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

  order: 1;
}

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

/*
---------------------------------------------------------
EXPANDERBART INNEHÅLL
--------------------------------------------------------- */

.sv-edit-mode .lp-expandable-content > *:nth-child(odd) .subheading,
.sv-edit-mode .lp-expandable-content > *:nth-child(odd) .normal,
.lp-expandable-content__toggler .subheading,
.lp-expandable-content__toggler .normal {
  font-size: 1.8rem;
}

.sv-edit-mode .lp-expandable-content > *:nth-child(odd),
.lp-expandable-content .lp-expandable-content__toggler,
.sv-edit-mode .lp-expandable-content > *:nth-child(even),
.lp-expandable-content__content {
  padding: 1rem 1rem;
}

.lp-expandable-content__toggler > .lp-toggler-icon {
  font-size: 1em;
}

/*
---------------------------------------------------------
LANDNINGSMENY
--------------------------------------------------------- */

div .lp-box-menu {
  padding: 1rem 0;

  gap: 1.5rem;
  grid-template-columns: repeat(auto-fill,minmax(min(30rem,100%),1fr));
}

.sv-template-landningssida .lp-box-menu {
  padding: 6rem 0 3rem;
}

.sv-template-startsida---underwebb .lp-box-menu {
  padding: 3rem 0 5rem;

  gap: 1.5rem;
}

.sv-template-startsida-underwebb-med-kollagemeny .lp-box-menu {
  padding: 1rem 0 3rem;

  gap: 1.5rem;
}

.sv-template-startsida-underwebb-med-kollagemeny .lp-collage-menu {
  padding-bottom: 3rem;
}

.lp-box-menu__wrapper:before,
.sv-template-startsida-underwebb-med-kollagemeny .lp-content:before {
  border-bottom: 3rem solid var(--env-element-primary-background-color);
  top: -3rem;
}

.lp-box-menu__content {
  padding: 1.5rem 2rem;
}

p.lp-box-menu__item-description {
  display: none;
}

a.lp-box-menu__item-link {
  align-items: center;
  font-size: 2rem;
  margin: 0;
}

.lp-box-menu__item-link .lp-icon {
  margin-top: 0;
}

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

.lp-hero > .sv-layout {
  box-sizing: border-box;
  padding: 2rem 2rem 0;
  width: 100%;
}

.lp-hero .lp-logo-subweb {
  max-width: 100%;
  right: 2rem;
  top: 2rem;
  transform: translateY(0);
  width: 6rem;
}

.sv-template-startsida---underwebb .lp-hero:after,
.sv-template-startsida-underwebb-med-kollagemeny .lp-hero:after {
  border-bottom: 3rem solid #fff;
}

.sv-template-startsida---underwebb .lp-hero .sv-text-portlet .heading,
.sv-template-startsida-underwebb-med-kollagemeny .lp-hero .sv-text-portlet .heading {
  max-width: calc(100vw - 25vw);
  padding: 2rem 2rem 5rem 0;
}

/*
.sv-template-startsida---underwebb .lp-hero .sv-text-portlet .heading:before {
  right: calc(-1 * var(--lp-50vw));
} */

.sv-template-startsida---underwebb .lp-hero .sv-text-portlet .heading:after,
.sv-template-startsida-underwebb-med-kollagemeny .lp-hero .sv-text-portlet .heading:after {
  border-right-width: 12rem;
  right: -12rem;
}

/*
---------------------------------------------------------
STARTSIDA - UNDERWEBB 
--------------------------------------------------------- */

.sv-template-startsida---underwebb .lp-main-grid .lp-content,
.sv-template-startsida-underwebb-med-kollagemeny .lp-content {
  padding-top: 3.5rem;
}

.sv-template-startsida-underwebb-med-kollagemeny .lp-content .lp-main-grid > .sv-row:first-child > .sv-layout:first-child {
  padding-top: 3rem;
}

/*
---------------------------------------------------------
UTFALLANDE BILDER
--------------------------------------------------------- */

.pagecontent > .sv-image-portlet {
  margin: 0 -1.5rem 3rem;
}

.pagecontent > .sv-image-portlet > p {
  margin-left: 1.5rem;
}


.pagecontent > .sv-mfpimage-portlet {
  margin: 0 -1.5rem 3rem;
}

.lp-cruncho-event > .lp-cruncho-image {
  margin: 0 -1.5rem 0;
}

/*
---------------------------------------------------------
ÖPPETTIDER SERVICECENTER
--------------------------------------------------------- */

.lp-servicecenter > .sv-layout:last-child {
  align-items: flex-start;
  flex-direction: column;
}

.lp-servicecenter .lp-openhours-today {
  padding-left: 0;
  padding-top: 2rem;
}

/*
---------------------------------------------------------
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%;
} */

.lp-icon-heading .subheading {
  font-size: 1.7rem;
}

.sv-marketplace-sitevision-table-of-contents li a,
.sv-marketplace-sitevision-table-of-contents + .sv-html-portlet .lp-icon-heading a.normal {
  font-size: 1.5rem;
  padding: 1.4rem 2rem;
}

/* Knapp */

.lp-overlay-button.lp-toc-button:not(.lp-toc-button--sticky) {
  margin: 0 0 2rem;
  padding: 1.2rem 2rem;
}


/*
---------------------------------------------------------
POPULÄRA GENVÄGAR
--------------------------------------------------------- */

.lp-popular-shortcuts__link > span {
  width: 100%;
}

.lp-popular-shortcuts__link:hover > span,
.lp-startpage-popular-links-rek .rekai-pills .env-list__item a.rekai-pill-radius:hover,
.lp-startpage-popular-links-rek .lp-rek-related-links .lp-rek-related-links-list a:hover {
  margin: 0;
}

.sv-template-landningssida .lp-popular-shortcuts__link > span {
  font-size: 1.6rem;
  padding: 0.3rem 0;
}

.sv-template-landningssida .lp-popular-shortcuts__link:hover > span {
  padding: 0.3rem 0;
}

.sv-template-landningssida .lp-popular-shortcuts-list {
  margin: 2rem 0 -3rem;
  padding: 1.5rem 2rem;
}

.sv-template-landningssida .lp-popular-shortcuts-list__item {
  margin: 0 1.5rem 0 0;
}

div .sv-template-landningssida .lp-popular-shortcuts__link .lp-icon {
  margin-right: 0.6rem;
}

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

div .lp-startpage .lp-boxes {
  margin: 0 0 3rem;

  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;
}

/*
---------------------------------------------------------
NYHETSSEKTION
---------------------------------------------------------*/

.lp-newssection [class*='sv-column'] {
  padding: 4rem 0 0;
}

.lp-newssection > div:last-child h2.subheading {
  /*font-size: 1.8rem;*/
  margin: 0 0 2rem;
}

.lp-news-list .normal {
  display: none;
}

.lp-news-list .subheading a,
.lp-news-list .heading3 a,
.lp-news-list .sv-notopmargin a {
  font-size: 2rem;
}

.lp-newssection .sv-column-6 + .sv-column-6 > div {
  padding-left: 0;
}

.lp-newssection > div:last-child:before {
  width: var(--lp-100vw);
}

.lp-newssection > div:last-child:after {
  content: none;
}


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

.lp-news-boxes ul {
  gap: 2rem;
}

.lp-news-boxes li {
  padding: 2rem;
}

.sv-template-landningssida .lp-news-boxes,
.sv-template-startsida---underwebb .lp-news-boxes,
.sv-template-startsida-underwebb-med-kollagemeny .lp-news-boxes {
  gap: 2rem;
  grid-template-columns: 1fr;
}

.sv-template-landningssida .lp-news-boxes > .sv-layout,
.sv-template-startsida---underwebb .lp-news-boxes > .sv-layout,
.sv-template-startsida-underwebb-med-kollagemeny .lp-news-boxes > .sv-layout {
  padding: 2rem;
}

.lp-news-boxes li .subheading,
.lp-news-boxes li .heading3 {
  margin-top: 2rem;
}

/*
---------------------------------------------------------
GUL BAKGRUND
--------------------------------------------------------- */

.lp-content .lp-yellow-bg:last-child {
  padding: 3rem 0 calc(3rem + 20vw);
}


/*
---------------------------------------------------------
SECONDARY BAKGRUND
---------------------------------------------------------*/

.lp-secondary-bg > .sv-layout > .sv-text-portlet > .sv-text-portlet-content > .subheading {
  font-size: 2.8rem;
}

.lp-content .lp-secondary-bg {
  padding: 3rem 0 calc(3rem + 20vw);
}

/*
---------------------------------------------------------
FLERNIVÅLÄNK
--------------------------------------------------------- */

.sv-multilevellink-portlet ol {
  margin: 0 0 1rem;
}

.sv-multilevellink-portlet .small,
.sv-marketplace-sitevision-breadcrumbs .env-link-secondary,
.sv-marketplace-sitevision-breadcrumbs .env-breadcrumb__item {
  font-size: 1.4rem;
}

/*
---------------------------------------------------------
EVENEMANG
--------------------------------------------------------- */

.lp-event-date {
  margin: 3rem 0 1rem;
}

.lp-event-list .lp-event-list__body {
  padding: 2.5rem 1.5rem 1.5rem;
}

.lp-event-list__meta {
  padding: 0.5rem 1.5rem;
}

.lp-event-list__date {
  margin: 0 1.5rem 0 0;
}

.lp-event-list__date-day {
  font-size: 1.8rem;
}

.lp-event-list__date > div {
  width: 5.5rem;
}

.lp-cruncho-item__title a {
  font-size: 1.8rem !important;
}

.lp-cruncho-date,
.lp-cruncho-time {
  font-size: 1.8rem !important;
}

.lp-cruncho-date::before,
.lp-cruncho-datepicker__open {
  background-size: 2rem auto !important;
}

.lp-cruncho-date::before {
  margin-bottom: -0.2rem !important;
  margin-right: 0.7rem !important;
}

.lp-cruncho-label {
  font-size: 1.8rem !important;
}

.lp-cruncho-item .lp-cruncho-item__image .lp-cruncho-label {
  bottom: 6.2rem !important;
}


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

.lp-subweb-header .lp-main-grid {
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.lp-micro-logo {
  font-size: 2.2rem;
  padding: 0;
}

/*
---------------------------------------------------------
KOLLAGEMENY
--------------------------------------------------------- */

/* Eget mönster */

.lp-startpage .lp-collage-menu.lp-collage-menu-pattern-custom {
  margin: 0 0 3rem;
}

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

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

div .lp-collage-menu.lp-collage-menu-pattern-custom .lp-collage-menu-item:first-child,
.lp-startpage .lp-collage-menu.lp-collage-menu-pattern-custom .lp-collage-menu-item:first-child {
  grid-column: span 1;
  grid-row: span 3;
}

div .lp-collage-menu.lp-collage-menu-pattern-custom .lp-collage-menu-item:first-child {
  height: 100%;
  min-height: 20rem;
}

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

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

.sv-template-startsida---underwebb .lp-collage-menu .lp-collage-menu-heading,
.sv-template-startsida-underwebb-med-kollagemeny .lp-collage-menu .lp-collage-menu-heading {
  font-size: 1.2em !important;
}

.sv-template-startsida---underwebb .lp-collage-menu,
.sv-template-startsida-underwebb-med-kollagemeny .lp-collage-menu {
  gap: 1em;
}

/* Startboxar 2024 */

div .lp-startpage .lp-startboxes {
  margin-bottom: 3rem;

  gap: 1.5rem;
  grid-auto-rows: auto;
  grid-template-columns: repeat(1, 1fr);
}

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

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

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

div .lp-startpage:after {
  top: 100rem;
}

div .lp-startpage:before {
  height: 100rem;
}

div .lp-startpage .lp-box-menu__item {
  padding: 1.5rem 2rem;
}

div .lp-startpage a.lp-box-menu__item-link {
  margin: 0;
}

div .lp-startpage .lp-box-menu__item-link .lp-icon {
  top: 50%;
  transform: translateY(-50%);
}

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

div.lp-news-boxes .sv-archive-portlet li > img {
  height: 15rem !important;

  object-fit: cover;
}


/*
---------------------------------------------------------
SERVICECENTER
--------------------------------------------------------- */

.lp-servicecenter {
  padding: 1.5rem;
}

/*
---------------------------------------------------------
ÅTERKOPPLING
--------------------------------------------------------- */

.lp-page-feedback {
  padding: 1.5rem;
}

.lp-page-feedback__question {
  align-items: flex-start;
  flex-direction: column;
}

.lp-page-feedback .env-text {
  padding: 0 0 1.5rem;
}

/*
---------------------------------------------------------
ÅTERKOPPLING
--------------------------------------------------------- */

.lp-box {
  padding: 1.5rem;
}

/*
---------------------------------------------------------
MARKERING AV AKTIVT ANKARE
--------------------------------------------------------- */

.lp-content h2.subheading:target:before {
  height: 1.2rem;
  left: -14px;
  width: 1.2rem;
}

/*
---------------------------------------------------------
MINDRE ÄN 500 PIXLAR
--------------------------------------------------------- */

@media screen and (max-width:500px) {
  div .lp-startpage .lp-boxes {
    grid-auto-rows: auto;
    grid-template-columns: 1fr;
  }

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

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

div .lp-filterable-list {
  --lp-filterable-list__box-grid: repeat(auto-fill, minmax(24rem, 1fr));
  --lp-filterable-list__margin: var(--env-spacing-large);
}

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

/*
---------------------------------------------------------
BILDMODULEN
--------------------------------------------------------- */
.sv-image-portlet > .sv-noborder {
  border-radius: 0;
}
.sv-resizable-img > .sv-noborder {
  border-radius: 0;
}

/*
---------------------------------------------------------
MEDIAFLOW BILDMODULEN
--------------------------------------------------------- */
.sv-mfpimage-portlet > .sv-noborder {
  border-radius: 0;
}

/*
---------------------------------------------------------
CRUNCHO BILDMODULEN
--------------------------------------------------------- */
.lp-cruncho-image > .lp-cruncho-image__image {
  border-radius: 0;
}


/*
---------------------------------------------------------
TEST POPULÄRA GENVÄGAR STARTSIDA
---------------------------------------------------------*/

/*body .lp-startpage .lp-popular-shortcuts__link>span {
	font-size: 1.5rem;
   padding: 1.1rem 2.1rem 1.1rem 2.1rem;
}

body .lp-startpage .lp-popular-shortcuts__link .lp-icon {
	display: none;
}
  
body .lp-startpage .lp-popular-shortcuts-list__item {
	display: inline-block;
   margin: 0 1rem 1rem 0;
}
     
body .lp-startpage .lp-popular-shortcuts-list {
    flex-direction: row;
}*/

/*
---------------------------------------------------------
POPULÄRA LÄNKAR, REK AI OCH REL INFORMATION
--------------------------------------------------------- */
.lp-rek-popular-links > .sv-layout {
  padding: 1.5rem 1rem;
}

.lp-rek-popular-links {
  margin: 2rem 0 -3rem;
  padding: 1.5rem 1rem;
}

.sv-template-landningssida-test-rek .lp-box-menu {
  padding: 6rem 0 3rem;
}