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

/*
---------------------------------------------------------
LÄNKAR VID HOVER
--------------------------------------------------------- */

.pagecontent .sv-text-portlet .normal a,
.pagecontent .sv-text-portlet a.normal,
.pagecontent .sv-text-portlet li a {
  transition: var(--lp-transition-default);
}

.pagecontent .sv-text-portlet .normal a:hover,
.pagecontent .sv-text-portlet a.normal:hover,
.pagecontent .sv-text-portlet li a:hover {
  background: rgba(0,0,0,0.1);
}

/*
---------------------------------------------------------
HOPPA TILL INNEHÅLL OCH MENY - Visas vid tabbning
--------------------------------------------------------- */

.lp-skip-links {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lp-skip-links a {
  background-color: var(--env-element-primary-background-color);
  border-radius: var(--env-button-border-radius);
  color: var(--env-element-primary-font-color);
  display: block;
  font-size: var(--lp-font-size-1);
  height: 0;
  overflow: hidden;
  position: absolute;
  transform: translateY(-100%);
  transition: transform 0.5s ease, box-shadow 0.3s ease;
  width: calc(100% - 3rem);
}

.lp-skip-links a:focus {
  box-shadow: 0 0 100px 100px rgba(0,0,0,0.3);
  height: auto;
  margin: 1.5rem;
  overflow: visible;
  padding: 1rem 0;
  text-align: center;
  transform: translateY(0);
  width: calc(100% - 3rem);
  z-index: 30000;
}

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


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

body {
  background-color: var(--lp-background-color-body);
  margin-top: 0 !important; /* Fix för cookiebanner */
}

.lp-content,
.lp-secondary-content,
.lp-submenu {
  margin: var(--lp-spacing) 0 0;
}

main {
  overflow-x: hidden;
}

/*
---------------------------------------------------------
FIX AV TYPOGRAFI
--------------------------------------------------------- */

.sv-text-portlet-content .subheading + .heading3 {
  margin-top: 0.8em;
}

.sv-text-portlet-content .heading3 + ul,
.sv-text-portlet-content .heading3 + ol {
  margin-top: 2rem;
}

.sv-text-portlet-content .normal + ul,
.sv-text-portlet-content .normal + ol {
  margin-top: -1.5rem;
}

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

.lp-content h2.subheading:target,
.lp-content h3.heading3:target {
  position: relative;
}

.lp-content h2.subheading:target:before,
.lp-content h3.heading3:target:before {
  animation: bounce-in-top 1.1s both;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%20aria-hidden%3D%22true%22%20viewBox%3D%224%204%2024%2024%22%3E%3Cpath%20d%3D%22M11.609%2027.609l-1.884-1.884%209.723-9.724-9.723-9.724%201.884-1.884%2011.61%2011.609z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  content: '';
  display: block;
  height: 1.2rem;
  left: -15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.2rem;
}


@-webkit-keyframes bounce-in-top {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: translateY(-500px);
  }

  38% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: translateY(0);
  }

  55% {
    animation-timing-function: ease-in;
    transform: translateY(-65px);
  }

  72% {
    animation-timing-function: ease-out;
    transform: translateY(0);
  }

  81% {
    animation-timing-function: ease-in;
    transform: translateY(-28px);
  }

  90% {
    animation-timing-function: ease-out;
    transform: translateY(-50%);
  }

  95% {
    animation-timing-function: ease-in;
    transform: translateY(-8px);
  }

  100% {
    animation-timing-function: ease-out;
    transform: translateY(-50%);
  }
}

@keyframes bounce-in-top {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: translateY(-500px);
  }

  38% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: translateY(0);
  }

  55% {
    animation-timing-function: ease-in;
    transform: translateY(-65px);
  }

  72% {
    animation-timing-function: ease-out;
    transform: translateY(0);
  }

  81% {
    animation-timing-function: ease-in;
    transform: translateY(-28px);
  }

  90% {
    animation-timing-function: ease-out;
    transform: translateY(-50%);
  }

  95% {
    animation-timing-function: ease-in;
    transform: translateY(-8px);
  }

  100% {
    animation-timing-function: ease-out;
    transform: translateY(-50%);
  }
}

/*
---------------------------------------------------------
INLOGGNING / 404
--------------------------------------------------------- */

.lp-login-404 {
  border: 1px solid var(--lp-border-color);
  box-shadow: 0 0 20px 0 #ededed;
  margin: 10rem auto 0;
  max-width: 640px;
  padding: 3rem;
}

/*
---------------------------------------------------------
LÄNK-IKONER
--------------------------------------------------------- */

/* Ikon */
.pagecontent a[href^='http']:after,
.lp-search .sv-search-result a[href*='.pdf']:after,
.lp-search .sv-search-result a[href*='.jpg']:after,
.lp-search .sv-search-result a[href*='.jpeg']:after,
.lp-search .sv-search-result a[href*='.png']:after,
.lp-search .sv-search-result a[href*='.txt']:after,
.lp-search .sv-search-result a[href*='.doc']:after,
.lp-search .sv-search-result a[href*='.docx']:after,
.lp-search .sv-search-result a[href*='.xls']:after,
.lp-search .sv-search-result a[href*='.xlsx']:after,
.lp-search .sv-search-result a[href*='.ppt']:after,
.lp-search .sv-search-result a[href*='.pptx']:after,
.lp-search .sv-search-result a[href*='.css']:after,
.lp-search .sv-search-result a[href*='.js']:after,
.lp-search .sv-search-result a[href*='.vm']:after,
.lp-search .sv-search-result a[href^='/edit-fileresource/']:after,
.lp-related--links a:after,
.lp-related--links a[href^='http']:after,
.lp-related--links a[href*='.pdf']:after,
.lp-related--links a[href*='.jpg']:after,
.lp-related--links a[href*='.jpeg']:after,
.lp-related--links a[href*='.png']:after,
.lp-related--links a[href*='.txt']:after,
.lp-related--links a[href*='.doc']:after,
.lp-related--links a[href*='.docx']:after,
.lp-related--links a[href*='.xls']:after,
.lp-related--links a[href*='.xlsx']:after,
.lp-related--links a[href*='.ppt']:after,
.lp-related--links a[href*='.pptx']:after,
.lp-related--links a[href*='.css']:after,
.lp-related--links a[href*='.js']:after,
.lp-related--links a[href*='.vm']:after,
.lp-related--links a[href^='/edit-fileresource/']:after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  height: 1em;
  margin-bottom: -0.15em;
  margin-left: 0.2em;
  width: 1em;
}

/* Vanliga länkar i relaterade länkar */
.lp-related--links a:after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23373737%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M9.917%202.696a.84.84%200%200%200-.441.284.773.773%200%200%200-.129.87c.063.133.542.629%202.35%202.433%201.248%201.247%202.27%202.278%202.27%202.292%200%20.014-2.404.025-5.342.025l-5.342.001-.173.099c-.295.169-.473.52-.423.834.043.266.294.553.571.652.103.036%201.085.045%205.425.046l5.299.001-2.303%202.309c-2.556%202.56-2.44%202.424-2.403%202.828.056.619.756.968%201.262.63.241-.161%206.142-6.096%206.214-6.25.089-.19.085-.525-.009-.7-.087-.162-6.147-6.22-6.296-6.295a.986.986%200%200%200-.53-.059%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

/* PDF */
.lp-search .sv-search-result a[href*='.pdf']:after,
.lp-related--links a[href*='.pdf']:after {
  background-image: var(--lp-icon-lp-pdf-dark);
}

/* Externa länkar */
.pagecontent a[href^='http']:after,
.lp-related--links a[href^='http']:after {
  background-image: var(--lp-icon-lp-external-link-dark);
}

/* Mail */
.lp-related--links a[href^='mailto:']:after {
  background-image: var(--lp-icon-lp-phone-dark);
}

/* Telefon */
.lp-related--links a[href^='tel:']:after {
  background-image: var(--lp-icon-lp-mail-dark);
}

/* Bilder */
.lp-search .sv-search-result a[href*='.jpg']:after,
.lp-search .sv-search-result a[href*='.jpeg']:after,
.lp-search .sv-search-result a[href*='.png']:after,
.lp-related--links a[href*='.jpg']:after,
.lp-related--links a[href*='.jpeg']:after,
.lp-related--links a[href*='.png']:after {
  background-image: var(--lp-icon-lp-image-document-dark);
}

/* Dokument */
.lp-search .sv-search-result a[href*='.txt']:after,
.lp-search .sv-search-result a[href*='.doc']:after,
.lp-search .sv-search-result a[href*='.docx']:after,
.lp-related--links a[href*='.txt']:after,
.lp-related--links a[href*='.doc']:after,
.lp-related--links a[href*='.docx']:after {
  background-image: var(--lp-icon-lp-document-dark);
}

/* Excel */
.lp-search .sv-search-result a[href*='.xls']:after,
.lp-search .sv-search-result a[href*='.xlsx']:after,
.lp-related--links a[href*='.xls']:after,
.lp-related--links a[href*='.xlsx']:after {
  background-image: var(--lp-icon-lp-file-excel-dark);
}

/* Övriga dokument-länkar */
.lp-search .sv-search-result a[href*='.ppt']:after,
.lp-search .sv-search-result a[href*='.pptx']:after,
.lp-search .sv-search-result a[href*='.css']:after,
.lp-search .sv-search-result a[href*='.js']:after,
.lp-search .sv-search-result a[href*='.vm']:after,
.lp-search .sv-search-result a[href^='/edit-fileresource/']:after,
.lp-related--links a[href*='.ppt']:after,
.lp-related--links a[href*='.pptx']:after,
.lp-related--links a[href*='.css']:after,
.lp-related--links a[href*='.js']:after,
.lp-related--links a[href*='.vm']:after,
.lp-related--links a[href^='/edit-fileresource/']:after {
  background-image: var(--lp-icon-lp-document-dark);
}


/* Tar bort standardikonen */
.pagecontent a[href^='http'] img.sv-linkicon,
.lp-related--links a[href^='http'] img.sv-linkicon,
.lp-search .sv-search-result a[href*='.pdf'] img.sv-linkicon,
.lp-search .sv-search-result a[href*='.jpg'] img.sv-linkicon,
.lp-search .sv-search-result a[href*='.jpeg'] img.sv-linkicon,
.lp-search .sv-search-result a[href*='.png'] img.sv-linkicon,
.lp-search .sv-search-result a[href*='.txt'] img.sv-linkicon,
.lp-search .sv-search-result a[href*='.doc'] img.sv-linkicon,
.lp-search .sv-search-result a[href*='.docx'] img.sv-linkicon,
.lp-search .sv-search-result a[href*='.xls'] img.sv-linkicon,
.lp-search .sv-search-result a[href*='.xlsx'] img.sv-linkicon,
.lp-search .sv-search-result a[href*='.ppt'] img.sv-linkicon,
.lp-search .sv-search-result a[href*='.pptx'] img.sv-linkicon,
.lp-search .sv-search-result a[href*='.css'] img.sv-linkicon,
.lp-search .sv-search-result a[href*='.js'] img.sv-linkicon,
.lp-search .sv-search-result a[href*='.vm'] img.sv-linkicon,
.lp-search .sv-search-result a[href^='/edit-fileresource/'] img.sv-linkicon,
.lp-related--links a[href*='.pdf'] img.sv-linkicon,
.lp-related--links a[href*='.jpg'] img.sv-linkicon,
.lp-related--links a[href*='.jpeg'] img.sv-linkicon,
.lp-related--links a[href*='.png'] img.sv-linkicon,
.lp-related--links a[href*='.txt'] img.sv-linkicon,
.lp-related--links a[href*='.doc'] img.sv-linkicon,
.lp-related--links a[href*='.docx'] img.sv-linkicon,
.lp-related--links a[href*='.xls'] img.sv-linkicon,
.lp-related--links a[href*='.xlsx'] img.sv-linkicon,
.lp-related--links a[href*='.ppt'] img.sv-linkicon,
.lp-related--links a[href*='.pptx'] img.sv-linkicon,
.lp-related--links a[href*='.css'] img.sv-linkicon,
.lp-related--links a[href*='.js'] img.sv-linkicon,
.lp-related--links a[href*='.vm'] img.sv-linkicon,
.lp-related--links a[href^='/edit-fileresource/'] img.sv-linkicon {
  display: none;
}

/* Tar bort ikon i brödsmula i söken */
.lp-search-result__item__path a[href*='.pdf'] img.sv-linkicon,
.lp-search-result__item__path a[href*='.jpg'] img.sv-linkicon,
.lp-search-result__item__path a[href*='.jpeg'] img.sv-linkicon,
.lp-search-result__item__path a[href*='.png'] img.sv-linkicon,
.lp-search-result__item__path a[href*='.txt'] img.sv-linkicon,
.lp-search-result__item__path a[href*='.doc'] img.sv-linkicon,
.lp-search-result__item__path a[href*='.docx'] img.sv-linkicon,
.lp-search-result__item__path a[href*='.xls'] img.sv-linkicon,
.lp-search-result__item__path a[href*='.xlsx'] img.sv-linkicon,
.lp-search-result__item__path a[href*='.ppt'] img.sv-linkicon,
.lp-search-result__item__path a[href*='.pptx'] img.sv-linkicon,
.lp-search-result__item__path a[href*='.css'] img.sv-linkicon,
.lp-search-result__item__path a[href*='.js'] img.sv-linkicon,
.lp-search-result__item__path a[href*='.vm'] img.sv-linkicon,
.lp-search-result__item__path a[href^='/edit-fileresource/'] img.sv-linkicon {
  display: none;
}

.lp-content-max-width {
  margin: 0 auto;
  max-width: 77rem;
}