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


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

a.lp-skip-to-content,
a.lp-skip-to-menu {
  font-size: 1.6rem;
  height: 1px;
  left: -9999px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

a.lp-skip-to-content:focus,
a.lp-skip-to-menu:focus {
  background: #000;
  color: #fff;
  display: block;
  height: auto;
  left: initial;
  overflow: visible;
  padding: 1rem 0;
  text-align: center;
  width: 100%;
  z-index: 30000;
}

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


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

body {
  background: #f5f5f5;
}

.lp-content,
.lp-secondary-content,
.lp-submenu {
  margin: 2rem 0 0;
}

.lp-wrapper {
  background: #fff;
  border-left: 1px solid #d9d5ce;
  border-right: 1px solid #d9d5ce;
  margin: 0 auto;
  max-width: 1500px;
}

/*
---------------------------------------------------------
FIXAR
--------------------------------------------------------- */

/* borttagning av extra luft i proxymoduler */
.sv-proxy-portlet .sv-text-portlet-content *,
.sv-text-portlet-cloned-content * {
  white-space: normal;
}

/*
---------------------------------------------------------
SIDHUVUD
--------------------------------------------------------- */

.lp-header {
  background: rgba(226,223,217,0.5);
  border-bottom: 1px solid #e2dfd9;
}

.sv-template-startsida-20 .lp-header {
  border-bottom: 0;
}

.lp-logo-column {
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  margin: 0 auto;
  width: 94%;

  -webkit-box-pack: justify;
  justify-content: space-between;
}

.lp-logo-column > div:last-child {
  -ms-flex-pack: end;
  max-width: 1000px;

  -webkit-box-pack: end;
  justify-content: flex-end;
}



/* Logotyp */
.lp-logo {
  margin: 4rem 2rem 4rem 0;
}

.lp-logo img {
  display: block;
  height: auto !important;
  max-width: 100% !important; /* för skärumupplösning lägre än logotypens bredd */
  width: 141px !important; /* ändra till halva bildbredden för retinaupplösning */

  aspect-ratio: 141/77;
  object-fit: contain;
}

.lp-logo a {
  display: inline-block;
}


/* Sökruta - Övrig CSS flyttad till search.css då det är samma stil för startsidans sökruta*/

header .sv-searchform-portlet {
  margin: 2rem 0;
}

.lp-page-top-search {
  background-color: rgba(226,223,217,0.5);
  display: none;
  padding: 2rem;
  position: relative;
  z-index: 1;
}

/*
---------------------------------------------------------
SIDFOT
--------------------------------------------------------- */

.lp-footer {
  background: #00497a;
  box-sizing: border-box;
  margin: 11rem 0 0;
  padding: 8rem 0 6rem;
}

.lp-footer h2.mellanrubrik {
  color: #fff;
  font-size: 2rem;
}

.lp-footer p.brodtext {
  color: #fff;
  margin: 0 !important;
}

.lp-footer p.brodtext a {
  -webkit-box-align: center;
  align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  padding: 0.5rem 0;
}

.lp-footer p.brodtext a:first-child {
  margin-top: 1rem;
}

.lp-footer p.brodtext a:hover,
.lp-footer p.brodtext a:focus {
  text-decoration: underline;
}

.lp-footer p.brodtext a:before {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox=\'0%200%2019.66%2030.58\'%20xmlns=\'http://www.w3.org/2000/svg\'%20fill=\'%23fff\'%3E%3Cpath%20d=\'M19.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\'%3E%3C/path%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-size: 15px 15px;
  content: '';
  display: inline-block;
  height: 1.5rem;
  margin: 0 8px 0 0;
  width: 1.5rem;
}

.lp-footer p.brodtext a[href^='tel:']:before {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox=\'0%200%2026.71%2026.71\'%20xmlns=\'http://www.w3.org/2000/svg\'%20fill=\'%23fff\'%3E%3Cpath%20d=\'M26.66%2020.7a3.26%203.26%200%200%200-1.44-1l-1-.57-1.22-.67-1-.59-.47-.33a5.35%205.35%200%200%200-.67-.41%201.24%201.24%200%200%200-.58-.13%201.57%201.57%200%200%200-.95.54%209.22%209.22%200%200%200-1%201.18%2011.44%2011.44%200%200%201-1%201.18%201.44%201.44%200%200%201-.87.54%201.28%201.28%200%200%201-.46-.1l-.39-.16-.46-.27-.36-.22a19.91%2019.91%200%200%201-4.46-3.3A19.9%2019.9%200%200%201%207%2011.93l-.2-.36c-.13-.21-.22-.37-.27-.46a4.09%204.09%200%200%201-.16-.39%201.27%201.27%200%200%201-.09-.43%201.44%201.44%200%200%201%20.54-.87%2011.39%2011.39%200%200%201%201.18-1%209.22%209.22%200%200%200%201.18-1%201.57%201.57%200%200%200%20.54-.95%201.24%201.24%200%200%200-.13-.54%205.38%205.38%200%200%200-.41-.67l-.34-.52q-.28-.47-.59-1l-.66-1.22L7%201.5A3.26%203.26%200%200%200%206%20.06%201.06%201.06%200%200%200%205.62%200a6.29%206.29%200%200%200-1.34.19A7.43%207.43%200%200%200%203%20.59%205.08%205.08%200%200%200%201%202.9a7.36%207.36%200%200%200-1%203.53%207.29%207.29%200%200%200%20.07%201A8.15%208.15%200%200%200%20.3%208.52q.17.61.27.9L1%2010.47q.28.76.34.93a17.18%2017.18%200%200%200%201.57%203.32%2028.13%2028.13%200%200%200%204.09%205%2028.13%2028.13%200%200%200%205%204.09%2017.13%2017.13%200%200%200%203.32%201.57l.93.34%201.05.39q.29.11.9.28a8.1%208.1%200%200%200%201.09.24%207.23%207.23%200%200%200%201%20.07%207.35%207.35%200%200%200%203.53-1%205.08%205.08%200%200%200%202.31-2%207.47%207.47%200%200%200%20.4-1.3%206.3%206.3%200%200%200%20.19-1.34%201.06%201.06%200%200%200-.06-.36z\'%3E%3C/path%3E%3C/svg%3E');
}

.lp-footer p.brodtext a[href^='mailto:']:before {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox=\'0%200%2046.67%2030\'%20xmlns=\'http://www.w3.org/2000/svg\'%20fill=\'%23fff\'%3E%3Cpath%20d=\'M4.23%2010L23%2027.54a2.91%202.91%200%200%200%204%200L45.77%2010H4.23z\'%20transform=\'translate(-1.67%20-10)\'%3E%3C/path%3E%3Cpath%20d=\'M0%202.17v25.47l13.18-13.17L0%202.17zm46.67%200l-13.18%2012.3%2013.18%2013.17V2.17z\'%3E%3C/path%3E%3Cpath%20d=\'M17.28%2026.74L4%2040h42L32.72%2026.74%2029.26%2030a6.26%206.26%200%200%201-8.52%200z\'%20transform=\'translate(-1.67%20-10)\'%3E%3C/path%3E%3C/svg%3E');
}


.lp-footer .sv-row:first-child .sv-jcrmenu-portlet {
  margin: 4.5rem 0;
}

.lp-footer .sv-jcrmenu-portlet a.brodtext {
  color: #fff;
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 0 1rem!important;
}

.lp-footer .sv-jcrmenu-portlet a.brodtext:hover {
  text-decoration: underline;
}

.lp-footer .sv-jcrmenu-portlet li {
  display: block;
}

/* Avstånd under tredje länken i menyn i andra kolumnen */
.lp-footer .sv-column-4:nth-child(2) .sv-jcrmenu-portlet li:nth-child(3) {
  margin: 0 0 5rem!important;
}

.lp-footermenus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  margin: 5rem 0 0;

  -webkit-box-pack: justify;
  justify-content: space-between;
}

.lp-footermenus > div:nth-child(2) {
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: start;

  -webkit-box-pack: start;
  justify-content: flex-start;
}

.lp-footermenus > div:nth-child(2) .lp-icon {
  color: #fff;
  font-size: 1.8rem;
  vertical-align: 0;
}


.lp-footermenus ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.lp-footermenus a.litenxtext {
  color: #fff;
  font-size: 1.6rem;
  margin: 0 2rem 0 0;
  text-decoration: underline;
}

.lp-footermenus > div:nth-child(2) a.litenxtext {
  margin: 0 0 0 2rem;
}

.lp-footermenus a.litenxtext:hover {
  text-decoration: underline;
}

.lp-footermenus .lp-icon {
  margin: 0 0.7rem 0 0;
}

.lp-social-links .lp-icon {
  font-size: 1.4em;
}

.lp-social-links a {
  display: block;
}


.lp-print-footer {
  display: none;
}

.lp-footer-map .sv-image-portlet noscript {
  color: #fff;
}

.lp-footer-map > .sv-image-portlet img {
  max-height: 100% !important;
  max-width: 100% !important;

  aspect-ratio: 37/25;
}

/* Dold H1 */

.lp-footer h1.lp-user-hidden {
  color: #fff;
}


/*
---------------------------------------------------------
SIDINNEHÅLL
--------------------------------------------------------- */

.lp-content .sv-text-portlet:target .subheading:first-of-type {
  position: relative;
}

.lp-content .sv-text-portlet:target .subheading:first-of-type:before {
  border-color: transparent transparent transparent #888;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  content: '';
  display: block;
  height: 0;
  left: -15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
}


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

.lp-login-404 {
  border: 1px solid #eee;
  box-shadow: 0 0 20px 0 #eee;
  margin: 10rem auto 0;
  max-width: 500px;
  padding: 2rem;
}

/*
---------------------------------------------------------
E-TJÄNST-PROXYS / KNAPPMODUL
--------------------------------------------------------- */

.start-flow-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 -2rem;
}

.start-flow-panel a,
div .sv-marketplace-sitevision-button .env-button {
  background: #006b4e;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 1.4rem;
  font-weight: normal;
  margin: 0 2rem 2rem 0;
  padding: 1.5rem;
}

.start-flow-panel a:hover,
div .sv-marketplace-sitevision-button .env-button:hover {
  text-decoration: underline;
}

div .sv-marketplace-sitevision-button .env-button:hover {
  background: #006b4e;
}


/*
---------------------------------------------------------
ÅTERKOPPLINGSFUNKTION
--------------------------------------------------------- */

/* General feedback styling */
.lp-feedback {
  border: 1px solid #e4e4e4;
  clear: both;
  margin: 3rem 0;
  padding: 0.5rem 1rem;
}

.lp-feedback p {
  line-height: 1.7;
}

/* Feedback call-to-action text */
.lp-feedback > .sv-vertical:first-child {
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: justify;

  -webkit-box-pack: justify;
  justify-content: space-between;
}

.lp-feedback > .sv-vertical:first-child p.brodtext {
  margin: 0 0 0 0.5rem !important;
}

/* Form and feedback text */
.lp-js .lp-feedback .sv-form-portlet {
  clear: both;
  display: none;
}

.lp-feedback .sv-form-portlet {
  margin: 10px 0 0;
}

.lp-feedback form {
  background: #f6f6f6;
  margin: 0 0 0.5rem;
  padding: 1.5rem 2rem 2rem;
}

.lp-feedback .sv-form-portlet > div {
  margin-bottom: 0;
}

/* Form fields */
.lp-feedback label {
  display: block;
  font-weight: 700;
  margin-bottom: 5px;
  overflow: hidden;
  width: 100%;
}

.lp-feedback label + br {
  display: none;
}

.lp-feedback input[type='text'],
.lp-feedback input[type='tel'],
.lp-feedback textarea {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: none !important;
  box-sizing: border-box;
  font-size: 1em;
  line-height: normal;
  padding: 10px;
  width: 100%;
}

.lp-feedback input[type='text']:focus,
.lp-feedback textarea:focus {
  border: 1px solid #4fb3d3;
  outline: none;
}

/* Yes, no and submit buttons */
#lp-feedback-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  overflow: auto;

  -webkit-box-pack: end;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.lp-feedback .sv-html-portlet {
  -webkit-box-flex: 0;
  flex: 0 1 auto;
}

#lp-feedback-buttons button {
  margin: 0.5rem 1rem 0.5rem 0;
}

.lp-feedback input[type='submit'] {
  padding: 1rem;
}

#lp-feedback-buttons button,
.lp-feedback input[type='submit'] {
  background-color: #006b4e;
  border: none;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-size: 1.4rem;
  padding: 1.1rem 2.5rem;
}

#lp-feedback-buttons button[disabled] {
  background-color: #f6f6f6;
  border-color: #ccc;
  color: #999;
  cursor: default;
}

/* Thank you box */
.lp-feedback-thanks {
  background: #f6f6f6;
  display: none;
  margin: 10px 0 0;
  padding: 15px 20px 0;
}

.lp-feedback-thanks .brodtext {
  font-weight: 700;
  margin-bottom: 0;
}


/*
---------------------------------------------------------
GAMMAL NYHET
--------------------------------------------------------- */

.lp-old-news {
  background: #006b4e;
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2034.04%2031.57\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23fff\'%3E%3Cpath%20%20d%3D%22M33.72%2028L19.14%201.27a2.42%202.42%200%200%200-.89-.93%202.4%202.4%200%200%200-2.47%200%202.42%202.42%200%200%200-.89.93L.32%2028a2.26%202.26%200%200%200%200%202.39%202.43%202.43%200%200%200%202.09%201.2h29.18a2.43%202.43%200%200%200%202.09-1.2%202.26%202.26%200%200%200%20.04-2.39zm-14.27-1.9a.61.61%200%200%201-.18.45.58.58%200%200%201-.43.18H15.2a.58.58%200%200%201-.43-.18.61.61%200%200%201-.18-.45v-3.6a.61.61%200%200%201%20.18-.5.58.58%200%200%201%20.43-.18h3.64a.59.59%200%200%201%20.43.18.61.61%200%200%201%20.18.45v3.6zm0-7.1a.42.42%200%200%201-.2.31.77.77%200%200%201-.45.12h-3.55a.81.81%200%200%201-.46-.12.36.36%200%200%201-.18-.31l-.32-8.67a.45.45%200%200%201%20.19-.4.73.73%200%200%201%20.46-.21h4.17a.73.73%200%200%201%20.46.21.42.42%200%200%201%20.19.36z%22%2F%3E%3C%2Fsvg%3E');
  background-position: right 2rem top 50%;
  background-repeat: no-repeat;
  background-size: 4rem 4rem;
  margin: 0 0 2rem;
  padding: 2rem 8rem 2rem 2rem;
}

.lp-old-news p.brodtext {
  color: #fff;
  margin: 0 !important;
  max-width: 340px;
}


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

div .lp-hours {
  border: none;
  padding: 0;
}

div .lp-hours__list-item {
  border-top: none;
}

div .lp-hours__openhours {
  -webkit-box-flex: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
}

div .lp-hours__list-item span {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif;
}

div .lp-hours__list-item__day-name {
  text-transform: none;
}


/* Kommatering vid dubbla öppettider */

div .lp-hours__openhours {
  white-space: nowrap;
}

.lp-hours__openhours .env-text + .env-text:before {
  content: ', ';
  margin-left: -4px;
}

/* Öppettider vecka */

div .pagecontent .lp-hours__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  padding: 9px 10px 8px;

  -webkit-box-pack: start;
  justify-content: flex-start;
}

div .pagecontent .lp-hours__list-item:nth-child(odd) {
  background: #f0efec;
}

div .pagecontent .lp-hours__openhours {
  text-align: right;

  -webkit-box-flex: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
}


div .pagecontent .lp-hours__title {
  color: #006b4e;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif;
  font-size: 2.8rem;
  font-style: normal;
  font-weight: bold;
  line-height: 1.34;
}

div .pagecontent .lp-hours__list-item__day-name {
  text-transform: capitalize;
}

div .pagecontent .lp-hours__navigation {
  border-top: 1px solid #f0efec;
  margin: 0;
  padding: 10px 0 0 0;
}

div .pagecontent .lp-hours__navigation__link {
  border-bottom: 2px solid #006b4e;
  color: #000;
  text-decoration: none;
  transition: all 0.3s ease;
}

div .pagecontent .lp-hours__navigation__link:hover {
  background: #f0efec;
  text-decoration: none;
}

/*
---------------------------------------------------------
EXTRA UTSKRIFTSKNAPP PÅ SIDA
--------------------------------------------------------- */

.got-utskriftsknapp .lp-print-link a.brodtext {
  background: #006b4e; /* Mörkgrön bakgrundsfärg */
  border-radius: 3px; /* Rundade hörn */
  color: #fff !important; /* Vit text */
  display: inline-block; /* Visa som block */
  font-size: 1.4rem; /* Textstorlek */
  font-weight: normal; /* Normal textvikt */
  margin: 0 10px 10px 0; /* Mångradering för att separera från andra element */
  padding: 10px 20px; /* Inre fyllning för knappen */
  text-decoration: none; /* Ingen understrykning på länk */
}

.got-utskriftsknapp .lp-print-link a.brodtext svg.lp-icon {
  width: 1.5em; /* Större storlek på ikonen */
  height: 1.5em;
  margin-right: 0.5em; /* Ökat mellanrum mellan text och ikon */
  vertical-align: -0.3em; /* Vertikal justering för att centrera ikonen */
}