@charset "UTF-8";


@media (max-width: 991px) {
   .skv-header__top .sv-column-8.display--flex {
      display: flex !important;
   }
}


/**********************************************************************/
/*
/* Ramverk
/*
/**********************************************************************/

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

p {
   margin-bottom: 1.4rem;
}

p.compact, h3.compact {
   margin-top: 0;
   margin-bottom: 0;
}

p.definition {
   font-weight: 600;
   
}


/**********************************************************************/
/* 
/* Typografi
/*
/**********************************************************************/

.text-standard {
   font-size: 1.125rem;
   line-height: 1.75rem;
  	margin: 0 0 12px 0;
}

@media (min-width: 768px) {
   .text-standard, 
   .normal {
      font-size: 1.25rem;
      line-height: 2rem;
    	margin: 0 0 16px 0;
   }
   
	.heading, 
   .heading-underlined {
    	font-size: 2.8125rem;
    	line-height: 3.5rem;
    	margin: 48px 0 16px 0;
	}

	.subheading {
   	font-size: 2.25rem;
    	line-height: 2.75rem;
      letter-spacing: -0.01em;
    	margin: 32px 0 8px 0;
	}
   
	.subheading3 {
   	font-size: 1.5625rem;
    	line-height: 2.25rem;
    	margin: 24px 0 8px 0;
	}
   
   .sv-font-rubrik-4 {
   	font-size: 1.3125rem;
    	line-height: 2rem;
    	margin: 16px 0 0 0;
   }
   
	.sv-font-ingress, 
   .sv-font-ingress-landningssida {
    	font-size: 1.5625rem;
    	line-height: 2.25rem;
    	margin: 0 0 32px 0;
	}
   
   .sv-font-gigantisk-rubrik {
      font-size: 6.25rem;
   }
}

.heading.reset--margin, 
.subheading.reset--margin, 
.subheading3.reset--margin {
   margin-top: 2.75rem;
   margin-bottom: 1.5625rem;
}

.heading.reset--bottommargin, 
.subheading.reset--bottommargin, 
.subheading3.reset--bottommargin {
   margin-bottom: 0;
}

.sv-font-oversiktslankar {
   padding-top: 0.875rem;
   padding-bottom: 0.875rem;
   border-bottom: 1px solid #f8f4f8;
}

.sv-font-oversiktslankar--tabbed {
   font-size: 1rem;
}

.sv-font-oversiktslankar--noborder {
   margin-top: 0;
   margin-bottom: 0;
   padding-top: 0;
   padding-bottom: 0;
   border-bottom: none;
}

.sv-font-oversiktslankar a {
   display: block;
   width: 100%;
   text-decoration: none;
}

.sv-font-oversiktslankar a::after {
   background: url("/webdav/files/System/svg/arrow-right.svg") no-repeat;
   background-position: center;
   background-repeat: no-repeat;
   background-size: 1.75rem;
   content: '';
   display: inline-block;
   position: relative;
   margin-left: .25rem;
   width: .75rem;
   min-height: .875rem;
}

.sv-font-oversiktslankar a:hover {
   text-decoration: underline;
}


/* Sidhuvud */

.iov-utilities {
   display: flex;
}

.iov-utilities a {
   margin-right: 0.975rem;
   display: flex;
   align-items: center;
}

.iov-utilities a:last-of-type {
   margin-right: 0;
}

@media (max-width: 767px) {
	.sv-font-lank-sidhuvud {
   	display: none;
   }
   
   .iov-utilities {
   	display: none;
	}
}


/* Sidfot */

li a.sv-font-sidfotstext {
    margin-top: 0.4rem;
}

li a.sv-font-sidfotstext::after {
   background: url(/images/18.1482a61216b4f0569b912b/1562334278996/arrow-white.svg) no-repeat;
   background-position: center;
   background-repeat: no-repeat;
   background-size: 1.75rem;
   content: '';
   display: inline-block;
   position: relative;
   margin-left: .25rem;
   width: .75rem;
   min-height: .875rem;
}


/**********************************************************************/
/* 
/* Grid
/*
/**********************************************************************/

@media (min-width: 768px) {
   .sv-grid-main {
      margin-left: 1.75rem;
      margin-right: 1.75rem;
   }
}

@media (min-width: 1280px) {
   .sv-grid-main {
      margin-left: auto;
      margin-right: auto;
   }
}

.skv-footer {
   display: flex;
   flex-direction: column;
}

@media (min-width: 768px) {
	.skv-footer {
      flex-direction: row;
   }
}

@media (max-width: 991px) {
   .skv-footer {
      padding-left: 20px;
      padding-right: 20px;
   }
}

@media (max-width: 768px) {
	.sv-layout--nobottommargin {
   	margin-bottom: 0 !important;
	}
}

.iov-digi-grid {
   max-width: 83.5rem !important;
   margin: auto;

}

/**********************************************************************/
/* 
/* Sidhuvud
/*
/**********************************************************************/

.iov-heading--title {
   display: flex;
   align-items: center;
   font-size: 2rem;
   font-weight: 600;
}

.iov-heading--logo {
   width: 40px;
	height: 40px;
}

.iov-heading--divider {
   margin-top: 1.8em;
   margin-bottom: 1.5em;
}

.iov-header--icon {
   fill: #692859;
   width: 14px;
   height: 14px;
   vertical-align: middle;
   margin-bottom: 2px;
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
   .iov-heading--divider {
      margin-bottom: 0.5em;
   }
}

@media (max-width: 767px) {
   .iov-heading--title {
      padding-left: 1rem;
      font-size: 1.25rem;
   }
   
   .iov-heading--separator {
      display: none;
   }
   
   .iov-heading--logo {
      width: 32px;
      height: 32px;
   }
   
   .iov-heading--divider {
      margin-top: 1em;
      margin-bottom: 0;
   }
}

@media (max-width: 319px) {
   .iov-heading--title {
      padding-left: 1rem;
      font-size: 1.1rem;
   }
   
   .iov-heading--separator {
      display: none;
   }

   .iov-heading--logo {
      width: 32px;
      height: 32px;
   }
}


/**********************************************************************/
/*
/* Topp-hero
/*
/**********************************************************************/


.skolv-startpage-hero,
.skolv-overviewpage-hero,
.skolv-landingpage-hero {
   padding-left: 20px;
   padding-right: 20px;
}

.skolv-startpage-hero, .skolv-landingpage-hero {
   height: 690px;
   margin-top: -5px;

   background-size: cover;
   background-position: center top;
   position: relative;
}

.skolv-startpage-hero {
   background-image: url(/webdav/images/System/Bakgrundsbilder/BG_startsida.jpg);
}

.skolv-startpage-hero .sv-column-6 {
    padding-top: 30px;
}

.skolv-startpage-hero h1 {
   font-size: 3.5rem;
}

.skolv-tophero-negativemargin {
	margin-top: -27rem;
   position: relative;
}

@media (max-width: 991px) {
   .skolv-startpage-hero {
    	height: 500px;
   }

   .skolv-startpage-hero h1 {
      font-size: 2.250rem;
   }

   .skolv-tophero-negativemargin {
		margin-top: -19rem;
	}
}

@media (max-width: 767px) {
   .skolv-startpage-hero {
    	height: 400px;
      background-size: unset;
      background-position: unset;
   }

   .skolv-tophero-negativemargin {
		margin-top: -11rem;
	}
}

.skolv-startpage-hero .sv-font-rubrik-landningssida {
    margin-top: 24px;
   margin-bottom: 18px;
}

@media (max-width: 767px) {
   .skolv-overviewpage-hero {
      height: unset;
   }

   .skolv-overviewpage-hero .sv-font-rubrik-landningssida {
      margin-top: 0;
   }
}

.skolv-startpage-hero-overlay::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #DCEAEA;
    opacity: 0.85;
}

.skolv-startpage-hero-overlay .no-transparency {
   position: relative;
   z-index: 1;
}

.skolv-overviewpage-hero-overlay::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #DCEAEA;
    opacity: 0.85;
}

.skolv-overviewpage-hero-overlay .no-transparency {
   position: relative;
   z-index: 1;
}

.skolv-404hero-overlay {
   position: relative; 
}

.skolv-404hero-image {
  background-image: url("/images/18.5406806016b70e49d5e3a41/1573736350299/404-page.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 358px;
}

.skolv-404hero-image::before {
   background-color: #dceaea;
   content: "";
   height: 358px;
   width: 100%;
   position: absolute;
   opacity: .85;
}

.skolv-404hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/**********************************************************************/
/*
/* Brödsmulor
/*
/**********************************************************************/

.skolv_breadcrumbs-list {
   display: inline-block;
   list-style: none;
   margin-left: 0;
   padding-left: 0;
}

@media (max-width: 767px) {
   .skolv_breadcrumbs-list {
      padding-left: 20px
   }
}

.skolv_breadcrumbs-list-item {
   display: inline !important;
}


/**********************************************************************/
/* 
/* Innehållsförteckning
/*
/**********************************************************************/

.sv-toc-portlet:before{
   display: block;
   font-family: 'Source Sans Pro', sans-serif;
   font-size: 1.563rem;
   line-height: 1.5rem;
   font-weight: 600;
   content: "Innehåll på denna sida";
   /* margin-right: 2.3em; */
   margin-bottom: 0.75em;
   /* margin-left: 1.33em; */
   padding-top: 0.9em;
}

@media (max-width: 767px) {
   .sv-toc-portlet:before{
      font-size: 1.125rem;
      line-height: 1.6rem;
   }
}

/*
.sv-toc-portlet{
   border-left: 3px solid #0079c2;
   padding-left: 1.444em;
   margin-bottom: 1.5em;
}
*/

.sv-toc-portlet ul li {
   padding: 0.25rem 0;
   /* margin: 0 1.5em 0.5em; */
   margin-right: 1.875rem;
}

/*
.sv-toc-portlet ul li ul{
   margin-left: 1.667em
}
*/


/**********************************************************************/
/*
/* Sektionstitel + två bildpuffar
/*
/**********************************************************************/

.iov-twocards-row {
   padding: 3.5rem 3.375rem;
}

@media (max-width: 767px) {
   .iov-twocards-row {
      padding: 1.75rem 1.625rem;
   }
}

.iov-twocards-container {
   list-style: none;
   padding: 0;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin: 0;
}

.iov-twocards-container__item {
   padding: 15px;
   width: 50%;
}

@media (max-width: 767px) {
   .iov-twocards-container__item {
      width: 100%;
   }
}


/* */
.iov-footer-link {
   margin-bottom: 1rem;
}

.iov-footer-link:last-child {
   margin-bottom: 0;
}


/**********************************************************************/
/* 
/* Tooltips
/*
/**********************************************************************/

.tippy-content {
   padding: 0;
}

.tippy-tooltip {
   background-color: #FFF2B7;
   border: 1px solid #FFDCA8;
   color: #262626;
}

.tippy-tooltip[data-placement^='top'] .tippy-arrow {
   border-top-color: #FFF2B7;
}

.tippy-tooltip[data-placement^='bottom'] .tippy-arrow {
   border-bottom-color: #FFF2B7;
}

.tippy-tooltip[data-placement^='left'] .tippy-arrow {
   border-left-color: #FFF2B7;
}

.tippy-tooltip[data-placement^='right'] .tippy-arrow {
   border-right-color: #FFF2B7;
}

.tippy-tooltip hr {
   color: #FFDCA8;
}

.ui-widget.ui-widget-content {
   border: 1px solid #F59C00;
   border-radius: 3px;
}

.ui-tooltip {
   width: 15rem;
}

.iov-tooltip-content-explanation {
   line-height: 1.3rem;
   padding: 24px;
}

.tippy-tooltip[data-placement^=top] .tippy-arrow {
   bottom: -11px;
   border-width: 24px 24px 0;
}

.tippy-tooltip[data-placement^=bottom] .tippy-arrow {
   border-width: 0 24px 24px;
   top: -11px;
}

.iov-tooltip-content-date {
   border-top: 1px solid #ffdca8;
   padding: 5px;
   font-size: 0.875rem;
   margin-top: 0.5rem;
}


/**********************************************************************/
/* 
/* Tooltips
/*
/**********************************************************************/

#iov-skiptocontent a {
	padding: 6px;
   position: absolute;
   top: -40px;
   left: 0px;      
   border-right: 1px solid #692969;
   border-bottom: 1px solid #692969;
   border-bottom-right-radius: 8px;
   background: #dceaea;
   color: #692969;
   font-family: 'Source Sans Pro';
   font-weight:600;
   -webkit-transition: top 1s ease-out;
   transition: top 1s ease-out;
   z-index: 99999;
   cursor: pointer;
}

#iov-skiptocontent a:focus, 
#iov-skiptocontent a:active, 
#iov-skiptocontent a:hover {
   position:absolute; 
   outline-color: transparent;
   width:auto; 
   height:auto; 
   overflow:visible;      
   left:0;
   top:0;
   transition: top .1s ease-in;
}   

@media(max-width:768px){
   #iov-skiptocontent{
      display:none;
   }
}


/*********************/
/*                   */
/* Sök               */
/*                   */
/*********************/

.iov-search {
   display: flex;
}

.iov-search input[type=text] {
   margin-right: 15px;
}


/*********************/
/*                   */
/* Tonad bakgrund    */
/* för heromallar    */
/*                   */
/*********************/

.iov-faded-pagehero {
   height: 690px;
}

.iov-faded-pagehero__grid {
   margin-top: -620px;
}


/*****************************/
/*                           */
/* Rubriker med streck under */
/*                           */
/*****************************/

.heading-underlined {
   position: relative;
   display: inline-block;
}

.heading-underlined::after {
   position: absolute;
   content: '';
   bottom: -10px;
   background-color: #497e89;
   height: 3px;
   width: 50px;
   left: 0;
}

h1.heading-underlined::after {
   width: 100px;
}

h2.heading-underlined::after {
   width: 75px;
   bottom: -18px;
   display: none;
}

h3.heading-underlined::after {
   bottom: -15px;
}

@media(max-width:767px) {
   h1.heading-underlined::after {
   	width: 75px;
	}

	h2.heading-underlined::after {
   	width: 50px;
	}
   
	h3.heading-underlined::after {
   	width: 25px;
	}
}


/************************/
/*                      */
/*  Dekoration - Citat  */
/*                      */
/************************/

.sv-decoration-citat {
	margin: 0.25rem;
	padding-top: 1.2rem;
   padding-right: 0.625rem;
   padding-bottom: 1.2rem;
   padding-left: 4rem;
   position: relative;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.07);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.07);
   border: solid 2px #f7dccd;
}

.sv-decoration-citat:before {
   content: '\201D';
   position: absolute;
   top: 0.45em;
   left: 1rem;
   color: #262626;
   font-size: 6em;
   z-index: 1;
}

/************************/
/*                      */
/*  Övrigt  */
/*                      */
/************************/

.show-for-sr {
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    position: absolute!important;
    width: 1px;
}