/*
=========================================================
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 {
   position: absolute;
  font-size: 1.6rem;
  top: auto;
  width: 1px;
  height: 1px;
   background-color: #fff;
   color: #000;
     overflow: hidden;
   text-align: left;
  width: 100%;
}

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

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


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

body {
  margin: 0;
}

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


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

.lp-header {
  padding: 0;
}


.lp-header > .sv-fixed-fluid-grid {
  margin-top: 1rem;
}

/* Logotyp */
header .lp-logo {
  margin: 0;
}

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

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


/* Sökruta */
.lp-page-top-search {
  border-bottom: 1px solid #cad0d6;
  padding: 2rem 1rem;
}

header .sv-searchform-portlet {
  margin: 0 auto;
  max-width: 770px;
}

header .sv-searchform-portlet div {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}

header .sv-searchform-portlet input[type='text'] {
  background-color: #fff;
  border: 1px solid #888;
  border-radius: 4px 0 0 4px;
  border-right: none;
  box-sizing: border-box;
  margin: 0;
  padding: 1.2rem;

  -webkit-appearance: none; /* tar bort iOS-styling av sökfältet */
  -webkit-box-flex: 1;
  flex: 1 1 auto;
}

header .sv-searchform-portlet input[type='text']:hover,
header .sv-searchform-portlet input[type='text']:hover + button {
  border-color: #aaa;
}

header .sv-searchform-portlet input[type='text']:focus {
  background-color: #fff;
  border-color: #006eab;
  outline: none;
}


/* Sökruta - Knapp */
header .sv-searchform-portlet button {
  background: #006eab;
  border: none;
  border-left: none;
  border-radius: 0 4px 4px 0;
  color: #fff;
  display: -webkit-box;
  display: flex;
  margin: 0;
  padding: 1.2rem 2rem;
}

header .sv-searchform-portlet button:hover {
  border-color: #aaa;
}

header .sv-searchform-portlet button .lp-icon {
  font-size: 1.3em;
}


/*
---------------------------------------------------------
SIDHUVUD - TALANDE WEBB
--------------------------------------------------------- */

body #_ba_message_box {
  background: #555;
  border-bottom: none;
}

body #_ba_message_box .ba-grid {
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -ms-flex-pack: center;
  width: auto;

  -webkit-box-pack: center;
  justify-content: center;
}

body #_ba_message_box div {
  color: #fff !important;
}

body #_ba_message_box .play-secure-mp3 {
  border: 2px solid #fff;
  margin: 0 0 1rem;
}

body .ba-vertical-align {
  position: static;
  top: 0;
  -webkit-transform: initial;
  transform: initial;
}

body #_ba_message_box div input[type='button'] {
  margin: 1rem 0 0;
}

body .ba-pane .ba-button:focus,
body .ba-pane .ba-link-button:focus {
  border-color: #006eab !important;
}

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

.lp-footer {
  background: #006eab;
  box-sizing: border-box;
  margin: 6rem 0 0;
  padding: 8rem 0 5rem;
}

.lp-footer .sv-row {
  display: -webkit-box;
  display: flex;

  flex-wrap: wrap;
}

.lp-footer .sv-column-3 {
  border-right: 1px solid #177ab2;
  margin-bottom: 3rem;
}

.lp-footer .sv-column-3:first-child {
  border-left: 1px solid #177ab2;
}

.lp-footer .lp-logo {
  text-align: center;
}

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

.lp-footer h2.subheading {
  color: #fff;
  font-size: 2.4rem;
  margin: 0 0 2rem !important;
}

.lp-footer p.normal {
  color: #fff;
  line-height: 1.8;
  margin: 0 !important;
}

.lp-footer p.normal a {
  color: #fff;
  text-decoration: underline;
}

.lp-footer p.normal a:hover {
  text-decoration: none;
}

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

.lp-footer-menu a.normal {
  -webkit-box-align: center;
  align-items: center;
  color: #fff;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  font-weight: 600;
  margin: 0 0 1rem;
  text-decoration: none;
}

.lp-footer-menu a.normal:hover {
  text-decoration: underline;
}

.lp-footer-menu .lp-icon {
  font-size: 1.8rem;
  margin-left: 1.5rem;
}


/*
---------------------------------------------------------
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%;
  -webkit-transform: translateY(-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;
}

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

.lp-landing-hero {
  background-color: #006eab;
  /* background-image: url('/images/18.32ba3d2416a8d0359141a20f/1574255124095/loven.png'), url('/images/18.32ba3d2416a8d0359141a20f/1574255124095/loven.png'); */
  background-position: 0 0, 100% 100%;
  background-repeat: no-repeat;
  /* border-top: 10px solid #005888; */
  padding: 2rem 0 1rem;
}

/*
---------------------------------------------------------
LANDNINGSSIDA HERO (Boxar med nyhetslistning)
--------------------------------------------------------- */

/* Första kolumnens nyhetslistning */

.lp-landing-content .lp-boxes > div:first-child {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;

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

.lp-landing-content .lp-boxes > div:first-child > .sv-vertical {
  background: #ecf0f6;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -ms-flex-pack: justify;
  height: 100%;

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


.lp-landing-content .lp-boxes > div:first-child .sv-text-portlet {
  background: #ecf0f6;
  height: auto;
}

.lp-landing-content .lp-boxes > div:first-child h2.subheading {
  -webkit-box-align: center;
  align-items: center;
  border-bottom: 2px solid #a09061;
  border-color: #006eab;
  box-sizing: border-box;
  color: #000;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  font-size: 1.8rem;
  margin: 1rem !important;
  padding-bottom: 1rem;
}

.lp-landing-content .lp-boxes h2.subheading a {
  border-color: #006eab;
}


/* Nyhetsmodulen */

.lp-landing-content .lp-boxes .sv-archive-portlet {
  padding: 0 2rem;
}

.lp-landing-content .lp-boxes .sv-archive-portlet li {
  margin: 0 0 1rem;
}

.lp-landing-content .lp-boxes .sv-archive-portlet a.normal {
  font-size: 2rem;
  font-weight: 600;
}

.lp-landing-content .lp-boxes .sv-text-portlet {
  background: #f2f2f3;
}

/* Länk till nyhetsarkiv */

.lp-landing-content .lp-boxes > div:first-child .sv-text-portlet:last-child .sv-text-portlet-content {
  border-top: 1px solid #ecf0f6;
  margin: 1rem 1rem 0;
}

.lp-landing-content .lp-boxes > div:first-child .sv-text-portlet:last-child p.normal {
  margin: 2rem 0 !important;
  text-align: right;
}

.lp-landing-content .lp-boxes > div:first-child .sv-text-portlet:last-child p.normal a {
  -webkit-box-align: center;
  align-items: center;
  color: #006eab;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: end;
  font-size: 1.4rem;
  font-weight: bold;
  text-decoration: none;

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

.lp-landing-content .lp-boxes > div:first-child .sv-text-portlet:last-child p.normal a:hover,
.lp-landing-content .lp-boxes > div:first-child .sv-text-portlet:last-child p.normal a:focus {
  text-decoration: underline;
}


.lp-landing-content .lp-boxes > div:first-child .sv-text-portlet:last-child p.normal a:after {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2022%2023\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23005888\'%3E%3Cg%20%20id%3D%22Page-1%22%3E%3Cg%20id%3D%22Start%22%20transform%3D%22translate(-433%20-742)%22%3E%3Cg%20id%3D%22Fill-1%22%20transform%3D%22translate(215%20708)%22%3E%3Cpath%20d%3D%22M229%2034.83c-6.065%200-11%204.92-11%2010.968%200%206.046%204.935%2010.966%2011%2010.966s11-4.92%2011-10.966c0-6.047-4.935-10.967-11-10.967zm0%201.688c5.15%200%209.308%204.146%209.308%209.28%200%205.134-4.158%209.28-9.308%209.28-5.15%200-9.308-4.146-9.308-9.28%200-5.134%204.158-9.28%209.308-9.28zm.608%203.875l-1.216%201.187%203.384%203.374h-8.7v1.687h8.7l-3.384%203.375%201.216%201.186%205.42-5.404-5.42-5.405z%22%20id%3D%22Shape%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
  content: '';
  display: inline-block;
  height: 1.5rem;
  margin: 0 0 0 0.8rem;
  width: 1.5rem;
}

/*
---------------------------------------------------------
SUBWEBB Regnbåge
--------------------------------------------------------- */

.lp-rainbow {
  background-image: url('/images/18.32ba3d2416a8d03591416ecb/1573159432582/regnbage_smal.jpg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 0 3rem;
  padding: 2.5rem 0;
}

.lp-rainbow .sv-image-portlet {
  max-width: 224px;
}

/*
---------------------------------------------------------
STARTSIDA Go Sollefteå
--------------------------------------------------------- */

.lp-go-solleftea {
  margin: 0 0 3rem;
}

.lp-go-solleftea .sv-image-portlet {
  margin: 9rem auto;
  max-width: 576px;
  padding: 0 4rem;
}

.lp-go-solleftea .lp-boxes .sv-text-portlet {
  background: #fff;
  border-radius: 4px;
}

.lp-go-solleftea .lp-boxes h2.subheading a {
  border-bottom: none;
  color: #000;
  margin: 2rem 2rem 0;
  padding-bottom: 0;
}

.lp-go-solleftea .lp-boxes p.normal {
  margin-top: 1rem !important;
}


/*
---------------------------------------------------------
STARTSIDA Öppettider
--------------------------------------------------------- */

.lp-openhours-today {
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: flex;
  margin: 0.5rem 0;

  flex-wrap: wrap;
}

.lp-openhours-today .lp-openhours-badge {
  border-radius: 4px;
  color: #fff;
  font-size: 1.2rem;
  margin: 0.5rem 0;
  margin-right: 1.5rem;
  padding: 0.5rem 1rem;
  text-transform: uppercase;
}

.lp-openhours-today .lp-openhours-badge--open {
  background-color: #63802d;
}

.lp-openhours-today .lp-openhours-badge--closed {
  background-color: #767676;
}

.lp-openhours-today__next-state {
  font-size: 1.4rem;
}

/*
---------------------------------------------------------
Rek.Ai sökresultat anpassning för e-tjänster
--------------------------------------------------------- */
.externalAutoClass img {display: none;}      
.externalAutoClass a:after 
{
   border-radius: 200px;
   content: "e-tjänst"; 
   border: 1px solid #006eab; 
   color: #fff;
   margin-left: 15px;         
   padding: 3px 10px;         
   background-color: #006eab;         
   text-decoration: none;     
}