/* LÄNSSTYRELSEN FOOTER CSS - By: Consid AB --------------------*/

/* GRAY FOOTER START ------------------------------------------ */
   /* Generellt */
.lst-footer-gray .subheading {
   font-size: 2.250em;
   font-weight: 500;
   margin-bottom: 0!Important;
}

.lst-select-parent {
   display: block;
   width: 100%;
   margin-top: 14px;
}

.lst-select-parent ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   overflow-y: scroll;
   max-height: 19em;
   border: 1px solid #fff;
}

.lst-select-parent a {
   display: block;
   text-decoration: none;
} 
   
.lst-goto-select:last-child {
   margin-top: 18px;
}

   /* Gå till */
.lst-goto-select {
   display: inline-block;
   position: relative;
   width: 100%;
   background-color: #fff;
}
   
.lst-goto-selected {
   cursor: pointer; 
}   
   
.lst-goto-selected a {
   position: relative;
   padding: 9px 14px;
   transition: transform 380ms ease; 
}

.lst-goto-selected a:focus {
   outline: 2px solid #005EB8;
   outline-offset: -2px;
}

.lst-goto-selected a:after {
   background: url(/images/18.2baa5e3e161e6f221893608/1520259639995/link_black.svg) no-repeat center;
   content: "";
   display: block;
   width: 14px;
   height: 14px;
   background-size: 13px 13px;
   margin-top: 4px;
   float: right;
   transform: rotate(90deg);
   transition: transform 380ms ease;
}
   
.lst-goto-selected.active a:after {
   transform: rotate(270deg);
   transition: transform 380ms ease;
} 
   
.lst-goto-content {
   display: none;
}

.lst-goto-content.active {
   display: block;
   position: absolute;
   min-width: 100%;
   overflow: auto;
   background-color: #ffffff;
   z-index: 1;
}

.lst-goto-content a {
   padding: 8px 14px;
   cursor: pointer;
}

.lst-goto-content a:focus > .lst-goto-content {
   outline: 2px solid #005EB8;
   outline-offset: -2px;
}
   
.lst-goto-content a:hover {
   background: #005EB5;
   color: #fff;
}

/* GRAY FOOTER END -------------------------------------------- */

/* FOOTER CONTENT SOCIAL MEDIA ETC START ---------------------- */

.lst-footer-menu {
  margin-top: 16px;
}

.lst-footer-menu li {
	line-height: 2.5;
}

.lst-footer-menu li a{
	background-image: url(/images/18.710ed317161746d80522a49/1526068707689/link_vit.svg);
    background-repeat: no-repeat;
    background-position: left top .3em;
    background-size: .5em .750em;
    padding-left: 1em;
}
@media all and (max-width: 480px) {
   .lst-footer-menu {
      margin-bottom: 40px;
   }
}

/* FOOTER CONTENT SOCIAL MEDIA ETC END ------------------------ */


/* OUR OTHER PAGES START -------------------------------------- */


.lst-footer-our-other-pages select{
	padding: 0.5em;
}

.lst-footer-our-other-pages select > option{
	font-family: "Open sans",sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.125em;
	color: #000000;
	line-height: 1.3;
	max-width: 300px;
}

/* OUR OTHER PAGES END ---------------------------------------- */


/* DARK BLUE FOOTER START ------------------------------------- */

.lst-footer-dark-blue{
	display: flex;
}

.lst-footer-dark-blue-column{
	width: 21.05263157894737%;
	margin-right: 5.263157894736842%;
	/*padding-left: 0.7em;*/
}

.lst-footer-dark-blue-column:last-child {
    margin-right: 0em;
}

/* Tablet  */
@media screen and (max-width: 900px) {
	.lst-footer-dark-blue{
		flex: 1;
		flex-wrap: wrap;
	}

	.lst-footer-dark-blue-column{
		width: 33.05263157894737%;
	}

	.lst-footer-dark-blue-column-logo{
		width: 100%;
		margin-bottom: 2em;
	}

}

/* Phone */
@media screen and (max-width: 767px) {
	.lst-footer-dark-blue-column-logo{
		margin-bottom: inherit;
	}

	.lst-footer-dark-blue-column{
		width: 100%;
		margin-bottom: 2em;
	}

}

/* DARK BLUE FOOTER END --------------------------------------- */

/* FOOTER DECORATION START ------------------------------------ */

.lst-footer-decoration {
	background-image: url('/images/18.10adba9e1616f8edbc923a3/1518093764409/Sidfot_1500px.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 229px;
   width: 100%;
}

@media screen and (max-width: 1460px) {
	.lst-footer-decoration {
		/*background-size: 1500px; 19/2 - 2019 kommenterar bort denna eftersom det får footer att hoppa upp */
	}
}

/*Adjusted for 900px width*/
@media screen and (max-width: 900px) {
	.lst-footer-decoration {
		background-image: url('/images/18.10adba9e1616f8edbc923a2/1518422208829/Sidfot_800px.svg')!Important;
		/*background-size: 800px; 19/2 - 2019 kommenterar bort denna eftersom det får footer att hoppa upp */
		height: 156px;
	}
}
/*Adjusted for 700px width*/
@media screen and (max-width: 700px) {
	.lst-footer-decoration {
		background-image: url('/images/18.10adba9e1616f8edbc923a1/1518422208797/Sidfot_700px.svg')!Important;
		background-size: 700px;
		height: 144px;
	}
}
/*Adjusted for 450px width*/
@media screen and (max-width: 450px) {
	.lst-footer-decoration {
		background-image: url('/images/18.10adba9e1616f8edbc923a0/1518422208754/Sidfot_450px.svg')!Important;
		background-size: 450px auto;
		height: 116px;
	}
}
/* FOOTER DECORATION END -------------------------------------- */

/* BACK TO TOP START -------------------------------------- */
.lst-to-top-div {
	display: inline-block;
	float: right;
}

.lst-to-top {
	background-color: #ffffff;
	padding: 1.3em;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	font-size: 1.1em;

	/*arrow svg ikon*/
	background-image: url('/images/18.10adba9e1616f8edbc92a7b/1518160766021/link.svg');
	background-repeat: no-repeat;
	-ms-transform: rotate(270deg); /* IE 9 */
	-webkit-transform: rotate(270deg); /* Safari 3-8 */
	transform: rotate(270deg);
	background-position: center 0.42em;
    background-size: 0.85em 1.8em;
}
.lst-to-top:hover {
	background-color: #cccccc;
	cursor: pointer;
}


.lst-to-top-div a {
	color: #002f6c;
   display: block;
}


.lst-to-top-div a:hover,
.lst-to-top-div a:active,
.lst-to-top-div a:visited,
.lst-to-top-div a:focus-within {
	color: #002f6c;
}

.lst-to-top-div-clear{
	clear: both;
}

/* BACK TO TOP END -------------------------------------- */

/* EMAIL I FOOTER START -------------------------------------- */
.lst-footer-headline__phone{
   font-family: "Didact gothic",sans-serif;
   font-weight: normal;
   font-style: normal;
   font-size: 0.975em;
   color: #ffffff;
   line-height: inherit;
   margin: 0px;
}
.lst-footer-headline__email{
   padding-top: 1.6em;
   font-family: "Didact gothic",sans-serif;
   font-weight: normal;
   font-style: normal;
   font-size: 0.975em;
   color: #ffffff;
   line-height: inherit;
   margin: 0px;
}     

/* EMAIL I FOOTER START -------------------------------------- */

/* 404 FOOTER START -------------------------------------- */

.lst-404-footer {
   position: absolute;
   bottom: 0;
   z-index: -1;
}

/* 404 I FOOTER START -------------------------------------- */
