/*
=========================================================
BASE CSS
=========================================================
 * Innehåller grundläggande styling och förbättringar för
 * webbplatsen
 *
 * Copyright (C) Limepark AB. Upprättad 2016.
=========================================================*/

/*
---------------------------------------------------------
FIXAR/FÖRBÄTTRINGAR
---------------------------------------------------------*/

/* Fast textstorlek vid rotation i iPhone */
body {
  -webkit-text-size-adjust: 100%;
}

/* Snyggare fontrendering */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2 {
  /* Sätt h1, h2 till semibold */
  font-weight: 600 !important;
}

/* Göm innehåll, men visas för skärmläsare */
.lp-user-hidden {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

/* Fix av IE-bugg med understrukna pseudoelement */

a:before,
a:after {
  text-decoration: underline;
}

a:before,
a:after {
  text-decoration: none;
}

/** Ikoner **/
.lp-icon {
  height: 1em;
  /* Paths and strokes that overflow the viewBox can show in IE.
     If you use normalize.css, it already sets this. */
  overflow: hidden;
  /* Nice visual alignment for icons alongside text */
  vertical-align: -0.15em;
  /* Allows sizing by changing the icon's font-size */
  width: 1em;
  /* Default path fill = value of the color property */

  fill: currentColor;
}

/* Fix för att bilder ska skalas i nyhetsmoduler */
.sv-responsive .sv-archive-portlet img {
  height: auto !important;
  max-width: 100% !important;
  width: auto !important;
}

/* Modulavstånd i innehållsytor (ej textmoduler) */
.pagecontent > .sv-portlet {
  margin-bottom: 10px;
}

/* Ändrar rubriker i nyhetsmodul till blockelement */
.sv-archive-portlet h2.subheading {
  display: block;
  margin-bottom: 10px;
}

/* Fix för att spalterna ska ta plats även vid tom */
div[class*='sv-column-'] {
  min-height: 1px;
}

/* Responsiva iframes etc */
iframe,
object,
embed {
  border: medium none;
  max-width: 100%;
  overflow: hidden;
}

.pagecontent {
  clear: both;
}

.sv-archive-portlet a {
  text-decoration: none !important;
}

.sv-archive-portlet a:hover {
  text-decoration: underline !important;
}

.sv-column-6.sv-archive-portlet li {
  border-top: 1px solid #ccc;
  margin: 0 0 20px;
  padding: 20px 0;
}

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

.lp-wrapper {
  margin: 0 auto;
}

.lp-content,
.lp-secondary-content,
.lp-submenu {
  margin: 40px 0 0;
}

/* Direktlänk till innehåll och meny som visas vid tabbning */
a.lp-skip-to-content,
a.lp-skip-to-menu {
  height: 0;
  left: -9999px;
  overflow: hidden;
  position: absolute;
  width: 0;
}

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: 10px 0;
  text-align: center;
  width: 100%;
  z-index: 30000;
}

.lp-singel-box {
  border: 1px solid #eee;
  -webkit-box-shadow: 0 0 20px 0 #eee;
  box-shadow: 0 0 20px 0 #eee;
  margin: 100px auto 0;
  max-width: 500px;
  padding: 20px;
}

.lp-byline {
  border-top: 1px solid #eee;
  clear: both;
  margin: 30px 0 0;
  padding: 10px 0 0;
}


/*
---------------------------------------------------------
INPUTFÄLT
--------------------------------------------------------- */

input[type=text],
input[type=email],
input[type=url],
input[type=tel],
input[type=number],
textarea,
select,
.sv-defaultFormTheme input[type=text],
.sv-defaultFormTheme input[type=email],
.sv-defaultFormTheme input[type=url],
.sv-defaultFormTheme input[type=tel],
.sv-defaultFormTheme input[type=number],
.sv-defaultFormTheme textarea,
.sv-defaultFormTheme select {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  padding: 8px 10px;

  -webkit-appearance: none;
}

input[type=text]:hover,
input[type=email]:hover,
input[type=url]:hover,
input[type=tel]:hover,
input[type=number]:hover,
textarea:hover,
select:hover,
.sv-defaultFormTheme input[type=text]:hover,
.sv-defaultFormTheme input[type=email]:hover,
.sv-defaultFormTheme input[type=url]:hover,
.sv-defaultFormTheme input[type=tel]:hover,
.sv-defaultFormTheme input[type=number]:hover,
.sv-defaultFormTheme textarea:hover,
.sv-defaultFormTheme select:hover {
  background-color: #fff;
  border: 1px solid #999;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=number]:focus,
textarea:focus,
select:focus,
.sv-defaultFormTheme input[type=text]:focus,
.sv-defaultFormTheme input[type=email]:focus,
.sv-defaultFormTheme input[type=url]:focus,
.sv-defaultFormTheme input[type=tel]:focus,
.sv-defaultFormTheme input[type=number]:focus,
.sv-defaultFormTheme textarea:focus,
.sv-defaultFormTheme select:focus {
  border: 1px solid #999;
  outline: none;
}


/* Reset på SiteVision's inline style */
.sv-defaultFormTheme input[type=text],
.sv-defaultFormTheme input[type=email],
.sv-defaultFormTheme input[type=url],
.sv-defaultFormTheme input[type=tel],
.sv-defaultFormTheme input[type=number],
.sv-defaultFormTheme textarea,
.sv-defaultFormTheme select {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: auto;
  -webkit-transition: none;
  transition: none;
}

.sv-defaultFormTheme input[type=text]:focus,
.sv-defaultFormTheme input[type=email]:focus,
.sv-defaultFormTheme input[type=url]:focus,
.sv-defaultFormTheme input[type=tel]:focus,
.sv-defaultFormTheme input[type=number]:focus,
.sv-defaultFormTheme textarea:focus,
.sv-defaultFormTheme select:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-style: none;
}


/*
---------------------------------------------------------
KNAPPAR
--------------------------------------------------------- */

button,
input[type='button'],
input[type='submit'],
input[type='reset'],
.sv-defaultFormTheme input[type=button],
.sv-defaultFormTheme input[type=submit],
.sv-defaultFormTheme input[type=reset],
a.lp-link-button,
.lp-link-button a,
.pagination a,
.pagination .current {
  background-color: #4d3d21;
  border: 1px solid #4d3d21;
  border-radius: 0;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  /* För länkarna */
  display: inline-block;
  font-size: 1em;
  padding: 10px 20px;
  text-decoration: none;
  transition: all 0.3s ease;
}

button:hover,
input[type='button']:hover,
input[type='submit']:hover,
input[type='reset']:hover,
button:focus,
input[type='button']:focus,
input[type='submit']:focus,
input[type='reset']:focus,
.sv-defaultFormTheme input[type=button]:hover,
.sv-defaultFormTheme input[type=submit]:hover,
.sv-defaultFormTheme input[type=reset]:hover,
.sv-defaultFormTheme input[type=button]:focus,
.sv-defaultFormTheme input[type=submit]:focus,
.sv-defaultFormTheme input[type=reset]:focus,
a.lp-link-button:hover,
.lp-link-button a:hover,
a.lp-link-button:focus,
.lp-link-button a:focus,
.pagination a:hover,
.pagination .current:hover,
.pagination a:focus,
.pagination .current:focus {
  background-color: #3e311a;
  /*outline: none;*/
}


/* Reset på SiteVision's inline style */
.sv-defaultFormTheme input[type=button]:active,
.sv-defaultFormTheme input[type=submit]:active,
.sv-defaultFormTheme input[type=reset]:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}


/* Fix för att ta bort plattformspecifik styling */
button,
input[type='button'],
input[type='submit'],
input[type='reset'],
.sv-defaultFormTheme input[type=button],
.sv-defaultFormTheme input[type=submit],
.sv-defaultFormTheme input[type=reset] {
  -webkit-appearance: none;
}

input[type='submit']::-moz-focus-inner,
.sv-defaultFormTheme input[type=submit]::-moz-focus-inner {
  border: 0; /* fix för felaktig höjd i Firefox */
}

button::-moz-focus-inner,
.sv-defaultFormTheme input[type=button]::-moz-focus-inner {
  border: 0;
  padding: 0;
}


/*
---------------------------------------------------------
TABELLER
--------------------------------------------------------- */

table.sv-standard caption {
  display: none !important;
}

table.sv-standard {
  border-bottom: 1px solid #ccc;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 20px 0 30px;
  width: 100%;
}

table.sv-standard th {
  background: #ddd;
  padding: 12px 20px;
}

table.sv-standard td {
  padding: 12px 20px;
}

table.sv-standard tr:nth-child(even) td {
  background: #eee;
}

/* Header vid stapling av tabell */
table.sv-standard th.sv-responsiveTable--stacked__headRow--main {
  background: #bbb;
}


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

.lp-header {
  position: relative;
  z-index: 99;
}

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

.lp-logo a:focus {
  border-bottom: 10px solid #ccc;
}

.lp-header-top {
  background: white;
  display: table;
  margin: 0 auto;
  max-width: 940px;
  padding: 15px 0;
  width: 100%;
}

.lp-header-top > .sv-horizontal-column {
  display: table-cell;
  float: none;
  vertical-align: middle;
}

.lp-header-top .sv-image-portlet {
  width: 220px;
}

/*
---------------------------------------------------------
SÖKRUTA SIDHUVUD
--------------------------------------------------------- */

header .sv-searchform-portlet {
  position: relative;
}

header .sv-searchform-portlet form {
  position: relative;
}

header .sv-searchform-portlet input[type='submit'] {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAADBQTFRFAAAATXBQTXBQTXBQTXBQTXBQTXBQTXBQTXBQTXBQTXBQTXBQTXBQTXBQTXBQTXBQkM0RrgAAABB0Uk5TACBxp9zz//nmvIc6SmErEIFbmS8AAAFOSURBVHicY2AAASGTsIpZGxhQwMk0EEhRQBaTTIOAlAMIMZ4woEA6SDQLIXgtLS3z3gfGw0A5A7jCtLTkByDGrzKEUtG09AsQ1o60NCiLYVpaDZTF2JbWD9cNk2Z4CtPPmZYJt5IpLfUDmCGWlodwiBtUl1raBIQgjGOGMBKkLQCq4wFCkCMtEUyHpX1ACHKmZYPptHQGTMEybCrb0gQQgixQM6elHUAIfoPavgwRXqBQhLhzW1o8QnBamgLUGER4AwMHYgFTWjo8Gr+kJUNZbmmNCN2FUNaxtBSoR3+mpc2HCnKlpQVBTHRLS8uAGWWWluYENP/vNFAsRyOUpmXMnAJJEKkwpSegKSR9GpJS/qUQQbsfyEr5bwJTR6UiA3cYklJglO/ZCKK2IiuFATSlUIBbaRw2pZnogiCl6eiCIKUpGIJApUkYggwvQy4AAPNUgCW/NWj0AAAAAElFTkSuQmCC');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  border: 0;
  cursor: pointer;
  margin: 0;
  position: absolute;
  right: 0;
  text-indent: -999999px;
  top: 2px;
}

header .sv-searchform-portlet input[type='text'] {
  padding: 10px 5px;
  width: 100%;
}

/*
---------------------------------------------------------
SÖKRESULTAT
--------------------------------------------------------- */

.lp-search-trail a:first-child {
  display: none;
}


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

.lp-footer {
  background-image: url('/images/18.5741374817b9fe0087a1bd69/1632425063753/sidfot_illustration_green.svg');
  background-position: center top;
  background-repeat: repeat-x;
  border-top: 0;
  margin: 40px 0 0;
  overflow: hidden;
  padding: 220px 0 0;
}

footer p.normal {
  color: #fff;
  margin-bottom: 0 !important;
}

footer a.normal,
footer .normal a {
  color: #fff;
}

.lp-footer .main-grid.sv-fixed-fluid-grid:after {
  background: #596f52;
  content: '';
  height: 100%;
  left: -50vw;
  position: absolute;
  top: 0;
  width: 200vw;
  z-index: -1;
}

.lp-footer .main-grid.sv-fixed-fluid-grid {
  padding-bottom: 80px;
  padding-top: 40px;
  position: relative;
}

/*
---------------------------------------------------------
SIDFOTSMENY
---------------------------------------------------------*/

.lp-footer-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.lp-footer-menu li {
  margin-bottom: 1rem;
}

.lp-footer-menu li > a {
  text-decoration: none;
}


.lp-footer-menu .lp-icon {
  height: 48px;
  margin-right: 0;
  transition: all 0.3s ease;
  width: 48px;
}

.lp-footer-menu li > a:hover .lp-icon {
  transform: scale(1.25);
}

.lp-footer-menu--social {
  display: flex;
  margin-top: 40px;

  gap: 10px;
}

/* Tar bort bilden som visas för externa länkar */
.lp-footer-menu img {
  display: none;
}


/*
---------------------------------------------------------
PUNKTLISTOR
--------------------------------------------------------- */

/* Luftigare punktlistor i textmoduler */
.sv-text-portlet-content li {
  margin: 0 0 8px;
}

.sv-text-portlet-content ul {
  margin: 0 0 15px;
}


/*
---------------------------------------------------------
TOPPMENY
---------------------------------------------------------*/

.lp-topmenu {
  background: #4d7050;
  margin: 0;
  margin: 0 auto;
  max-width: 940px;
}

.lp-topmenu ul {
  display: flex;
  margin: 0;
  padding: 0;
  width: 100%;
}

.lp-topmenu li {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.lp-topmenu li > a {
  background: #4d7050;
  border-right: 1px solid #425e45;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 15px;
  padding: 10px 30px;
  text-decoration: none;
  -webkit-transition: background 0.1s linear;
  transition: background 0.1s linear;
  width: auto;

  justify-content: center;
}

.lp-topmenu li:last-child > a {
  border-right: 0;
}

.lp-topmenu li > a:hover,
.lp-topmenu li > a:focus {
  background: #425e45;
}

.lp-topmenu li > a.lp-current {
  background: #425e45;
}


/*
---------------------------------------------------------
UNDERMENY 1/3 - Standardinställningar
--------------------------------------------------------- */

/* Döljer alla huvudsidors menyer */
.lp-menu .lp-level-1 > li {
  display: none;
}

/* Men visar huvudusidan man är inne på */
.lp-menu .lp-level-1 > li.lp-open {
  display: block;
}

/* Döljer pilknappen på första nivån så att man inte kan stänga menyn */
.lp-menu .lp-level-1 > li > button {
  display: none;
}

/* Döljer alla nivåer initialt */
.lp-menu .lp-level-1 ul {
  display: none;
}

/* Men visar undersidor när man har klickat på pilknappen */
.lp-menu .lp-open > ul {
  display: block;
}

.lp-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.lp-menu li.lp-has-children {
  position: relative;
}


/* Döljer länken till menyn i mobilen */
.lp-skip-to-menu-mobile {
  display: none;
}

/* Döljer stängknapp för off canvas-meny */
.lp-close-button {
  display: none;
}



/*
---------------------------------------------------------
UNDERMENY 2/3
--------------------------------------------------------- */

.lp-menu a {
  border-bottom: 1px solid #ddd;
  display: block;
  font-size: 14px;
  line-height: 16px;
  padding: 14px 36px 14px 10px;
  text-decoration: none;
}

.lp-menu a:hover,
.lp-menu a:focus {
  text-decoration: underline;
}

.lp-menu .lp-current > a {
  font-weight: bold;
}

/* Nivåer */
.lp-level-1 > li > a {
  background: #f7f0de;
  color: #000;
  font-size: 14px;
}

.lp-level-2 > li > a {
  padding-left: 10px;
}

.lp-level-3 > li > a {
  padding-left: 24px;
}

.lp-level-4 > li > a {
  padding-left: 36px;
}

.lp-level-5 > li > a {
  padding-left: 48px;
}

.lp-level-6 > li > a {
  padding: 10px 36px 10px 60px;
}


/*
---------------------------------------------------------
UNDERMENY 3/3 - Knappar
--------------------------------------------------------- */

.lp-menu button {
  background: transparent;
  border: none;
  height: 44px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
  z-index: 2;
}

.lp-has-children > button .lp-icon {
  height: 20px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 20px;

  fill: #4d7050;
}

.lp-has-children > button .lp-icon.lp-opened {
  display: none;
}

.lp-open.lp-has-children > button .lp-icon.lp-opened {
  display: inline-block;
}

.lp-open.lp-has-children > button .lp-icon.lp-closed {
  display: none;
}

/* Avvikelser */
.lp-level-6 button {
  height: 36px;
}


/*
---------------------------------------------------------
VERKTYGSMENY
---------------------------------------------------------*/

.lp-toolsmenu {
  /* Avstånd från vänster */
  padding-left: 20px;
  /* Se till att childs håller sig på en rad */
  white-space: nowrap;
  /* Ta upp så lite plats som möjligt. Då det är en tabell-cell så kommer den ta den plats den behöver. */
  width: 2%;
}

.lp-toolsmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

.lp-toolsmenu li {
  display: inline-block;
  margin: 0 -4px 0 0;
  position: relative;
}

.lp-toolsmenu li > a {
  display: block;
  font-size: 11px;
  min-width: 32px;
  padding: 19px 16px 8px;
  text-align: center;
  text-decoration: none;
}

.lp-toolsmenu li > a:hover .icon,
.lp-toolsmenu li > a:focus .icon {
  fill: #4d7050;
}

.lp-toolsmenu li > a:hover,
.lp-toolsmenu li > a:focus {
  text-decoration: underline;
}

.lp-toolsmenu .icon {
  display: block;
  height: 20px;
  margin: 0 auto 5px;
  width: 25px;

  fill: #4d7050;
}

.lp-toolsmenu img {
  display: none; /* tar bort bilden som visas för externa länkar */
}

/*
---------------------------------------------------------
SIDVERKTYG
--------------------------------------------------------- */
.lp-page-tools {
  background: #ececec;
  margin-bottom: 20px;
}

.lp-page-tools > div:first-child > .sv-portlet {
  margin-left: 0;
}

.lp-page-tools p {
  margin-bottom: 0 !important;
}

.lp-page-tools > div:first-child a {
  color: #000;
  display: inline-block;
  font-family: arial, sans-serif;
  font-size: 14px;
  padding: 15px 20px;
  text-decoration: none;
}

.lp-page-tools > div:first-child a:hover {
  text-decoration: underline;
}

.lp-page-tools > div:first-child a .lp-icon {
  height: 1.4em;
  margin-right: 5px;
  vertical-align: -0.4em;
  width: 1.4em;

  fill: #4d7050;
}

.lp-page-tools .lp-contact {
  background: #ececec;
  border-top: 1px solid #fff;
  padding: 0 20px;
}

.lp-page-tools .lp-contact ul {
  padding-bottom: 20px;
}

.lp-page-tools h2.subheading {
  display: block;
  font-size: 24px;
  margin: 0;
  padding: 20px 0 20px;
}

.lp-page-tools .lp-contact ul > li:first-child > br:first-child {
  display: none;
}

.lp-page-tools .lp-share-wrapper {
  border-top: 1px solid #fff;
  padding: 0 20px 20px;
}

.lp-page-tools .lp-contact li {
  margin: 2px 0;
}

.lp-js .lp-page-tools .lp-share-wrapper,
.lp-js .lp-page-tools .lp-contact {
  display: none;
}

/* Avvikelser */
.lp-page-tools > div:first-child a[href*='lp-contacts'] {
  background: #4d7050;
  color: #fff;
}

.lp-page-tools > div:first-child a[href*='lp-contacts'] .lp-icon {
  fill: currentColor;
}

.lp-page-tools .lp-toggle__trigger-button {
  color: #000;
}

.lp-page-tools .lp-toggle__trigger-button:hover,
.lp-page-tools .lp-toggle__trigger-button:focus {
  background-color: transparent;
  text-decoration: underline;
}


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

.sv-multilevellink-portlet {
  margin: 20px 0 -20px;
}

.sv-multilevellink-portlet a {
  color: #4d7050;
  text-decoration: none;
}

.sv-multilevellink-portlet a:after {
  color: #000;
  content: '>';
  display: inline-block;
  padding: 0 3px 0 5px;
}


/*
---------------------------------------------------------
NYHETSLISTNING
--------------------------------------------------------- */

/* 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 5px;
  padding: 5px 20px;
  text-align: center;
  text-decoration: none !important;
}

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


/*
---------------------------------------------------------
RELATERAD INFORMATION (Secondary content)
--------------------------------------------------------- */

.lp-links {
  margin: 40px 0 20px 0;
}

.sv-related-portlet {
  clear: both;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sv-related-portlet h2 {
  display: block !important;
  font-size: 18px;
  margin: 0;
  padding-bottom: 10px;
}

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

.lp-links ul li {
  position: relative;
}

.lp-links ul li a {
  background: #f7f0de;
  border-bottom: 1px solid #fff;
  color: #000;
  display: block;
  font-size: 14px;
  padding: 15px;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.lp-links ul li a:hover {
  background: #ded8c8;
}

.lp-links ul li .lp-icon {
  margin-top: -7px;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transition: right 0.1s ease;
  transition: right 0.1s ease;

  fill: #000;
}

.lp-links ul li:hover .lp-icon {
  right: 15px;
}

/*
---------------------------------------------------------
LOGINRUTA
--------------------------------------------------------- */

.sv-login-portlet label {
  background: #ddd;
  border: 1px solid #ddd;
  border-radius: 5px 5px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  display: block;
  font-size: 10px;
  line-height: 14px;
  padding: 4px 0 1px;
  text-indent: 10px;
  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: #aaa !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  display: block;
  margin: 0 0 10px;
  padding: 8px 0;
  text-indent: 10px;
  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: #84ad21;
  border: none;
  border-radius: 15px;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  width: 100%;
}

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

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

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


/*
---------------------------------------------------------
DELA
--------------------------------------------------------- */

.lp-share-page {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.lp-share-page li {
  display: inline-block;
  margin: 0 2px 0 0;
}

.lp-share-page a {
  background: #eee no-repeat 50% 50%;
  background-size: 22px auto;
  border: 2px solid #fff;
  border-radius: 50%;
  display: block;
  height: 44px;
  overflow: hidden;
  text-decoration: none;
  text-indent: -999px;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  width: 44px;
}

.lp-share-page a:hover,
.lp-share-page a:focus {
  border-color: #bbb;
}

.lp-share-page-facebook a {
  background-color: #3d5b96;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsBAMAAADsqkcyAAAAJFBMVEUAAAD///////////////////////////////////////////+0CY3pAAAAC3RSTlMAu3dEme4W1WZVM0JpqTsAAABoSURBVCjPY0ACKdG7d+/ewIAGmICCWIS9sQpz7sYqzI5deDZcGNNoQUEBNGFpoKgbAwYAKU7AKryRYcCFOQQFBYHCW4GUAHqYQj1PknABdmEcZivgEcZ04IJBGYKjwiQJGxsbWzEQAADLr6QBXTboDAAAAABJRU5ErkJggg==');
}

.lp-share-page-twitter a {
  background-color: #29a7de;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsBAMAAADsqkcyAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMA7ndEuzMRIt2IzJlVqmam4tDYAAABJklEQVQoz73Rv0vDQBTA8YexDaKb1NF0ExRJEZ3Fzc2Ii25xFByCq4uos3ZycHETnET9A+zQvf0P2tK/oG0oobS8vtdc7keua/tdkvtw3D04WEDu0Ty993BSo28AUFC6hlQcQr0K0IkknyH3+NML6f8z03UUjWmBSSD4OOP2ATFuamdwk5MSFOlbTodDWZt3Y1JhdqRu0+qbh2JfybTHl/lIjXY0joG6Tv+/uo7BG6hS7EZ+nvvM8b7NFFoNmFsWD5kbFj8wr1pcZXa9PFeAO89pArOK/9Z8nHNrDrPFaN9ZFrtNpfdN+zB4rF5crwlZvqajULL7rrgEWpfaO6pu5m6+8+TJkaAQLnZR9gaiQ9R6IrD9BbSuXsUQf2BU2DtFfP4NYDlNATnA19pg9YMpAAAAAElFTkSuQmCC');
}

.lp-share-page-linkedin a {
  background-color: #4392cc;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsBAMAAADsqkcyAAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAADnRSTlMARHcR7thmqpkzIruIVWxeWUQAAAC9SURBVCjPY8AFGOueVGIRznv37t0FTMXvgMAZQ5gDJPwMQ5gbJPyIWGEmkPBLDGHmOKDwBkwHTn337rkBFodfUprAQF3AJSgMoZWAQIGBAURpMdgA3RWzABYmDxgYQNRDNj8Q5YQunPcODBpQhR+9g4A3KMIIMAG7cAF24Veowk8vM9aBowVVuAEaWy9QhJ8aAAMa5PTXcGF4JJ0DMp6gegeWQN5hCsuNCtNSmFkQCAQYGIAkJFUaglg4Ei4ATJSkyywtUH0AAAAASUVORK5CYII=');
}

.lp-share-page-gplus a {
  background-color: #dd4b38;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsBAMAAADsqkcyAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMAd0S7Ee4z3ZnMZiKqiFUgPQIDAAABdklEQVQoz4WTsUoDQRCG10uMYsTkQLCIEgmCjZKApUUOOwsrxUq4Q7CwsrARm8TCKkUs0l8aOyH4BPERfIRgYx1jvIsgn7m98243CfgXO8PH7MywMyuknqsEGuaFqh2uawD7Gj2iIQwXX2hKu/3xeQivGl6mMj6zNh8a7tALTBFPwzWswHShp1ADolyo/c3Bn60oOAWOvDWF27JPeNH6oy6dqdwnIZbJcoMQZ6Af2CxjkGBRZRiErfCl4QtoydJtDRs2I0ekm99Cw+ISBuZ9EJw1zaJnmoVoDDZhXQOp+CmdJp86DmVLnC6VyqNSaSvGYZKwpCIX2jNwB/wZOAW0JrCxsQcwsjT8BMd36zJc0TteQU6eH4UuRauXscFKcJnT+CXz6prk43nUlRyISE0qSsNxR1cKnk9wTsmdw0tcJ8YLsBm5XWVlF+EhcovKgmfBt8IGte9QhFvpPPpCXzZu3sTB2sT32yZUQ+jadYGzVTGlczns//ULv3/aNfPU6uUAAAAASUVORK5CYII=');
}

.lp-share-page-email a {
  background-color: #555;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsBAMAAADsqkcyAAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAADnRSTlMAuxHuecyqRJlVMyLdZlQgeRAAAADZSURBVCjP1dJBCgFRHMfxrwkTSrK1eYobKFaasncEOcGUbC3EXsoFHIE7KFt3GCMb/zMYZt4wM89S8lu9Pr1+77d4fDO2ZOMrimKIQ9XEYzPPKZj4RMmgngI3yzegbaoGa5TW80PJp5vXKAqKWZLrlIPdXazVu3ZgWKMqDqX+S/0tewn4cWjGGl4K+PnyQOsRy5WQpUE5WnlVbESzdyKvt7UkZrkoptG2kWZdGW6TiPUA2+3t2EuS/R0QbEvys4CKK2mWw9ZeSpJ1fshjciZ2Pv1YJhn1Fvxr7v2NEFv+Dk8GAAAAAElFTkSuQmCC');
}


/*
---------------------------------------------------------
FLIKLÖSNING
--------------------------------------------------------- */

.lp-tabs {
  margin: 0 !important;
  overflow: auto;
  padding: 0;
}

.lp-tabs li {
  background: #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #333;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 125%;
  list-style-type: none;
  margin: 0 2px 0 0;
  padding: 5px 10px;
  text-decoration: none;
}

.lp-tabs li.lp-current {
  background: #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #000;
  cursor: pointer;
  font-size: 125%;
  text-decoration: none;
}

.lp-panes {
  border: 1px solid #ccc;
  margin-top: -1px;
  padding: 10px;
}


/*
---------------------------------------------------------
BILDSPEL
--------------------------------------------------------- */
.lp-slideshow-wrapper {
  position: relative;
}

.lp-slideshow-wrapper.lp-has-slides {
  height: 0;
  padding-bottom: 37%;
}

.lp-slideshow {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.lp-slideshow-slides {
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.lp-slideshow-slide {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

.lp-slideshow-slide + .lp-slideshow-slide {
  display: none;
}

.lp-slideshow-slide-content {
  background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ8AAACcBAMAAACToWR9AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTHmmfLPNte/18Pn7+ZG2k6zIrrzSvYStht3p3qXDp9Hg0sbZx5y+nufv6H6pgb2nyUsAAAABdFJOUwBA5thmAAAGWklEQVRo3u2Zf0wTZxjH38FBKS1lnWMkMpfmxCI/mtR0038MtqRGtmVDjHVhjoWypR1IFtaEu6VilCiuE1nADNnERGRMkKEBFpgbugEJRpg4aya4TTIWk2n2B2D2yyWL7r1f9XrH9ej2LPsRnqTXcnf98H7vfb/P+z5vEQKLhBkEG9BAw7ExWGBiTeBfLvk/ANzQAwwcbgUG5jcAAwuggd8NAQN7S4CBuy8DA7v2AAO3L4PlEcuKgNPXT92wQN1mChaoKekHTrBDc7DAuAaHFRTosMbBmnkOiwYF9uNuAQVSeOCAAruRYR4UWITNB2tlhglp5XlGNaiVmX4BtTIzckCtjMe2HdTKeCK1gloZQyEXI7cY2ZWAwHN8x4CFjx86gFZm5ilQK2P73YW1Mp7rAa3MrkM6AK3MrpT8cMAYEzcNgEUSO0EBmjmBnUIL4CoLB9s2QDO/wx7jK0GtjM0MV6qQoXkAKK6zx9iHwYBvcgYEMzPBNw3MzFq+pPBCAfV80TMOa2WEmmCtjNAaO6iVEUqGMnPjnQAbNSagUVNM07Qvg6b9QAWkfitCebeXWxEB5L18nLbeP7p2L0JAlYUFD+19MegK2JR3lxmJiXBTSpKJAcZXgg3rM3g467ait7OgUs1B5rDNrodKXpqtzPGJ+gBU8Tj3oY2Js5/iA8iiuNB4Px6Em6AAYwkIBCTs3AsKuKnUY9W1eWbAgDsPX2r/6PuV70EBCdJ9dXCHu74ZCqj7zB0cqHLX+qCA+k/8/nPj/lIKDDhsNFrwa3IJuAT8J4H9LtfEqMvlAQPipdyuDpquAksONj4UlgKDg7AZW1dbOAMKjLt+oRIU6DAaN4MCE6wa0/8ReGgIFhh7KlvxjuTqiZPvLj5OcGPtlLLv1ty7V+tafNzhgNe2KQJHo7NeL7sC0V2dVNmRWHQ8wLpAV64oOdofCeI2q7Qw2t0XPbuDoSVzlG6IdveYeFTlhqj32Fwq16OuAXerXI96J9XRE/mRRF2yJVyOnK+jLvPj5yNejv4ngtjHYDsZoQORy2n5qR4VYKf81LVAKH6WXdQ+pLYPJKtq9W8JM7UtVz7uk40qZXCyLB9vuF+Ma+TbnsFGlQ2jJNn1E9LcEaZ4hT5VZWUgbYRun2jYy+aa5HlUqKL51wW2moQYllWAwQbk2BNdeiiPlDq0K3CnqWiWtEL7o8jJqQsoRmqaJc8pf0iafiWKkZpmSU9aUIROZhSrataEba9oxfnKsdIWHhu4VFJ4wxYhctPEwI3i9NJrlEaDsMSLFCliYJW4ixqlqamOezf8FlHz86LPhrAMLQUmtqKnOwNTdnTBvlhg/oEuUQS5k7nC18/YDa7qixN16JkS/syzohFE3LDLgb0BcdSw545Um62C4lt0dov5i55YXnNejj+USQjqYoUcuAbJJBvKqi61c3mkldhSRpkzu/fymonTo6czhZtjWopbhhYDjD8W7GzmFeueOzL+NTXQhpJYzfomd+1h4eab5capdAFIPK4MXBcMHqd4xYm+Uqo5q+KCndMcP+wOvCDMOpnLjd8e5YGE38fv2jSGPcPbzKmPPdR52soqRgXV2e2oLGN1A6c5jzpPlglWzfZ6qEM8UDPY8QP3UFwecRxnzn1uDB7/fYZVjG6RL5eg9NKsIXZ3Ga2rcQfSBCdkLTcGfTwwj0opYv/Rxna55LFpy65vGCDW3USadj5Z4jNXIl0rPrN+elfXVwIwY2raMsIDW35JOcj8R2LaLgcyLUzjgefI6+PFF9vMJh4obSHJAwe72yqYbnvqxXCb98qAFhKHRRV49pGU/QwwKLU5K7nL7/9AAOLa2kvTlAAs93tOhiR3dPlHJMBRm1oLSacz3blJXXKFN4cBsr+SEk4cdlGniFuIv2FC+hCwfJyM2EIWaLiCn5JVqVPCgWrPkAO+Xh94QwwMdL5SpwAMrHbVhYD7A52+hSQbXkupSRUDXatWbVcAXq2a3i4AyS2uVQtLlgL/suTzXrNXBBzzUNQOBaAZe1kA5mAv9wmSpyanQFs4QNP0ZSXgGDkykq0A9PXRmaEW5pAjQguFkbeg5D5sNnYOkAPXMkYU1lbM5wxJxl6whaGQA1Vnvb8JODE5PQUKbCPJLEig4srhzwCd4dEY9pffZhv1zM6+Onuz/CXb+i+dilHMv9v/AGiVtkxyLfceAAAAAElFTkSuQmCC') no-repeat bottom right;
  bottom: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: -470px;
  padding: 20px 40px 20px 30px;
  position: absolute;
  right: 50%;
  width: 460px;
}

.lp-slideshow .flex-control-paging {
  bottom: 20px;
  left: 50%;
  list-style: none;
  margin: 0;
  margin-left: -470px;
  padding: 0;
  position: absolute;
}

.lp-slideshow .flex-control-paging li {
  display: inline-block;
  padding: 0 4px;
}

.lp-slideshow .flex-control-paging li a {
  background-color: #fff;
  border-radius: 100%;
  cursor: pointer;
  display: inline-block;
  height: 12px;
  text-indent: -99999px;
  -webkit-transition: background-color 0.5s linear;
  transition: background-color 0.5s linear;
  width: 12px;
}

.lp-slideshow .flex-control-paging li a.flex-active {
  background-color: #4c704f;
}

.lp-slideshow .flex-direction-nav {
  bottom: 33px;
  left: 50%;
  list-style: none;
  margin-left: -470px;
  padding: 0;
  position: absolute;
}

.lp-slideshow .flex-next,
.lp-slideshow .flex-prev {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA9BAMAAAADjhfkAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTAAAAAoKCgAAAAAAAAAAAP39/XR0dNHR0c3Nzfn5+eTk5LCwsO7u7vb29v///0ugrjwAAAAPdFJOUwAGDhciMvE5fkLZkmitySZEbWMAAAKFSURBVDjLjZU9ixQxGIB3/sEl/yBJcSyHzcwUfoCFyeIXajPBK7SWA+XgzrUQDsG7tRX2QLCw8ZBtxC28KwTlCs9uVbAVFPwD1y2662188zXJzM6Cb5d99sn7ZpK8abX+P5CNpQWQ0vZzSglCTRS3PwyVUm/e0QaO8IqGOu71CZqjL1QZk8c1nuAVFcWsX60PtYcxVlMa6wl9qqrxiyxFU5+qUTXpo0j+WcdqLeil/P6wxOMNVM/8W64Gfc/rqL1uf+lJGUo88cXjs16Wsd4nbm6X8aAQItLd7GjZzS1FlnWCPk0NxufcuMspy4Nua0/wAzcecIJZpG/r5Anz/59sEkQj3SRP2LEfDwiK9T86OV4OH3oDxbqpDZ8OS63qsxRFhc/p4wsECj+vFum7gNl1tUj/qPGNeJtfxvr2HJ5Qo9tdeDuH1Tek9a8LMCRvIdaxyfdpHQ9grQm7bPdwR+MrsXzf4Gd2dERrCxsUgLE/XJs699VIhi2H0pysuMaXYjmD2+3lmcEXI1mksGwvTzXG+TDIHD6al9VfwC2cHzbL6pXFj5pltW/2O7/mT2pVHutvENUmq/K0SM1R7LjkR4CDrO5wc1Jx/tBd6YxEsupxc8lwfssl26WRPNPfV9+xcva17EyQB8LihInbTt95ErrDJ25vKCSXx3O95W6REtcdWGerTkFOke8tuay3ptcFL1uTPrrrFXrSFWnZ2PTR3apOHclQHBPyS0QPJGQOXRP0jvzs55/0oMtUWjZmwFd/GPV7Vxa80pH19MDlzdFoBM2t4CmpvjcImpKQNgTQudeCskwIAZ2PZ5Q0vTU0y/KMZ2kTte+YicZ3DOqDC4IXvoI6llpJZfwPapys/ZhgqigAAAAASUVORK5CYII=');
  background-size: 26px 27px;
  height: 27px;
  left: 63px;
  position: absolute;
  text-indent: -999999px;
  width: 26px;
}

.lp-slideshow .flex-prev {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA9BAMAAAADjhfkAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTAAAAA4ODgcHBwAAAAAAAAAAAPb29u/v72FhYfz8/MXFxeXl5bS0tOTk5P///9epIhkAAAAPdFJOUwAGDxkkLjfWsEXuaZlHdt7hDBAAAAJ8SURBVDjLjZUxi9RAFIA3/2Bn/kFmGhH3iiSgh2KTrBYqFm7Cga0bPc5KsVhEFrxW2cY7xcZCRK+QhRO94jgslLOwOFDE6wWx2zJhuXN8M5lk3iQb8DW7w5fvzZvJ5E2n8/9Biui2QMp6e4zBA4so7f0ZCyFef2ULOKFLU1HEm+0GJ/RQVJHVuUNPCRTZN7s+0htjLI4YseSZsOOO20X0RI3K9AazSR2Lt0bHdd3fKX7n1ex45mxzVRd5t9RJb1rhUZo+rRVPTyM5jkt9m+jCTO5RHEXJ8+L/yyI7YVXubCPy/f7tMrvC9JyRBz7jwQqu3aEnjRx6hAXlXL9cifkMyS6h58uhWprDJ1gm5uljOTnhtrxUVfLXA0zPWjJaZeYRVHhdFnPATrlnDVmI767BDVmId4D5VSTbpwbhrRsgE0sWnwzeH0j5Yxu+F7qkQ8+04TyELaTBpDH3xeL/usIrbTiHTaD8wqS2bn5ZDx5C5bx/C+FQ4kt6kMOHy4LE6JnEbFkYnWL9SGIajFv0Y8BQ7axFf+Up/EIs1j/L9024WWuh39Sv+4nEDr8isM6rc36NqaPYP7D0QH8lW6E6qdW40NmyXsl7Wbis7brZqHXG9enJB576BgnOnvu+lkdhgR0WoI1+/FPX/SMsvlCYPBk3e4vOrbI/q1OQy+4A2ZODGn4Ax7psTbBTa1OL5huhVzU2udFW+vkHJENxPEp2EN0fgmy6JmF+Pz0s82e/h5Hn4p5LeNBP174o9dHmEFoMsfs58CRd3d3dS1NFu7XbgAdRnKRpGseRb6fW3A8iGaHPGrTThWvKV+GxxTcVYSoW32NQHwC39RZUU3S6FvwHXcey5ho1kLoAAAAASUVORK5CYII=');
  left: -30px;
}


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

.lp-hero {
  align-items: flex-end;
  background-position: center;
  background-size: cover;
  display: flex;
  height: 490px;
  margin: -58px 0 0;
}

.lp-hero .sv-text-portlet-content {
  text-align: right;
}

.lp-hero h1 {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  color: #4c704f;
  display: inline-block;
  margin: 0 0 80px !important;
  padding: 10px 20px;
}


/*
---------------------------------------------------------
SNABBLÄNKAR PÅ STARTSIDAN
---------------------------------------------------------*/

/* old code */
.lp-startpage-feature-wrapper ul {
  display: table;
  list-style: none;
  margin: 0;
  padding: 40px 0;
  width: 100%;
}

.lp-startpage-feature-wrapper li {
  display: table-cell;
}

.lp-startpage-feature-wrapper li > a {
  display: block;
  font-size: 14px;
  min-width: 32px;
  padding: 19px 16px 8px;
  text-align: center;
  text-decoration: none;
}

.lp-startpage-feature-wrapper li > a:hover .icon,
.lp-startpage-feature-wrapper li > a:focus .icon {
  fill: #b70056;
}

.lp-startpage-feature-wrapper li > a:hover,
.lp-startpage-feature-wrapper li > a:focus {
  text-decoration: underline;
}

.lp-startpage-feature-wrapper .icon {
  display: block;
  height: 50px;
  margin: 0 auto 15px;
  width: 60px;

  fill: #4d7050;
}

.lp-startpage-feature-wrapper img {
  display: none; /* tar bort bilden som visas för externa länkar */
}


/* new code */

.lp-quick-links {
  background: #ececec;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: -60px 0 30px;
  padding: 0;
}

.lp-quick-links li {
  border-left: 1px solid #425e3e;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 16.66666666666667%;
}

.lp-quick-links li:first-child {
  border: none;
}

.lp-quick-links li a {
  background: #4d7050;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 15px;
  height: 100%;
  padding: 20px;
  text-align: center;
  text-decoration: none;
}

.lp-quick-links .image {
  display: block;
  margin: 0 0 7px;
}

.lp-quick-links .icon {
  font-size: 50px;
  height: 1em;
  width: 1em;

  fill: #fff;
}

/* Hover */
.lp-quick-links li a:hover,
.lp-quick-links li a:focus {
  background: #425e3e;
  text-decoration: underline;
}


/*
---------------------------------------------------------
INGÃ…NGAR PÃ… STARTSIDAN
---------------------------------------------------------*/

/* new code - using old class */

.lp-startpage-feature-wrapper.lp-smartphone-margin .sv-column-3 {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.lp-startpage-feature-wrapper.lp-smartphone-margin h2 {
  font-size: 18px;
  margin: 15px 0 40px !important;
}

.lp-startpage-feature-wrapper.lp-smartphone-margin h2 a {
  text-decoration: none;
}

/* Hover */
.lp-startpage-feature-wrapper.lp-smartphone-margin .sv-column-3:hover,
.lp-startpage-feature-wrapper.lp-smartphone-margin .sv-column-3:focus {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
}

.lp-startpage-feature-wrapper.lp-smartphone-margin .sv-column-3:hover a,
.lp-startpage-feature-wrapper.lp-smartphone-margin .sv-column-3:focus a {
  text-decoration: underline;
}


/* overrides, delete later */
.lp-startpage-feature-wrapper.lp-smartphone-margin .sv-layout img {
  display: block;
}


/*
---------------------------------------------------------
NYHETER PÃ… STARTSIDAN
---------------------------------------------------------*/

.lp-startpage-news-wrapper {
  background-color: #f7f0de;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 40px 0;
}

.lp-startpage-news-wrapper .lp-link-button a,
.lp-startpage-events-wrapper .lp-link-button a {
  font-size: 18px;
  font-weight: 600;
}

.lp-startpage-news-wrapper .lp-link-button p.normal,
.lp-startpage-events-wrapper .lp-link-button p.normal {
  margin: 30px 0 0;
}


/*
---------------------------------------------------------
EVENEMANG PÃ… STARTSIDAN
---------------------------------------------------------*/
.lp-startpage-events-wrapper {
  padding: 40px 0;
}


/*
---------------------------------------------------------
ARKIV PÃ… STARTSIDAN
---------------------------------------------------------*/

/* old code */
.lp-startpage-archive .sv-channel {
  margin-left: -10px;
  margin-right: -10px;
  overflow: visible;
}

.lp-startpage-archive .sv-channel:after {
  clear: both;
  content: '';
  display: block;
}

.lp-startpage-archive .sv-channel-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 0 10px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  width: 25%;
}

.lp-startpage-archive .sv-channel-item:hover {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
}


.lp-startpage-archive .sv-channel-item h2 {
  display: block;
  margin: 0;
}

.lp-startpage-archive .sv-channel-item span {
  margin: 0;
}

.lp-startpage-archive .sv-channel-item h2 > a {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  text-decoration: none;
}

/* Publiceringsdatum */
.lp-startpage-archive .sv-channel-item span.normal {
  color: #4d7050;
  font-size: 12px;
  font-weight: bold;
  padding: 7px 0 5px;
}

/* Ingressen */
.lp-startpage-archive .sv-channel-item span.preamble {
  font-size: 14px;
}


/* new code */
.lp-startpage-archive.lp-smartphone-margin ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
}

.lp-startpage-archive.lp-smartphone-margin li {
  margin: 0 0 10px;
  padding: 0 10px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  width: 33.33333333333333%;
}

.lp-startpage-archive.lp-smartphone-margin li:hover,
.lp-startpage-archive.lp-smartphone-margin li:focus {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
}

.lp-startpage-archive.lp-smartphone-margin .sv-channel-item h2 {
  margin: 0;
}

.lp-startpage-archive.lp-smartphone-margin .sv-channel-item span {
  margin: 0;
}


.lp-startpage-archive.lp-smartphone-margin .sv-channel-item h2 > a {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  text-decoration: none;
}

/* Publiceringsdatum */
.lp-startpage-archive.lp-smartphone-margin .sv-channel-item span.normal {
  color: #4d7050;
  font-size: 12px;
  font-weight: bold;
  padding: 7px 0 5px;
}

/* Ingressen */
.lp-startpage-archive.lp-smartphone-margin .sv-channel-item span.preamble {
  font-size: 14px;
}

/*
---------------------------------------------------------
BILDPUFF
---------------------------------------------------------*/
.lp-banner .sv-text-portlet {
  background-color: #f7f0de;
  margin-top: -1px;
  padding: 15px 20px 20px;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

.lp-banner .sv-text-portlet h2,
.lp-banner .sv-text-portlet p {
  margin: 0 !important;
}

.lp-banner .sv-text-portlet h2 a,
.lp-banner .sv-text-portlet p a {
  text-decoration: none;
}

.lp-banner:hover .sv-text-portlet {
  background-color: #ffdc85;
}

.lp-banner .sv-text-portlet h2 + p {
  margin-top: 10px !important;
}

/*
---------------------------------------------------------
SÖKFUNTION/SÖKSIDA
---------------------------------------------------------*/
.sv-standardsearch-portlet input[type=text] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 85%;
  width: calc(100% - 80px);
}

.sv-standardsearch-portlet form > div {
  position: relative;
}

.sv-standardsearch-portlet input[type=submit] {
  position: absolute;
  right: 0;
  top: 0;
}

.sv-standardsearch-portlet .sv-search-hit {
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  padding: 20px 0 !important;
}

.sv-standardsearch-portlet .sv-search-hit > .sv-notopmargin > img {
  display: none;
}

.sv-standardsearch-portlet .sv-search-hit a {
  text-decoration: none !important;
}

.sv-standardsearch-portlet .sv-search-hit a:hover {
  text-decoration: underline !important;
}

.pagination a:hover {
  color: #fff !important;
}

.pagination .current {
  background-color: #fff;
  border: 1px solid #ededed;
  color: #ccc;
  cursor: default;
}

.pagination .current:hover {
  background-color: #fff;
  color: #ccc;
}

/*
---------------------------------------------------------
A-Ö portlet
---------------------------------------------------------*/
.sv-abc-portlet > div:first-child + div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;

  -webkit-box-pack: justify;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sv-abc-portlet > div:first-child + div a {
  text-align: center;

  -webkit-box-flex: 1;
  -ms-flex: 1 0 20px;
  flex: 1 0 20px;
}

.sv-abc-portlet > div:first-child + div a:hover {
  text-decoration: underline;
}

/*
---------------------------------------------------------
EVENEMANG
---------------------------------------------------------*/

.pagecontent .sv-eventcalendar-portlet + .sv-archive-portlet li {
  border-top: 1px solid #eee;
  margin: 20px 0 0;
  padding: 20px 0 0;
}

.lp-date-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;

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

.lp-date-header a,
.lp-date-header span {
  color: #dc4095;
  font-size: 16px;
  text-decoration: none;
}

.lp-date-header a:hover {
  text-decoration: underline;
}

.lp-date-header .lp-current-month {
  font-weight: 600;
}

.lp-date-header span {
  color: #777;
}


/*
---------------------------------------------------------
VIKTIGT MEDDELANDE
---------------------------------------------------------*/

.sv-archive-portlet.lp-alert li {
  background: #ffe7e7;
  margin: 25px auto 0;
  max-width: 97%;
  position: relative;
  width: 940px;
}

.lp-alert .sv-channel-item h1 a {
  background: no-repeat 0 50% url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAEsBAMAAABphh1TAAAAHlBMVEXQAADXQkLaWFjda2vnnJzqqqrtuLjz0dH56en///+1FXrnAAAAXklEQVRo3u3SsQ2DQBREwcucug0yp2ROnbkLywWgLzphu6WDI0I60Ez6stW2BgAAAHAnv6r6dvqa5D1w/x/0T5LX4P3Z6XOSNnCfkq3XH1XLmf+dD/a9egcAAAC4nx3+PDt6gQyOXgAAAABJRU5ErkJggg==');
  color: #d00000;
  display: block;
  font-size: 24px;
  line-height: 28px;
  margin: 0;
  padding: 15px 20px 12px 82px;
  text-decoration: none;
}

.lp-alert .sv-channel-item h1 a:hover,
.lp-alert .sv-channel-item h1 a:focus {
  text-decoration: underline;
}

.lp-alert .sv-channel-item a:before {
  color: #000;
  content: 'VIKTIGT MEDDELANDE:';
  display: inline-block;
  font-size: 22px;
}

.lp-alert .sv-channel-item a:hover:before {
  text-decoration: underline;
}


/*
---------------------------------------------------------
KRISSTARTSIDA
---------------------------------------------------------*/

.lp-startpage-events-wrapper h2 {
  line-height: 26px;
}

.lp-startpage-events-wrapper h2 a {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  text-decoration: none;
}

/*
---------------------------------------------------------
REKAI
--------------------------------------------------------- */
.rekai-news-header-wrapper h2.subheading {
  margin-bottom: 0.5em;
  margin-top: 0;
}

.rekai-pills li.env-list__item {
  margin: 0 0.8rem 0.8rem 0 !important;
}

.rekai-pills {
  margin-bottom: 1.5rem;
}