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


/*
---------------------------------------------------------
LISTNING, SÖKBARA & PUBLIKA SIDOR
--------------------------------------------------------- */

.lp-page-status-list {
  list-style: none;
  margin: 0 0 3rem;
  padding: 0;
}

.lp-page-status-list li {
  background: #eee;
  margin: 0 0 1rem;
  padding: 1rem;
}

.lp-page-status-list .lp-page-status-tag {
  font-size: 1.5rem;
  margin-left: 1rem;
}

.lp-page-status-list li a {
  align-items: baseline;
  display: flex;
  font-size: 1.8rem;
  font-weight: 700;
  text-decoration: none;
}

.lp-page-status-list li a:before {
  background-color: #222;
  content: '';
  display: block;
  height: 0.5em;
  margin-right: 0.5rem;
  width: 0.5em;

  -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23222%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2019.66%2030.58%22%3E%3Cpath%20d%3D%22M19.29%2014.44L5.22.36a1.19%201.19%200%200%200-1.71%200L.36%203.51a1.19%201.19%200%200%200%200%201.71l10.07%2010.07L.36%2025.37a1.19%201.19%200%200%200%200%201.71l3.15%203.15a1.19%201.19%200%200%200%201.71%200l14.07-14.08a1.19%201.19%200%200%200%200-1.71z%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%23222%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2019.66%2030.58%22%3E%3Cpath%20d%3D%22M19.29%2014.44L5.22.36a1.19%201.19%200%200%200-1.71%200L.36%203.51a1.19%201.19%200%200%200%200%201.71l10.07%2010.07L.36%2025.37a1.19%201.19%200%200%200%200%201.71l3.15%203.15a1.19%201.19%200%200%200%201.71%200l14.07-14.08a1.19%201.19%200%200%200%200-1.71z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

/*
---------------------------------------------------------
LANDNINGSMENY
--------------------------------------------------------- */

ul.lp-box-menu {
  background-color: var(--lp-box-menu-content-background-color);
  border-radius: var(--lp-box-menu-border-radius);
  box-shadow: var(--lp-box-menu-box-shadow);
  display: grid;
  list-style: none;
  margin: 3rem 0 4rem;
  outline: var(--lp-box-menu-padding) solid var(--lp-box-menu-content-background-color);
  outline-offset: calc(-1.1 * var(--lp-box-menu-padding));
  padding: var(--lp-box-menu-padding);

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

.lp-box-menu__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.lp-box-menu__content {
  background: var(--lp-box-menu-content-background-color);
  box-sizing: border-box;
  height: 100%;
  padding: var(--lp-box-menu-content-padding);
  transition: var(--lp-transition-default);
}

a.lp-box-menu__item-link {
  color: var(--lp-box-menu-content-link-color);
  display: inline-block;
  font-size: 2rem;
  margin: 0 0 0.3em;
  padding-right: calc(1em + 1rem);
  text-decoration: none;
}

a.lp-box-menu__item-link:hover,
.lp-box-menu__content.lp-clickable-area:hover .lp-box-menu__item-link {
  text-decoration: underline;
}

.lp-box-menu__content.lp-clickable-area:hover {
  background: var(--lp-box-menu-content-background-color-hover);
}

.lp-box-menu__item-link .lp-icon {
  font-size: 1em;
  margin-bottom: -2px;
  margin-left: 1rem;
  margin-right: calc(-1 * calc(1em + 1rem));
}

p.lp-box-menu__item-description {
  color: var(--lp-box-menu-content-font-color);
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.7;
  margin: 0;
}

.lp-box-menu__content > .lp-box-menu__item-link:last-child,
.lp-box-menu__content > *:last-child {
  margin-bottom: 0;
}

/*
---------------------------------------------------------
LÄNK TILL SIDANS TOPP
--------------------------------------------------------- */

a.lp-page-top {
  align-items: center;
  background-color: var(--lp-color-3);
  border: 2px solid #fff;
  border-right: 0;
  bottom: 13rem;
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
  box-sizing: border-box;
  color: var(--lp-color-3-text);
  display: flex;
  height: 48px;
  margin: 0;
  position: fixed;
  right: 0;
  text-align: center;
  text-decoration: none;
  transform: translateX(100%);
  transition: var(--lp-transition-default);
  width: 48px;

  justify-content: center;
}

a.lp-page-top.lp-scrolled {
  transform: translateX(0);
}

a.lp-page-top:hover,
a.lp-page-top:focus {
  background: var(--env-element-primary-background-color-dark);
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
  color: #fff;
}

a.lp-page-top .lp-icon {
  margin: 0;
  transform: rotate(-90deg);
}


/*
---------------------------------------------------------
ÖPPETTIDER
--------------------------------------------------------- */

.lp-openhours-badge {
  margin-right: var(--env-spacing-x-small);
  padding: var(--env-spacing-xx-small) var(--env-spacing-medium);
}

/* Öppettider i expanderbart innehåll */
.lp-expandable-content__wrap .lp-openhours-badge {
  margin-left: 1rem;
}

.lp-expandable-content__wrap .lp-openhours.lp-openhours-today {
  align-items: center;
  display: flex;
  font-size: 1.8rem;

  flex-flow: row-reverse;
}

.lp-expandable-content__wrap .lp-openhours-today__next-state {
  font-weight: 300;
}

/* Kommatecken i lista öppettider vid fler än en öppettid */
.lp-openhours-list span.lp-hours__openhours.lp-hours__openhours--open.env-text span:not(:last-child)::after {
  content: ',';
  display: inline-block;
}

/* Öppettider utan expanderbart innehåll */
.lp-openhours-list .lp-openhours-list__item a {
  text-decoration: none;
}

.lp-openhours-list .lp-openhours-list__item span.lp-openhours-list__item__name {
  text-decoration: underline;
}

.lp-openhours-list .lp-openhours-list__item a:after {
  content: none;
}
/*
---------------------------------------------------------
ÅTERKOPPLING
--------------------------------------------------------- */

.lp-page-feedback {
  background-color: var(--lp-feedback-background-color);
  border-radius: var(--lp-border-radius);
  margin: 5rem 0 3rem;
  padding: 2rem 2.5rem;
}

.lp-page-feedback__question {
  align-items: center;
  display: flex;

  flex-wrap: wrap;
  justify-content: space-between;
}

.lp-page-feedback__question > span {
  max-width: 35rem;
}

.lp-page-feedback__question > span,
.lp-page-feedback .lp-feedback-confirmation-text,
.lp-feedback-form-element__label {
  color: var(--lp-feedback-font-color);
}

.lp-page-feedback .lp-feedback-confirmation-text {
  margin: 0;
}

.lp-feedback-form-input {
  border: 1px solid var(--lp-feedback-border-color);
}

.lp-feedback-buttons {
  align-items: center;
  display: flex;
  margin: 0 -0.5rem;
}

.lp-page-feedback__question .lp-feedback-buttons .env-button {
  background-color: #fff;
  border: 1px solid var(--lp-feedback-border-color);
  color: var(--lp-feedback-font-color);
  margin-left: 0.5rem!important;
  margin-right: 0.5rem;
  min-width: 8rem;
  padding: 0.8rem 1.5rem;
  text-align: center;
}

.lp-page-feedback__question .lp-feedback-buttons .env-button:hover {
  text-decoration: underline;
}

/*
---------------------------------------------------------
KALKYLATOR ANSLUTNINGSAVGIFT
--------------------------------------------------------- */

.limepark-uppsala-vatten-calculator__blockloader__container {
  background: #e3ecc6;
  border-radius: 1rem;
  padding: 2rem;
}

body .limepark-uppsala-vatten-calculator__default__container {
  background-color: transparent;
  /*border: 1px solid var(--env-block-border-color);*/
}

.limepark-uppsala-vatten-calculator__form__auto-publish-message {
  display: none;
}

.lp-js .limepark-uppsala-vatten-calculator__form__auto-publish-message {
  /*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
  display: block;
  font-size: 1.4rem;
  margin: 0 0 2rem;
  padding-bottom: 1rem;
}

body .limepark-uppsala-vatten-calculator__calculator__form {
  padding: 0;
}

body .limepark-uppsala-vatten-calculator__field--multiple {
  border: none;
  margin: 0;
  padding: 0;
}

.limepark-uppsala-vatten-calculator__field {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 2rem;
}

.sv-limepark-uppsala-vatten-calculator label,
.sv-limepark-uppsala-vatten-calculator legend {
  display: block;
  font-weight: bold;
  margin: 2rem 0 0.5rem;
}

.sv-limepark-uppsala-vatten-calculator fieldset label {
  display: block;
  font-weight: normal;
  margin: 0 0 0.5rem;
}
/* Styling sätts i form-objects.css
.limepark-uppsala-vatten-calculator__field__input {
}
*/
.limepark-uppsala-vatten-calculator__field__description {
  font-size: 1.4rem;
  margin: 0.5rem 0 0;
}


.sv-limepark-uppsala-vatten-calculator button {
  /* Styling sätts i form-objects.css */
  border-width: 1px;
  margin-top: 1em;
}

.lp-js .sv-limepark-uppsala-vatten-calculator button {
  display: none;
}

body .limepark-uppsala-vatten-calculator__results {
  background: rgba(255, 255, 255, 0.4);
  border-radius: var(--lp-border-radius);
  margin: 2rem 0 0;
  padding: var(--lp-spacing-large) var(--lp-spacing-large);
}

body .limepark-uppsala-vatten-calculator__results p {
  margin: 0;
}

.limepark-uppsala-vatten-calculator__results__price strong {
  display: block;
  font-size: 2.5rem;
}

/* SORTERINGSGUIDE */

/*TABS*/
.sv-limepark-recycling-guide {
  --lp-recycling-guide-theme-color-light: rgba(var(--lp-recycling-guide-theme-color-rgb-unformatted), 0.25);
  --lp-recycling-guide-theme-color-light-contrast: #000;
  --lp-recycling-guide-theme-color-rgb: rgb(var(--lp-recycling-guide-theme-color-rgb-unformatted));
  --lp-recycling-guide-theme-color-rgb-contrast: #000;
  --lp-recycling-guide-theme-color-rgb-unformatted: 240,129,0;
  --lp-tab-background-color: var(--lp-recycling-guide-theme-color-light);
  --lp-tab-background-color-current: var(--lp-recycling-guide-theme-color-light);
  --lp-tab-background-color-hover: var(--lp-recycling-guide-theme-color-light);
  --lp-tab-border-color: var(--lp-recycling-guide-theme-color-rgb);
  --lp-tab-font-color: var(--lp-recycling-guide-theme-color-light-contrast);
  --lp-tab-font-color-current: var(--lp-recycling-guide-theme-color-light-contrast);
  --lp-tab-font-color-hover: var(--lp-recycling-guide-theme-color-rgb-contrast);
  --lp-tab-list-background-color: var(--lp-recycling-guide-theme-color-light);
  --lp-tab-list-padding: 3rem;
  --lp-tabs-border-radius: var(--env-border-radius);
  --lp-tabs-space-between: 1rem;
  --lp-tabs-space-between-half: calc(var(--lp-tabs-space-between) / 2 + 1px);
}
.limepark-recycling-guide__waste-types__container,
.limepark-recycling-guide__search-result__list,
.limepark-recycling-guide__a-to-z__container {
  margin-top: 5rem;
}

.limepark-recycling-guide__tabs__tab-list {
  align-items: flex-end;
  display: grid;
  list-style: none;
  margin-bottom: 0;
  padding: 0;
  padding: var(--lp-tab-list-padding) 0;

  gap: var(--lp-tabs-space-between);
  grid-template-columns: repeat(3,1fr);
}

.limepark-recycling-guide__tabs__tab-list,
.limepark-recycling-guide__search__form {
  position: relative;
}

.limepark-recycling-guide__tabs__tab {
  height: 100%;
}

.limepark-recycling-guide__tabs__tab-list:first-child:after,
.limepark-recycling-guide__search__form:first-child:after {
  background: var(--lp-tab-list-background-color);
  bottom: 0rem;
  content: '';
  display: block;
  left: calc(50% - 50vw);
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: -1;
}

.limepark-recycling-guide__tabs__tab-button {
  border: 1px solid var(--lp-tab-border-color);
  border-radius: var(--lp-tabs-border-radius) var(--lp-tabs-border-radius) 0 0;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  padding: 1rem 3rem 1rem;
  position: relative;
  text-align: center;
  text-decoration: none;

  align-content: center;
  justify-content: center;
}

.limepark-recycling-guide__tabs__tab-button::after,
.limepark-recycling-guide__tabs__tab-button::before {
  background-color: var(--lp-tab-border-color);
  bottom: -1px;
  content: '';
  display: block;
  height: 1px;
  position: absolute;
  width: var(--lp-tabs-space-between-half);
}
.limepark-recycling-guide__tabs__tab-button::before {
  left: calc(var(--lp-tabs-space-between-half) * -1);
}

.limepark-recycling-guide__tabs__tab-button::after {
  right: calc(var(--lp-tabs-space-between-half) * -1);
}

.limepark-recycling-guide__tabs__tab-button--current {
  border-bottom-color: transparent;
}

.limepark-recycling-guide__tabs__tab-button:hover:not(.limepark-recycling-guide__tabs__tab-button--current) {
  background-color: var(--lp-tab-background-color-hover);
  color: var(--lp-tab-font-color-hover);
}

/* Sök avfall*/
.limepark-recycling-guide__search__form {
  padding: 0 0 var(--lp-tab-list-padding);
}

.limepark-recycling-guide__search__form-group {
  display: grid;

  gap: 1rem;
  grid-template-columns: auto -webkit-min-content;
  grid-template-columns: auto min-content;
}

.limepark-recycling-guide__search__form-label {
  grid-column: 1 / span 2;
}

.limepark-recycling-guide__search__form-input {
  background-color: var(--env-form-input-background-color);
  background-image: none;
  border: 1px solid var(--env-form-input-border-color);
  border-radius: var(--env-form-input-border-radius);
  box-sizing: border-box;
  color: var(--env-form-input-font-color);
  display: block;
  font-size: var(--env-font-size-medium);
  line-height: 1.4;
  margin: 0;
  min-height: 2.75em;
  padding: var(--env-spacing-x-small) var(--env-spacing-small);
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}

.limepark-recycling-guide__search__button {
  align-items: center;
  background-color: var(--env-element-background-color);
  border: 1px solid;
  border-color: var(--env-element-background-color);
  border-radius: calc(var(--env-button-border-radius) * 1);
  box-sizing: border-box;
  color: var(--env-element-font-color);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--env-button-font-family);
  font-size: var(--env-font-size-medium);
  margin: 0;
  min-height: 2.75em;
  padding: 0 1.3125em;
  text-align: center;
  text-decoration: none;
  transition: box-shadow 0.2s ease-in-out;
  vertical-align: middle;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  justify-content: center;
  overflow-wrap: initial;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.limepark-recycling-guide__search-result__list {
  list-style: none;
  padding: 0;
}

.limepark-recycling-guide__search-result__list-item {
  border-bottom: 1px solid var(--env-border-color);
  padding: 1rem 0;
}

.limepark-recycling-guide__search-result__waste-wrapper {
  align-items: start;
  display: grid;

  grid-template-columns: 1fr 1fr 1fr;
}

.limepark-recycling-guide__search-result__waste-title-wrapper h2 {
  font-size: var(--env-font-size);
  font-weight: 700;
}

.limepark-recycling-guide__search-result__waste-type-title,
.limepark-recycling-guide__search-result__waste-location-title {
  display: block;
  font-size: var(--env-font-size-small);
}
.limepark-recycling-guide__search-result__waste-type-link,
.limepark-recycling-guide__search-result__waste-location-place-link {
  color: var(--env-link-font-color);
  margin-right: var(--env-spacing-x-small);
}

/*Avfallstyp*/
.limepark-recycling-guide__waste-types__list {
  display: grid;
  list-style: none;
  padding: 0;

  gap: 1rem 1rem;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.limepark-recycling-guide__waste-types__link {
  align-items: center;
  background-color: #f2f2f2;
  border-radius: var(--lp-tabs-border-radius);
  box-sizing: border-box;
  display: flex;
  height: 100%;
  line-height: 1.5;
  padding: 2rem;
  text-decoration: none;
  transition: all 3ms ease;
}

.limepark-recycling-guide__waste-types__link span {
  box-sizing: border-box;
  color: var(--env-link-font-color);
  display: inline-block;
  padding-left: 3.4rem !important;
  text-decoration: none;
}

.limepark-recycling-guide__waste-types__link span:before {
  background-color: var(--lp-link-font-color);
  content: '';
  display: inline-block;
  height: 1em;
  margin-left: -3.4rem;
  width: 2.9rem;

  -webkit-mask-image: var(--lp-icon-lp-arrow-right);
  mask-image: var(--lp-icon-lp-arrow-right);
  -webkit-mask-position: 0 4px;
  mask-position: 0 4px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.limepark-recycling-guide__waste-types__link:hover {
  background-color: #e2e2e2;
}

/*A-Z-lista*/
.limepark-recycling-guide__a-to-z__waste-list {
  -moz-column-count: 4;
  column-count: 4;
  list-style: none;
  padding: 0;
}

.limepark-recycling-guide__a-to-z__waste-list-item {
  margin-bottom: var(--env-spacing-x-small);
}

.limepark-recycling-guide__a-to-z__character-link {
  color: var(--lp-link-font-color);
  text-decoration: underline;
  transition: all ease 0.4s;

  text-decoration-color: var(--lp-link-font-color);
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

.limepark-recycling-guide__a-to-z__character-link:hover {
  text-decoration-thickness: 3px;
}

/*
---------------------------------------------------------
CHATT
--------------------------------------------------------- */

.limepark-uppsala-vatten-chat__default {
  display: flex;
  flex-direction: column;
}

.limepark-uppsala-vatten-chat__default__togglecontent-exit-done {
  display: none;
}

/* Knapp */

.sv-custom-module.sv-limepark-uppsala-vatten-chat {
  bottom: 1rem;
  margin: 0;
  max-width: 550px;
  position: fixed;
  right: 5rem;
  z-index: 1000;
}

.limepark-uppsala-vatten-chat__default__togglebutton {
  background-color: var(--lp-color-success);
  border: 1px solid var(--lp-color-success);
  border-radius: calc(var(--env-button-border-radius) * 1);
  color: var(--lp-color-success-text);
  font-size: 1.4rem;
  margin-left: auto;
  min-height: 3.6em;
  padding: 0 1rem;
  transition: var(--lp-transition-default);
}

.limepark-uppsala-vatten-chat__default__togglebutton::before {
  background-color: #fff;
  content: '';
  display: inline-block;
  height: 2em;
  margin: 0rem 0.8rem 0 0;
  vertical-align: middle;
  width: 2em;

  -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23FFF%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M10.5%207C6.928%207%204%209.928%204%2013.5v17c0%203.572%202.928%206.5%206.5%206.5H12v5.5c0%201.966%202.427%203.179%204%202L26%2037h11.5c3.572%200%206.5-2.928%206.5-6.5v-17C44%209.928%2041.072%207%2037.5%207h-27zm0%203h27c1.95%200%203.5%201.55%203.5%203.5v17c0%201.95-1.55%203.5-3.5%203.5h-12a1.5%201.5%200%200%200-.9.3L15%2041.5v-6a1.5%201.5%200%200%200-1.5-1.5h-3C8.55%2034%207%2032.45%207%2030.5v-17c0-1.95%201.55-3.5%203.5-3.5z%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%23FFF%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M10.5%207C6.928%207%204%209.928%204%2013.5v17c0%203.572%202.928%206.5%206.5%206.5H12v5.5c0%201.966%202.427%203.179%204%202L26%2037h11.5c3.572%200%206.5-2.928%206.5-6.5v-17C44%209.928%2041.072%207%2037.5%207h-27zm0%203h27c1.95%200%203.5%201.55%203.5%203.5v17c0%201.95-1.55%203.5-3.5%203.5h-12a1.5%201.5%200%200%200-.9.3L15%2041.5v-6a1.5%201.5%200%200%200-1.5-1.5h-3C8.55%2034%207%2032.45%207%2030.5v-17c0-1.95%201.55-3.5%203.5-3.5z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.limepark-uppsala-vatten-chat__default__togglebutton:hover.limepark-uppsala-vatten-chat__default__togglebutton::before {
  color: #0a0a0a;
  transform: scale(1.1);
}

.limepark-uppsala-vatten-chat__default__togglebutton:hover {
  background-color: var(--lp-color-success-light);
  border-color: var(--lp-color-success-light);
  color: #0a0a0a;
}

/* Formulär */

.limepark-uppsala-vatten-chat__default__togglecontent {
  background-color: var(--lp-form-background-color);
  border-radius: 1rem;
  box-shadow: 0 4px 4px rgba(0,0,0,0.25);
  margin-bottom: 1rem;
  padding: 2rem;
  transform: scale(0);
  transform-origin: bottom right;
  transition: 0.2s cubic-bezier(0.79, 0.33, 0.14, 0.53);
}

.limepark-uppsala-vatten-chat__default__togglecontent-enter-done {
  transform: scale(1);
}

.limepark-uppsala-vatten-chat__default__toggleheading {
  margin: 0;
}

.limepark-uppsala-vatten-chat__form__fieldlabel {
  font-weight: 700;
}

.limepark-uppsala-vatten-chat__form__field {
  display: flex;
  flex-direction: column;
}

.limepark-uppsala-vatten-chat__form > div:first-of-type {
  margin-bottom: 1.5rem;
}

.limepark-uppsala-vatten-chat__form__field > input[type=text],
.limepark-uppsala-vatten-chat__form__field > input[type=email] {
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.418);
  border-radius: 4px;
  font-size: 1.8rem;
  line-height: 1.6!important;
  padding: 0.5rem 1.5rem;
  transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}

.limepark-uppsala-vatten-chat__form__fielddescription {
  margin: 0;
}

.limepark-uppsala-vatten-chat__form > button {
  background-color: var(--lp-color-1);
  border: 1px solid;
  border-color: var(--lp-color-1);
  border-radius: 4px;
  color: var(--lp-color-1-text);
  cursor: pointer;
  font-size: 1.4rem;
  line-height: 1.6;
  margin-top: 2rem;
  padding: 0.5rem 1rem;
}

.limepark-uppsala-vatten-chat__form > button:hover {
  background-color: var(--lp-color-1-dark);
  border-color: var(--lp-color-1-dark);
  color: var(--lp-color-1-text);
}

#lp-jobPositions-jobList li span {
  display: block;
}


/*
---------------------------------------------------------
Kalkylator avfallshämtning
--------------------------------------------------------- */

/* Flikar */

.limepark-uppsala-vatten-wcc__form-list {
  display: flex;
  list-style-type: none;
  margin: 0.5rem 0;
  padding: 0;

  flex-wrap: wrap;
}

.limepark-uppsala-vatten-wcc__form-list.limepark-uppsala-vatten-wcc__form-list--compact {
  margin: 0.5rem 0 2.5rem;
}

.limepark-uppsala-vatten-wcc__form-list li {
  background: inherit;
  margin: 0 1.5rem 1.5rem 0;
}

.limepark-uppsala-vatten-wcc__form-list a {
  background-color: rgba(255,255,255,0.2);
  border: 1px solid rgba(0,0,0,0.4);
  border-radius: 8px;
  display: block;
  padding: 0.8rem 1.4rem 0.6rem;
  position: relative;
  text-decoration: none;
}

.limepark-uppsala-vatten-wcc__form-list a:hover {
  text-decoration: underline;
}

.limepark-uppsala-vatten-wcc__form-list .limepark-uppsala-vatten-wcc__form-list__link--current {
  background-color: #fff;
  color: var(--env-font-color);
}

.limepark-uppsala-vatten-wcc__form-list .limepark-uppsala-vatten-wcc__form-list__link--current:after {
  border-color: rgba(0,0,0,0.4) transparent transparent transparent;
  border-style: solid;
  border-width: 6px 5.5px 0 5.5px;
  bottom: -7px;
  content: '';
  height: 0;
  left: calc(50% - 3px);
  position: absolute;
  width: 0;
}

/* formulär */

.sv-limepark-uppsala-vatten-waste-collection-calculator {
  background: #e3ecc6;
  border-radius: 1rem;
  padding: 2rem;
}

.limepark-uppsala-vatten-wcc__before-content p {
  margin: 0.5rem 0 0;
}


.limepark-uppsala-vatten-wcc__calculator__auto-submit-message {
  font-size: 1.4rem;
}

.sv-limepark-uppsala-vatten-waste-collection-calculator .sv-text-portlet-content .normal + ul {
  margin: 1.5rem 0 3rem;
}

.limepark-uppsala-vatten-wcc__field__label {
  display: block;
  font-weight: bold;
  margin: 2rem 0 0.5rem;
}

.limepark-uppsala-vatten-wcc__field__options label {
  display: block;
  font-weight: normal;
  margin: 0 0 0.5rem;
}

.limepark-uppsala-vatten-wcc__field {
  border: 0;
  margin: 2rem 0 0;
  padding: 0;
}

.limepark-uppsala-vatten-wcc__field__input {
  min-width: 20rem;
}

.limepark-uppsala-vatten-wcc__results {
  background: rgba(255,255,255,0.4);
  border-radius: var(--lp-border-radius);
  font-size: 1.8rem;
  margin: 2rem 0 0;
  padding: var(--lp-spacing-large) var(--lp-spacing-large);
}

.limepark-uppsala-vatten-wcc__calculator--with-auto-submit .limepark-uppsala-vatten-wcc__calculator__submit {
  display: none;
}

.limepark-uppsala-vatten-wcc__calculator__submit {
  margin: 2rem 0 0;
}


/*
---------------------------------------------------------
Kalylator Årskostand Avfall 
--------------------------------------------------------- */

.sv-limepark-uppsala-vatten-annual-cost-calculator {
  background: #e3ecc6;
  border-radius: 1rem;
  padding: 2rem;
}

.limepark-uppsala-vatten-acc__calculator__auto-submit-message {
  font-size: 1.4rem;
  margin: 0 0 1rem;
}

.limepark-uppsala-vatten-acc__field {
  border: 0;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  margin: 0 0 2rem;
  padding: 0 0 1.5rem;
}

.limepark-uppsala-vatten-acc__field__label {
  display: block;
  font-weight: bold;
  margin: 2rem 0 0.7rem;
}

.limepark-uppsala-vatten-acc__field__option {
  display: block;
  margin: 0 0 0.5rem;
}

.limepark-uppsala-vatten-acc__field__description {
  font-size: 1.4rem;
  margin: 1rem 0 0;
}

.limepark-uppsala-vatten-acc__calculator__button--submit {
  margin-right: 2rem;
}

.limepark-uppsala-vatten-acc__calculator--with-auto-submit .limepark-uppsala-vatten-acc__calculator__button {
  display: none;
}


.limepark-uppsala-vatten-acc__results {
  background: rgba(255,255,255,0.4);
  border-radius: var(--lp-border-radius);
  font-size: 1.8rem;
  margin: 2rem 0 0;
  padding: var(--lp-spacing-large) var(--lp-spacing-large);
}


/*
---------------------------------------------------------
Årskostnad Avfallshämtning FNI
--------------------------------------------------------- */


.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__container {
  background-color: #e5ebca;
  border-radius: 1rem;
  padding: var(--lp-spacing);
}

.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__form-heading-wrapper h2 {
  margin-top: 0;
}


.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__field-inner-wrapper-basics {
  margin-bottom: var(--lp-spacing);
}

.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__field-inner-wrapper-basics .limepark-uppsala-vatten-acc__field__options:last-child {
  align-self: end;
}

.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__field-outer-wrapper {
  background-color: #cfd6b1;
  border-radius: 1rem;
  margin-bottom: var(--lp-spacing);
  padding: var(--lp-spacing);
}

.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__field-outer-wrapper-packaging {
  background-color: #f2f6e1;
}

.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__container fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__field-outer-wrapper-packaging fieldset:not(:last-of-type) {
  border-bottom: 1px solid rgba(0,0,0,0.1);
  margin: 0 0 var(--lp-spacing);
  padding: 0 0 var(--lp-spacing);
}

.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__field-outer-wrapper h3 {
  font-size: 2.8rem;
  font-weight: 300;
  margin-bottom: 2rem;
  margin-top: 0;
}

.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__field-outer-wrapper .env-form-legend {
  font-size: 2.4rem;
  font-weight: 300;
  margin-bottom: 2rem;
}

.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__field-inner-wrapper {
  display: grid;

  gap: 1rem 2rem;
  grid-template-columns: 2fr 3fr 3fr;
}

.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__field-description-wrapper {
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  margin-top: 2rem;
  padding: 0.5rem 1rem;
  width: fit-content;
}

.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__packaging-description-wrapper {
  margin-bottom: 2.5rem;
}

.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__field-description-wrapper p {
  margin: 0;
}

/* .sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__field__options:has(input[id*="Container"]) {
  max-width: 30%;
} */

.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__container .env-form-label {
  font-weight: 400;
}

.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__container .env-form-input,
.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__container .env-form-select {
  background-color: rgba(242, 244, 245, 1);
}

.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__container .env-form-select select {
  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%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M43.486%2011.979a1.5%201.5%200%200%200-1.047.46L24%2030.88%205.56%2012.439a1.5%201.5%200%200%200-1.076-.455%201.5%201.5%200%200%200-1.045%202.577l19.5%2019.5a1.5%201.5%200%200%200%202.122%200l19.5-19.5a1.5%201.5%200%200%200-1.075-2.582z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-position: calc(100% - 1.2rem) 50%;
  background-repeat: no-repeat;
  background-size: 1.4rem;

  appearance: none;
}

.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__field-checkbox-wrapper {
  align-items: center;
  display: flex;
  padding: 0.625em 0.75em;
}

.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator input[type='checkbox'] {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator input[type='checkbox'] + label {
  align-items: center;
  cursor: pointer;
  display: flex;

  gap: 1rem;
}


.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator input[type='checkbox'] + label:before {
  background-color: rgba(242, 244, 245, 1);
  border: 1px solid var(--env-form-input-border-color);
  border-radius: var(--env-form-input-border-radius);
  content: '';
  height: 1.1em;
  margin-bottom: 2px;
  width: 1.1em;

  flex-shrink: 0;
}

.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator input[type='checkbox']:checked + label:before {
  background-color: rgba(242, 244, 245, 1);
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2026%2026\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23050505\'%3E%3Cpath%20%20d%3D%22M19.689%203.445c-.12.06-.258.153-.307.206-.049.054-2.064%203.013-4.478%206.576a4684.822%204684.822%200%200%201-4.404%206.497c-.009.011-.946-.908-2.084-2.042C7%2013.269%206.287%2012.588%206.153%2012.52a1.156%201.156%200%200%200-.953%200c-.12.062-.524.426-1.053.951-.968.961-1.093%201.141-1.088%201.57.003.154.038.313.096.433.067.138%201.017%201.113%203.398%203.49%203.067%203.061%203.326%203.309%203.587%203.429.758.35%201.359.264%201.885-.269.193-.195%2010.708-15.653%2010.923-16.057.111-.208.11-.657-.002-.884a1.301%201.301%200%200%200-.218-.304c-.188-.186-2.046-1.431-2.227-1.492a1.115%201.115%200%200%200-.812.058%22%2F%3E%3C%2Fsvg%3E');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 65% auto;
  border-color: var(--env-form-input-border-color);
}

.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__calculator__button--submit {
  margin-right: 2rem;
}

.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__calculator__button--submit,
.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__calculator__button--clear {
  margin-bottom: 1rem;
}

/* Result */
.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__results {
  background-color: #f7d9b3;
  border-radius: 1rem;
  margin-top: 2rem;
  padding: 2rem;
}

.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__results .limepark-uppsala-vatten-acc__result-price {
  margin-bottom: 1rem;
}


.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__results .limepark-uppsala-vatten-acc__result-total-price {
  background-color: #efc289;
  font-size: 2.4rem;
  padding: 0.5rem 1rem;
}

.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__result-price .limepark-uppsala-vatten-acc__price-highlight:first-child,
.sv-limepark-webapp-uppsala-vatten-annual-waste-collection-cost-calculator .limepark-uppsala-vatten-acc__result-total-price .limepark-uppsala-vatten-acc__price-highlight:first-child {
  font-weight: 600;
}


/*
---------------------------------------------------------
ÖPPETTIDER I EXPANDERBART
--------------------------------------------------------- */

div.lp-expandable-hours .lp-expandable-content .lp-expandable-content__toggler {
  background-color: transparent;
  padding-bottom: 1.5rem;
  padding-right: clamp(24rem, 38vw, 30rem);
  padding-top: 1.5rem;
}

.lp-expandable-hours .lp-expandable-content__wrap > .sv-layout {
  align-items: center;
  display: flex;
  position: relative;

  isolation: isolate;
  justify-content: space-between;
}

.lp-expandable-hours .lp-expandable-content__wrap > .sv-layout > .sv-text-portlet {
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
}

.lp-expandable-hours .lp-openhours-badge {
  margin-right: 0;
}

.lp-expandable-hours .sv-limepark-openhours2-view-today {
  max-width: clamp(24rem, 38vw, 30rem);
  position: absolute;
  right: 5.8rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}

div.lp-expandable-hours .lp-expandable-content__toggler .lp-icon {
  display: none;
}

div.lp-expandable-hours .lp-expandable-content .lp-expandable-content__toggler:after {
  background-color: var(--lp-font-color);
  content: '';
  height: 1em;
  position: absolute;
  right: 2rem;
  width: 1em;

  -webkit-mask-image: var(--lp-icon-lp-plus);
  mask-image: var(--lp-icon-lp-plus);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

div.lp-expandable-hours .lp-expandable-content .lp-expandable-content__toggler[aria-expanded='true']:after {
  -webkit-mask-image: var(--lp-icon-lp-minus);
  mask-image: var(--lp-icon-lp-minus);
}

div.lp-expandable-hours .lp-expandable-content .lp-expandable-content__toggler:before {
  background-color: transparent;
  border-radius: var(--lp-expandable-border-radius);
  content: '';
  position: absolute;
  z-index: -2;

  inset: 0;
}

div.lp-expandable-hours .lp-expandable-content .lp-expandable-content__toggler:hover:before,
div.lp-expandable-hours .lp-expandable-content .lp-expandable-content__toggler:focus:before,
div.lp-expandable-hours .lp-expandable-content .lp-expandable-content__toggler[aria-expanded='true']:before {
  background-color: var(--lp-expandable-toggler-background-color-hover);
}

div.lp-expandable-hours .lp-expandable-content .lp-expandable-content__toggler[aria-expanded='true']:before {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.sv-edit-mode .lp-expandable-hours .lp-expandable-content > *:nth-child(odd) {
  position: relative;
}

.sv-edit-mode .lp-expandable-hours .sv-limepark-openhours2-view-today {
  z-index: 0;
}

/*
---------------------------------------------------------
UPPRÄKNARE
--------------------------------------------------------- */

.sv-layout:has(>.sv-limepark-number-aos) {
  display: grid;
  gap: var(--lp-spacing);
  grid-template-columns: repeat(auto-fit,minmax(min(22rem,100%),1fr));
  margin: 0 0 var(--lp-spacing-large);
  --lp-spacing: clamp(2rem, 2.3vw, 2.5rem);
}

.sv-limepark-number-aos > div:nth-child(2), 
.lp-number-aos__blockloader__container, 
.lp-number-aos__wrapper, 
.lp-number-aos__message, 
.lp-number-aos__link {
  height: 100%;
  box-sizing: border-box;
}

.lp-number-aos__message {
  margin: 0;
}

.lp-number-aos__wrapper {
  border-radius: var(--lp-border-radius);
  background-color: #BFE7F9;
  display: flex;
  flex-direction: column;
}

.lp-number-aos__wrapper:not(:has(.lp-number-aos__link)) {
  padding: var(--lp-spacing);
}

.lp-number-aos__link {
  text-decoration: none;
  display: block;
  padding: var(--lp-spacing) var(--lp-spacing) calc(var(--lp-spacing) + 0.75em);
  position: relative;
}

.lp-number-aos__link:hover {
  text-decoration: none;
}

.lp-number-aos__link:hover .lp-number-aos__additional-text {
  text-decoration: underline;
}

.pagecontent .lp-number-aos__link[href]:after {
  position: absolute;
  background-color: var(--lp-font-color);
  content: '';
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: var(--lp-icon-lp-chevron-right);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-image: var(--lp-icon-lp-chevron-right);
  width: 0.75em;
  height: 0.75em;
  display: block;
  bottom: var(--lp-spacing);
  margin: 0;
  right: var(--lp-spacing);
  transition: var(--lp-transition-default);
}

.lp-number-aos__link:hover:after {
  transform: translateX(0.15em);
}

.lp-number-aos__number {
  display: inline-block;
  margin-right: .2em;
}

.lp-number-aos__number-unit {
  font-weight: 700;
  color: var(--lp-font-color);
  display: block;
  margin-bottom: .2em;
}

.lp-number-aos__number-unit,
.lp-number-aos__additional-text,
.lp-number-aos__message,
.lp-number-aos__link {
  color: var(--lp-font-color);
}


/* Olika färger */

.lp-number-aos--blue .lp-number-aos__wrapper {
  background-color: #BFD1E3;
}

.lp-number-aos--light-blue .lp-number-aos__wrapper {
  background-color: #80CFF3;
}

.lp-number-aos--beige .lp-number-aos__wrapper {
  background-color: #FFE6CF;
}

/*
---------------------------------------------------------
ENKELT DIAGRAM
--------------------------------------------------------- */

.lp-simple-diagram .lp-simple-diagram__legend-value-wrap,
.lp-simple-diagram .lp-simple-diagram__legend-value-wrap span {  
  font-weight: 700;
}

/*
---------------------------------------------------------
HERO KAMPANJ
--------------------------------------------------------- */

.lp-hero--campaign {
  display: grid;
  grid-template-columns: 100%;
  margin-bottom: clamp(1rem, 3vw, 3rem);
}

.lp-hero--campaign > * {
  grid-area: 1/1/1/1;
}

.lp-hero--campaign .sv-limepark-webapp-hero {
  aspect-ratio: 16/9;
  max-height: calc(100vh - 11rem);
  width: 100%;
  height: 100%;
  background-position: center;
}

.lp-hero--campaign .sv-limepark-webapp-hero {
  z-index: -1;
}

.lp-hero--campaign .sv-limepark-webapp-hero .lp-hero-video {
  object-fit: contain !important;
  object-position: bottom;
  background-color: rgba(255, 222, 191, 1);
}

.lp-hero--campaign .sv-fixed-fluid-grid {
  align-self: center;
  justify-self: center;
}

.lp-hero--campaign .lp-main-grid .pagecontent {
  margin: var(--lp-spacing-large) 0;
}

.lp-hero--campaign .lp-main-grid .pagecontent .sv-text-portlet {
  margin: 0 auto;
  max-width: clamp(30rem, 38vw, 74rem);
}

.lp-hero--campaign .lp-main-grid .pagecontent .sv-text-portlet:last-child .heading:last-child {
  margin-bottom: 0;
}

.lp-hero--campaign .heading {
  font-size: clamp(2.6rem, 6vw, 9.6rem);
  color: #fff;
  text-align: center;
  font-weight: 600;
  line-height: 1.1;
}

@media screen and (max-width: 800px) {
  .lp-hero--campaign .lp-main-grid {
    width: 100% !important;
  }

  .lp-hero--campaign .lp-main-grid .pagecontent { 
    margin: 0;
  }
}