/*
=========================================================
DECORATIONS CSS
=========================================================
 * Innehåller styling av dekorationer
 *
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/


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

.lp-boxes {
  display: grid;
  margin: var(--lp-spacing) 0;

  grid-gap: var(--lp-spacing);
  grid-template-columns: var(--lp-grid-default);
}

.lp-boxes > div {
  border-radius: var(--lp-border-radius);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0;
}

.lp-boxes > .sv-layout > .sv-text-portlet,
.lp-boxes > .sv-layout > .sv-layout {
  background-color: var(--lp-block--background);
  height: 100%;
  padding: var(--lp-spacing-small) var(--lp-spacing) var(--lp-spacing);
}

.lp-boxes .sv-text-portlet:not(:last-child) {
  margin: 0 0 1.5rem !important;
}

.lp-boxes h2.subheading,
.lp-boxes h3.heading3 {
  margin: 0 !important;
}

.lp-boxes h2.subheading a,
.lp-boxes h3.heading3 a {
  align-items: center;
  box-sizing: border-box;
  color: var(--lp-block--contrast);
  display: flex;
  font-size: var(--lp-font-size-medium);
}

/*
---------------------------------------------------------
VIKTIG RUTA
--------------------------------------------------------- */

.lp-important-box {
  background-color: var(--lp-block--background);
  border-radius: var(--lp-border-radius);
  margin-bottom: var(--lp-spacing);
  padding: var(--lp-spacing);
}

.lp-important-box .sv-text-portlet:last-child > .sv-text-portlet-content > .normal:last-child,
.lp-important-box.sv-text-portlet > .sv-text-portlet-content > .normal:last-child {
  margin-bottom: 0;
}

.lp-important-box .subheading,
.lp-important-box .heading3,
.lp-important-box .normal,
.lp-important-box .small,
.lp-important-box a {
  color: var(--lp-block--contrast);
}

/*
---------------------------------------------------------
BRED ARTIKELBILD
--------------------------------------------------------- */

/* stylelint-disable */

.lp-fullgrid-image {
  margin-left: max(-2.5vw, -8rem);
  margin-right: calc((var(--lp-grid-width) - 100vw) / 2);
}

/* stylelint-enable */

/*
---------------------------------------------------------
ARTIKELLÄNKAR
--------------------------------------------------------- */

.lp-article-links .sv-text-portlet a,
.sv-text-portlet .lp-article-links .normal a {
  display: block;
  padding-right: 1.9em;
}

.lp-article-links p.normal a:after,
.lp-article-links .normal a:after {
  background-color: var(--lp-font-color);
  content: '';
  display: inline-block;
  height: 1.5em;
  margin-bottom: -0.1em;
  margin-left: 0.4em;
  margin-right: -1.9em;
  vertical-align: -0.45em;
  width: 1.5em;

  -webkit-mask-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%220%200%2028%2028%22%3E%3Cpath%20d%3D%22M16.59%207.371c-.216.088-.373.393-.324.629.023.11.642.757%202.673%202.792l2.643%202.648h-8.353c-8.295%200-8.353.001-8.507.095a.644.644%200%200%200-.224.261.545.545%200%200%200%20.211.658l.158.106h16.715l-2.671%202.673-2.671%202.672v.215c0%20.252.123.438.355.535.342.143.208.26%203.798-3.324l3.337-3.33-3.267-3.267c-1.796-1.797-3.333-3.299-3.413-3.338a.553.553%200%200%200-.46-.025%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  mask-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%220%200%2028%2028%22%3E%3Cpath%20d%3D%22M16.59%207.371c-.216.088-.373.393-.324.629.023.11.642.757%202.673%202.792l2.643%202.648h-8.353c-8.295%200-8.353.001-8.507.095a.644.644%200%200%200-.224.261.545.545%200%200%200%20.211.658l.158.106h16.715l-2.671%202.673-2.671%202.672v.215c0%20.252.123.438.355.535.342.143.208.26%203.798-3.324l3.337-3.33-3.267-3.267c-1.796-1.797-3.333-3.299-3.413-3.338a.553.553%200%200%200-.46-.025%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.lp-article-links a .env-link-icon {
  display: none;
}

.lp-article-links .normal:has(a) {
  margin-bottom: 1em;
}

/*
---------------------------------------------------------
FLÖDAD BILD
--------------------------------------------------------- */

.lp-floatright-image {
  float: right;
  margin: var(--lp-spacing);
  margin-right: 0;
  max-width: min(42rem, 50%);
}

.lp-floatleft-image {
  float: left;
  margin: var(--lp-spacing);
  margin-left: 0;
  max-width: min(42rem, 50%);
}