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

@media screen and (max-width: 480px) {
  body {
    --lp-grid-default: 1fr;
  }
  .lp-search-facets {
    grid-template-columns: 1fr;
  }
}

/*
---------------------------------------------------------
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:not(.lp-header .lp-main-grid, .lp-footer .lp-main-grid) {
  padding-top: 1.8rem;
}

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

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


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

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

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

.preamble {
  font-size: 1.8rem;
}

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


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

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

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

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

.sv-tablesorter thead th {
  background-position: bottom 50% left 3px;
}

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


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

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

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

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

.pagecontent > .sv-portlet,
.pagecontent > .sv-layout,
.pagecontent > .sv-custom-module,
.sv-decoration-content .sv-portlet,
.sv-decoration-content .sv-layout,
.sv-decoration-content .sv-custom-module {
  margin-bottom: var(--lp-spacing-small);
}


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

.lp-header {
  padding: 0;
}

.lp-header div[class*='sv-column-'] {
  min-height: 0;
}

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

.lp-header-layout {
  align-items: center;
}

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

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

.sv-template-startsida #svid10_557dab831862fcb229fe68 {
  height: 53vw;
  margin-bottom: clamp(-20rem,-15vw,-20rem);
  max-height: 40rem;
  min-height: 25rem;
}

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

.lp-footer {
  margin: 0;
  padding: 0;
}

.lp-footer-grid {
  grid-template-columns: 1fr;
}

/*
---------------------------------------------------------
BLÅTT INFOOMRÅDE SÖK + LÄNKAR STARTSIDA
--------------------------------------------------------- */

.lp-intro-startpage > .sv-text-portlet {
  min-width: 0;
  width: 100%;
}

.lp-intro-startpage .lp-site-tools {
  flex-direction: column;
}

.lp-intro-startpage .lp-site-tools li > a {
  font-weight: 600;
}

.lp-intro-startpage .lp-search input[type='submit'],
.lp-intro-startpage .lp-search form button {
  background: #fff;
  border-left: 0;
  border-radius: 0 var(--lp-button-border-radius) var(--lp-button-border-radius) 0;
  color: var(--lp-heading-color);
  margin: 0;
  padding: 0 1rem 0 0;
}

.lp-intro-startpage .lp-search input[type='submit']:hover,
.lp-intro-startpage .lp-search form button:hover {
  background: #fff;
}

.lp-intro-startpage .lp-search input[type='search'] {
  border-radius: var(--lp-button-border-radius) 0 0 var(--lp-button-border-radius);
  border-right: 0;
}

/*
---------------------------------------------------------
BOXNAVIGERING
--------------------------------------------------------- */

.lp-content .lp-box-menu {
  border-top: 1px solid #e6e6e6;
  margin-top: var(--lp-spacing);
}

.lp-box-menu {
  box-shadow: none;

  grid-gap: 0;
}

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

.lp-box-menu__item {
  border-bottom: 0;
  margin: 0;
  padding: 0;
}

.lp-box-menu__content {
  align-items: center;
  border: 0;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  padding: var(--lp-spacing-x-small);
  padding-left: 0;

  justify-content: space-between;
}

.lp-box-menu__item-link {
  align-items: center;
}

.lp-box-menu__item-link > span {
  margin-top: 0.25em;
}

.lp-box-menu__item.lp-clickable-area:hover {
  box-shadow: none;
}

.lp-box-menu__content.lp-clickable-area:hover {
  background: none;
}

.lp-box-menu-startpage .lp-box-menu__content {
  border-bottom: 1px solid #eae8e3;
  outline: 0;
  padding: var(--lp-spacing-x-small);
  padding-left: 0;
}

.lp-intro-startpage {
  border-radius: var(--lp-border-radius);
}

.lp-box-menu-startpage .lp-box-menu__content {
  justify-content: initial;
}

.lp-box-menu__content .lp-icon {
  display: block;
}

.lp-landing-links--bottom {
  border-radius: var(--lp-border-radius);
  margin-top: var(--lp-spacing-small);
  padding: var(--lp-spacing-small);
}

.lp-box-menu-wrapper,
.lp-box-menu__wrapper {
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
}

.lp-landing-links__list li {
  padding: 0;
}
/*
---------------------------------------------------------
UNDERMENY
--------------------------------------------------------- */

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

.lp-overlay__inner .lp-site-tools {
  margin: 0 0 0 1rem;
  padding: 0 0 var(--lp-spacing) 0;
}

.lp-overlay__inner .lp-site-tools a {
  font-size: 1.8rem;
  font-weight: 600;
}

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

.sv-multilevellink-portlet {
  margin: 0 0 1rem 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 a {
  padding: 2rem 1rem;
}

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

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

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

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

.lp-alert .lp-icon-wrapper {
  margin-right: 1rem;
}

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

/*
---------------------------------------------------------
ÅTERKOPPLING
--------------------------------------------------------- */
.lp-page-feedback .lp-page-feedback__question {
  display: inline-block;
}

.lp-page-feedback .lp-feedback-buttons {
  padding-top: var(--lp-spacing-x-small);
}

/*
---------------------------------------------------------
KONTAKTRUTA
--------------------------------------------------------- */
.lp-kontaktcenter .lp-contact-menu {
  display: inline-block;
}



/*
---------------------------------------------------------
NYHETSLISTA
--------------------------------------------------------- */
.lp-news-list {
  margin: var(--lp-spacing-x-small) 0;
}

.lp-news-list li {
  margin-bottom: var(--lp-spacing-x-small);
  padding-bottom: var(--lp-spacing-x-small);
}

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

.lp-news-list h2 {
  font-size: 2.2rem;
}

.lp-news-list-img {
  margin-right: 0;
}

.sv-marketplace-sitevision-button {
  margin-bottom: var(--lp-spacing-small);
}

/*
---------------------------------------------------------
PUFFAR
--------------------------------------------------------- */

.lp-boxes {
  padding-top: var(--lp-spacing-small);
}

/*
---------------------------------------------------------
STEG FÖR STEG
--------------------------------------------------------- */

.lp-step-wrapper {
  margin: 0 0 1rem;
  width: 100%;
}

.lp-step__index {
  font-size: 2rem;
  min-height: 3.8rem;
  min-width: 3.8rem;
}

.lp-step__name {
  font-size: 1.6rem;
}


/*
---------------------------------------------------------
SIDVERKTYG
--------------------------------------------------------- */
.lp-page-tools__list {
  margin: 0 0 var(--lp-spacing-x-small) 0;
}

/*
---------------------------------------------------------
ANSLAGSTAVLA
--------------------------------------------------------- */
body .limepark-notice-board__item__content {
  padding: 0 0 var(--lp-spacing-x-small) 0;
}

body .limepark-notice-board__item__header {
  padding: var(--lp-spacing-x-small);
}

body .limepark-notice-board__filters {
  margin-bottom: var(--lp-spacing-small);
  padding: var(--lp-spacing-x-small);
}

/*
---------------------------------------------------------
EXTRA SMÅ SKÄRMAR
--------------------------------------------------------- */
@media screen and (max-width: 530px) {
  .lp-kontaktcenter .lp-openhours-badge {
    margin-left: var(--lp-spacing-x-small);
  }
}

@media screen and (max-width: 400px) {
  .lp-overlay-button > span {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
  }

  .lp-overlay-button .lp-icon {
    Margin: 0;
  }
  .lp-news-list li .lp-news-list-content {
    min-width: 0;
  }
}