/*
=========================================================
SV MODULES CSS
=========================================================
 * Innehåller kundanpassad styling av SiteVision-moduler
 *
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/


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

.sv-login-portlet .sv-login-input-group {
  margin-bottom: 15px;
}

.sv-login-portlet label {
  background: #ddd;
  border: 1px solid #ddd;
  border-radius: 5px 5px 0 0;
  box-sizing: border-box;
  color: #333;
  display: block;
  font-size: 1.4rem;
  line-height: 1.4;
  padding: 0.4rem 0 0.3rem;
  text-indent: 1rem;
  width: 100% !important;
}

.sv-login-portlet input[type=text],
.sv-login-portlet input[type=password] {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 0 0 5px 5px;
  border-top: #aaa !important;
  box-sizing: border-box;
  color: #333;
  display: block;
  margin: 0 0 1rem;
  padding: 0.8rem 0;
  text-indent: 1rem;
  width: 100% !important;
}

.sv-login-portlet input[type=text]:focus,
.sv-login-portlet input[type=password]:focus {
  background: #f9f5e6;
  border-color: #f4fcdf;
}

.sv-login-portlet input[type=submit] {
  background-color: var(--env-element-primary-background-color);
  border-color: var(--env-element-primary-background-color);
  border-radius: var(--env-button-border-radius);
  border-style: solid;
  border-width: 1px;
  color: var(--env-element-primary-font-color);
  font-size: var(--env-font-size-medium);
  line-height: 1.5;
  padding: var(--env-spacing-x-small) var(--env-spacing-small);
  width: 100%;
}

.sv-login-portlet input[type=submit]:hover,
.sv-login-portlet input[type=submit]:active,
.sv-login-portlet input[type=submit]:focus {
  background: var(--env-element-primary-background-color-dark);
  border-color: var(--env-element-primary-background-color-dark);
}

.sv-login-portlet fieldset {
  padding: 0;
}

.sv-login-portlet br {
  display: none;
}


/*
---------------------------------------------------------
PUNKT- OCH NUMRERADE LISTOR
--------------------------------------------------------- */

.sv-text-portlet-content > ul,
.sv-text-portlet-content > ol {
  margin: 0 0 4rem;
}

.sv-text-portlet-content > .normal + ul,
.sv-text-portlet-content > .normal + ol {
  margin-top: -0.5em;
}

.sv-text-portlet-content li {
  margin: 1.5rem 0;
}

/* Formatering indragna numrerade listor */

.sv-text-portlet-content ol ol > li {
  list-style-type: lower-alpha;
}

.sv-text-portlet-content ol ol ol > li {
  list-style-type: lower-roman;
}

/* Checklista */

ul.sv-list-style-check {
  list-style-type: none;
}

.sv-list-style-check li {
  line-height: 1.5;
  margin: 2rem 0;
  position: relative;
}

.sv-list-style-check li:before {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2032%2032\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23623fa4\'%3E%3Cpath%20%20d%3D%22M4%2016v12h24V4H4v12m21.333%200v9.333H6.667V6.667h18.666V16m-7.466-1.893l-3.76%203.76-1.894-1.894-1.894-1.893-.932.933-.933.934%202.826%202.827%202.826%202.826%204.707-4.706%204.707-4.707-.92-.92c-.505-.506-.931-.92-.946-.92-.015%200-1.719%201.692-3.787%203.76%22%2F%3E%3C%2Fsvg%3E');
  content: '';
  display: inline-block;
  height: 2.8rem;
  left: -4rem;
  position: absolute;
  top: 2px;
  width: 2.8rem;
}

/* Länklista */

.sv-text-portlet-content ul.sv-list-style-links {
  border: 1px solid var(--lp-color-1);
  list-style-type: none;
  margin: 1rem 0 var(--lp-spacing);
  padding: var(--lp-spacing-x-small);
}

.sv-list-style-links li {
  margin: 0;
}

.sv-list-style-links li:not(:last-child) {
  border-bottom: 1px solid var(--lp-color-purple-200);
  margin-bottom: 0.7em;
  margin-top: 0;
  padding-bottom: 0.7em;
}

.sv-list-style-links a {
  color: var(--env-link-font-color);
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.sv-list-style-links a:hover {
  text-decoration: underline;
}

/* Ikoner */

.sv-list-style-links a:before {
  background-image: var(--lp-icon-link-purple);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  height: 1.3em;
  margin-bottom: -0.25em;
  margin-right: 0.6em;
  width: 1.3em;

  flex-shrink: 0;
}

.sv-list-style-links a[href^='http']:after {
  content: none;
}

.sv-list-style-links a .sv-linkicon,
.sv-list-style-links a .env-link-icon {
  display: none;
}

.sv-list-style-links a[href^='http']:before {
  background-image: var(--lp-icon-externallink-purple);
  height: 1.15em;
  margin-bottom: -0.2em;
  margin-right: 0.75em;
  width: 1.15em;
}

.sv-list-style-links a[href^='mailto']:before {
  background-image: var(--lp-icon-mail-purple);
  height: 1.15em;
  margin-bottom: -0.2em;
  margin-right: 0.75em;
  width: 1.15em;
}

.sv-list-style-links a[href^='tel']:before {
  background-image: var(--lp-icon-phone-purple);
}

.sv-list-style-links a[href$='.jpeg']:before,
.sv-list-style-links a[href$='.jpg']:before,
.sv-list-style-links a[href$='.png']:before {
  background-image: var(--lp-icon-image-purple);
}

.sv-list-style-links a[href$='.txt']:before,
.sv-list-style-links a[href$='.doc']:before,
.sv-list-style-links a[href$='.docx']:before,
.sv-list-style-links a[href$='.xls']:before,
.sv-list-style-links a[href$='.xlsx']:before,
.sv-list-style-links a[href$='.ppt']:before,
.sv-list-style-links a[href$='.pptx']:before,
.sv-list-style-links a[href$='.pdf']:before,
.sv-list-style-links a[href$='.PDF']:before,
.sv-list-style-links a[href$='.mp4']:before,
.sv-list-style-links a[href$='.css']:before,
.sv-list-style-links a[href$='.js']:before,
.sv-list-style-links a[href$='.vm']:before,
.sv-list-style-links a[href^='/edit-fileresource/']:before {
  background-image: var(--lp-icon-document-purple);
  height: 1em;
  margin-bottom: -0.15em;
  margin-right: 0.9em;
  width: 1em;
}

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

.sv-multilevellink-portlet,
.sv-marketplace-sitevision-breadcrumbs {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin: 0 var(--lp-spacing-x-small);
  padding: 1.2rem 1.2rem 1.2rem 3rem;
  position: relative;
}

.sv-multilevellink-portlet li:first-child {
  display: none;
}

.sv-multilevellink-portlet li:nth-child(2):before,
.sv-marketplace-sitevision-breadcrumbs .env-breadcrumb__item:first-child:before {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2020%2014\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23000\'%3E%3Cpath%20%20d%3D%22M2.675%202.642C1.222%204.095.033%205.295.033%205.308c0%20.014%201.755.025%203.9.025h3.9v7.817l2.65-2.65%202.65-2.65V0H5.317L2.675%202.642M14.7%202.65c0%201.457.006%202.65.012%202.65.007%200%201.194-1.192%202.638-2.65L19.975%200H14.7v2.65%22%2F%3E%3C%2Fsvg%3E');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 2rem auto;
  content: '' !important;
  display: block;
  height: 2rem;
  left: 0;
  position: absolute;
  top: 1.45rem;
  width: 2rem;
}

.sv-marketplace-sitevision-breadcrumbs .env-breadcrumb__item span[aria-hidden="true"] {
  display: none;
}

.sv-multilevellink-portlet ol,
.lp-search-result__item__path,
.sv-marketplace-sitevision-breadcrumbs .env-breadcrumb {
  align-items: center;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;

  flex-wrap: wrap;
}

.lp-search-result__item__path {
  margin-top: 0.4rem;
}

.lp-search-result__item__path li:nth-child(1),
.lp-search-result__item__path li:nth-child(2) {
  display: none;
}

.sv-multilevellink-portlet li,
.sv-marketplace-sitevision-breadcrumbs .env-breadcrumb__item {
  line-height: 1.5;
  font-size: 1.5rem;
}

.sv-multilevellink-portlet a.small,
.lp-search-result__item__path a,
.sv-marketplace-sitevision-breadcrumbs .env-breadcrumb__item a {
  color: var(--lp-color-1);
  display: inline-block;
  margin-right: 0.8rem;
  padding-right: 1.4rem;
  text-decoration: underline;
}

.sv-multilevellink-portlet a.small:hover,
.lp-search-result__item__path a:hover,
.sv-marketplace-sitevision-breadcrumbs .env-breadcrumb__item a:hover {
  text-decoration-style: double;
}

.sv-multilevellink-portlet a:after,
.sv-marketplace-sitevision-breadcrumbs .env-breadcrumb__item a:after,
.lp-search-result__item__path a:after,
.lp-search-result__item__path > a:nth-child(2):before {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%207%2015\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23777\'%3E%3Cg%20%20id%3D%22done%22%20opacity%3D%22.802%22%3E%3Cg%20id%3D%22Start-niv%C3%A5-1%22%20transform%3D%22translate(-112%20-148)%22%3E%3Cpath%20id%3D%22Startsida%2FR%C3%A5d%26amp%3Bst%C3%B6d%22%20d%3D%22M113.88%20162.56l4.272-13.92h-.96l-4.272%2013.92z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-size: 1rem auto;
  content: '';
  display: inline-block;
  height: 1rem;
  margin-left: 0.4rem;
  margin-right: -1.4rem;
  width: 1rem;
}

.lp-search-result__item__path > a:nth-child(2):before {
  margin-left: -0.4rem;
  margin-right: 0.8rem;
}

.lp-search-result__item__path > a:last-child:after {
  content: none;
}

.sv-multilevellink-portlet a.small:hover,
.sv-marketplace-sitevision-breadcrumbs .env-breadcrumb__item a:hover {
  -webkit-text-decoration-style: double;
  text-decoration-style: double;
}


/*
---------------------------------------------------------
NYHETER
--------------------------------------------------------- */

/* Skapa artikel-länkar */
a.sv-create-article-entry {
  background: none repeat scroll 0 0 #f4f4f4;
  border: 1px solid #ccc;
  border-radius: var(--lp-border-radius);
  color: #333 !important;
  display: block;
  margin: 0 0 0.5rem;
  padding: 0.5rem 2rem;
  text-align: center;
  text-decoration: none !important;
}

a.sv-create-article-entry:hover {
  background-color: #eee;
}

/* Nyheter i grå box */
.lp-box-grey .sv-archive-portlet .heading3 {
  margin-bottom: 0;
  font-size: 1.8rem;
  line-height: 1;
}

.lp-box-grey .sv-archive-portlet .heading3 a {
  color: var(--lp-font-color);
  text-decoration: none;
}

.lp-box-grey .sv-archive-portlet .heading3 a:after {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;

  background-color: var(--lp-font-color);
  background-image: none;

  -webkit-mask-image: var(--lp-icon-arrow-right-dark);
  mask-image: var(--lp-icon-arrow-right-dark);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  vertical-align: -3px;
}

.lp-box-grey .sv-archive-portlet time {
  font-size: 1.3rem;
  color: var(--lp-color-gray-700);
}

/*
---------------------------------------------------------
NYHETSMENY
--------------------------------------------------------- */

.lp-archivemenu-filter button {
  display: none;
}

.lp-js .lp-archivemenu-filter button {
  border: 0;
  border-radius: var(--lp-border-radius);
  display: block;
  font-size: 1.6rem;
  padding: 1.5rem 4.3rem;
}

.sv-archivemenu-portlet {
  border-bottom: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  margin: 2rem 0 3rem !important;
  padding: 1rem 0;
}

.sv-archivemenu-portlet ul {
  list-style-type: none;
  padding: 0;
}

.lp-js .sv-archivemenu-portlet .lp-archivemenu-filter-content > ul {
  margin: 2rem 0 1rem;
}

.sv-archivemenu-portlet .lp-archivemenu-filter-content > ul > li {
  display: block;
}

.sv-archivemenu-portlet ul ul {
  display: inline-block;
  margin: 0 0 1rem;
}

.sv-archivemenu-portlet li {
  display: inline-block;
}

.sv-archivemenu-portlet a {
  background: #eee;
  border-radius: 2px;
  display: inline-block;
  font-size: 1.4rem;
  margin: 0 0 0.4rem;
  padding: 0.5rem 1rem;
  text-decoration: none;
}

.sv-archivemenu-portlet li li.lp-selected a {
  background: #666;
  color: #fff;
}

.sv-archivemenu-portlet > ul > li {
  margin: 0 0 1rem;
}

.sv-archivemenu-portlet > ul > li span {
  margin: 0 1rem 0 0;
  vertical-align: middle;
}

.sv-archivemenu-portlet .subheading {
  font-size: 2.2rem;
  margin: 0 0 1rem;
}

/*
---------------------------------------------------------
BLOCKCITAT
--------------------------------------------------------- */

blockquote.sv-blockquote,
blockquote.sv-blockquote-edit {
  background-color: var(--lp-color-6) !important;
  color: var(--lp-color-6-text);
  display: block;
  margin: var(--lp-spacing) 0;
  padding: calc(var(--lp-spacing) + 5.6rem) var(--lp-spacing) var(--lp-spacing);
}

blockquote.sv-blockquote:before,
blockquote.sv-blockquote-edit:before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%230065B0%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2036%2026%22%3E%3Cpath%20d%3D%22M0%208.37v7.89h9L6.78%2020.7c-1.221%202.442-2.22%204.467-2.22%204.5%200%20.041%201.12.056%203.345.046l3.345-.016%202.262-4.5%202.262-4.5-.012-7.86L15.75.51%207.875.495%200%20.48v7.89M20.248.555c-.016.041-.022%203.585-.013%207.875l.015%207.8%204.485.015%204.485.016L27%2020.7c-1.221%202.442-2.22%204.467-2.22%204.5%200%20.039%201.149.06%203.345.06h3.345l2.265-4.53L36%2016.2V.48h-7.862c-6.234%200-7.868.016-7.89.075M11.22%208.37v3.39H4.5V4.98h6.72v3.39m20.28%200v3.39h-6.72V4.98h6.72v3.39%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') !important;
  height: 3.6rem !important;
  left: var(--lp-spacing) !important;
  top: var(--lp-spacing) !important;
  transform: rotate(0deg) !important;
  width: 3.6rem !important;
}

blockquote.sv-blockquote p,
blockquote.sv-blockquote-edit p {
  font-size: 2.4rem;
}

div blockquote.sv-blockquote em,
div blockquote.sv-blockquote-edit em {
  display: block;
  font-size: 1.8rem;
  margin: 1em 0 0;
  text-align: left;
}

.sv-use-margins blockquote.sv-blockquote > *:last-child,
.sv-edit-mode .sv-use-margins blockquote.sv-blockquote-edit > *:last-child {
  margin-bottom: 0;
}

/* Nya env-klasserna */
blockquote.env-blockquote,
blockquote.env-blockquote-edit {
  background-color: var(--lp-color-blue-500) !important;
  border: 0;
  display: block;
  margin: var(--lp-spacing) 0;
  padding: calc(var(--lp-spacing) + 5.6rem) var(--lp-spacing) var(--lp-spacing);
  position: relative;
}

blockquote.env-blockquote:before,
div blockquote.env-blockquote-edit:before,
div blockquote.env-blockquote:lang(sv):before,
div blockquote.env-blockquote-edit:lang(sv):before {
  background-color: var(--lp-color-1);
  background-image: none;
  content: '';
  height: 3.6rem !important;
  left: var(--lp-spacing) !important;
  position: absolute !important;
  top: var(--lp-spacing) !important;
  transform: rotate(0deg) !important;
  width: 3.6rem !important;

  -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%230065B0%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2036%2026%22%3E%3Cpath%20d%3D%22M0%208.37v7.89h9L6.78%2020.7c-1.221%202.442-2.22%204.467-2.22%204.5%200%20.041%201.12.056%203.345.046l3.345-.016%202.262-4.5%202.262-4.5-.012-7.86L15.75.51%207.875.495%200%20.48v7.89M20.248.555c-.016.041-.022%203.585-.013%207.875l.015%207.8%204.485.015%204.485.016L27%2020.7c-1.221%202.442-2.22%204.467-2.22%204.5%200%20.039%201.149.06%203.345.06h3.345l2.265-4.53L36%2016.2V.48h-7.862c-6.234%200-7.868.016-7.89.075M11.22%208.37v3.39H4.5V4.98h6.72v3.39m20.28%200v3.39h-6.72V4.98h6.72v3.39%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') !important;
  mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%230065B0%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2036%2026%22%3E%3Cpath%20d%3D%22M0%208.37v7.89h9L6.78%2020.7c-1.221%202.442-2.22%204.467-2.22%204.5%200%20.041%201.12.056%203.345.046l3.345-.016%202.262-4.5%202.262-4.5-.012-7.86L15.75.51%207.875.495%200%20.48v7.89M20.248.555c-.016.041-.022%203.585-.013%207.875l.015%207.8%204.485.015%204.485.016L27%2020.7c-1.221%202.442-2.22%204.467-2.22%204.5%200%20.039%201.149.06%203.345.06h3.345l2.265-4.53L36%2016.2V.48h-7.862c-6.234%200-7.868.016-7.89.075M11.22%208.37v3.39H4.5V4.98h6.72v3.39m20.28%200v3.39h-6.72V4.98h6.72v3.39%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') !important;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

blockquote.env-blockquote p,
blockquote.env-blockquote-edit p {
  font-size: 2.4rem;
}

div blockquote.env-blockquote em,
div blockquote.env-blockquote-edit em {
  display: block;
  font-size: 1.8rem;
  margin: 1em 0 0;
  text-align: left;
}

.sv-use-margins blockquote.env-blockquote > *:last-child,
.sv-edit-mode .sv-use-margins blockquote.env-blockquote-edit > *:last-child {
  margin-bottom: 0;
}

/*
---------------------------------------------------------
KORTARE CITAT
--------------------------------------------------------- */

.sv-text-portlet p.normal q {
  quotes: '“''”''‚''‘';
}

/*
---------------------------------------------------------
KNAPPMODUL
--------------------------------------------------------- */

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

.env-button {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.3;
  padding: 1.2em 1.7em 1.2em 1.7em;
  text-align: left;
  transition: var(--lp-transition-default);
}

/* Justering av knappar med ikoner */
.sv-marketplace-sitevision-button .env-button {
  padding: 1.2em 1.7em 1.2em 1.2em;
}

.env-button--link {
  text-decoration: underline;
}

.env-button--link:hover {
  text-decoration: none;
}

/* Fix för ghost-knappar */

.env-button--warning.env-button--ghost {
  color: var(--env-element-warning-font-color);
}

/* Ikoner */

.sv-marketplace-sitevision-button .env-button:before,
.lp-publication-info .env-button:before {
  background-color: var(--env-font-color);
  content: '';
  display: inline-block;
  height: 1.2em;
  margin-right: 0.5em;
  margin-top: -1px;
  transition: var(--lp-transition-default);
  width: 1.2em;

  flex-shrink: 0;
  -webkit-mask-image: var(--lp-icon-arrow-right-light);
  mask-image: var(--lp-icon-arrow-right-light);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* Standard - Ghost */
.sv-marketplace-sitevision-button .env-button.env-button--ghost:before {
  -webkit-mask-image: var(--lp-icon-arrow-right-green);
  mask-image: var(--lp-icon-arrow-right-green);
}

.sv-marketplace-sitevision-button .env-button.env-button--primary.env-button--ghost:before {
  -webkit-mask-image: var(--lp-icon-arrow-right-purple);
  mask-image: var(--lp-icon-arrow-right-purple);
}

.sv-marketplace-sitevision-button .env-button.env-button--ghost:hover:before {
  -webkit-mask-image: var(--lp-icon-arrow-right-light);
  mask-image: var(--lp-icon-arrow-right-light);
}

/* Externa länkar */
.sv-marketplace-sitevision-button .env-button[href^='http']:before,
.sv-marketplace-sitevision-button .env-button.env-button--ghost[href^='http']:hover:before,
.sv-marketplace-sitevision-button .env-button.env-button--primary.env-button--ghost[href^='http']:hover:before {
  -webkit-mask-image: var(--lp-icon-externallink-light);
  mask-image: var(--lp-icon-externallink-light);
}

.sv-marketplace-sitevision-button .env-button.env-button--ghost[href^='http']:before {
  -webkit-mask-image: var(--lp-icon-externallink-green);
  mask-image: var(--lp-icon-externallink-green);
}

.sv-marketplace-sitevision-button .env-button.env-button--primary.env-button--ghost[href^='http']:before {
  -webkit-mask-image: var(--lp-icon-externallink-purple);
  mask-image: var(--lp-icon-externallink-purple);
}

/* Mail */

.sv-marketplace-sitevision-button .env-button[href^='mailto']:before,
.sv-marketplace-sitevision-button .env-button.env-button--ghost[href^='mailto']:hover:before,
.sv-marketplace-sitevision-button .env-button.env-button--primary.env-button--ghost[href^='mailto']:hover:before {
  -webkit-mask-image: var(--lp-icon-mail-light);
  mask-image: var(--lp-icon-mail-light);
}

.sv-marketplace-sitevision-button .env-button.env-button--ghost[href^='mailto']:before {
  -webkit-mask-image: var(--lp-icon-mail-green);
  mask-image: var(--lp-icon-mail-green);
}

.sv-marketplace-sitevision-button .env-button.env-button--primary.env-button--ghost[href^='mailto']:before {
  -webkit-mask-image: var(--lp-icon-mail-purple);
  mask-image: var(--lp-icon-mail-purple);
}

/* Telefon */

.sv-marketplace-sitevision-button .env-button[href^='tel']:before,
.sv-marketplace-sitevision-button .env-button.env-button--ghost[href^='tel']:hover:before,
.sv-marketplace-sitevision-button .env-button.env-button--primary.env-button--ghost[href^='tel']:hover:before {
  -webkit-mask-image: var(--lp-icon-phone-light);
  mask-image: var(--lp-icon-phone-light);
}

.sv-marketplace-sitevision-button .env-button.env-button--ghost[href^='tel']:before {
  -webkit-mask-image: var(--lp-icon-phone-green);
  mask-image: var(--lp-icon-phone-green);
}

.sv-marketplace-sitevision-button .env-button.env-button--primary.env-button--ghost[href^='tel']:before {
  -webkit-mask-image: var(--lp-icon-phone-purple);
  mask-image: var(--lp-icon-phone-purple);
}

/* Nedladdning */

.sv-marketplace-sitevision-button .env-button[href^='/download']:before,
.sv-marketplace-sitevision-button .env-button.env-button--ghost[href^='/download']:hover:before,
.sv-marketplace-sitevision-button .env-button.env-button--primary.env-button--ghost[href^='/download']:hover:before,
.lp-publication-info .env-button:before,
.lp-publication-info .env-button:hover:before {
  -webkit-mask-image: var(--lp-icon-download-light);
  mask-image: var(--lp-icon-download-light);
}

.sv-marketplace-sitevision-button .env-button.env-button--ghost[href^='/download']:before {
  -webkit-mask-image: var(--lp-icon-download-green);
  mask-image: var(--lp-icon-download-green);
}

.sv-marketplace-sitevision-button .env-button.env-button--primary.env-button--ghost[href^='/download']:before {
  -webkit-mask-image: var(--lp-icon-download-purple);
  mask-image: var(--lp-icon-download-purple);
}


/* Tar bort extra ikon för externa länkar */

.sv-marketplace-sitevision-button .env-button[href^='http']:after {
  content: none;
}

/* Fix för ikoner */

.env-button.env-button--ghost:before {
  background-color: var(--env-element-background-color);
}

.sv-theme-Standardtema .env-button--brand.env-button--ghost:before {
  background-color: var(--lp-color-1);
}

.sv-theme-Standardtema .env-button--brand.env-button--ghost:hover:before,
.sv-theme-Standardtema .env-button--brand.env-button--ghost:focus:before {
  background-color: #fff;
}

.env-button--primary.env-button--ghost:before {
  background-color: var(--env-element-primary-background-color);
}

.env-button--secondary.env-button--ghost:before {
  background-color: var(--env-element-secondary-background-color);
}

.env-button--primary:not(.env-button--ghost):before,
.env-button--primary.env-button--ghost:hover:before,
.env-button--primary.env-button--ghost:focus:before {
  background-color: var(--env-element-primary-font-color);
}

.env-button--secondary:not(.env-button--ghost):before,
.env-button--secondary.env-button--ghost:hover:before,
.env-button--secondary.env-button--ghost:focus:before {
  background-color: var(--env-element-secondary-font-color);
}

.env-button--warning:not(.env-button--ghost):before,
.env-button--warning.env-button--ghost:hover:before,
.env-button--warning.env-button--ghost:focus:before {
  background-color: var(--env-element-warning-font-color);
}

.env-button--danger:not(.env-button--ghost):before,
.env-button--danger.env-button--ghost:hover:before,
.env-button--danger.env-button--ghost:focus:before {
  background-color: var(--env-element-danger-font-color);
}

.env-button--success:not(.env-button--ghost):before,
.env-button--success.env-button--ghost:hover:before,
.env-button--success.env-button--ghost:focus:before {
  background-color: var(--env-element-success-font-color);
}

.env-button--info:not(.env-button--ghost):before,
.env-button--info.env-button--ghost:hover:before,
.env-button--info.env-button--ghost:focus:before {
  background-color: var(--env-element-info-font-color);
}

.env-button--brand:not(.env-button--ghost):before,
.env-button--brand.env-button--ghost:hover:before,
.env-button--brand.env-button--ghost:focus:before {
  background-color: var(--env-ui-color-brand-contrast);
}

.env-button:not(.env-button--link):not(.env-button--ghost):not(.env-button--primary):not(.env-button--secondary):not(.env-button--warning):not(.env-button--success):not(.env-button--danger):not(.env-button--info):not(.env-button--brand):before,
.env-button.env-button--ghost:not(.env-button--link):not(.env-button--primary):not(.env-button--secondary):not(.env-button--warning):not(.env-button--success):not(.env-button--danger):not(.env-button--info):not(.env-button--brand):hover:before {
  background-color: var(--env-element-font-color);
}

/* CTA-knapp */

.env-cta {
  min-height: 2.75em;
  line-height: 1.3;
  transition: var(--lp-transition-default);
  padding: 1.2em 1.7em 1.2em 1.2em;
}

/*
---------------------------------------------------------
BILDMODULEN
--------------------------------------------------------- */
.sv-portlet-image-caption {
  font-size: 1.4rem;
}


/*
---------------------------------------------------------
INNEHÅLLSFÖRTECKNING
--------------------------------------------------------- */

.sv-marketplace-sitevision-table-of-contents {
  background: var(--lp-color-4);
  margin: 0 0 var(--lp-spacing-large);
  padding: var(--lp-spacing);
}

.sv-marketplace-sitevision-table-of-contents nav {
  border-left: 4px solid var(--lp-color-purple-200);
  padding-left: var(--lp-spacing-small);
}

.sv-marketplace-sitevision-table-of-contents li {
  margin: 1rem 0;
}

.sv-marketplace-sitevision-table-of-contents li a {
  color: var(--env-font-color);

  text-decoration-thickness: 1px;
  text-overflow: initial;
  white-space: initial;
}

.sv-marketplace-sitevision-table-of-contents a:hover {
  text-decoration-style: double;
  color: var(--env-font-color);
  text-decoration-thickness: 1px;
}

.sv-marketplace-sitevision-table-of-contents nav > ol > li a {
  font-size: 2rem;
}

.sv-marketplace-sitevision-table-of-contents nav > ol > li > ol a {
  font-size: 1.6rem;
}

.sv-marketplace-sitevision-table-of-contents li a {
  padding: 0;
}

/*
---------------------------------------------------------
PAGINERING
--------------------------------------------------------- */

div .env-pagination__link {
  padding: 0.7em 1.1em;
}

.env-pagination {
  flex-wrap: wrap;
}

/*
---------------------------------------------------------
ENVISION SLIDER
--------------------------------------------------------- */

div .env-switch__slider:before {
  height: 1em;
  width: 1em;
}

/*
---------------------------------------------------------
KAKMODULEN
--------------------------------------------------------- */

div.sv-cookie-consent-banner {
  border: 1px solid var(--lp-border-color);
  bottom: var(--lp-spacing);
  left: var(--lp-spacing);
  max-height: calc(100vh - var(--lp-spacing) - var(--lp-spacing));
  max-width: 71rem;
  overflow: auto;
  position: fixed;
  top: auto;
  width: calc(100% - var(--lp-spacing) - var(--lp-spacing));
}

.sv-cookie-consent-banner .env-button,
.sv-cookie-consent-modal .env-button {
  font-size: 1.5rem;
  padding: 1em 1.5em;
}

.sv-cookie-consent-modal .env-modal-dialog__body a {
  text-decoration: underline;
}

.sv-cookie-consent-modal .env-modal-dialog__body a:hover {
  text-decoration-style: double;
}

.sv-cookie-consent-modal .env-button--link,
.sv-cookie-consent-banner .env-button--link {
  border: 1px solid var(--env-element-primary-background-color);
  text-decoration: none;
  transition: var(--lp-transition-default);
}

.sv-cookie-consent-modal .env-button--link .env-icon,
.sv-cookie-consent-banner .env-button--link .env-icon {
  margin-right: 0.5em;
  padding-right: 0 !important;
}

.sv-cookie-consent-modal .env-button--link:hover,
.sv-cookie-consent-banner .env-button--link:hover,
.sv-cookie-consent-modal .env-button--link:focus,
.sv-cookie-consent-banner .env-button--link:focus {
  background-color: var(--env-element-primary-background-color-dark);
  color: var(--env-element-primary-font-color);
}

/*
---------------------------------------------------------
HANDBOKEN - Innehållsförteckning
--------------------------------------------------------- */

.lp-manual-box-menu {
  column-gap: clamp(3rem, 3vw, 6rem); /* tidigare grid-column-gap */
  display: grid;
  list-style-type: none;
  margin-top: clamp(1.5rem, 1.5vw, 3rem);
  padding: 0;

  grid-auto-rows: 1fr;
  grid-template-columns: repeat(auto-fill,minmax(45rem,1fr));
}

.lp-manual-box-menu > li {
  border-bottom: 1px solid var(--lp-color-purple-300);
  border-top: 1px solid var(--lp-color-purple-300);
  margin-bottom: -1px;
}

.lp-manual-box-menu > li .lp-box-menu__content {
  align-items: start;
  background: none;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  padding: clamp(1.5rem, 1.5vw, 3rem) 0;

  justify-content: center;
}

.lp-manual-box-menu > li .lp-box-menu__content a.lp-box-menu__item-link {
  color: var(--env-font-color);
  font-size: clamp(1.8rem, 1.8vw, 2.2rem);
  font-weight: 600;
  transition: var(--lp-transition-default);
}

.lp-manual-box-menu > li .lp-clickable-area:hover a {
  text-decoration-style: double;
}

.lp-manual-box-menu .lp-box-menu__item-chapter {
  margin-bottom: 0.2em;
  margin-top: 0;
}

.sv-template-guide-utveckling .lp-content h2.subheading:target:before,
.sv-template-kapitel-guide .lp-content h2.subheading:target:before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.5rem;
  left: -2rem;
  margin-top: -0.1em;
  width: 1.5rem;
}

/*
---------------------------------------------------------
SNABBLÄNKAR
--------------------------------------------------------- */

.lp-link-wrapper .env-button--ghost.env-button--primary:not(:hover, :focus, :active) {
  background-color: var(--lp-color-purple-100);
}

.lp-link-wrapper .sv-marketplace-sitevision-button {
  float: left;
  margin-bottom: var(--lp-spacing-x-small);
  margin-right: var(--lp-spacing-x-small);
}