/*
** Menyn
*/

.savsjo_toggleMenu {
   padding: 0;
   margin: 0;
   max-width: 575px;
   width: 80%;
   float: right;
   font-family: 'poppins';
   font-size: 20px;
   font-weight: 400;
   position: fixed;
   top: 0;
   right: -575px;
   height: 100%;
   -webkit-transition: ease-in-out 0.2s;
   transition: ease-in-out 0.2s;
   overflow-y: auto;
   overflow-x: hidden;
   visibility: hidden;
   box-shadow: -8px 0 24px 0 rgba(0,0,0,0.16);
   z-index: 999;
}

.savsjo_menu--isopen:before {
   opacity: 1;
   pointer-events: auto;
   z-index: 998;
}

.savsjo_toggleMenu--active {
   right: 0 !important;
   visibility: visible;
   overflow-y: scroll;
}

.savsjo_toggleMenu__list-item {
   padding: 0;
   margin: 0;
   float: left;
   width: 100%;
}

.savsjo_toggleMenu__close-menu {
   text-decoration: none;
   display: inline-block;
   padding: 15px 20px;
   cursor: pointer;
   -moz-user-select: none;
   /* Firefox */
   -ms-user-select: none;
   /* Internet Explorer */
   -khtml-user-select: none;
   /* KHTML browsers (e.g. Konqueror) */
   -webkit-user-select: none;
   /* Chrome, Safari, and Opera */
   -webkit-touch-callout: none;
   /* Disable Android and iOS callouts*/
   transition: ease-in-out 0.2s;
}
.savsjo_toggleMenu__close-menu:before {
   font-family: 'Ionicons';
   content: "\f2d7";
   font-size: 26px;
   line-height: 0;
   top: 3px;
   position: relative;
   padding-right: 17px;
}
.savsjo_toggleMenu__close-menu-text {
   position: relative;
   display: inline-block;
   font-size: 16px;
   top: -2px;
}
.savsjo_toggleMenu__close-menu-text:before {
   width: 100%;
   content: "";
   height: 2px;
   position: absolute;
   left: 0;
   right: 0;
   bottom: -4px;
   display: block;
   opacity: 0;
   transition: .25s ease;
   background-color: var(--env-block-primary-link-hover-font-color);
}
.savsjo_toggleMenu__close-menu:hover .savsjo_toggleMenu__close-menu-text:before {
   opacity: 1;
}

/* 
	Helplinks
*/

/* Fix for savsjo.css rule */
.env-list a.savsjo_toggleMenu__helplink:before {
   content: "";
}
.savsjo_toggleMenu__helplinks {
   text-align: center;
   border-bottom: 2px solid var(--env-block-primary-link-font-color);
   text-underline-position: under;
   padding: 0 4em;
}

/* https://stackoverflow.com/questions/8720931/can-css-detect-the-number-of-children-an-element-has */

.savsjo_toggleMenu__helplinks .env-list--horizontal--fixed .env-list__item {
   box-sizing: border-box;
}

/* one item */
.savsjo_toggleMenu__helplinks .env-list--horizontal--fixed .env-list__item:first-child:nth-last-child(1) {
   /* -or- li:only-child { */
   flex-basis: 100%;
}

/* Even */
.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: 50%;
}

/* Odd */
.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: 33.3333%;
}

.env-list__item span.savsjo_toggleMenu__helplink-text {
   color: var(--env-block-primary-font-color);
   text-decoration: none;
   display: inline-block;
   text-align: center;
   box-sizing: border-box;
   padding: 30px 15px;
   position: relative;
   margin: 0 -3px;
   font-weight: 400;
   font-size: 14px;
   z-index: 1;
}

.savsjo_toggleMenu__helplink-text:before {
   border-radius: 50%;
   background: var(--env-block-primary-font-color);
   color: var(--env-block-primary-background-color);
   width: 65px;
   height: 65px;
   line-height: 65px;
   display: block;
   font-family: 'Font Awesome 5 Free';
   font-weight: 900;
   margin: 0 auto;
   margin-bottom: 17px;
   font-size: 20px;
   transition: .25s ease;
}

.env-list__item span.savsjo_toggleMenu__helplink-text:hover {  
   transition: .25s ease;
   text-decoration: underline;
}
.savsjo_toggleMenu__helplink-text:hover:before {  
   transition: .25s ease;
   box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
}
.savsjo_toggleMenu__helplink-text:after {
   width: 100%;
   content: "";
   height: 2px;
   background: var(--env-block-font-color);
   position: absolute;
   left: 0;
   right: 0;
   bottom: -4px;
   display: block;
   transition: .25s ease;
   opacity: 0;
}
.savsjo_toggleMenu__helplink-text:after:hover {
   opacity: 1;
}
.savsjo_toggleMenu__helplink-text:after:hover {
   box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
   transition: .25s ease;
}

.savsjo_toggleMenu__helplinks a.translate span:before {
   content: "\f1ab";
}
.savsjo_toggleMenu__helplink--listen .savsjo_toggleMenu__helplink-text:before {
   content: "\f2a2";
}
.savsjo_toggleMenu__helplink--listen {
   display: none;
}

.savsjo_toggleMenu__helplink--home .savsjo_toggleMenu__helplink-text:before {
   content: "\f015";
}
.savsjo_toggleMenu__helplink--contact .savsjo_toggleMenu__helplink-text:before {
   content: "\f0e0";
}
.savsjo_toggleMenu__helplink--e-services .savsjo_toggleMenu__helplink-text:before {
   content: "\f108";
}
.savsjo_toggleMenu__helplink--easyread .savsjo_toggleMenu__helplink-text:before {
   content: url("/images/18.6d66060a180f9c59d099ac/1654677397951/ll-blue.svg");
   z-index: 2;
}

.savsjo_toggleMenu__list-item-level-1 .savsjo_toggleMenu__link,
.savsjo_toggleMenu__list-item-level-2 .savsjo_toggleMenu__link,
.savsjo_toggleMenu__list-item-level-3 .savsjo_toggleMenu__link,
.savsjo_toggleMenu__list-item-level-4 .savsjo_toggleMenu__link {
   display: inline-flex !important;
}

.savsjo_toggleMenu__list-item-level-1 .savsjo_toggleMenu__link {
   font-weight: 600;
   color: var(--env-block-primary-link-font-color);
}

.savsjo_toggleMenu__list-item-level-1 .savsjo_toggleMenu__link:before {
   content: ' ';
   padding: 0 28px;
}

.savsjo_toggleMenu__button {
   background: transparent;
   color: unset;
   border: 0;
}

/* Nivå 1 */
.savsjo_toggleMenu__list-item-level-1 {
   padding-left: 0.1em;
}
.savsjo_toggleMenu__list-item-level-1 .savsjo_toggleMenu__item {
   background: var(--env-block-primary-background-color); 
}
.savsjo_toggleMenu__list-item-level-1 a.savsjo_toggleMenu__link,
.savsjo_toggleMenu__list-item-level-1 button.savsjo_toggleMenu__button {
   color: var(--env-block-primary-link-font-color);
}

.savsjo_toggleMenu__list-item li.savsjo_toggleMenu__item {
   color: var(--env-block-primary-link-font-color);
   box-sizing: border-box;
   position: relative;
   list-style: none;
   font-size: 16px;
   float: left;
   width: 100%;
   margin: 0;
}

.savsjo_toggleMenu__item .savsjo_toggleMenu__link {
   padding: 24px 0;
   display: block;
   text-decoration: none;
   position: relative;
   transition: .25s ease;
   width: 100%;
   float: left;
}

.savsjo_toggleMenu__list-item-level-1 .savsjo_toggleMenu__link:hover {
   text-decoration: underline;
   text-underline-position: under;
   float: left;
   width: 100%;
   transition: .25s ease;
}

/* Nivå 2 */
.savsjo_toggleMenu__list-item-level-2 {
   padding-left: 0.2em;
}
.savsjo_toggleMenu__list-item-level-2 .savsjo_toggleMenu__item {
   background: var(--env-block-background-color);
}
.savsjo_toggleMenu__list-item-level-2 a.savsjo_toggleMenu__link,
.savsjo_toggleMenu__list-item-level-2 button.savsjo_toggleMenu__button {
   color: var(--env-block-link-font-color);
}

.savsjo_toggleMenu__list-item-level-2 .savsjo_toggleMenu__link {
   display: block;
   text-decoration: none;
   position: relative;
   color: var(--env-block-link-font-color);
   transition: .25s ease;
   font-weight: 400;
}

.savsjo_toggleMenu__list-item-level-2 .savsjo_toggleMenu__link:before {
   content: '';
   padding-left: 40px;
}

/* Nivå 3 */
.savsjo_toggleMenu__list-item-level-3 {
   padding-left: 0.3em;
}
.savsjo_toggleMenu__list-item-level-3 .savsjo_toggleMenu__item {
   background: var(--env-block-secondary-background-color);
}
.savsjo_toggleMenu__list-item-level-3 a.savsjo_toggleMenu__link,
.savsjo_toggleMenu__list-item-level-3 button.savsjo_toggleMenu__button {
   color: var(--env-block-secondary-link-font-color);
}

.savsjo_toggleMenu__list-item-level-3 .savsjo_toggleMenu__link:before {
   content: '';
   padding-left: 50px;
}


/* Nivå 4 */
.savsjo_toggleMenu__list-item-level-4 {
   padding-left: 0.4em;
}
.savsjo_toggleMenu__list-item-level-4 .savsjo_toggleMenu__link:before {
   content: '';
   padding-left: 60px;
}

.savsjo_toggleMenu__list-item-level-1 .currentpage > .savsjo_toggleMenu__link,
.savsjo_toggleMenu__item .currentpage > .savsjo_toggleMenu__link  {
   text-decoration: underline;
   text-underline-position: under;
}

/* Första nivån för ikoner */
.savsjo_toggleMenu__list-item-level-1 .savsjo_toggleMenu__item .toggle:before {
   font-size: 20px;
   margin: -0.1em 0.3em 0 0;
}

/* Resterande nivåer för ikoner */
.savsjo_toggleMenu__list-item-level-2 .savsjo_toggleMenu__item .toggle:before, 
.savsjo_toggleMenu__list-item-level-3 .savsjo_toggleMenu__item .toggle:before, 
.savsjo_toggleMenu__list-item-level-4 .savsjo_toggleMenu__item .toggle:before {
   font-size: 13px;
   margin-top: 0;
}

.savsjo_toggleMenu__item .toggle {
   padding: 0 48px;
   right: 0;
   width: 38px;
   text-align: center;
   cursor: pointer;
   position: absolute;
   z-index: 9;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 74px;
}

/* Underliggande nivåer för ikoner */
.savsjo_toggleMenu__item .toggle:before {
   content: "\f218";
   font-family: 'Ionicons';
   font-size: 13px;
}
.savsjo_toggleMenu__item--active > .toggle:before {
   content: "\f209";
   font-family: 'Ionicons';
}
.savsjo_toggleMenu__list-item-level-2, 
.savsjo_toggleMenu__list-item-level-3, 
.savsjo_toggleMenu__list-item-level-4 {
   display: none;
   padding: 0;
   margin: 0;
}


/* target _blank ikon */
.savsjo_toggleMenu__link [href*="//"]:not([href*="savsjo.se"]):after,
.exp_submenu ul li a[href*="//"]:not([href*="savsjo.se"]):after {
   content: "\f35d";
   font-weight: 900;
   font-family: 'Font Awesome 5 Free';
   padding-left: 0px;
   display: inline-block;
   font-size: 8px;
   vertical-align: middle;
   text-align: right;
   width: 20px;
   height: 1.3em;   
}

/* mobilvy */

@media (max-width: 960px) {
   .savsjo_menu--isopen {
      overflow-y: hidden;
   }
   .savsjo_toggleMenu {
      width: 100%;
      max-width: 100%;
      right: -100vw;
   }
   .savsjo_toggleMenu__item .savsjo_toggleMenu__link {
      font-size: 14px;
      padding: 18px 0;
   }
   .savsjo_toggleMenu__item .toggle {
      height: 62px;
      width: 28px;
   }
   .savsjo_toggleMenu__item .toggle:before {
      font-size: 16px;
   }
   .savsjo_toggleMenu__helplinks {
      margin-bottom: 0;
      padding: 0 22% 1em;
   }
   .savsjo_toggleMenu__helplink-text {
      padding: 15px 0;
      font-size: 14px;
   }
   .savsjo_toggleMenu__helplink-text:before {
      width: 50px;
      height: 50px;
      line-height: 50px;
      font-size: 18px;
      margin-bottom: 8px;
   }
   .savsjo_toggleMenu__close-menu-text {
      font-size: 14px;
   }

   .savsjo_toggleMenu__list-item-level-1 .savsjo_toggleMenu__link:before,
   .savsjo_toggleMenu__list-item-level-2 .savsjo_toggleMenu__link:before,
   .savsjo_toggleMenu__list-item-level-3 .savsjo_toggleMenu__link:before {
      padding-left: 0;
   }

}

@media all and (max-width: 480px) {
   .savsjo_toggleMenu__helplink-text:before {
      width: 40px;
      height: 40px;
      line-height: 40px;
      font-size: 18px;
      margin-bottom: 8px;
   }
   .savsjo_toggleMenu__helplink--easyread .savsjo_toggleMenu__helplink-text:before {
      content: url("/images/18.6d66060a180f9c59d099c5/1654677589430/ll-blue-small.svg");
   }
   .savsjo_toggleMenu__helplink-text {
      font-size: 12px;
   }
   /* Readspeaker liten mobil */
   .rs_href.rs_preserve.rs_skip {
      position: fixed !important;
      font-size:80%;
      right: 11em;
   }

}

/* Readspeaker */
.normal.rs_href.rs_preserve.rs_skip {
   font-weight: 700;
   text-decoration: none;
}
.rs_href.rs_preserve.rs_skip {
   position: unset;
}
.read_speak {
   font-weight:700!important;
}


/*Submeny*/
.savsjo_content .savsjo_toggleMenu__item .toggle {
   z-index: 1;
}

.savsjo_content .savsjo_toggleMenu__list-item-level-1 .savsjo_toggleMenu__link:after,
.savsjo_content .savsjo_toggleMenu__list-item-level-2 .savsjo_toggleMenu__link:after,
.savsjo_content .savsjo_toggleMenu__list-item-level-3 .savsjo_toggleMenu__link:after {
   content: '';
   padding-right: 25px;
}