/*
=========================================================
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: 1rem;
  line-height: 1.4;
  padding: 0.4rem 0 0.1rem;
  text-indent: 1rem;
  text-transform: uppercase;
  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: 1px solid #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: #84ad21;
  border-color: #84ad21;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  font-size: 1.4rem;
  line-height: 2.1;
  text-transform: uppercase;
  width: 100%;
}

.sv-login-portlet input[type=submit]:hover,
.sv-login-portlet input[type=submit]:active,
.sv-login-portlet input[type=submit]:focus {
  background: #688a16;
  border-color: #688a16;
}

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

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


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

.sv-multilevellink-portlet,
.sv-marketplace-sitevision-breadcrumbs {
  margin: 2rem 0;
}

.lp-search-result__items ol {
  margin-top: 0.5em;
}

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

  flex-wrap: wrap;
}

.sv-multilevellink-portlet li,
.sv-marketplace-sitevision-breadcrumbs li,
div .lp-search-result__items li {
  line-height: 1;
}

.sv-multilevellink-portlet .small,
.sv-marketplace-sitevision-breadcrumbs li {
  font-size: 1.4rem;
}

.sv-marketplace-sitevision-breadcrumbs li {
  line-height: 1.8;
}

.sv-multilevellink-portlet a.small,
div .lp-search-result__item__path li a.small,
.sv-marketplace-sitevision-breadcrumbs li a,
.sv-marketplace-sitevision-breadcrumbs li a.env-link-secondary {
  color: #23557d ;
  display: inline-block;
  margin-right: 0.8rem;
  padding-right: 1.4rem;
  text-decoration: underline;
}

.sv-multilevellink-portlet a::after,
div .lp-search-result__item__path li a::after,
.sv-marketplace-sitevision-breadcrumbs li a::after {
  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;
}

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

.sv-multilevellink-portlet .lp-icon {
  font-size: 0.5em;
  margin: 0 0.4rem;
  vertical-align: -0.1em;
}

.sv-multilevellink-portlet a.small:hover,
div .lp-search-result__items li a:hover,
.sv-marketplace-sitevision-breadcrumbs li a:hover,
.sv-marketplace-sitevision-breadcrumbs li a.env-link-secondary:hover {
  text-decoration: none;
}


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

/* Skapa artikel-länkar */
a.sv-create-article-entry {
  background: none repeat scroll 0 0 #f4f4f4;
  border: 1px solid #ccc;
  border-radius: 2px;
  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;
}


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

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

.lp-js .lp-archivemenu-filter button {
  border: 0;
  border-radius: 2px;
  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.env-blockquote,
blockquote.env-blockquote-edit {
  display: block;
  margin: 3rem 0;
  padding: 0 0 0 4rem;
}

blockquote.env-blockquote::before,
blockquote.env-blockquote-edit::before {
  display: none;
}

blockquote.env-blockquote p,
blockquote.env-blockquote-edit p {
  font-weight: 600;
  line-height: 1.5;
  quotes: '“' '”' '‚' '‘';
}

body blockquote.sv-blockquote em,
body blockquote.sv-blockquote-edit em {
  display: block;
  font-size: 1.8rem;
  font-style: normal;
  margin: 1rem 0 0;
}

/* Citattecken */

blockquote.env-blockquote p::before,
blockquote.env-blockquote-edit p::before {
  content: open-quote;
}
blockquote.env-blockquote p::after,
blockquote.env-blockquote-edit p::after {
  content: close-quote;
}

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

.env-button {
  transition: all 0.3s ease;
}

.env-button--link {
  color: #23557d;
  font-size: 1.7rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
   
}

.env-button--link:hover {
  color: #23557d;
  text-decoration: underline;
}

.env-button--link {
  padding: 1em;
}

 .env-button--link::after {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2014%2016\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%230064AF\'%3E%3Cpath%20%20d%3D%22M.77%207.023v1.954h10.022l-4.594%205.374%201.186%201.388L14%208%207.384.261%206.198%201.65l4.594%205.374H.77z%22%2F%3E%3C%2Fsvg%3E');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  height: 0.8em;
  margin: 0 0 -2px 0.5em;
  transition: var(--default-transition);
  width: 0.8em;
}



 .env-button--link:hover::after {
  margin-left: 0.7em;
}

.sv-horizontal > .sv-button-portlet {
  padding: 0.5rem 2rem 0.5rem 0;
}

/* CTA-knapp */

.env-cta {
  min-height: 2.75em;
  line-height: 1.3;
  transition: all 0.3s ease;
}

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

/*
---------------------------------------------------------
NYHETSLISTA
--------------------------------------------------------- */

.sv-newslist .sv-newslist-gallery {
  display: grid;
  margin: 3rem 0 6rem;
  padding: 0;

  grid-gap: 3rem;
  grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
}

.sv-newslist .sv-newslist__gallery-item {
  background: #fff;
  border-radius: 1rem;
  box-shadow: var(--box-shadow);
  margin: 0 !important;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
}

.sv-newslist .sv-newslist__gallery-item:hover {
  transform: scale(1.02);
}

.sv-newslist .sv-newslist__gallery-item .env-flex--column {
  padding: 2rem 3rem 7rem !important;
}

.sv-newslist .sv-newslist__gallery-item .sv-newslist__gallery-item__image {
  background-color: var(--primary-color);
  height: 23rem;
  min-height: 23rem;
}

.sv-newslist .sv-newslist__gallery-item .sv-newslist__gallery-item__image.sv-newslist-no-image {
  background-color: transparent;
  height: 0 !important;
  margin-top: 0.5rem;
  min-height: 0 !important;
}

.sv-newslist .sv-newslist__gallery-item .sv-newslist__gallery-item__image:not(.sv-newslist-no-image) + .env-flex--column .normal {
  display: none;
}

.sv-newslist .sv-newslist__gallery-item .heading3,
.sv-newslist .sv-newslist__gallery-item .subheading {
  font-size: 2.7rem;
  margin: 0.5rem 0 1.5rem;
}

.sv-newslist .sv-newslist__gallery-item .heading3 a {
  color: #23242a;
}

.sv-newslist .sv-newslist__gallery-item::after {
  background-image: var(--blue-arrow-icon);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 3rem;
  content: '';
  height: 1.5rem;
  position: absolute;
  right: 3rem;
  width: 1.5rem;
}

.sv-theme-purple .sv-newslist .sv-newslist__gallery-item::after {
  background-image: var(--purple-arrow-icon);
}

.sv-theme-grey .sv-newslist .sv-newslist__gallery-item::after {
  background-image: var(--grey-arrow-icon);
}

.sv-theme-lightblue .sv-newslist .sv-newslist__gallery-item::after {
  background-image: var(--lightblue-arrow-icon);
}

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


.sv-toc-portlet li a {
  background: #fff;
  border-left: 3px solid rgba(35, 85, 125, 0.12);
  box-sizing: border-box;
  color: var(--link-color);
  display: inline-block;
  margin: 0;
  padding: 0.7rem 1.5rem;
  text-decoration: underline;
  transition: all 0.3s ease;
  width: 100%;
}


.sv-toc-portlet li a:hover {
  background-color: var(--light-blue);
}

.sv-toc-portlet .lp-observer-target--is-observed {
  border-left-color: #477e62;
  font-weight: 600;
}

.sv-toc-portlet > ul > li > ul a {
  padding-left: 3.5rem;
}

.sv-toc-portlet > ul > li > ul > li > ul a {
  padding-left: 5rem;
}

/*
---------------------------------------------------------
FILDELNINGSMODULEN
--------------------------------------------------------- */

.sv-file-portlet .sv-file-portlet-fileicon {
  display: none;
}

.sv-file-portlet a.normal {
  color: var(--link-color);
}

.sv-file-portlet a[href*='.pdf']::after,
.sv-file-portlet a[href*='.txt']::after,
.sv-file-portlet a[href*='.doc']::after,
.sv-file-portlet a[href*='.docx']::after {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%20384%20512\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23F40F02\'%3E%3Cg%20%20clip-path%3D%22url(%23clip0_1631_7815)%22%3E%3Cpath%20d%3D%22M369.9%2097.9L286%2014C277%205%20264.8-.1%20252.1-.1H48C21.5%200%200%2021.5%200%2048v416c0%2026.5%2021.5%2048%2048%2048h288c26.5%200%2048-21.5%2048-48V131.9c0-12.7-5.1-25-14.1-34zM332.1%20128H256V51.9l76.1%2076.1zM48%20464V48h160v104c0%2013.3%2010.7%2024%2024%2024h104v288H48zm250.2-143.7c-12.2-12-47-8.7-64.4-6.5-17.2-10.5-28.7-25-36.8-46.3%203.9-16.1%2010.1-40.6%205.4-56-4.2-26.2-37.8-23.6-42.6-5.9-4.4%2016.1-.4%2038.5%207%2067.1-10%2023.9-24.9%2056-35.4%2074.4-20%2010.3-47%2026.2-51%2046.2-3.3%2015.8%2026%2055.2%2076.1-31.2%2022.4-7.4%2046.8-16.5%2068.4-20.1%2018.9%2010.2%2041%2017%2055.8%2017%2025.5%200%2028-28.2%2017.5-38.7zm-198.1%2077.8c5.1-13.7%2024.5-29.5%2030.4-35-19%2030.3-30.4%2035.7-30.4%2035zm81.6-190.6c7.4%200%206.7%2032.1%201.8%2040.8-4.4-13.9-4.3-40.8-1.8-40.8zm-24.4%20136.6c9.7-16.9%2018-37%2024.7-54.7%208.3%2015.1%2018.9%2027.2%2030.1%2035.5-20.8%204.3-38.9%2013.1-54.8%2019.2zm131.6-5s-5%206-37.3-7.8c35.1-2.6%2040.9%205.4%2037.3%207.8z%22%2F%3E%3C%2Fg%3E%3Cdefs%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3CclipPath%20id%3D%22clip0_1631_7815%22%3E%3Cpath%20d%3D%22M0%200h384v512H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  height: 0.9em;
  margin: 0 0 -2px 0.4em;
  width: 0.9em;
}

.sv-file-portlet a[href*='.txt']::after,
.sv-file-portlet a[href*='.doc']::after,
.sv-file-portlet a[href*='.docx']::after {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%20384%20512\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%2323557d\'%3E%3Cg%20%20clip-path%3D%22url(%23clip0_1631_7813)%22%3E%3Cpath%20d%3D%22M369.9%2097.9L286%2014C277%205%20264.8-.1%20252.1-.1H48C21.5%200%200%2021.5%200%2048v416c0%2026.5%2021.5%2048%2048%2048h288c26.5%200%2048-21.5%2048-48V131.9c0-12.7-5.1-25-14.1-34zM332.1%20128H256V51.9l76.1%2076.1zM48%20464V48h160v104c0%2013.3%2010.7%2024%2024%2024h104v288H48zm220.1-208c-5.7%200-10.6%204-11.7%209.5-20.6%2097.7-20.4%2095.4-21%20103.5-.2-1.2-.4-2.6-.7-4.3-.8-5.1.3.2-23.6-99.5-1.3-5.4-6.1-9.2-11.7-9.2h-13.3c-5.5%200-10.3%203.8-11.7%209.1-24.4%2099-24%2096.2-24.8%20103.7-.1-1.1-.2-2.5-.5-4.2-.7-5.2-14.1-73.3-19.1-99-1.1-5.6-6-9.7-11.8-9.7h-16.8c-7.8%200-13.5%207.3-11.7%2014.8%208%2032.6%2026.7%20109.5%2033.2%20136%201.3%205.4%206.1%209.1%2011.7%209.1h25.2c5.5%200%2010.3-3.7%2011.6-9.1l17.9-71.4c1.5-6.2%202.5-12%203-17.3l2.9%2017.3c.1.4%2012.6%2050.5%2017.9%2071.4%201.3%205.3%206.1%209.1%2011.6%209.1h24.7c5.5%200%2010.3-3.7%2011.6-9.1%2020.8-81.9%2030.2-119%2034.5-136%201.9-7.6-3.8-14.9-11.6-14.9h-15.8v.2z%22%2F%3E%3C%2Fg%3E%3Cdefs%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3CclipPath%20id%3D%22clip0_1631_7813%22%3E%3Cpath%20d%3D%22M0%200h384v512H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
}


/*
---------------------------------------------------------
KAKGODKÄNNANDE
--------------------------------------------------------- */

.sv-cookie-consent-banner {
  border: 2px solid #ddd;
  box-shadow: var(--box-shadow);
}

.sv-cookie-consent-banner .env-text h4,
.env-text--h4,
.env-text-h4,
h4.env-text {
  font-size: 1.9rem;
}

.sv-cookie-consent-banner .env-text p,
.env-text--p,
.env-text-p,
p.env-text {
  font-size: 1.5rem;
}

.sv-cookie-consent-banner .env-link {
  padding: 1px;
  text-decoration: underline;
}

.sv-cookie-consent-banner > div > div:last-child:has(.env-button) {
   max-width: 60em !important;
}

.sv-cookie-consent-banner .env-button {
  background-color: var(--env-element-primary-background-color);
  border-color: var(--env-element-primary-background-color);
  color: var(--env-element-primary-font-color);
}

.sv-cookie-consent-banner .env-button--link::after {
   content: none;
}

.sv-cookie-consent-banner .env-button--link {
   background-color: transparent; 
   color: var(--env-font-color);
  
}

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

.sv-cookie-consent-banner .env-button--link:hover {
   background-color: var(--env-element-primary-background-color-dark);
   border-color: var(--env-element-primary-background-color-dark);
   color: var(--env-element-primary-font-color);
   text-decoration: none;
}

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

.sv-cookie-consent-banner form:nth-child(2) .env-button:hover {
  background-color: var(--env-element-primary-background-color-dark);
}

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

.sv-cookie-consent-modal .env-switch__slider::before {
  height: 1em;
  width: 1em;
}