/*--------------------------------------------------------------------------------------------------------

# LST-HEADER-FOOTER.CSS

--------------------------------------------------------------------------------------------------------*/

body {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html, html a { 
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}


@media (max-width: 900px) {
   
   header .sv-column-12 {
      margin-bottom: 0!important;
   }
   
   .lst-header-logo {
      max-width: 13rem;
      max-height: 3.5rem;
   }
   
   .lst-header-logo img {
      max-width: 6.2rem;
      max-height: 3.5rem;
      margin: 0.2rem 0;
      width: 100%;
      height: auto;
   }
}

@media (max-width: 1160px) {
   .sv-grid-grid-ny-utv-med-smal-marginal {
      padding: 1rem;
      box-sizing:border-box;
   }
}

/*--------------------------------------------------------------------------------------------------------

# HEADER - TOP

--------------------------------------------------------------------------------------------------------*/

/*		LST-väljare		*/

.lst-select-picker__header span.selection {
   width: 100%;
}

@media (max-width: 1024px ) {
   
   .lst-select-picker__header .select2-selection.select2-selection--multiple:after {
      top: 1.5rem!important;
   }
   
  .lst-select-picker__header input#lst-select-picker__field--header{
      background: rgb(204, 204, 204);
   }
   
   .lst-select-picker__header .lst-select-picker-container-label {
      display:none!important;
      padding: 0.25rem 0.5rem!important;
   }
   
   .lst-select-picker__header .select2-container {
      min-height: 3rem!important;
      height: auto!important;
   }
}

.lst-listen-icon a,
.lst-other-language__icon--button{
   font-weight: 600;
}

/*		Listen */


.lst-listen-icon {
   background-image: url(/images/18.746760b71768421ad5510927/1610620657180/assistive-listening-systems-solid--%23002F6C.svg);
       padding: 1.25rem 0 1.25rem 1rem!important;
}

.readspeaker-toggle {
   text-align: left;
}
   
#start-readspeaker {
   border: none;
   padding: 0;
   padding-left: 2em;
   background: none;
   position: relative;
   left: -1em;
   font-weight: 600;
}
   
#start-readspeaker:hover {
   cursor: pointer;
   text-decoration: underline;
}
   
#readspeaker-wrapper {
   display: none;
   position: absolute;
   margin-top: 1rem;
   z-index: 999;
}

.lst-header-listen-readspeaker-toggle {
   left: 0!important;
  	border: none;
   background-color: transparent;
   position: relative;
   font-weight: 600;
   background-size: 1.4rem!important;
   background-position: left center!important;
   background-repeat: no-repeat!important;
   background-image: url('/images/18.746760b71768421ad5510927/1610620657180/assistive-listening-systems-solid--%23002F6C.svg')!important;
   text-align: left;
}

@media (min-width: 901px ) {
   .lst-header-listen-readspeaker-toggle {
      padding: .5rem 1.5rem .5rem 2rem!important;
   }
}

@media (max-width: 900px ) {
   .lst-header-listen-readspeaker-toggle-container {
      width: 60px;
      height: 60px;
      align-items: center;
   }
}

.lst-header-listen-readspeaker-toggle:focus {
   cursor: pointer;
   text-decoration: underline;
   outline: 2px solid rgb(234 118 0);
   outline-offset: -2px;
}

.lst-header-listen-readspeaker-toggle:hover {
   cursor: pointer;
   text-decoration: underline;
}

@media (max-width: 900px) {   
   .lst-listen-icon{
      padding: 1.125rem .75rem!important;
   }
   
   .lst-listen-icon button{
      font-size: 0;
   }
   
   .lst-header-listen-readspeaker-toggle {
      font-size: 0;
      height: 3.75rem;
      overflow:hidden;
      background-position: left center!important;
   }
}


/*		other lang		*/

.lst-other-language__container {
   background: transparent!important;
   width: initial;
   padding: 0!important;
   border: 0!important;
}

.lst-other-language__icon--button{
   padding: .5rem 1.5rem .5rem 0 !important;
   display: block;
}


.lst-other-language__icon--language.active {
   z-index: 1000;
   margin-top: 0!important;
}

.lst-other-language__button-txt--mobile {
   display: none;
}

@media (min-width: 901px) {
   .lst-other-language__icon--button:before{
      content: "" !important;
      background: url(/images/18.746760b71768421ad5510998/1610620755110/globe-europe-solid--%23002F6C.svg);
      background-size: contain;
      width: 1.25rem;
      background-position: center;
      background-repeat: no-repeat;
      height: 1.5rem;
      display: inline-block;
      margin-right: 0.5rem;
      vertical-align: bottom;
   }

   .lst-other-language__icon--button:after {
      content: none !important;
   }
}

@media (max-width: 900px) {
   
   .lst-other-language__button-txt--mobile {
      font-size: 0.875rem;
   }
   
   .lst-other-language__button-txt--desktop {
      display: none;
   }
   
   .lst-other-language__container .lst-other-language__icon--button{
      color: #002F6C;
   }
   
   .lst-other-language__container .lst-other-language__icon--button:hover,
   .lst-other-language__container .lst-other-language__icon--button:focus {
      color: #002F6C
   }
   
   .lst-other-language__container .lst-other-language__icon--button:after,
   .lst-other-language__container.is-active .lst-other-language__icon--button:after{
      margin-left: 0.5rem;
      background: url('/images/18.746760b71768421ad557/1608536052087/chevron-right-solid--092D4B.svg');
      background-position: center;
      background-repeat: no-repeat;
      background-size: 0.5rem 0.875rem;
   }
}

@media (max-width: 767px) {
   .lst-other-language__container {
          position: inherit;
   }
   .lst-other-language__icon--language.active {
      margin-top: 0.8rem!important;
   }
}

@media (max-width: 500px) {
   .lst-other-language__container {
      display: none;
   }
}




/*--------------------------------------------------------------------------------------------------------

# HEADER - MIDDLE

--------------------------------------------------------------------------------------------------------*/

.lst-header-middle-links{
   list-style: none;
   padding: 0;
   margin: 0;
   text-align: right;
       display: -webkit-box;
       display: -webkit-flex;
       display: -ms-flexbox;
       display: flex;
}

.lst-header-middle-links__item {
   position: relative;
   padding: .5rem 0;
   display: flex;
   align-items: center;
}

.lst-header-middle-links__item img {
   max-width: 1.375rem;
   width: 100%;
}

.lst-header-middle-links__item a{
   font-size: 1rem;
   line-height:1.375;
   font-weight: 600;
   text-align: left;
   letter-spacing: 0;
   color: #000000 !important;
   text-decoration: none!important;
}

.lst-header-middle-links__item a:after {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

/*		Special		*/
.lst-header-middle-links .sirius_login_class {
   background: transparent!important;
}

/* Oscar | LSTF-191 */

header .lst-select-picker-container.lst-select-picker__header {
   min-width: 20rem !important;
}   

@media (min-width: 901px) {
   .lst-header-middle-links__item:first-child {
    	margin-right: 1.5rem;
	}
   
   .lst-header-middle-links__item a {
      padding: 0 0 0 2rem;
   }
   
   .lst-header-middle-links__item a:hover {
      text-decoration: underline !important;
   }
   
   .lst-header-middle-links__item img {
      margin: 0 0.5em 0 0;
      vertical-align: bottom;
      position: absolute;
      left: 0;
   }
}

/* LSTF-191 */
@media (max-width: 982px) and (min-width: 901px) {
   .lst-startpage-operation-status a:before {
   	width: 1rem;   
   }
   
   .lst-header-listen-readspeaker-toggle {
      padding: .5rem 1rem .5rem 1.5rem !important;
   }
   
   .lst-startpage-operation-status,
   .lst-header-listen-readspeaker-toggle {
		padding-right: 1rem !important;
      font-size: .875rem;
      background-size: 1.2rem !important;
   }
   
   .lst-other-language__button-txt--desktop {
      display: none;
   }
   
   .lst-other-language__button-txt--mobile {
      display: block;
   }
   
   .lst-other-language__icon--button {
      padding: .5rem 1rem .5rem 0 !important
   }
   
   .lst-other-language__icon--button:before {
      width: 1.125rem;
   }
   
   .lst-other-language__icon--button,
   .lst-header-middle-links__item a {
      font-size: .875rem;
   }
   
   .lst-header-middle-links__item:first-child {
      margin-right: 1rem;
   }
   
   .lst-header-middle-links__item img {
      max-width: 1.125rem;
   }
   
   .lst-header-middle-links__item a {
      padding-left: 1.5rem;
   }
}

@media (max-width: 900px) {
   /* LSTF-191 */
   .lst-header-middle-links {
		display: none;
	}
   
	ul.lst-header-middle-links.lst-header-middle-links--mobile {
		display: flex;
		justify-content: space-between;
		background-color: #006281;
	}

	.lst-header-middle-links__item--Minasidor {
		border-right: 1px solid #71a4b4;
	}
   
   .lst-header-middle-links.lst-header-middle-links--mobile a {
      color: white !important;
   }
   
	.lst-header-listen-readspeaker-toggle {
		font-size: initial;
		overflow: initial;
	}
   
	.lst-other-language__container {
		display: none;
	}
   
	.lst-header-listen-readspeaker-toggle-container {
		margin-right: 1.5rem;
	}
}

/*		Mobile	*/
.lst-header-middle-links--mobile {
   margin: 0;
}

.lst-header-middle-links--mobile .lst-header-middle-links__item {
   text-align: center;
}

.lst-header-middle-links--mobile img{
	margin-right: 0.5rem;
}

.lst-header-middle-links--mobile li {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 50%;
   height: 60px;
   padding: 0 !important;
}

/* LSTF-191 */
.lst-header-middle-links--mobile .lst-header-middle-links__item--Loggain img {
   padding: 0;
}

.lst-header-middle-links--mobile .lst-header-middle-links__item--Loggain a {
  font-size: 0.875rem;
}

/*--------------------------------------------------------------------------------------------------------

# DESKTOPMENU

--------------------------------------------------------------------------------------------------------*/

.lst-top-menu {
   list-style: none;
   padding: 0;
   margin: 0 0 0;
}

.lst-top-menu__list{
    list-style: none;
    margin: 0;
    padding: .5em 0 1em;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
        -ms-flex-flow: row;
            flex-flow: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.lst-top-menu__item {
   display: inline-block;
   position: relative;
}

/*.lst-top-menu__item:nth-child(even) a {
   border-right: 1px solid #BBC9DB;
   border-left: 1px solid #BBC9DB;
}*/

.lst-top-menu__item a:before{
   content: '';
       border-right: 1px solid #BBC9DB;
    position: absolute;
    left: 0;
    height: 40px;
    top: 0;
   z-index: -99;
}

.lst-top-menu__item:first-child a:before{
   border-right: 0;
}

.lst-top-menu__item a{
   display: block;
   width: 100%;
    box-sizing: border-box;
   padding: 0.5rem 1.25rem;
   letter-spacing: 0;
   text-align: center;
   font-weight: 600;
   font-size: 1.25rem;
   line-height: 1.35;
   color: #212121!important;
   text-decoration: none!important;
}

.lst-top-menu__item a:after {
    content: '';
    display: block;
    position: absolute;
    top: -0.5rem;
    bottom: -1em;
    left: -1px;
    right: -1px;
    min-height: 1em;
    z-index: -9;
   -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.lst-top-menu__item--active a:after{
    border-bottom: 0.438em solid #002F6C;
    position: absolute;
    bottom: -1rem;
    width: 100%;
    left: 0;
    right: 0;
}

.lst-top-menu__item a:hover,
.lst-top-menu__item a:focus {
   color:  #FFFFFF!important;
}

.lst-top-menu__item a:hover:after,
.lst-top-menu__item a:focus:after {
   background: #002f6c;
}

@media (max-width: 1180px) {
  
   
   .lst-top-menu__item a{
      font-size: 1.125rem;
         padding: 0.5rem 1rem;
   }
}

@media (max-width: 1024px) {
   .lst-top-menu__item a{
          font-size: 1rem;
      padding: 0.5rem .9rem;
   }
}

/*--------------------------------------------------------------------------------------------------------

# HEADER - TOGGLE

--------------------------------------------------------------------------------------------------------*/

.lst-headerMenu {
   background: #FFFFFF;
}

.lst-header-toggle--menu {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   margin: 0 .5rem;
   cursor: pointer;
   background: rgb(0 0 0 / 0%);
    padding: 0 .5rem;
   border: 0;
   -webkit-box-align: center;
   -webkit-align-items: center;
       -ms-flex-align: center;
           align-items: center;
}

.lst-header-toggle__icon {
   padding: 9px 10px 9px 0;
}

.lst-header-toggle__icon > span {
   background: #092D4B;
   height: 4px;
   width: 30px;
   display:block;
   margin: 5px 0;
   width: 25px;
   
   transition: 0.4s;
}

.lst-header-toggle--menu.lst-header-toggle--open > .lst-header-toggle__icon > span {
   width: 25px;
   height: 4px;
   background-color: #092D4B;
   margin: 6px 0;
   transition: 0.4s;

}

.lst-header-toggle--menu.lst-header-toggle--open .lst-header-toggle__icon {
   display: inline-block;
   cursor: pointer;
}

.lst-mobile__menu {
   display: none;
}

.lst-header-toggle__text {
   font-weight: 700;
   font-size: 1rem;
   line-height: 1.375;
   font-family: "Open Sans", sans-serif;
   letter-spacing: 0px;
   color: #212121;
}

/* Rotate first bar */
.lst-header-toggle--menu.lst-header-toggle--open > .lst-header-toggle__icon > span:nth-child(1) {
   -webkit-transform: rotate(-45deg) translate(-6px, 6px) ;
   transform: rotate(-45deg) translate(-6px, 6px);
}

/* Fade out the second bar */
.lst-header-toggle--menu.lst-header-toggle--open > .lst-header-toggle__icon > span:nth-child(2) {
   transition: 0.2s;
}

.lst-header-toggle--menu.lst-header-toggle--open > .lst-header-toggle__icon >  span:nth-child(2) {
   opacity: 0;
}

/* Rotate last bar */
.lst-header-toggle--menu.lst-header-toggle--open > .lst-header-toggle__icon > span:nth-child(3) {
   -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
   transform: rotate(45deg) translate(-8px, -8px) ;
}

/*--------------------------------------------------------------------------------------------------------

# MOBILE MENU

--------------------------------------------------------------------------------------------------------*/

.lst-mobile__menu button.con-menu__toggle {
       border: 0;
    border-left: 1px solid rgb(204 204 204);
   background-color: transparent;
}

.lst-mobile__menu a{
   -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.lst-mobile__menu .con-menu__link--open,
.lst-mobile__menu a:hover,
.lst-mobile__menu li:hover > div > a {
   background-color: rgba(195, 217, 224, 1)!important;
      -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.lst-mobile__language .sv-font-brodtext-med-bla-lankning a {
   background-image: url("/images/18.10adba9e1616f8edbc92a7b/1518100705375/link.svg")!important;
   background-repeat: no-repeat!important;
    background-position: left center!important;
    background-size: 0.5em 0.750em!important;
}


/*--------------------------------------------------------------------------------------------------------

# FOOTER - TOP

--------------------------------------------------------------------------------------------------------*/

section.lst-footer-gray h2 {
   font-size: 1.5rem;
   font-weight: 600;
   line-height: 1.375;
	letter-spacing: 0.24px;
   text-transform: uppercase;
   font-family: 'Open Sans', sans-serif;
}

.lst-footer-menu li a{
   background-size: 0.375em 0.875em;
}


/*--------------------------------------------------------------------------------------------------------

# FOOTER - BOTTOM

--------------------------------------------------------------------------------------------------------*/

footer h2.sv-font-vit-rubrik-h2,
footer h2.lst-footer-headline__phone,
footer h2.lst-footer-headline__email{
	letter-spacing: 0.18px;
   font-size: 1.125rem;
   font-weight: 700;
   line-height: 1.375;
   font-family: 'Open Sans', sans-serif;
}

footer .lst-footer-dark-blue-column-logo img {
   color: rgb(255, 255, 255);
    font-weight: bold;
}


footer .lst-social--links {
   	display: -webkit-box;
   	display: -webkit-flex;
   	display: -ms-flexbox;
   	display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
           -ms-flex-align: center;
               align-items: center;
       -webkit-flex-flow: wrap;
           -ms-flex-flow: wrap;
               flex-flow: wrap;
}

.lst_social--links-block {
   display: flex;
   align-items: center;
}

.lst_social--links-block:first-child .lst_social--links-text {
   padding-left: 0;
   margin-left: 0;
}

.lst_social--secondary {
   margin-left: 0 !important;
}

.lst_social--links-text .sv-font-vit-brodtext{
   position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

/* LSTF-191 */
.lst-tools-menu-right-buttons {
   float: right !important;
   display: flex; 
   align-items: center;
   height: 4rem;
   margin-left: 1rem;
}

@media (max-width: 901px) {
   .lst-tools-menu-right-buttons {
      float: right !important;
      display: flex; 
      align-items: center;
      height: 3.5rem;
      margin-left: 0;
      position: relative;
      width: 100%;
   }
   
   .lst-header-listen-readspeaker-toggle-container {
   	position: absolute;
      right: 0;
      top: 0;
      height: 100%;
   }
   
   .lst-header-listen-readspeaker-toggle {
      height: 100%;
   }
}

.lst-startpage-operation-status {
	padding: .5rem 1.5rem .5rem 0;
   display: flex;
}

.lst-startpage-operation-status a {
   display: flex;
   background-color: #ffba00;
   color: #000000;
   border-radius: 999px;
   text-decoration: none;
   padding: .5rem 1.125rem;
   font-weight: 600;
}

.lst-startpage-operation-status a:before {
   content: '';
   display: inline-block;
   height: 100%;
   width: 1.125rem;
   margin-right: .25rem;
   background-image: url('/images/18.5f1826cc1841996d4886f932/1668611397687/exclamation-triangle.svg');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: contain;
}

.lst-startpage-operation-status a:hover .lst-startpage-operation-status__count {
  	text-decoration: underline;
}

.lst-startpage-operation-status__text {
   display: none;
}

.lst-startpage-operation-status__text--mobile {
   display: none;
}

@media (max-width: 1160px) {
   .lst-startpage-operation-status {
      top:.8em;
      right: 0;
   }
   
   .lst-startpage-search .lst-search-form {
      padding: 2em 1.2em 0;
   }
   
   .lst-startpage-operation-status__text--desktop {
      display: none;
   }
   
   .lst-startpage-operation-status__text--mobile {
      display: inline;
   }
}

@media (max-width: 982px) {
   .lst-startpage-operation-status,
   .lst-header-listen-readspeaker-toggle {
		padding-right: 1rem !important;
   }
}