.sv-grid-grid-12 {
   padding: 0 15px;
}

/* Centrering Corona länkar översättning */

.center-translate-link-front {
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   display: inline-block;
}

header .sv-column-12 {
   margin-bottom: 0 !important;
}

body {
   top: 0px !important;
}

.svart-bakgrund h3, .svart-bakgrund h2, .svart-bakgrund p, .svart-bakgrund a {
   color: white;
}

a.normal {
   color: #0064a3;;
}

/* Vklass symbol footer */

.vklass-symb-footer {
   display: inline-block !important;
   margin-right: -22px;
}

/* Menu background - Svart */
.savsjo_menu-isopen:before {
   opacity: 1;
   pointer-events: auto;
   z-index: 998;
}

body:before {
   content: "";
   background-color: rgba(0,0,0,0.5);
   position: fixed;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   z-index: 9;
   opacity: 0;
   pointer-events: none;
   transition: 0.2s all;
}

.pagecontent li {
   margin-bottom: 0.4em;
}
.savsjo-center {
   text-align: center;
}

/* 
Två kolumner 
*/

.savsjo--two-columns > div {
   min-width: 49%;
   max-width: 49%;
   margin-top: 1em;
   top: 0;
   position: relative;
}

.savsjo--two-columns > div:first-child {
   margin-right: 2%;
}


@media (max-width: 600px) {
   .savsjo--two-columns > div {
      width: 100%;
      max-width: 100%;
   }
}

/* Används inte, flex är bara kompatibelt med IE 11 
.savsjo-centerflex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}

.savsjo-centerflex > * {
width: 100%;
margin: 1em 1em;
max-width: 50%;
}

.savsjo-centerflex > :first-child {
margin-left: 0;
}

.savsjo-centerflex > :last-child {
margin-right: 0;
}
*/


.contact--container {
   margin-top: 1em;
}

.disabled {
   opacity: 0.4;
   pointer-events: none;
}

img[title="PDF"] {
   display: none;
}

.sv-linkicon {
   display: none;
}


.savsjo_startpage-full-top-content:first-child {
   min-height: 100%;
   height: calc(100vh - 310px);
}

ul {
   font-family: "open sans",sans-serif;
   font-weight: normal;
   font-style: normal;
   font-size: 100%;
   color: #474747;
   line-height: 26px;
}

/* Form fix - Full bredd på checkboxar */
.sv-defaultFormTheme .sv-form-singleselectionfield label, .sv-defaultFormTheme .sv-form-multipleselectionfield label {
   width: 100%;
}
.sv-defaultFormTheme input[type="checkbox"]:checked+label:after, .sv-defaultFormTheme input[type="radio"]:checked+label:after {
   font-family: FontAwesome!important;
}

/* Top image */

/* H1 - Välkommen */
.savsjo-startpage-top-image-text > div:first-child h1 {
   font-size: 380%;
   line-height: 1.2em;
   margin-bottom: 0.4em!important;
}

/* H1 - till sävsjö kommun */
.savsjo-startpage-top-image-text > div:last-of-type h1 {
   font-size: 250%;
}

.savsjo-startpage-top-image-text {
   background: #fff;
}
:focus {
   outline:solid black 3px !important;

}

.savsjo-startpage-top-image-text {
   position: absolute!important;
   top: 30%;
   left: 50%;
   transform: translate(-50%,0);
   padding: 16px;
}

.savsjo_startpage-top-content:nth-of-type(2) > .savsjo_startpage-background-image > div {
   -webkit-filter: blur(10px);
   filter: blur(10px);
   padding: 10px;
}


/* Kontaktpersoner */
.savsjo-icon-contact {
   font-size: 3em;
   display: block;
   text-align: center;
   margin-bottom: 25px;
   color: #242424;
}

.savsjo-contact-content {
   margin-left: 0!important;
}

.savsjo-contact-content ul {
   background: #ffffff;
   box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
   border: 1px solid #d6d6d6;
}
.savsjo-contact-content ul ul {
   border: 0;
   box-shadow: none;
}

.savsjo-contact-content ul li {
   color: #fff;
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
}

.savsjo-contact-content ul .has-child > a {
   font-weight: 700;
}

.savsjo-contact-content li.has-child > ul {
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
}
.savsjo-contact-content li.has-child:last-child > ul {
   border-bottom: 0;
}

.savsjo-contact-content ul li a {
   padding: 10px 15px;
   padding-right: 60px;
   display: block;
   text-decoration: none;
   position: relative;
   color: #242424;
}

.savsjo-contact-content ul li a:hover {
   background: #0077b1;
   color: #fff;
}

.savsjo-contact-content ul ul {
   display: none;
}

.savsjo-contact-content .savsjo-listmenu-btn {
   display: inline-block;
   position: absolute;
   right: 0;
   top: 0;
   z-index: 1;
   padding: 10px 20px;
   color: #242424;
   font-weight: normal;
   width: 100%;
   box-sizing: border-box;
   text-align: right;
}
.savsjo-contact-content .savsjo-listmenu-btn:before {
   content: "\f218";
   font-family: "Ionicons";
   font-size: 13px;
}
.savsjo-contact-content .savsjo-listmenu-btn:hover {
   color: #fff;
}

.savsjo-contact-content .is-open .savsjo-listmenu-btn:before {
   content: "\f209";
   font-family: "Ionicons";
}

.savsjo-contact-content.sv-facetedsearch-portlet > form {
   margin-top: 0;
   margin-bottom: 0;
}

.savsjo-contact-content.sv-facetedsearch-portlet .sv-search-result {
   border: 0!important;
   border-bottom: 1px solid #ccc!important;
   width: 100%;
   margin: 0 auto;
   padding: 0;
}

.savsjo-contact-content.sv-facetedsearch-portlet > div:last-child {
   max-width: 608px;
   width: 100%;
   margin: 0;
   padding: 0;
   margin-bottom: 50px;
   margin-top: 20px;
}

.savsjo-contact-content.sv-facetedsearch-portlet {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
}

.savsjo-contact-content.sv-facetedsearch-portlet ul {
   background: #fff;
   box-shadow: none;
   border: 0;
   color: #333;
}
.savsjo-contact-content.sv-facetedsearch-portlet ul li {
   background: #fff;
   box-shadow: none;
   border: 0;
   color: #333;
   list-style: outside;
}
.savsjo-contact-content.sv-facetedsearch-portlet .sv-search-result li a:before {
   content: "\f47f";
   font-family: "Font Awesome 5 Free";
   margin-right: 10px;
}

/* Logged in User */
.savsjo-user-container {
   display: none;
}
.headerMenu .savsjo-user-container {
   padding: 10px 1em;
   background: #006090;
   display: inline-block;
   width: 100%;
   box-sizing: border-box;
}
.savsjo-user-container span {
   color: #fff;
   font-size: 14px;
   margin-right: 15px;
   margin-bottom: 6px;
   display: inline-block;
}

.savsjo-user-container :nth-child(3) {
   display: none;
}

.savsjo-user-container a {
   display: inline-block;
   padding: 1em 1.5em;
   max-width: 450px;
   line-height: 10px;
   border-radius: 100px;
   font-size: 14px;
   text-decoration: none;
   color: #0064a3;!important;
   background-color: #fff;
   font-family: Poppins;
   cursor: pointer;
   transition: background-color .25s ease;
   font-weight: 600;
   transition: .25s ease;
}
.savsjo-user-container a:hover {
   box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
}

/* files */
.sv-file-portlet a[href]:after,
.sv-file-portlet .sv-file-portlet-fileicon img {
   display: none;
}

.sv-file-portlet-fileicon:after {
   content: "\f1c1";
   font-weight: 900;
   font-family: Font Awesome\ 5 free;
   display: inline-block;
   font-size: 18px;
   vertical-align: middle;
   text-align: right;
   width: 20px;
   margin-right: .5em;
   color: #0064a3;;
}

/* TABLE */
table {
   margin-bottom: 1em;
}
caption {
   color: #000;
   font-size: 115%;
   padding: 0px 15px 5px;
   border-bottom: 1px solid #e4e4e4;
}
table caption {
   border: 0;
}
.sv-text-portlet table.sv-standard td p {
   font-family: poppins,sans-serif;
}

.sv-text-portlet table.sv-standard {
   height: auto;
}

table tr td * {
   font-family: poppins,sans-serif;
}

th, td {
   padding: 10px 15px!important;
   vertical-align: top;
}

tr p {
   font-weight: 400!important;
   color: #000!important;
}

input:focus,
button:focus {
   outline: none;
   box-shadow: 0px 0px 2px #0083c3;
}

/*.savsjo_header {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.savsjo_header:before, .savsjo_header:after {
   display: none;
}*/

/* Savsjö logga */
.savsjo_logo {
   float: left;
   transition: 0.3s ease;
   display: flex;
   width: 100%;
   flex-direction: column;
}
.savsjo_logo img {
   max-width: 220px;
   min-width: 80px;
   width: 100%;
}
.savsjo_logo span.subheading3 {
    margin-right: -3em;
}

.savsjo_menu-buttons a:last-child { 
   margin-right: 0;
}

/* 
	Sidhuvud 
*/

.savsjo_header {
   z-index: 1;
   padding: 2.2em 0 1.9em;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 8;
   transition: 0.5s;
   transform: translate(0, 0);
   box-sizing: border-box;
}

/* Logotyp Visit */
.savsjo_turism-logo {
    font-family: 'Poppins',cursive;
    font-weight: normal;
    display: block;
    text-decoration: none;
    text-align: center;
}

.savsjo_turism-logo img {
    width: 140px;
    height: 50px;
    display: inline-block;
    margin-bottom: 32px;
}

.savsjo_turism-logo span {
    font-size: 22px;
    line-height: 1em;
    color: #fff;
    transition: .3s ease;
    background: #0072bb;
    border-radius: 50px;
    padding: 4px 8px;
    box-sizing: border-box;
    bottom: 0;
    position: absolute;
    left: 0;
}

body > .sv-layout {
   padding-top: 9em;
}

@media (max-width: 961px) {
   body .savsjo_content {
      padding-top: 0;
   }
}

.savsjo_header.is-scroll {
   opacity: 0;
   transform: translate(0, -100%);
}

/* ReadSpeaker */
.read_speak a.rs_href {
   font-family: "Poppins";
   font-weight: 600;
   text-decoration: none;
   color: var(--env-element-font-color);
}
.read_speak a.rs_href:hover {
   padding-bottom: 0.2em;
   border-bottom: 2px solid;
}

.read_speak a.rs_href img {
   height: 1.5em;
}

.header-small {
   padding: 10px 0;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.header-small .savsjo_logo {
   max-width: 150px;
   height: 80px;
}

/* keyframe */
@keyframes example {
   0% {
      transform: translate(-50%,-50%);
      box-shadow: 0 50px 55px rgba(0, 0, 0, 0.1);
   }
   50% {
      transform: translate(-50%, -10%);
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
   }
   60% {
      transform: translate(-50%, -10%);
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
   }
   100% {
      transform: translate(-50%,-50%);
      box-shadow: 0 50px 55px rgba(0, 0, 0, 0.1);
   }
}

.savsjo-startpage-top-readmore {
   position: absolute;
   bottom: 20px;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 50px;
   height: 50px;
   text-align: center;
}
.savsjo-startpage-top-readmore .fa {
   color: #fff;
   font-size: 30px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   position: absolute;
   margin: 0;

   animation: example 3s infinite ;
}



blockquote {
   border: 0;
}

/* länk ikoner */
a[href^="mailto:"]:before {
   content: "\f0e0";
   font-family: Font Awesome\ 5 Free;
   margin-right: 5px;
   display: inline-block;
}

a[href^="tel:"]:before {
   content: "\f095";
   font-family: Font Awesome\ 5 Free;
   font-weight: 900;
   margin-right: 5px;
   display: inline-block;

   /* flip */
   -moz-transform: matrix(-1, 0, 0, 1, 0, 0);
   -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
   -o-transform: matrix(-1, 0, 0, 1, 0, 0);
   transform: matrix(-1, 0, 0, 1, 0, 0);
}

/* Punktlistor (vald) */
.savsjo-iconlist {
   padding: 0;
}
.savsjo-iconlist img {
   display: none;
}
.savsjo-iconlist a {
   color: #0064a3;;
   text-decoration: none;
}
.savsjo-iconlist a:hover {
   text-decoration: underline;
}

.savsjo-iconlist a:not([href$=".pdf"]):before {
   content: "\f35d";
   font-weight: 900;
   font-family: Font Awesome\ 5 free;
}

.savsjo-iconlist li a:first-child[href$=".pdf"]:before, .savsjo-iconlist li a:first-child[title~="pdf,"]:before {
   content: "\f1c1";
   font-weight: 900;
   font-family: Font Awesome\ 5 free;
   padding-right: 15px;
   display: inline-block;
   font-size: 22px;
   vertical-align: middle;
   text-align: right;
   width: 20px;
   height: 1.3em;
}

a[href$=".pdf"]:after, a[title~="pdf,"]:after {
   content: "\f1c1";
   font-weight: 900;
   font-family: Font Awesome\ 5 free;
   display: inline-block;
   font-size: 18px;
   vertical-align: middle;
   text-align: right;
   width: 20px;
   margin-right: 0.5em;
}

.savsjo-iconlist a[href$=".pdf"]:after, .savsjo-iconlist a[title~="pdf,"]:after {
   display: none;
}


/* FORMULÄR */
.sv-form-portlet.sv-no-applet-edit.sv-portlet {
   margin: 15px 0;
}

.sv-form-portlet.sv-no-applet-edit.sv-portlet > div:not(form) .normal {
   display: block;
   background: #4b9e75;
   padding: 20px;
   margin: 20px 0;
   font-weight: bold;
   margin: 0;
   position: relative;
   padding-left: 60px;
   display: block;
   color: #fff;
}

.sv-form-portlet.sv-no-applet-edit.sv-portlet > :not(form) .normal:before {
   content: "\f058";
   font-family: "Font Awesome 5 free";
   font-size: 24px;
   height: 100%;
   position: absolute;
   left: 20px;
   top: 18px;
}

/* Vänsterjusterar all text i formulären */
.sv-dbform-portlet * {
   text-align: left;
}

/* Fix för att få fältet för Personuppgifter att synas */
.sv-formField .sv-form-consent input[type=checkbox] {
   visibility: visible;
}

/* FORMULÄR SLUT */

.pagecontent .normal a[href*="//"]:after {
   content: "\f35d";
   font-weight: 900;
   font-family: Font Awesome\ 5 free;
   padding-left: 0;
   display: inline-block;
   font-size: 8px;
   vertical-align: middle;
   text-align: right;
   width: 15px;
}

.pagecontent .normal a[href*="//"] img {
   display: none;
}

/* Okänt vilken funktion denna fyller ".savsjo-pagecontent a[href] img,"*/
.savsjo-pagecontent .savsjo-iconlist a[href]:after {
   display: none!important;
}

.savsjo-pagecontent .sv-image-portlet a img {
   display: inline-block!important;
}

.savsjo-pagecontent .sv-image-portlet a:after {
   display: none!important;
}

.savsjo-pagecontent {
   padding-top: 6em;
   padding-bottom: 6em;
}


/* Sök i sidhuvudet */
.header-search {
   display:none;
   text-align: center;
   position: relative;
   left: 0;
   width: 100%;
   top: 100%;
   margin: 1em 0 1em 0;
}
.header-search .bootstrap form {
   margin: 0;
}
.header-search .bootstrap input {
   margin: 0;
   height: 60px !important;
   padding: 1em;
}

/* Fixar att resultat rutan är större än skärmen */
body ul.sv-autocomplete-search-result {
   max-width: 93%;
}


/* ScrollToTop */
#scrollToTop {
   position: fixed;
   bottom: 30px;
   right: 30px;
   color: #0064a3;
   background: #fff;
   box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
   height: 50px;
   border-radius: 100px;
   text-align: center;
   display: inline-block;
   margin-right: 5px;
   padding: 0 1em 0 1em;
   font-family: Font Awesome\ 5 Brands, Font Awesome\ 5 Free;
   font-weight: 900;
   opacity: 0;
   pointer-events: none;
   border: 3px solid #000000;
   z-index: 9;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -moz-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -moz-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

#scrollToTop:hover {
   background-color: #003e66;
}

#scrollToTop:hover, #scrollToTop:hover span {
   color: #FFFFFF;
}

#scrollToTop.active {
   opacity: 1;
   pointer-events: auto;
}

#scrollToTop:before {
   content: "\f106";
   font-size: 30px;
   display: inline-block;
}

#scrollToTop span {
   margin-left: 0.5em;
   font-family: Open Sans;
}


/* Puffruta */
.puff-ruta {
   position: relative!important;
   box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
   text-align: center;
}

/* Meny - länkar gå på samma sida */
.savsjo-menu-pagelinks {
   text-align: center;
   display: inline-block;
   width: 100%;
}

.savsjo-menu-pagelinks ul {
   font-size: 0;
}

.savsjo-menu-pagelinks li {
   width: 20%;
   display: inline-block;
   font-size: 16px;
}

.savsjo-menu-pagelinks li a {
   text-decoration: none;
   border-bottom: 2px solid transparent;
}

.savsjo-menu-pagelinks li a:after {
   content: "\f078";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   position: relative;
   right: 0;
   top: 0;
   margin-left: 16px;
   font-size: 16px;
}

.savsjo-menu-pagelinks li a:hover {
   border-bottom: 2px solid;
}

/* Meny2 - länkar gå på samma sida */
.savsjo_contentpage-topmenu {
   -webkit-column-count: 2;
   -moz-column-count: 2;
   column-count: 2;
   -webkit-column-gap: 20px;
   -moz-column-gap: 20px;
   column-gap: 20px;
}
.savsjo_contentpage-topmenu li {
   width: 100%;
   display: block;
   min-height: 45px;
}
.savsjo_contentpage-topmenu li a {
   text-align: left;
   margin-top: 0;
   -webkit-column-break-inside: avoid;
   page-break-inside: avoid;
   break-inside: avoid-column;
   display: table;
   background: #f2f2f2;
   width: 100%;
   padding: 14px 20px;
   padding-right: 45px;
   box-sizing: border-box;
   position: relative;
   margin-bottom: 15px;
   z-index: auto;
   text-decoration: none;
}
.savsjo_contentpage-topmenu li a:hover {
   box-shadow: inset 0 -2px 0 0 #0083c3;
   -moz-box-shadow: inset 0 -2px 0 0 #0083c3;
   -webkit-box-shadow: inset 0 -2px 0 0 #0083c3;
}
.savsjo_contentpage-topmenu li a:after {
   content: "\f078";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   position: absolute;
   right: 20px;
   top: 50%;
   font-size: 16px;
   transform: translate(0, -50%);
   margin-top: 1px;
}
.savsjo_contentpage-topmenu br {
   display: none;
}


/* Toppinnehåll */
.savsjo-top-pageheader .sv-font-preamble {
   margin-bottom: 0;
}

/* Kontaktaruta */
.savsjo-exp-container {
   display: none;
}
.exp-header {
   background-color: #0064a3;
   color: #fff;
   padding: 1.5em 3em;
   margin: 0.5em 0 0 0;
   box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
   line-height: 100%;
   z-index: 2;
   position: relative;
   user-select: none;
   width: 100%;
   box-sizing: border-box;
}
.exp-header * {
   color: #fff;
}
.exp-header p {
   font-size: 118%!important;
   padding-top: 1px;
   font-family: "open sans",sans-serif;
   font-weight: 600;
   font-style: normal;
   font-size: 144%;
   color: #ffffff;
   line-height: inherit;
}
.exp-header .fa {
   vertical-align: middle;
}

/* Second Exp-header */
.exp-content .exp-header {
   padding: 1em 1.5em;
   background: #fff;
   color: #0064a3;;
   border: 2px solid #0083c3;
}
.exp-content .exp-header p {
   color: #0064a3;!important;
}
.exp-content .exp-header:before {
   right: 25px;
}

.exp-content .exp-content {
   padding: 2em 1.5em;
}

/* End of /Second Exp-header */

.exp_submenu.exp-content table {
   margin-bottom: 0;
}

.exp-content .sv-font-brodsmula{
   color: #fff;
   margin: 0;
   padding: 0;
}
.exp-content {
   border-color: #d6d6d6;
   box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -ms-border-radius: 0;
   border-radius: 0;
   margin: 0 0 1em 0;
   padding: 2em 3em;
   position: relative;
   display: none;
}
.exp-content span a {
   width: 100%;
   box-sizing: border-box;
   height: 100%!important;
}
.exp-content .sv-decoration-lankknapp {
   margin-bottom: 30px;
}
.con-contact * {
   font-family: poppins,sans-serif;
}
.con-contact p {
   line-height: 2em;
   margin-bottom: 20px;
}

.savsjo-flexpage .exp-header p {
   position: absolute;
   top: 50%;
   line-height: 1.6em;
   width: calc(100% - 160px);
   box-sizing: border-box;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   vertical-align: middle;
   transform: translate(0, -50%);
}

.savsjo-contact-columns {
   -webkit-column-count: 2; /* Chrome, Safari, Opera */
   -moz-column-count: 2; /* Firefox */
   column-count: 2;
   -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
   -moz-column-gap: 40px; /* Firefox */
   column-gap: 40px;
   border-top: #ccc;
   border-top: 1px solid #e4e4e4;
   padding-top: 20px;
   margin-top: 20px;
}
.savsjo-contact-columns > div { 
   margin-top: -1em;
}
.savsjo-contact-columns p {
   margin-top: 0;
   -webkit-column-break-inside: avoid;
   page-break-inside: avoid;
   break-inside: avoid-column;
   display: table;
}

/* FUNKTION */
.exp-header {
   cursor: pointer;
}
.exp-header:before {
   /*content: "\f078";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   float:right;
   font-size: 100%;
   transition: transform 300ms ease-out;
   z-index: 2;
   transform: translate(0, -50%);
   top: 50%;
   right: 50px;
   position: absolute;*/
   content: "+";
   width: 20px;
   top: 50%;
   right: 0.3em;
   position: absolute;
   transform: translate(-50%,-50%);
   font-size: 160%;
   text-align: center;
}
.exp-header-white, .exp-header-white * {
   background: #fff;
   color: #000;
   z-index: 1;
   position: relative;
}
.exp-content {
   position: relative;
   overflow: hidden; 
}
.exp-content-white p {
   line-height: 2em;
}

.exp-content-white, .exp-content-white * {
   background: #fff;
}
.exp-content-white p {
   color: #000;
}

.exp-header.exp-active:before {
   /*content: "\f077";*/
   content: "-";
   top: 45%;
}
.sv-image-portlet .sv-portlet-image-caption {
   font-family: Open Sans;
   font-size: 100%;
   line-height: 1.3;
   color: #757575 ;
   margin-top: 0.9em;
   text-align: left;
}
.exp-content.split:before {
   content: "";
   display: inline-block;
   position: absolute;
   height: 80%;
   width: 1px;
   background: #ccc;
   margin: 0 auto;
   left: 0;
   right: 0;
   top: 0;
   transform: translate(0, 10%);
}
.exp_submenu{
}
.exp_submenu:before {
   content: none;
}
.exp_submenu.exp-content > div > * {
   width: 100%;
   box-sizing: border-box;
}

.exp_submenu li a {
   padding: 10px 0px;
   width: 100%;
   display: -webkit-box; 
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex; 
   display: flex;
   box-sizing: border-box;
   text-decoration: none;
   font-weight: 600;
   color: #0064a3;;
   border-bottom: 1px solid #e4e4e4;
   transition: 0s!important;
}
.exp_submenu li:last-child a {
   border-bottom: 0;
}
.exp_submenu li a:before {
   content: "\f105";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   position: relative;
   right: 0;
   top: 0;
   vertical-align: bottom;
   padding-right: 15px;
   padding-left: 10px;
}

.exp_submenu li a:hover {
   box-shadow: 0 2px 10px #e4e4e4;
   background: #0183c3;
   color: #fff;
}

/* Savsjo nyhets sida */

.savsjo-newspage h1 {
   padding-top: 0.5em;
}

/* Savsjo Search - SÖK */
.savsjo_search {
   display: inline-block;
   position: relative;
   width: 100%;
   max-width: 700px;
   height: 58px;
}
.savsjo_search .savsjo_searchfield {
   border: 1px solid #ccc;
   padding: 15px 20px;
   color: #0064a3;;
   width: 100%;
   box-sizing: border-box;
   position: relative;
   padding-right: 95px;
   font-weight: 600;
   border-radius: 0;
   box-shadow: none;
   height:58px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

.savsjo_search .savsjo_searchfield::placeholder {
   font-weight: 600;
   color: #0064a3;;
}

.savsjo_search .savsjo_search-btn {
   position: absolute;
   top: 0;
   right: 0;
   height: 58px;
   background: #0083c3;
   color: #fff;
   border: 0;
   width: 80px;
   font-size: 20px;
}

/* Sökresultat */
.savsjo-search-result li {
   position: relative;
}

.savsjo-search-result li a:after {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}

.savsjo-search-result li:hover a {
   text-decoration: underline;
}

/*
.savsjo-search-result li:hover:before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   z-index: -1;
   padding: 5px 10px;
   top: -5px;
   left: -10px;
   background: #f5f5f5;
}
*/

/* savsjo-headerContent */
.savsjo-headercontent .subheading .subheadingblue {
   position: relative;
   display: inline-block;
   padding-right: 30px;
}


.savsjo_startpage-top-content .savsjo_startpage-content-bottom a {
   text-align: center;
   background: #fff;
   border-radius: 40px;
   width: 100%;
   box-sizing: border-box;
   display: block;
   margin: 10px auto;
   max-width: 320px;
   padding: 1em;
}
.savsjo_menu-fav-nav-box h2 {
   font-size: 150%;
}
.savsjo_menu-fav-nav-box h2 a:after {
   content: "\f105";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   position: absolute;
   margin-left: 16px;
   font-size: 18px;
   vertical-align: middle;
   margin-top: 9px;
}

.savsjo_startpage-top-content {
   position: relative;
   overflow: hidden;
   padding-top: 5em;
   padding-bottom: 5em;
   z-index: 1;
   /*min-height: 55em;*/
}
.savsjo_startpage-top-content .sv-layout{
   margin-bottom: 0;
   z-index: 2;
   position: relative;
}

.savsjo_top-second-content {
   position: relative;
}

.savsjo_top-with-image .savsjo_top-second-content {
   padding-top: 7em;
   padding-bottom: 7em;
}


.savsjo-top-second-heading {
   display: inline-block;
   transform: translateX(-50%);
   left: 50%;
   position: relative;
   min-width: 300px;
}

/* display är en temporär buggfix */
.savsjo_top-second-content .savsjo_startpage-background-image img {
   object-position: 50%;
   display: block !important;
}

.savsjo_top-second-content .savsjo_menu-fav-nav h2 {
   position: relative;
   padding-right: 27px;
   box-sizing: border-box;
}


.savsjo_startpage-top-content .savsjo_startpage-background-image,
.savsjo_top-second-content .savsjo_startpage-background-image {
   position: absolute;
   z-index: -1;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
}
.savsjo_startpage-top-content .savsjo_startpage-background-image *,
.savsjo_top-second-content .savsjo_startpage-background-image * {
   height: 100%!important;
   width: 100%!important;
   top: 0;
   position: absolute;
   -o-object-fit: cover;
   object-fit: cover;
   object-position: 50% 0;
   transform: translate(-50%, -50%);
   left: 50%;
   top: 50%;
}

.fa-bars.fa-lg.fa-inverse {
   top: 0px;
   position: relative;
}

/* Snabblänkar */
.snabblankar p a {
   position: relative;
   margin: 15px 0 0 30px;
   font-family: Poppins;
   font-weight: 500;
   display: inline-block;
}
.snabblankar p a:before {
   position: relative;
   content: "\f105";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   margin-left: -28px;
   padding-right: 20px;
}

/* BUTTONS */
.savsjo_shadow {
   box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
}

/* SOCIAL BUTTONS */
.savsjo_social-btn {
   z-index: 1;
}
.savsjo_social-btn a .fa {
   font-size: 24px;
   font-weight: 500;
}
.savsjo_social-btn a {
   margin-right: 40px;
   text-decoration: none;
   color: #0074AD;
}
.savsjo_social-btn a:last-child {
   margin-right: 0;
}
.savsjo_menu-buttons.savsjo_social-btn {
   float: none;
   display: inline-block;
}

.savsjo_social-btn a span {
   margin-left: 5px;
   border-bottom: 2px solid transparent;
   transition: .25s ease;
   display: inherit !important;
   color: #005580;
}

.savsjo_social-btn a:hover span {
   border-bottom: 2px solid;
}

/* ALERT */

.savsjo_alert-container {
   box-shadow: 0 2px 3px 0 rgba(0,0,0,0.16);
   position: relative;
}
.savsjo_alert {
   text-align:left;
   background-color:#ffe143;
   font-size: 18px;
   position: relative;
}
.savsjo_alert-header {
   padding: 1em 0;
   cursor: pointer;
   user-select: none;
   -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
}

.savsjo_alert-header a {
   width: 50%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   display: inline-block;
   margin-bottom: -6px;
   text-decoration: none;
}
.savsjo_alert-header a span {
   margin-left: 6px;
}
.savsjo_alert-header a:before {
   content: "|";
   display: inline-block;
}
.savsjo_alert.active .fa.fa-angle-down {
   transform: rotate(180deg);
}
.savsjo_alert .fa {
   font-size: 39px;
   vertical-align: middle;
   margin-right: 5px;
}
.savsjo_alert .fa.fa-angle-down {
   float: right;
   transition: 0.2s;
}
.savsjo_alert.active .savsjo-alert-content {
   /* height: 105px; */
}
.savsjo-alert-content {
   height: 0;
   overflow: hidden;
   line-height: 1.6;
   -webkit-transition: 0.2s;
   -o-transition: 0.2s;
   transition: 0.2s;
   -webkit-transition-timing-function: linear; /* Safari and Chrome */
   -o-transition-timing-function: linear;
   transition-timing-function: linear;
}

.savsjo-alert-content-inner {
   display: inline-block;
   width: 100%;
   overflow: hidden;
   transition: 0.2s;
}

.savsjo-alert-content a {
   margin-bottom: 15px;
}

.savsjo-hide-warning {
   display: inline-block;
   cursor: pointer;
   margin-bottom: 10px;
   margin-top: 0;
   font-size: 14px;
   -webkit-transition: .2s;
   -o-transition: .2s;
   transition: .2s;
   color: #0064a3;;
   border-bottom: 1px solid transparent;
}
.savsjo-hide-warning:hover {
   border-bottom: 1px solid #0083c3;
}
.savsjo_alert .sv-decoration-lankknapp a {
   box-shadow: 0 8px 12px 0 rgba(0,0,0,0.16);
}

/* Sökfält */
ul.sv-autocomplete-search-result {
   box-sizing: border-box;
   font-family: "open sans",sans-serif;
   font-size: 16px;
}
ul.sv-autocomplete-search-result .sv-autocomplete-result-item {
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   padding: 10px 20px;
}
ul.sv-autocomplete-search-result .sv-autocomplete-result-item a {
   text-decoration: none;
   color: #0083c3;
}

/* Meny för fördjupad information */
.savsjo_top-content .savsjo_menu-info {
   margin-top: 3em;
   margin-bottom: 2em;
}

.savsjo_menu-info {
   width: 100%;
   margin-bottom: 3em;
   margin-top: 1em;
}
.savsjo_menu-info ul {
   display: flex!important;
   justify-content: flex-start;
   flex-flow: wrap;
   margin: 0 -10px!important;
}

.savsjo_menu-info li {
   display: flex;
   width: 50%;
}

.savsjo_menu-info a {
   padding: 1em 1em;
   line-height: 30px;
   font-size: 115%;
   text-decoration: none;
   cursor: pointer;
   box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
   transition: background-color .25s ease;
   width: 100%;
   box-sizing: border-box;
   margin: 10px;
   background-color: #fff;
   text-align: left;
   padding-right: 2em;
   position: relative;
}
.savsjo_menu-info a:hover {
   background: #0083c3;
   color: #fff;
}
.savsjo_menu-info a:before {
   content: "\f105";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   position: absolute;
   right: 18px;
   top: 18px;
   vertical-align: bottom;
   margin-left: 16px;
}
.savsjo_menu-info a[target=_blank]:after,
.savsjo-flexpage .exp_submenu a[target=_blank]:after {
   content: "\f35d";
   font-weight: 900;
   font-family: Font Awesome\ 5 free;
   padding-left: 5px;
   display: inline-block;
   font-size: 10px;
   vertical-align: top;
   position: relative;
}


.savsjo_menu-info img,
.savsjo-flexpage .exp_submenu img {
   display: none;
}

/* Fav nav */

.savsjo_menu-fav-nav-box-link-content a {
   /*border-bottom: 1px solid transparent;*/
   text-decoration: none!important;
}
.savsjo_menu-fav-nav-box-link-content a:hover {
   border-bottom: 1px solid;
}
.savsjo_menu-fav-nav h2 a {
   text-decoration: none;
}
.savsjo_menu-fav-nav h2 a:hover {
   text-decoration: underline;
}
.savsjo_startpage-top-content .savsjo_menu-fav {
   margin: 0;
}

/*Ikoner-gulsida*/
.fa-bla{
   color: #0071BB;   
}

/*.pilupp-bakgrund*/
.pilupp-bakgrund {
   position: relative;
}
.pilupp-bakgrund:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: #fff;
   top: -20px;
   left: 50%;
   transform: translate(-50%, 10px) rotate(45deg) ;
   box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.16);
}
.pilupp-bakgrund:after {
   content: "";
   position: absolute;
   width: 55px;
   height: 40px;
   background: #fff;
   top: -20px;
   left: 50%;
   transform: translate(-50%, 20px);
   z-index: 1;
}
.pilupp-bakgrund > * {
   position: relative;
   z-index: 1;
}

/* breadcrumbs */
.savsjo_breadcrumbs * {
   margin-bottom: 0!important;
}
.savsjo_breadcrumbs {
   padding: 25px 0;
   box-sizing: border-box;
}

/* savsjo_menu-fav */
.savsjo_menu-fav-nav {
   background-color: #fff;
   box-shadow: 0 2px 3px 0 rgba(0,0,0,0.16);
   position: relative;
   z-index: 0!important;
}

.savsjo_menu-fav {
   margin-top: 6em;
   margin-bottom: 6em;
}
.savsjo_menu-fav-nav-box-heading a {
   text-decoration: none;
}


/* NYHETER */
.savsjo_nyheter-box {
   padding: 0;
   margin-bottom: 3em;
}
.savsjo_nyheter-box a {
   width: 100%;
   height: 100%;
   display: inline-block;
   position: relative;
   padding-left: 100px;
   box-sizing: border-box;
}
.savsjo_nyheter-text {
   overflow: hidden;
   height: 80px;
}

.savsjo_nyheter-text a:nth-of-type(n+2) {
   display: none;
}

.savsjo_nyheter-container .savsjo_nyheter-text * {
   font-weight: normal;
}
.savsjo_nyheter-box a .savsjo_nyhetsikon {
   transition: 0.2s;
}

.savsjo_nyheter-box a:hover .align-articleLink span {
   text-decoration: underline;
   text-underline-position: under;
}
.savsjo_nyheter-box ul {
   margin: 0;
   padding: 20px 40px;
   display: inline-block;
   width: 100%;
   box-sizing: border-box;
   overflow: hidden;
}
.savsjo_nyheter-box ul li {
   position: relative;
   width: 42%;
   height: 220px;
   float: left;
   box-sizing: border-box;
   margin-left: 4%;
   margin-right: 4%;
   border-bottom: 1px solid #ccc;
   padding-bottom: 30px;
   padding-top: 0px;
   margin-bottom: 0;

}
.savsjo_nyheter-box ul li:nth-last-of-type(-n+2) {
   border-bottom: 1px solid transparent;
}
.savsjo_nyheter-box .savsjo_nyhetsikon {
   background-color: #0064a3;;
   height: 65px;
   width: 65px;
   display: block;
   background-position: center;
   background-size: 30px;
   background-repeat: no-repeat;
   position: absolute;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   border-radius: 50%;
   left: 0;
   top: 50%;
   transform: translate(0, -50%);
}


/* Nyhetsartikel */

.news-article {
   display: none;
}
.articleLink {
   text-decoration: none;
}

.articleLink .articleLink {
   padding: 0;
}

.align-articleLink {
   display:flex; 
   height: 70px;
   align-items: flex-end;
   margin-bottom: 3px;
} 

.align-articleLink > span:first-of-type {
   font-family: poppins,sans-serif;
   font-weight: normal;
   font-style: normal;
   font-size: 115%;
   color: #0064a3;;
   line-height: inherit;
   font-weight: 600;
   width: 100%;
   align-items: flex-end;
}
.articleLink-date {
   display: inline-block;
}
.articleLink-time {
   display: inline-block;
   margin-bottom: 0.5em;
}
.articleLink-time:before {
   display: inline-block;
   width: 1px;
   height: 12px;
   background: #ccc;
   content: "";
   vertical-align: middle;
   margin-right: 4px;
   margin-left: 4px;
}
.articleLink-category {
   display: inline-block;
   margin-bottom: 0.5em;
}
.articleLink-category span {
   padding: 2px 8px;
   background: #f2f2f2;
   color: #6E6E6E;
}

/* Uppdatering Nyheter */

.savsjo_nyheter-box a.articleLinkUpdate {
   position: absolute;
   z-index: 1;
   padding-left: 0;
}

.savsjo_nyheter-box .articleContainer {
   padding-left: 18%;
}

a.articleLink div.articleLinkIcon {
   width: 18%;
   height: 100%;
   position: relative;
}

.savsjo_nyheter-box a.articleLinkUpdate div.savsjo_nyhetsikon {

}

/* NYHETSLISTNING */

.savsjo_nyheter-container {
   padding: 0;
}
.savsjo_nyheter-container a {
   width: 100%;
   display: inline-block;
   position: relative;
   padding-left: 100px;
   box-sizing: border-box;
}
.savsjo_nyheter-container a .savsjo_nyhetsikon {
   transition: 0.2s;
}
.savsjo_nyheter-container a:hover .savsjo_nyhetsikon {
   transform: translate(0,-50%) scale(1.2);
}
.savsjo_nyheter-container a:hover span:first-of-type {
   text-decoration: underline;
   text-underline-position: under;
}
.savsjo_nyheter-container ul {
   margin: 0;
   padding-right: 40px;
   display: inline-block;
   width: 100%;
   box-sizing: border-box;
}
.savsjo_nyheter-container ul li {
   padding-bottom: 2.4em;
   margin-bottom: 2.4em;
   border-bottom: 1px solid #ccc;
}
.savsjo_nyheter-container ul li:last-child {
   border-bottom: 0;
}

.savsjo_nyheter-container .savsjo_nyheter-text {
   height: 100%;
}

.savsjo_nyheter-container .savsjo_nyhetsikon {
   background-color: #0064a3;;
   height: 65px;
   width: 65px;
   display: block;
   background-position: center;
   background-size: 30px;
   background-repeat: no-repeat;
   position: absolute;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   border-radius: 50%;
   left: 0;
   top: 50%;
   transform: translate(0, -50%);
}

.savsjo_nyheter-container a > span:first-of-type {
   font-family: poppins,sans-serif;
   font-weight: normal;
   font-style: normal;
   font-size: 115%;
   color: #0083c3;
   line-height: inherit;
   font-weight: 600;
   width: 100%;
}

/* Nyhetssidan */
.savsjo_nyheter-container .align-articleLink {
   height: auto;
}

.savsjo_nyheter-container .articleLink * {
   text-decoration: none!important;
}

.savsjo_nyheter-container .articleLink:hover .align-articleLink  {
   text-decoration: underline!important;
   color: #0064a3;;
}
.savsjo_nyheter-text > span:not(:first-child) {
   display: none;
}

.sv-archivemenu-portlet{
   margin-top: 20px;
}

.sv-archivemenu-portlet > .env-list {
   border-top: 1px solid #ccc;
   padding-top: 20px;
}

.env-list__item .sv-font-bildtext {
   color: #000;
}
.env-list__item span,
.env-list__item li a {
   margin-top: 0;
   margin-bottom: 15px;
   display: block;
   font-weight: 600;
   font-family: poppins,sans-serif;
   font-weight: normal;
   font-style: normal;
   font-size: 120%;
   color: #0064a3;
   line-height: inherit;
   text-decoration: none;

}

.env-list li li span:before {
   font-family: 'Font Awesome 5 Free';
   font-size: 18px;
   content: "\f14a";
   font-weight: 600;
   padding: 0 .294em 0 0;
   color: #0064a3;;
   line-height: 2em;
   vertical-align: -1px;
}

.sv-archivemenu-portlet > a {
   display: inline-block;
   padding: 0.5em 2em;
   text-align: center;
   width: 100%;
   box-sizing: border-box;
   margin-bottom: 30px;
   line-height: 30px;
   border-radius: 100px;
   font-size: 16px;
   text-decoration: none;
   color: #fff!important;
   background-color: #0064a3;;
   cursor: pointer;
   font-family: Poppins;
   box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
   transition: background-color .25s ease;
   font-weight: bold;
   width: 100%;
   box-sizing: border-box;
   height: 100%!important;
}

.sv-archivemenu-portlet > a:hover {
   color: #fff!important;
   background-color: #0162a1!important;
   box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
}

.savsjo_startpage-content-bottom {
   margin-left: -30px;
   margin-right: -30px;
}

.savsjo_startpage-content-bottom .sv-decoration-lankknapp {
   float: left;
   width: 33%;
   padding-right: 30px;
   padding-left: 30px;
   box-sizing: border-box;
   min-width: 150px;
}

.cookies {
   position: fixed;
   bottom: 0; 
   left: 0;
   width: 100%;
   z-index: 9999;
   padding: 2em 0;
   background-color: #0064a3;;
   display: none;
   text-align: center;
}

.cookies p {
   margin-top: 0;
   line-height: 1.5em;
}

.cookies-text {
   display: inline-block;
}

.cookies .sv-decoration-lankknapp {
   display: inline-block;
}

.cookies .sv-decoration-lankknapp a {
   padding: 0.5em 2em;
   margin-left: 2em;
}

/* DELA KNAPPAR */


/* Listan med knappar */ 

.sharebuttonlist {
   list-style-type: none;
   margin: 1em 0;
   padding: 0;
}

.sharebuttonlist--horizontal .sharebuttonlist__item {
   display: inline-block;
}


/* Delaknappar */
.sharebutton {
   display: inline-block;
   height: 30px;
   margin: 0 0.3em .5em 0;
   padding: 0 16px;
   background-color: #ccc;
   color: white;
   font-size: 15px;
   font-weight: 600;
   line-height: 2;
   text-decoration: none;
   background-size: 18px auto;
   background-position: 12px 50%;
   background-repeat: no-repeat;
   min-width: 190px;
   box-sizing: border-box;
   background-color: #0064a3; !important;
   border-radius: 25px;
   box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
   transition: background-color .25s ease;
}
.sharebutton:hover {
   color: #fff!important;
   background-color: #0162a1!important;
   box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
   text-decoration: none;
}

.sharebutton--facebook {
   background-color: #3b5998;
}

.sharebutton--twitter {
   background-color: #00aced;
}

.sharebutton--linkedin {
   background-color: #007bb6; 
}

.sharebutton--gplus {
   background-color: #dd4b39;  
}

.sharebutton--email {
   background-color: #57b51d; 
}


/* Ikoner på delaknapparna */

.sharebutton--icon-facebook {
   padding: 0 16px 0 32px;
   background-size: 8px auto;
   background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDE3IiB3aWR0aD0iOCIgaGVpZ2h0PSIxOCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTggOS4yaC0yLjd2Ny44aC0zLjN2LTcuOGgtMnYtMi43aDJ2LTIuOGMwLTEuOSAxLjMtMy43IDQuMS0zLjcgMS4yIDAgMS45LjEgMS45LjF2Mi43aC0xLjdjLTEgMC0xLjIuNS0xLjIgMS4zdjIuNGgyLjl2Mi43eiIvPjwvc3ZnPg==');
}

.sharebutton--icon-twitter {
   padding: 0 16px 0 37px;
   background-size: 16px auto;
   background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNyAxMy43IiB3aWR0aD0iMTYiIGhlaWdodD0iMTMiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNyAxLjZjLS42LjMtMS4zLjUtMiAuNS43LS40IDEuMy0xLjEgMS41LTEuOS0uNy40LTEuNC43LTIuMi44LS42LS42LTEuNS0xLTIuNS0xLTIgMC0zLjUgMS42LTMuNSAzLjUgMCAuMyAwIC41LjEuOC0yLjktLjItNS41LTEuNi03LjItMy43LS4zLjUtLjUgMS4xLS41IDEuOCAwIDEuMi42IDIuMyAxLjUgMi45LS42IDAtMS4xLS4yLTEuNi0uNCAwIDEuNyAxLjIgMy4xIDIuOCAzLjQtLjIgMC0uNS4xLS44LjEtLjIgMC0uNCAwLS43LS4xLjQgMS40IDEuNyAyLjQgMy4zIDIuNC0xLjIuOS0yLjcgMS41LTQuMyAxLjVoLS44YzEuNSAxIDMuNCAxLjYgNS4zIDEuNiA2LjQgMCA5LjktNS4zIDkuOS05Ljl2LS40Yy42LS42IDEuMi0xLjIgMS43LTEuOXoiLz48L3N2Zz4=');
}

.sharebutton--icon-linkedin {
   padding: 0 16px 0 37px;
   background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NDAiIGhlaWdodD0iNjQwIiB2aWV3Qm94PSIwIDAgNjQwIDY0MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTMyMCAxMi44Yy0xNjkuNjY0IDAtMzA3LjIgMTM3LjUzNi0zMDcuMiAzMDcuMnMxMzcuNTM2IDMwNy4yIDMwNy4yIDMwNy4yIDMwNy4yLTEzNy41MzYgMzA3LjItMzA3LjItMTM3LjUzNi0zMDcuMi0zMDcuMi0zMDcuMnptLTc1LjIgNDM0LjUyOGgtNjIuMjA4di0yMDAuMTkyaDYyLjIwOHYyMDAuMTkyem0tMzEuNDg4LTIyNC43NjhjLTE5LjY0OCAwLTMyLjM1Mi0xMy45Mi0zMi4zNTItMzEuMTM2IDAtMTcuNTY4IDEzLjA4OC0zMS4wNzIgMzMuMTUyLTMxLjA3MnMzMi4zNTIgMTMuNTA0IDMyLjczNiAzMS4wNzJjMCAxNy4yMTYtMTIuNjcyIDMxLjEzNi0zMy41MzYgMzEuMTM2em0yNTguNjg4IDIyNC43NjhoLTYyLjIwOHYtMTEwLjk0NGMwLTI1LjgyNC05LjAyNC00My4zNi0zMS41Mi00My4zNi0xNy4xODQgMC0yNy4zOTIgMTEuODcyLTMxLjkwNCAyMy4yOTYtMS42NjQgNC4wNjQtMi4wOCA5LjgyNC0yLjA4IDE1LjU1MnYxMTUuNDI0aC02Mi4yNHYtMTM2LjMyYzAtMjQuOTkyLS44LTQ1Ljg4OC0xLjYzMi02My44NzJoNTQuMDQ4bDIuODQ4IDI3LjgwOGgxLjI0OGM4LjE5Mi0xMy4wNTYgMjguMjU2LTMyLjMyIDYxLjgyNC0zMi4zMiA0MC45MjggMCA3MS42MTYgMjcuNDI0IDcxLjYxNiA4Ni4zNjh2MTE4LjM2OHoiLz48L3N2Zz4=');
}

.sharebutton--icon-gplus {
   padding: 0 16px 0 37px;
   background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NDAiIGhlaWdodD0iNjQwIiB2aWV3Qm94PSIwIDAgNjQwIDY0MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTYzLjY0OCAxNzguODQ4YzAgNDcuODA4IDE1Ljk2OCA4Mi4zMDQgNDcuNDI0IDEwMi41NiAyNS43OTIgMTYuNjQgNTUuNjggMTkuMTM2IDcxLjIzMiAxOS4xMzYgMy43NzYgMCA2LjgxNi0uMTkyIDguOTI4LS4zMiAwIDAtNC45MjggMzIuMTI4IDE4Ljg4IDYzLjg3MmgtMS4wODhjLTQxLjI0OCAwLTE3NS43NzYgOC42MDgtMTc1Ljc3NiAxMTkuMjY0IDAgMTEyLjUxMiAxMjMuNTUyIDExOC4yNCAxNDguMzUyIDExOC4yNCAxLjk1MiAwIDMuMTA0LS4wNjQgMy4xMDQtLjA2NC4yNTYgMCAyLjAxNi4wNjQgNS4wNTYuMDY0IDE1LjkwNCAwIDU3LjAyNC0xLjk4NCA5NS4yLTIwLjU3NiA0OS41MzYtMjQgNzQuNjU2LTY1Ljg4OCA3NC42NTYtMTI0LjMyIDAtNTYuNDQ4LTM4LjI3Mi05MC4wNDgtNjYuMjA4LTExNC42MjQtMTcuMDU2LTE1LjAwOC0zMS44MDgtMjcuOTM2LTMxLjgwOC00MC41MTIgMC0xMi44IDEwLjc4NC0yMi40MzIgMjQuMzg0LTM0LjYyNCAyMi4wNDgtMTkuNjggNDIuODQ4LTQ3Ljc0NCA0Mi44NDgtMTAwLjggMC00Ni42MjQtNi4wNDgtNzcuOTUyLTQzLjMyOC05Ny44MjQgMy44NzItMS45ODQgMTcuNjMyLTMuNDI0IDI0LjQxNi00LjM4NCAyMC4xOTItMi43NTIgNDkuNzI4LTUuODg4IDQ5LjcyOC0yMi4zNjh2LTMuMTY4aC0xNDcuMTY4Yy0xLjQ3Mi4wNjQtMTQ4LjgzMiA1LjUwNC0xNDguODMyIDE0MC40NDh6bTIzNy41NjggMjg4LjQxNmMyLjgxNiA0NC45OTItMzUuNjggNzguMTc2LTkzLjUwNCA4Mi4zNjgtNTguNzIgNC4zMi0xMDcuMDQtMjIuMTEyLTEwOS44NTYtNjcuMDcyLTEuMzc2LTIxLjYzMiA4LjEyOC00Mi43NTIgMjYuNzItNTkuNjE2IDE4Ljg0OC0xNy4wNTYgNDQuNzM2LTI3LjYxNiA3Mi44OTYtMjkuNjk2IDMuMzI4LS4xOTIgNi42MjQtLjM4NCA5LjkyLS4zODQgNTQuMzY4LjAzMiA5MS4xNjggMzEuOTY4IDkzLjgyNCA3NC40em0tMzguNDMyLTMxOS4yMzJjMTQuNDMyIDUwLjgxNi03LjM2IDEwMy44NzItNDIuMTEyIDExMy42OTYtNCAxLjEyLTguMDk2IDEuNjY0LTEyLjI4OCAxLjY2NC0zMS44MDggMC02My4zMjgtMzIuMTkyLTc1LjA0LTc2LjU3Ni02LjUyOC0yNC44MzItNS45ODQtNDYuNjU2IDEuNTA0LTY3LjU4NCA3LjMyOC0yMC42NCAyMC41NzYtMzQuNDk2IDM3LjIxNi0zOS4yIDQtMS4xMiA4LjEyOC0xLjY5NiAxMi4zMi0xLjY5NiAzOC40IDAgNjMuMTA0IDE1LjkzNiA3OC40IDY5LjY5NnptMjQ5LjIxNiAxMDcuOTY4di05NmgtNjR2OTZoLTk2djY0aDk2djk2aDY0di05Nmg5NnYtNjRoLTk2eiIvPjwvc3ZnPg==');
}

.sharebutton--icon-email {
   padding-left: 40px;
   background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAxNCIgd2lkdGg9IjIyIiBoZWlnaHQ9IjE0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjAgMGgtMjB2MTRoMjJ2LTE0aC0yem0tMS43IDJsLTcuMyAzLjctNy4zLTMuN2gxNC42em0xLjcgMTBoLTE4di05LjFsOSA0LjcgOS00Ljd2OS4xeiIvPjwvc3ZnPg==');
}
.sharebutton--icon-email:before {
   display: none!important;
}


/* Dölj text på delaknappen och gör den rund (kombinera med ikoner på knapparna =) */

.sharebutton--hide-text {
   width: 30px;
   height: 30px;
   margin: 0 .125em;
   padding: 0;
   background-position: 50% 50%;
   border-radius: 15px;
}

.sharebutton--hide-text .sharebutton__text {
   position: absolute;
   top: 0;
   left: 0;
   height: 1px;
   width: 1px;
   overflow: hidden;
   clip: rect(1px, 1px, 1px, 1px);
}

/* Dölj text men gör den läsbar för skärmläsare */

.sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0,0,0,0);
   border: 0;
   background-color: #fff;
   color: #000;
}

#savsjo-jobs {
   width: 100%;
   border: 0;
   height: 100%;
}

/* Login */
.sv-login-portlet input {
   display: inline-block!important;
   border: 1px solid #ccc;
   padding: 15px 15px;
   color: #0083c3;
   width: 100%;
   box-sizing: border-box;
   position: relative;
   padding-right: 95px;
   font-weight: 600;
}

.sv-login-portlet .sv-login-input-group {
   margin-bottom: 2em;
}

label.sv-font-lanktext-bla {
   margin-bottom: 0.5em;
   text-align: left;
}
.sv-login-portlet {
   text-align: center;
}

.sv-login-portlet .tableheading {
   margin-bottom: 2em;
   display: block;
}

.sv-login-portlet input[type="submit"],
.sv-login-portlet a {
   display: inline-block;
   padding: 1em 3em;
   max-width: 200px;
   line-height: 30px;
   border-radius: 100px;
   font-size: 16px;
   text-decoration: none;
   color: #fff!important;
   background-color: #0083c3;
   cursor: pointer;
   box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
   transition: background-color .25s ease;
   font-weight: 600;
   border: 0;
   text-transform: uppercase;
   margin-top: 1em;
   margin: 0 auto;
}

.sv-login-portlet input[type="submit"]:hover,
.sv-login-portlet a:hover {
   color: #fff!important;
   background-color: #0077b1;
   box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
}

/* Textmallar */
.text__color--blue * {
   color: #0064a3; !important;
}

.text__color--white * {
   color: #FFFFFF !important;
}

.text__weight--bold {
   font-weight: bold;
}

/* Tabeller */
.sv-table-type-standard {
   display: block;
   overflow-x: auto;
}

.sv-table-type-standard a {
   color: var(--env-element-primary-background-color-dark) !important;
}

.sv-text-portlet table.sv-table-type-standard th, .sv-text-portlet table.sv-table-type-standard th p {
   /*background-color: #0064a3; !important;*/
   color: #FFFFFF !important;
   font-weight: bold !important;
}
.sv-text-portlet table.sv-table-type-standard th {
   border: 1px solid #FFFFFF;
}

@media (min-width: 961px) and (max-width: 1200px) {

   .savsjo_menu-fav-nav, .savsjo_startpage-top-content .savsjo_menu-fav-nav > .sv-layout {
      padding-left: 2em;
      padding-right: 2em;
   }
   .savsjo_startpage-top-content .savsjo_menu-fav-nav {
      padding: 0;
   }
   .savsjo_menu-fav-nav-box-heading {
      display: inline-block;
   }
   .savsjo_menu-fav-nav-box {
      padding-left: 0em;
      padding-right: 0em;

   }

}

@media (max-width: 1200px) {

   .cookies {
      padding: 1em 0;
   }
   .cookies-text {
      display: block;
   }

   .cookies .sv-decoration-lankknapp a {
      padding: 0.3em 1.3em;
      margin-top: 30px;
      margin-left: 0;
   }

   .cookies .sv-decoration-lankknapp:last-child a {
      margin-top: 30px;
      margin-left: 1em;
   }
}

@media (min-width: 961px) {

   .pilupp-bakgrund.savsjo_menu-fav-nav:before,
   .pilupp-bakgrund.savsjo_menu-fav-nav:after {
      display: none;
   }

   /* simplebar */
   .simplebar-track {
      z-index: 9999;
   }
   .simplebar-scrollbar:before {
      opacity: 0.5;
   }
   .simplebar-track.horizontal {
      display: none!important;
   }
   .savsjo_nyheter-box a:hover .savsjo_nyhetsikon {
      transform: translate(0,-50%) scale(1.2);
   }
   .savsjo-flexpage .exp-header {
      margin-bottom: 1em;
   }
   .savsjo-flexpage .exp_submenu {
      top: -1em!important;
   }
}

@media (max-width: 960px) {

   body > div:first-of-type {
      padding-top: 109px;
   }
   /* Plusbox rubrik */
   .exp-header {
      background-color: #0064a3;
      color: #fff;
      padding: 1.5em 3em;
      margin: .5em 0 0 0;
      box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
      line-height: normal;
      z-index: 2;
      position: relative;
      user-select: none;
      width: 100%;
      box-sizing: border-box;
   }

   .savsjo-pagecontent {
      padding-top: 3em;
      padding-bottom: 3em;
   }

   .savsjo-newspage h1 {
      padding-top: 0;
   }

   .savsjo_top-with-image .savsjo_top-second-content {
      padding-top: 4em;
      padding-bottom: 4em;
   }

   p {
      font-size: 16px!important;
   }

   .exp-header:before {
      right: 25px;
   }

   .savsjo_menu-fav-nav-box.active .savsjo_menu-fav-nav-box-heading {
      padding-bottom: 20px;
   }

   .savsjo_menu-fav-nav-box p {
      margin-top: 0;
   }
   .savsjo_menu-fav-nav-box.active .savsjo_menu-fav-nav-box-link-content {
      display: block;
   }
   .savsjo_menu-fav-nav-box .savsjo_menu-fav-nav-box-link-content .snabblankar p {
      margin: 0;
      padding: 15px 0;
      border-top: 1px solid #fff;
      background: #e5ebef;
   }
   .savsjo_menu-fav {
      margin-top: 1.4em;
   }

   .savsjo_search .savsjo_search-btn {
      width: 60px;
   }

   .savsjo_top-content {
      padding: 4em 0;
   }

   /* Nyheter modul */

   a.articleLink div.articleLinkIcon {
      width: 5%;
   }

   .align-articleLink .ellip-line {
      display: block;
   }
   .align-articleLink span:first-of-type {
      font-size: 16px;
      margin-bottom: 0;
   }
   .articleLink > span:first-of-type {
      font-size: 16px;
      margin-bottom: 0;
   }
   .savsjo-headercontent-inner > .sv-layout {
      margin: 0;
   }
   .savsjo-headercontent-inner > .sv-layout > .sv-layout {
      margin-bottom: 40px;
   }
   .savsjo-headercontent-inner > .sv-layout:last-child > .sv-layout:last-child {
      margin-bottom: 0;
   }
   .savsjo_nyheter-box ul li {
      padding: 20px 0;
      text-align: left;
      height: 100%;
   }
   .savsjo_nyheter-box ul li:last-child {
      padding-bottom: 0;
   }
   .savsjo_nyheter-box ul li:before {
      display: inline-block;
      top: 0;
      position: relative;
      margin-bottom: 12px;
      transform: none;
   }
   .svart-bakgrund {
      padding-left: 0.6em;
      padding-right: 0.6em;
   }

   .savsjo_startpage-top-content .savsjo_menu-fav .savsjo-headerContent > .savsjo_menu-fav-nav-box {
      border: 0;
   }

   .savsjo_startpage-top-content .savsjo_startpage-background-image {

   }
   .savsjo_startpage-top-content {
      min-height: auto;
      background-color: #f3f3f2;
      padding-top: 3em;
      padding-bottom: 3em;
   }

   .savsjo_startpage-full-top-content:first-child {
      min-height: 100%;
      height: calc(100vh - 202px);
   }

   .savsjo_startpage-top-content:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
   }
   .savsjo_startpage-content-bottom {
      padding-top: 1em!important;
      border: 0;
   }
   .savsjo_startpage-content-bottom .savsjo_menu-fav-nav-box {
      border: 0;
   }
   .savsjo_startpage-top-content .savsjo_menu-fav-nav > .sv-layout {
      padding: 0;
   }
   .savsjo_startpage-top-content .savsjo_menu-fav-nav > .sv-layout > .sv-layout {
      padding: 0;
      margin: 0;
   }
   .savsjo_startpage-top-content .savsjo_menu-fav-nav h2.subheading {
      padding: 1em;
      padding-right: 2em;
      width: 100%;
      text-align: left;
      box-sizing: border-box;
      font-size: 16px;
   }
   .savsjo_startpage-top-content .savsjo_menu-fav-nav-box > div {
      padding: 0;
   }

   .savsjo_startpage-top-content .savsjo_menu-fav-nav-box {
      width: 33%!important;
      float: left!important;
   }
   .savsjo_logo {
      width: 120px;
      margin-top: 3px;
   }
   .header-small .savsjo_logo {
      width: 120px;
      margin-top: 3px;
   }
   .savsjo_header {
      padding: 0.8em 0;
   }
   .savsjo_header.header-small {
      padding: 0;
   }

   .savsjo_menu-fav-nav {
      background-color: #fff;
      box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
      padding: 10px 20px 30px;
   }
   .savsjo_menu-fav-nav > .sv-layout {
      margin: 0;
      border-top: 0;
   }
   .savsjo_menu-fav-nav > .sv-layout > .sv-layout {
      margin-bottom: 40px;
   }
   .savsjo_menu-fav-nav > .sv-layout:last-child > .sv-layout:last-child {
      margin-bottom: 0;
   }

   .savsjo_menu-fav-nav > .sv-layout:last-child .savsjo_menu-fav-nav-box:last-child {
      border: 0;
   }

   .savsjo_menu-fav-box {
      padding: 10px 20px;
   }


   .savsjo_menu-fav-nav h2 {
      padding-top: 20px;
      font-size: 20px;
   }
   .savsjo_menu-fav-nav h2 a {
      color: #0064a3;;
      width: 100%;
      display: block;
   }


   .savsjo_startpage-top-content .savsjo_menu-fav-nav-box h2 a:after {
      position: absolute;
      right: 1em;
      top: 50%;
      margin-left: 0;
      transform: translate(0, -50%);
      margin-top: -1px;
   }

   .savsjo_menu-fav-nav-box h2 a:after {
      margin-top: 6px;
   }

   .savsjo_menu-fav-nav-box {
      margin: 0!important;
      padding: 0;
   }
   .savsjo_menu-fav-nav h2.subheading {
      position: relative;
      display: inline-block;
   }

   .savsjo_menu-fav-nav-box.active .savsjo_menu-fav-nav-box-link-content {
      padding-bottom: 0;
   }
   .savsjo_menu-fav-nav-box.active .savsjo_menu-fav-nav h2.subheading:after {
      content: "\f077";
   }
   .savsjo_menu-fav-nav-box-link-content {
      display: none;
   }
   .savsjo_breadcrumbs {
      padding: 0;
      font-size: 12px;
      white-space: nowrap;
      text-align: left;
      overflow-y: hidden;
      position: relative;
   }
   .savsjo_breadcrumbs > div {
      padding: 0;
      overflow-x: scroll;
   }
   .savsjo_breadcrumbs ul {
      padding: 10px 15px;
      display: block!important;
      overflow: auto;
      margin-top: 0;
   }
   .savsjo_breadcrumbs:before {
      box-shadow: 0px 0px 20px 10px #0183c3;
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 0px;
      height: 100%;
   }
   .savsjo_breadcrumbs:after {
      box-shadow: 0px 0px 20px 10px #0183c3;
      content: "";
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      width: 0px;
      height: 100%;
   }


   .exp-content:before {
      content: none;
   }

   .exp-header > div {
      width: calc(100% - 20px);
   }

   /* puff ruta */
   .puff-ruta-content {
      margin-bottom: 4em!important;
   }
   .puff-ruta-content:last-child {
      margin-bottom: 0!important;
   }


   /* NYHETER */

   .savsjo_nyheter-box ul {
      text-align: center;
   }
   .savsjo_nyheter-box ul li {
      width: 100%;
      margin: 0 0 4% 0;
      border-bottom: 1px solid #ccc;
   }
   .savsjo_nyheter-box ul li:nth-last-of-type(-n+2) {
      border-bottom: 1px solid #ccc;
   }
   .savsjo_nyheter-box ul li:last-child {
      border-bottom: 1px solid transparent;
   }
   .savsjo_nyheter-box ul li a {
      padding: 0;
      padding-top: 20px;
   }
   .savsjo_nyheter-box .savsjo_nyhetsikon {
      position: relative;
      left: 50%;
      top: 0;
      transform: translate(-50%, -15px);
   }
   .align-articleLink{
      justify-content: center;
      align-items: flex-start;
      height: auto;
   }
   .savsjo_nyheter-container ul {
      padding-right: 0;
   }

   .savsjo_nyheter-container ul li {
      padding-bottom: 1.4em;
      margin-bottom: 1.4em;
   }

   /* ALERT */
   .savsjo_alert {
      font-size: 16px;
   }
   .savsjo_alert .fa {
      font-size: 26px;
      margin-top: 0;
   }
   .savsjo_alert-header a {
      top: 26px;
      font-size: 14px;
      width: 100%;
      padding-right: 30px;
      position: absolute;
      box-sizing: border-box;
      left: 0;
      padding-left: 41px;
   }

   .savsjo_alert-header .tableheading {
      position: absolute;
      top: 11px;
      left: 41px;
      font-size: 14px;
   }
   .savsjo_alert-header a span {
      margin-left: 0;
   }
   .savsjo_alert-header a:before {
      display: none;
   }

   .savsjo_alert.active .savsjo-alert-content {
      height: 90px;
   }

   .savsjo_alert .sv-decoration-lankknapp a {
      padding: 0.5em 2em;
      font-size: 14px;
      margin-top: 7px;
      box-shadow: 0 8px 12px 0 rgba(0,0,0,0.16);
   }


   /* Meny för fördjupad information */
   .savsjo_menu-info li{
      width: 100%;
   }
   .savsjo_menu-info a {
      box-shadow: 0 3px 14px -2px rgba(0,0,0,0.16);
      font-size: 100%;
   }

   .savsjo_top-content .savsjo_menu-info {
      margin-bottom: 0;
   }
   /* exp-header */

   .exp-header {
      padding: 1.2em 1.5em;
   }
   .exp-content {
      padding: 1.5em;
   }

   .exp-content .exp-header {
      padding: 0.7em 1.5em;
   }

   /* Meny - länkar gå på samma sida */
   .savsjo-menu-pagelinks li {
      width: 100%;
      display: inline-block;
      font-size: 16px;
      margin-bottom: 1em;
   }
   .savsjo-menu-pagelinks li:last-child {
      margin-bottom: 0;
   }
   .savsjo-menu-pagelinks li a {
      text-decoration: none;
      display: inline-block;
      text-align: left;
      min-width: 150px;
      position: relative;

   }
   .savsjo-menu-pagelinks li a:after {
      position: absolute;
      top: 4px;
   }


   /* Sök */
   .savsjo_search {
      margin-bottom: 0;
   }
   /* Feedback */
   .feedback .button-wrapper {
      margin-right: -10px;
      margin-left: -10px;
      box-sizing: border-box;
      margin-top: 11px;
   }
   .feedback .button-wrapper p {
      max-width: 50%;
      float: left;
      box-sizing: border-box;
      position: relative;
      min-height: 1px;
      padding-right: 10px;
      padding-left: 10px;
      margin: 0;
   }
   .feedback .sv-decoration-knapp .normal a {
      padding: 1em;
      min-width: 100px;
      max-width: 150px;
   }
   .savsjo_menu-info {
      margin-bottom: 0;  
   }
   .savsjo_menu-info a {
      padding-right: 2em;
   }
   .savsjo_menu-info a:before {
      vertical-align: middle;
      padding-left: 0;
      content: "\f105";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      top: 50%;
      right: 1em;
      transform: translate(0, -50%);
      margin-top: -1px;
   }

   .savsjo_top-second-content .sv-grid-grid-12 .sv-row .savsjo_menu-fav-nav-box {
      width: 33%;
      float: left!important;
      padding: 0 1em!important;
   }
   .savsjo_top-second-content .sv-grid-grid-12 .sv-row .savsjo_menu-fav-nav-box p {
      font-size: 14px!important;
   }

   .savsjo_top-second-content .sv-grid-grid-12 .sv-row .savsjo_menu-fav-nav-box > div {
      padding-bottom: 5px;
      margin-bottom: 5px;
   }

   .savsjo_top-content .savsjo_menu-fav-nav-box > div {
      border: 0;
      margin-bottom: 0;
   }

   /* ScrollToTop */
   #scrollToTop {
      position: fixed;
      bottom: 30px;
      right: 10px;
   }

   .savsjo-startpage-top-readmore {
      bottom: 10px;
   }
}
/* Social buttons mobile-small */
@media all and (max-width: 480px){

   .savsjo_social-btn a {
      margin-right: 16px;
      text-decoration: none;
      font-size: 80%;
   }
}
/* Social buttons mobile/ipad */
@media all and (max-width: 767px) and (min-width: 481px){

   .savsjo_social-btn a {
      margin-right: 75px;
      text-decoration: none;
      font-size: 100%;
   }
}

@media (max-width: 767px){

   .savsjo_startpage-content-bottom .sv-decoration-lankknapp {
      min-width: 100%;
      padding: 0;
   }
   .savsjo_top-second-content .sv-grid-grid-12 .sv-row .savsjo_menu-fav-nav-box {
      width: 100%!important;
      float: left!important;
      padding: 0;
   }
   .savsjo_menu-fav-nav-box h2 a:after {
      position: absolute;
      right: 0.5em;
      margin-left: 0;
      margin-top: 4px;
      font-size: 16px;
   }
   .savsjo_top-second-content .savsjo_menu-fav-nav-box h2 a:after {
      right: 0.5em;
   }
   .savsjo-contact-columns {
      -webkit-column-count: 1; /* Chrome, Safari, Opera */
      -moz-column-count: 1; /* Firefox */
      column-count: 1;
   }

   .savsjo-search-result li:hover:before {
      display: none;
   }

   /* Top image */

   /* H1 - Välkommen */
   .savsjo-startpage-top-image-text > div:first-child h1 {
      font-size: 180%;
   }

   /* H1 - till sävsjö kommun */
   .savsjo-startpage-top-image-text > div:last-of-type h1 {
      font-size: 100%;
   }

   .savsjo-startpage-top-image-text {
      padding: 40px;
   }

   /* Meny2 - länkar gå på samma sida */
   .savsjo_contentpage-topmenu {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1;
      -webkit-column-gap: 40px;
      -moz-column-gap: 40px;
      column-gap: 40px;
   }
   .savsjo_contentpage-topmenu li a {
      width: 100%;
   }

   .savsjo_menu-fav-nav h2 {
      font-size: 16px;
   }

   .articleLink-category {
      display: block;
   }
   .savsjo_nyheter-text {
      height: auto;
   }

   .savsjo_nyheter-box .savsjo_nyhetsikon {
      width: 45px;
      height: 45px;
   }
   .savsjo_nyheter-text {
      display: none;
   }
   .savsjo_nyheter-box ul li {
      padding: 10px 0;
   }
   .savsjo_nyheter-box.pilupp-bakgrund:after {
      z-index: 0;
   }

   /* Kontaktpersoner */
   .savsjo-icon-contact {
      font-size: 2em;
      margin-bottom: 20px;
      color: #242424;
   }
}


/* Consid Meny - Envision List - iPhone fix */
@media (max-width: 767px) {
   .savsjo_toggleMenu__helplinks .env-list--horizontal--fixed .env-list__item:first-child:nth-last-child(odd), 
   .savsjo_toggleMenu__helplinks .env-list--horizontal--fixed .env-list__item:first-child:nth-last-child(odd) ~ .env-list__item {
      flex-basis: auto !important;
   }
   .savsjo_toggleMenu__helplinks .env-list--horizontal--fixed .env-list__item:first-child:nth-last-child(even), 
   .savsjo_toggleMenu__helplinks .env-list--horizontal--fixed .env-list__item:first-child:nth-last-child(even) ~ .env-list__item {
      flex-basis: 100% !important;
   }
}

@media (max-width: 450px) {
   .savsjo_menubar {
      width: 100%;
   }
}

/* Genomgångs */
@media (max-width: 1048px) {
   .savsjo-undermeny__cards.env-cardholder--3 .env-cardholder__slot {
      padding-top: 0.5em !important;
   }
   .savsjo-undermeny__cards.env-cardholder .env-card__header {
      padding: 0 0.5em !important;
   }
}

@media (min-width: 1281px) {
   .savsjo_turism-puffar-wrapper {
      display: flex;
      justify-content: center;
   }
}

@media (max-width: 1280px) {
   .savsjo_turism-puffar-wrapper {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      justify-items: center;
      max-width: 437px;
   }
   .savsjo_turism-puffar-wrapper:before {
      position: absolute;
   }
}

@media (max-width: 560px) {
   .savsjo_turism-puffar-wrapper {
      grid-template-columns: repeat(2, 1fr);
      max-width: 291px;
   }
}