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

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

body {
  /* --lp-grid-default: 1fr; */
  --lp-spacing: 2rem;
}

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

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


/* Nyhetslistningen för mobilläge */

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

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

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

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

/*
---------------------------------------------------------
MARGINAL GRID
--------------------------------------------------------- */

.lp-main-grid {
  box-sizing: border-box;
  padding: var(--lp-spacing);
}

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

.sv-text-portlet-content table[class*='sv-standard'] th,
.sv-text-portlet-content table[class*='sv-standard'] td {
  padding: 1rem 1.7rem;
}

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

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


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

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

.lp-main-grid div[class*='sv-column'].lp-submenu {
  margin-bottom: 0;
}

/* Nollar marginaler under kolumner */
.lp-header div[class*='sv-column-'] {
  margin-bottom: 0;
  min-height: 0;
}

/* Justerar så att det inte blir dubbelt avstånd iom marginal under kolumner */
.pagecontent > .sv-layout.sv-row {
  margin-bottom: 0;
}

/* Tar bort avstånd under om det är en 12-kolumnare då det inte är något som staplas */
.sv-row > .sv-column-12 {
  margin-bottom: 0;
}

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

.lp-header {
  margin-bottom: 0;
}

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

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

.lp-logo img {
  height: 40px !important;
}

/*
---------------------------------------------------------
SIDHUVUD / ÖVERTÄCKNINGSKNAPP / MENY
--------------------------------------------------------- */

.lp-overlay-button {
  padding: 2.3rem 1.3rem;
}

.lp-overlay__container .sv-limepark-submenu {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--env-element-background-color-light);
}

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

.lp-footer .sv-column-12:before {
  left: calc(50% - 50vw);
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: -1;
  height: 12vw;
}

.lp-footer-grid {
  gap: var(--lp-spacing-x-large);
}

.lp-subweb-footer-section {
  margin-top: var(--lp-spacing-small);
  gap: var(--lp-spacing);
}

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

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

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

.lp-search-details {
  width: 100%;
}

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

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

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

.lp-box-menu__content {
  padding: var(--lp-spacing);
}

/*
---------------------------------------------------------
STARTSIDAN
--------------------------------------------------------- */

/* Snabblänkar */

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

.lp-intro-startpage .lp-site-tools li {
  margin: 0;
}

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

/* Boxnavigering */ 

.sv-template-startsida .lp-box-menu-heading, .sv-template-startsida .lp-box-menu-heading a {
  margin-bottom: 0;
}

.sv-template-startsida .lp-box-menu .lp-box-menu-text {
  display: none;
}

.sv-template-startsida .lp-box-menu__item--additional-box .lp-icon {
  display: none;
}

.sv-template-startsida .lp-box-menu__item--additional-box {
  grid-column: 1;
}

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

/*
---------------------------------------------------------
KONTAKTCENTER
--------------------------------------------------------- */

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

.lp-website-menu-wrapper .lp-expandable-content__toggler {
  padding: 1rem 3rem;
}

/*
---------------------------------------------------------
SITE TOOLS I MENYN
--------------------------------------------------------- */

.lp-fixed-menu.lp-overlay__container .lp-site-tools {
  margin: var(--lp-spacing) 1rem;
}

.lp-fixed-menu.lp-overlay__container .lp-site-tools li a {
  padding: 1.1rem 1rem 1rem 0;
}

/*
---------------------------------------------------------
TEMA KATEDRALSKOLAN
--------------------------------------------------------- */
body.sv-theme-katedralskolan .lp-logo img {
  height: 45px !important;
}

/*
---------------------------------------------------------
ANSLAGSTAVLA
--------------------------------------------------------- */
.sv-limepark-notice-board .limepark-notice-board__filters__highlighted {
  padding: var(--lp-spacing-small);
}

.sv-limepark-notice-board .limepark-notice-board__item__meta {
  display: block;
}