/*
 * CSS för Värnamo Skolwebb 2019
 *
 */

/**
 * Innehållsförteckning:
 *
 * 1.0 - Fonter
 *   1.1 - Icomoon
 *   1.2 - Rubriker
 *   1.3 Formatmallar (skriver över SiteVisions formatmallar)
 * 2.0 - Sidhuvud
 *   2.1 Sidhuvud desktop
 *   2.2 Servicenavigation
 *   2.3 Sidhuvud mobil
 *   2.4 Sök
 *   2.5 Sök i mobilt läge
 * 3.0 - Huvudinnehåll
 *   3.1 Listblock
 *   3.2 Toppbild på startsidan
 *     3.2.1 Text till toppbild
 *     3.2.2 Bild till toppbild (intryck, uttryck, avtryck)
 *   3.3 Brödsmulor
 *   3.4 Sökresultat
 *   3.5 Huvudingångar (knappar)
 *   3.6 Kurser
 *     3.6.1 Kursnavigation
 *     3.6.2 Kursområden
 *     3.6.3 Kurslista
 *     3.6.4 Kurssida
 *   3.7 Fullbreddsblock
 *   3.8 Standardsida
 *   3.9 Läraresida
 *   3.10 Generell listning
 *   3.11 Schemasida
 *   3.12 Uppdaterad av
 *   3.13 Nyhetsarkiv
 *     3.13.1 Nyhetslist startsidan
 *     3.13.2 Nyhetssida
 *   3.14 Evenemangsarkiv
 *     3.14.1 Evenemangslist startsidan
 *     3.14.2 Evenemangssida
 * 4.0 - Cookiebar
 * 5.0 - Sidfot
 *   5.1 Hopp till topp
 * 6.0 - Knappar
 * 7.0 - sv-standard-table
 * 8.0 - Utils
 * 9.0 - Print css
 * -----------------------------------------------------------------------------
 */


/**
  * 1.0 - Fonter
  *
**/

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/download/18.20e02d9817aa9aa29fd20e9/1629377995610/open-sans-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/download/18.20e02d9817aa9aa29fd20e9/1629377995610/open-sans-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/download/18.20e02d9817aa9aa29fd20ed/1629377995659/open-sans-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/download/18.20e02d9817aa9aa29fd20ec/1629377995649/open-sans-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/download/18.20e02d9817aa9aa29fd20eb/1629377995637/open-sans-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/images/18.20e02d9817aa9aa29fd20ea/1629377995627/open-sans-v23-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/download/18.20e02d9817aa9aa29fd20da/1629377995458/open-sans-v23-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/download/18.20e02d9817aa9aa29fd20da/1629377995458/open-sans-v23-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/download/18.20e02d9817aa9aa29fd20de/1629377995503/open-sans-v23-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/download/18.20e02d9817aa9aa29fd20dd/1629377995495/open-sans-v23-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/download/18.20e02d9817aa9aa29fd20dc/1629377995484/open-sans-v23-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/images/18.20e02d9817aa9aa29fd20db/1629377995468/open-sans-v23-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/download/18.20e02d9817aa9aa29fd20df/1629377995511/open-sans-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/download/18.20e02d9817aa9aa29fd20df/1629377995511/open-sans-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/download/18.20e02d9817aa9aa29fd20e3/1629377995549/open-sans-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/download/18.20e02d9817aa9aa29fd20e2/1629377995540/open-sans-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/download/18.20e02d9817aa9aa29fd20e1/1629377995531/open-sans-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/images/18.20e02d9817aa9aa29fd20e0/1629377995520/open-sans-v23-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('/download/18.20e02d9817aa9aa29fd20e4/1629377995559/open-sans-v23-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/download/18.20e02d9817aa9aa29fd20e4/1629377995559/open-sans-v23-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/download/18.20e02d9817aa9aa29fd20e8/1629377995600/open-sans-v23-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/download/18.20e02d9817aa9aa29fd20e7/1629377995590/open-sans-v23-latin-800.woff') format('woff'), /* Modern Browsers */
       url('/download/18.20e02d9817aa9aa29fd20e6/1629377995580/open-sans-v23-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/images/18.20e02d9817aa9aa29fd20e5/1629377995567/open-sans-v23-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* expletus-sans-regular - latin */
@font-face {
  font-family: 'Expletus Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/download/18.20e02d9817aa9aa29fd2124/1629379868143/expletus-sans-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/download/18.20e02d9817aa9aa29fd2124/1629379868143/expletus-sans-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/download/18.20e02d9817aa9aa29fd2128/1629379868185/expletus-sans-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/download/18.20e02d9817aa9aa29fd2127/1629379868175/expletus-sans-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/download/18.20e02d9817aa9aa29fd2126/1629379868164/expletus-sans-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/images/18.20e02d9817aa9aa29fd2125/1629379868152/expletus-sans-v14-latin-regular.svg#ExpletusSans') format('svg'); /* Legacy iOS */
}
/* expletus-sans-700 - latin */
@font-face {
  font-family: 'Expletus Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/download/18.20e02d9817aa9aa29fd211f/1629379868088/expletus-sans-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/download/18.20e02d9817aa9aa29fd211f/1629379868088/expletus-sans-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/download/18.20e02d9817aa9aa29fd2123/1629379868135/expletus-sans-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/download/18.20e02d9817aa9aa29fd2122/1629379868127/expletus-sans-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/download/18.20e02d9817aa9aa29fd2121/1629379868115/expletus-sans-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/images/18.20e02d9817aa9aa29fd2120/1629379868105/expletus-sans-v14-latin-700.svg#ExpletusSans') format('svg'); /* Legacy iOS */
}

/*
 * 1.1 Icomoon
 */

@font-face {
  font-family: 'icomoon';
  src:  url('/download/18.1ed72c1016edb76bccd23d9/1580127787311/icomoon.eot?gy2172');
  src:  url('/download/18.1ed72c1016edb76bccd23d9/1580127787311/icomoon.eot?gy2172#iefix') format('embedded-opentype'),
    url('/download/18.1ed72c1016edb76bccd23d6/1580127787303/icomoon.ttf?gy2172') format('truetype'),
    url('/download/18.1ed72c1016edb76bccd23d7/1580127787314/icomoon.woff?gy2172') format('woff'),
    url('/images/18.1ed72c1016edb76bccd23da/1580127787308/icomoon.svg?gy2172#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-instagram-brands:before {
  content: "\e908";
}
.icon-facebook-brands:before {
  content: "\e909";
}
.icon-search:before {
  content: "\f002";
}
.icon-volume-up:before {
  content: "\f028";
}
.icon-bars:before {
  content: "\f0c9";
}
.icon-navicon:before {
  content: "\f0c9";
}
.icon-reorder:before {
  content: "\f0c9";
}
.icon-pie-chart:before {
  content: "\f200";
}
.icon-chevron-left:before {
  content: "\e900";
}
.icon-chevron-right:before {
  content: "\e904";
}
.icon-chevron-up:before {
  content: "\e905";
}
.icon-minus:before {
  content: "\e902";
}
.icon-plus:before {
  content: "\e903";
}
.icon-x:before {
  content: "\e901";
}


/*
 * 1.2 Rubriker
 */

h1, h2, h3, h4, h5, h6 {
   font-family: 'Expletus Sans' !important;
   font-weight: 600;
}

/*
 * 1.3 Formatmallar (skriver över SiteVisions formatmallar)
 */


h1, .heading {
   font-style: normal;
   font-size: 6.2rem;
   color: #000000;
   line-height: 6.4rem;
}

@media (max-width: 767px) {
   h1, .heading {
      font-size: 3.2rem !important;
      line-height: 3.4rem !important;
      margin-bottom: 1.3rem !important;
   }
}

h2, .subheading {
   font-style: normal;
   font-size: 3rem;
   color: #000000;
   line-height: 3.2rem;
   margin-top: 4rem;
   margin-bottom: 2rem;
}

@media (max-width: 767px) {
   h2, .subheading {
      font-size: 2.5rem;
      line-height: 3rem;
      padding-top: 1rem;
      margin-bottom: 0.8rem;
      margin-top: 1rem;
   }
}

h3, .subheading3 {
   font-style: normal;
   font-size: 2.4rem;
   color: #000000;
   line-height: 3rem;
   margin-top: 3rem;
   margin-bottom: 2rem;
}

@media (max-width: 767px) {
   h3, .subheading3 {
      font-size: 2.3rem;
      line-height: 2.8rem;
      padding-top: 1rem;
      margin-bottom: 0.8rem;
      margin-top: 1rem;
   }
}

.sv-font-ingress {
   font-family: 'Expletus Sans' !important;
   font-weight: normal;
   font-style: normal;
   font-size: 2.8rem;
   color: #000000;
   line-height: 4rem;
   margin-bottom: 1rem;
}

@media (max-width: 767px) {
   .sv-font-ingress {
      font-size: 1.8rem;
      line-height: 2.4rem;
      margin-bottom: 1rem;
      font-weight: 600;
   }
}

.normal {
   font-family: "open sans",sans-serif;
   font-weight: normal;
   font-style: normal;
   font-size: 2rem;
   color: #000000;
   line-height: 3.4rem;
}

@media (max-width: 767px) {
   .normal {
      font-size: 1.8rem;
      line-height: 2.6rem;
      margin-bottom: 1rem;
   }
}


/**
  * 2.0 - Sidhuvud
  *
**/

.vmo-header {
   position: relative;
   overflow: hidden;
   background-color: #FFFFFF;
}


/*
 * 2.1 Sidhuvud
 */

@media (min-width: 1300px) {
   .vmo-header .vmo-header__desktop nav {
      position: relative;
      top: 1.6rem;
   }

   .vmo-header .vmo-header__desktop nav .vmo-header__desktop-nav li {
      margin-right: 2rem;
   }

   .vmo-header .vmo-header__desktop nav .vmo-header__desktop-nav li:last-child {
      margin-right: 0;
   }

   .vmo-header .vmo-header__desktop nav .vmo-header__desktop-nav li a {
      font-size: 2rem;
      line-height: 4rem;
      font-weight: 600;
      text-decoration: none;
      padding-bottom: .5rem;
   }

   .vmo-header .vmo-header__desktop nav .vmo-header__desktop-nav li a.sv-font-ingress {
      padding-bottom: 0.5rem;
   }

   .vmo-header .vmo-header__desktop {
      display: block;
   }
   
   .vmo-header .vmo-header__mobile {
   	display: none;
   }

   .vmo-header .vmo-header__desktop.is-active .vmo-header__service-nav a:focus {
      outline-color: #ffffff;
   }

   .vmo-header .vmo-header__desktop.is-active .vmo-header__service-nav a, 
   .vmo-header .vmo-header__desktop.is-active .vmo-header__service-nav a:after {
      color: #ffffff;;
   }

   .vmo-header .vmo-header__desktop .vmo-header__desktop--search {
      position: relative;
      padding-top: 2rem;
      padding-bottom: 1.2rem;
   }

   .vmo-header .vmo-header__desktop .vmo-header__desktop-logotype {
      display: block;
      line-height: 1.2rem;
   }

   .vmo-header .vmo-header__desktop .vmo-header__desktop-logotype img {
      max-width: 22.3rem !important;
   }

   .vmo-header .vmo-header__desktop .vmo-header__desktop-logotype.focused {
      outline-color: #002C46;
   }
}

@media (max-width: 1299px) {
   .vmo-header .vmo-header__desktop {
      display: none;
   }
   
   .vmo-header .vmo-header__mobile {
   	display: block;
   }
}


/*
 * 2.2 Servicenavigation
 */

.vmo-header .vmo-header__service-nav {
   display: flex;
   align-items: center;
}

.vmo-header .vmo-header__service-nav .vmo-header__mobile-service--menu {
   font-family: 'Expletus Sans';
   font-size: 2rem;
   font-weight: 600;
}

.vmo-header .vmo-header__service-nav .vmo-header__mobile-service--menu .menu {
   margin-right: 1.5rem;
   margin-top: 0.3rem;
}

.vmo-header .vmo-header__service-nav a {
   display: flex;
   align-items: center;
   text-align: center;
   text-decoration: none;
   background-color: transparent;
   border: none;
   font-size: 1.6rem;
   line-height: 2.1rem;
   cursor: pointer;   
}

.vmo-header .vmo-header__service-nav button .search { 
    margin-right: 1rem;
}

.vmo-header .vmo-header__service-nav button .search:after, .vmo-header__mobile-service--search:after {
    font-family: "icomoon";
    content: "\f002";
    position: relative;
    color: #000;
    font-size: 2rem;
    top: .2rem;
    margin-left: 0;
}

.vmo-header .vmo-header__mobile-service--menu .icon-bars {
   font-size: 4.5rem;
}

@media (max-width: 1299px) {
   .vmo-header .vmo-header__mobile-service--menu .icon-bars {
      font-size: 2.5rem;
      position: relative;
      top: .3rem;
      margin-left: .3rem;
   }
}    

.vmo-header .vmo-header__service-nav button .close-search:after {
    font-family: "icomoon";
    content: "\e901";
    position: relative;
    color: #FFFFFF;
    font-size: 2rem;
    top: .2rem;
    margin-left: .3rem;
}

.vmo-header .vmo-header__service-nav button:focus, .vmo-header .vmo-header__service-nav a.focused { 
   outline-color: #002C46;
}

.vmo-header .vmo-header__service-nav a.listen:after {
   font-family: "icomoon";
   content: "\f028";
   position: relative;
   color: #000;
   font-size: 2.6rem;
   top: 0.1rem;
   margin-left: 0.8rem;
}

.vmo-header .vmo-header__service-nav.is-active .icon, .vmo-header .vmo-header__service-nav.is-active a {
   color: #ffffff;
}

.vmo-header .vmo-header__service-nav button .close-search {
   display: none;
}

.vmo-header .vmo-header__service-nav a .icon:before, .vmo-header .vmo-header__service-nav button .icon:before {
   display: block;  
}

.vmo-header .vmo-header__service-nav button .search:after, .vmo-header__mobile-service--search:after {
   font-family: "icomoon";
   content: "\f002";
   position: relative;
   color: #000;
   font-size: 2.3rem;
   top: .2rem;
   margin-left: 0;
}

.vmo-header .vmo-header__service-nav .vmo-header__service-nav--search-input {
   font-family: 'Expletus Sans';
   position: relative;
   top: 0.3rem;    
   font-size: 2rem;
   border: none;
   border-bottom: 0.2rem solid #F0F0F1;
}

.vmo-header .vmo-header__service-nav .vmo-header__service-nav--search-input:focus {
   outline: none;
}

.vmo-header .vmo-header__service-nav .vmo-header__service-nav--search-input-button {
   background-color: #6C2A75;
   color: #ffffff;
   font-size: 1.4rem;
   font-weight: 600;
   padding: 0.2rem 2.4rem 0.4rem 2.4rem;
   margin-right: 5rem;
   margin-left: 1rem;
   border: none;
   cursor: pointer;
   border-radius: 3rem;
}

.vmo-header .vmo-header__service-nav .vmo-header__service-nav--search-input-button:after {
   font-family: "icomoon";
   content: "\f002";
   color: #ffffff;
   font-size: 2rem;
   position: relative;
   top: 0.2rem;
   margin-left: 1rem;
}


/*
 * 2.3 Sidhuvud mobil
 */

@media (min-width: 1300px) {
   .vmo-header .vmo-header__mobile {
      display: none;
   }
}
@media (max-width: 1299px) {
   .vmo-header .vmo-header__mobile {
      display: block;
   }

   .vmo-header .vmo-header__mobile .vmo-header__desktop-logotype {
      display: inline-block;
      line-height: 1.2rem;
      float: left;
   }

   .vmo-header .vmo-header__mobile .vmo-header__desktop-logotype img {
      width: 20rem;
   }

   .vmo-header .vmo-header__mobile .vmo-header__mobile-service--menu {
      text-align: center;
      text-decoration: none;
      background-color: transparent;
      border: none;
      font-size: 1.6rem;
      cursor: pointer;
   }
}

@media (max-width: 480px) {

   .vmo-header .vmo-header__mobile .vmo-header__desktop-logotype {
      float: center;
   }

   .vmo-header .vmo-header__mobile .vmo-header__desktop-logotype img {

   }

   .vmo-header .vmo-header__mobile .vmo-header__mobile-service--menu {

   }
}


/*
* 2.4 Sök
*/

.vmo-header .vmo-header__search {
   position: absolute;
   top: 2rem;
   opacity: .0;
   padding: 1.8rem 0;
   transform: translateX(600px);
   transition: all .5s ease;
   width: 100%;
   visibility: hidden;
}

.vmo-header__search.panel-is-active {
   transform: translateX(0);
   opacity: 1;
   visibility: visible;
   left: 0;
   display: block;
}

.vmo-header .vmo-header__service-nav {
   z-index: 10;
   top: 2.7rem;
}

.vmo-header .vmo-header__search .vmo-header__service-nav--search-input {
   padding: 2rem;
   border: none;
   outline: none;
}

.vmo-header .vmo-header__search .vmo-header__service-nav--search-input-button {
   background-color: #002c46;
   color: white;
   border: none;
   padding: 2rem;
   margin-left: -0.5rem;
   cursor: pointer;
}

.vmo-header .vmo-header__service-nav--search-button.btn-is-active {
   color: #ffffff;
}

.vmo-header .vmo-header__service-nav--search-button.btn-is-active .search {
   display: none;
}

.vmo-header .vmo-header__service-nav--search-button.btn-is-active .close-search {
   display: block;
}

.vmo-header .vmo-header__service-nav--search-button.btn-is-active:focus {
   outline-color: #ffffff;
}


/*
 * 2.5 Sök i mobilt läge
 */

.vmo-header .vmo-header__mobile--background {
   position: relative;
   display: none;
   height: 0;
   margin: 0;
   border: 0;
   visibility: hidden;
   overflow: hidden;
   opacity: 0;
   transition: visibility .5s,opacity 0 linear;
}

.vmo-header .vmo-header__mobile--background.panel-is-active {
   display: inline-block;
   height: auto;
   visibility: visible;
   opacity: 1;
   overflow: visible;
   width: 100%;
   padding: 2rem 0 0;
   background-color: #fafafa;
}

@media (min-width: 769px) {
   .vmo-header .vmo-header__mobile--background.panel-is-active {
      padding-bottom: 2rem;
   }
}

.vmo-header .vmo-header__mobile .vmo-header__mobile--search {
   position: relative;
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
}

.vmo-header .vmo-header__mobile .vmo-header__mobile--search input[type=text] {
   width: 80%;
   border: 0;
   padding: 0.5rem 1%;
   font-size: 1.6rem;
}

.vmo-header .vmo-header__mobile .vmo-header__mobile--search input[type=submit] {
   border: none;
   padding: 0.2rem 0.8rem;
   margin-left: -0.5rem;
   cursor: pointer;
}

.vmo-header .vmo-header__mobile .vmo-header__mobile--search > div {
   margin-bottom: 0;
}

.vmo-header .vmo-header__mobile--search form {
   text-align: center;
}

.vmo-header .vmo-header__mobile--search form .vmo-header__mobile-service-nav--search-input {
   width: 88%;
   padding-left: 1rem;
   margin-right: -1rem;
   font-size: 1.3rem;
}

.vmo-header .vmo-header__mobile--search form .vmo-header__mobile-service-nav--search-input:focus {
   outline: none;
}

.vmo-header .vmo-header__mobile--search form .vmo-header__mobile-service-nav--search-button {
   width: 10%;
   background-color: #007cab;
   color: #fff;
   border: none;
   padding: 0.3rem;
}

.vmo-header .vmo-header__mobile .vmo-header__mobile-service {
   position: absolute;
   display: block;
   float: right;
   top: 3.8rem;
   right: 0rem;
}

.vmo-header .vmo-header__mobile .vmo-header__mobile-service--search {
   text-align: center;
   text-decoration: none;
   background-color: transparent;
   border: none;
   font-size: 1.6rem;
   margin-right: 0;
   cursor: pointer;
}

.vmo-header .vmo-header__mobile .vmo-header__mobile-service--search:focus {
   outline-color: #002c46;
}

.vmo-header .vmo-header__mobile .vmo-header__mobile-service--search .icon:before {
   display: block;  
}



/**
  * 3.0 - Huvudinnehåll
  *
**/

.vmo-main {
   background-color: #ffffff;
}


/*
 * 3.1 Listblock
 */

.vmo-main__list-blockholder {
   padding: 5rem 0;
}

@media (max-width: 768px) {
   .vmo-main__list-blockholder {
      padding: 4rem 0 2rem 0;
   }
}
@media (min-width: 769px) {
   .vmo-main__list-blockholder .pagecontent {
      display: flex;
   }
}

.vmo-main__list-blockholder--item {
   position: relative !important;
   background-color: #fff;
}

.vmo-main__list-blockholder--item.zoom:hover img, .vmo-main__list-blockholder--item a.focused .zoom img {
   transform: scale(1.1);
}

.vmo-main__list-blockholder--item-clonedLink {
   display: block;
   height: 100%;
   text-decoration: none;
}

.vmo-main__list-blockholder--item > div {
   display: block;
   overflow: hidden;
}

.vmo-main__list-blockholder--item a:before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.vmo-main__list-blockholder--item h2 {
   font-size: 2rem;
   line-height: 2.4rem;
   margin-top: 1.4rem !important;
   margin-bottom: 0 !important;
}

.vmo-main__list-blockholder--item p {
   margin-top: 0.6rem;
}
    
.vmo-main__list-blockholder--item img {
   transition: transform .2s ease-in;
   max-width: none;
   max-height: 23.8rem !important;
}

@media (max-width: 768px) {
   .vmo-main__list-blockholder--item img {
      transition: transform .2s ease-in;
      max-width: none;
      max-height: none !important;
   }
}

.vmo-main__list-blockholder--item a:hover img, .vmo-main__list-blockholder--item a.focused img {
   transform: scale(1.1);
}

.vmo-main__list-blockholder--item a.focused:before {
   border: 1px solid #002c46;
}



/*
 * 3.2 Toppbild på startsidan
*/

.vmo-main .vmo-main__topimage {
   position: relative;
}

.vmo-main .vmo-main__topimage img {
   max-width: none;
   max-height: none;
}

/*
 * 3.2.1 Text till toppbild
 */

.vmo-main .vmo-main__topimage--text {
   /*position: absolute;
   bottom: 0;
   left: 14%;
   transform: translate(0.5%, 0px);
   text-align: center;
   color: white;
   font-weight: bold;
   background-color: #ffffff;
   border-top-left-radius: 4.5rem;
   border-top-right-radius: 4.5rem;*/
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin: 0 auto;
   width: 85%;
   transform: translate(0.5%,0px);
   text-align: center;
   color: white;
   font-weight: bold;
   background-color: #fff;
   border-top-left-radius: 4.5rem;
   border-top-right-radius: 4.5rem;
}

.vmo-main .vmo-main__topimage--text > div {
   padding: 0 11rem;
}

.vmo-main .vmo-main__topimage--text h1 {
   font-size: 6.2rem;
   line-height: 6.4rem;
   margin-bottom: 2.4rem;
}

.vmo-main .vmo-main__topimage--text p {
   margin-top: 2rem;
}

.vmo-main .vmo-main__topimage--text h1,
.vmo-main .vmo-main__topimage--text p {
   font-family: 'Expletus Sans';
}

@media (max-width: 1150px) {
   .vmo-main .vmo-main__topimage--text {
      position: relative;
      left: 0;
      transform: translate(0,0);
      border-top-left-radius: 0;
      border-top-right-radius: 0;
   }
   
   .vmo-main .vmo-main__topimage--text > div {
      padding: 1rem 0 0;
   }
}

/*
 * 3.2.2 Bild till toppbild (intryck, uttryck, avtryck)
 */

  .vmo-main .vmo-main__topimage:after { 
   content: "";
   background-image: url(/images/18.71fcb57616fcd552ef8127b/1580397625890/vk_kulturskolan_konceptsymbol_sv_neg_rgb.svg);
   background-repeat: no-repeat;
   position: absolute;
   right: 8%;
   top: 6%;
   width: 17%;
   height: 29%;
   background-size: 100% 100%;
} 

/* Tillfallig bild arets kulturkommun, tas bort efter 2024, lagg ater koden ovan */
   /*.vmo-main .vmo-main__topimage:after { 
   content: "";
   background-image: url(/images/18.6f76a31218d3ca8b70d8c5/1706685506288/kulturkommun.svg);
   background-repeat: no-repeat;
   position: absolute;
   right: 9%;
   top: 15%;
   height: 130px;
   width: 130px; */
  /* height: 30%;
   /* width: 10% */
  /* background-size: 100% 100%;
} */




@media (max-width: 1150px) {
   .vmo-main .vmo-main__topimage:after {  
      right: 8%;
      top: 4%;
      width: 25%;
      height: 35%;
      background-size: 100% 100%;
   }
}


/*
 * 3.3 Brödsmulor
 */

@media (max-width: 768px) {
   .vmo-main__breadcrumbs {
      display: none;
   }
}

.vmo-main__breadcrumbs {
   padding: 1rem 0 2rem;
}

.vmo-main__breadcrumbs .vmo-main__breadcrumbs--item:after {
   content: "/";
   position: relative;
   color: #808080;
   font-size: 2rem;
   top: 0.3rem;
   margin-left: 0.5rem;
   margin-right: 0.4rem;
}

.vmo-main__breadcrumbs .vmo-main__breadcrumbs--item:last-child:after {
   display: none;
}

.vmo-main__breadcrumbs .vmo-main__breadcrumbs--item a {
   font-size: 1.7rem;
   line-height: 2.3rem;
   text-decoration: underline;
}

.vmo-main__breadcrumbs .vmo-main__breadcrumbs--item a.focused {
   outline-color: #002C46; 
}

.vmo-main__breadcrumbs .vmo-main__breadcrumbs--item span {
   font-size: 1.7rem;
   line-height: 2.3rem;
}


/*
 * 3.4 Sökresultat
 */

.vmo-main .vmo-main__searchlist {
   background-color: #f7f7f7;
   padding-top: 3rem;
}

.vmo-main .vmo-main__searchlist .ajax-rendering {
   opacity: 1 !important;
}

.vmo-main .vmo-main__searchlist .pagination {
   margin-bottom: 5rem;
   display: inline-block;
}

.vmo-main .vmo-main__searchlist h1 {
   text-align: left;
   font-size: 4.4rem;
   line-height: 5rem;
}

.vmo-main .vmo-main__searchlist .vmo-main__indented-main-content {
   margin: 0 auto;
}

.vmo-main .vmo-main__searchlist .quantity {
   background-color: #FFFFFF;
   padding-top: 2.5rem;
}

.vmo-main .vmo-main__searchlist .quantity p {
   font-size: 2.4rem;
   line-height: 3rem;
}

.vmo-main .vmo-main__searchlist .quantity p {
   border-bottom: 1px solid lightgrey;
   padding-bottom: 2.2rem;
}

.vmo-main .vmo-main__searchlist .vmo-main__searchlist--facettwrapper-list {
   display: inline-block;
   margin-top: 3rem;
   margin-bottom: 0;
}

.vmo-main .vmo-main__searchlist .vmo-main__searchlist--facettwrapper-list li {
   float: left;
   margin-right: 0.8rem;
   margin-bottom: 0;
}

.vmo-main .vmo-main__searchlist .vmo-main__searchlist--facettwrapper-list li .clickable,
.vmo-main .vmo-main__searchlist .vmo-main__searchlist--facettwrapper-list li .not-clickable {
   position: relative;
   display: block;
   background-color: #6c2a75;
   color: #ffffff;
   margin-bottom: 0.8rem;
   padding: 0.7rem 2.2rem;
   border-radius: 2.5rem;
   font-size: 1.3rem;
   text-transform: uppercase;
}

.vmo-main .vmo-main__searchlist .vmo-main__searchlist--facettwrapper-list li .not-clickable {
   opacity: .2;  
}

.vmo-main .vmo-main__searchlist .vmo-main__searchlist--facettwrapper-list li a {
   color: #ffffff;
}

.vmo-main .vmo-main__searchlist .vmo-main__searchlist--facettwrapper-list li a:before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.vmo-main .vmo-main__searchlist .vmo-main__searchlist--search-button {
   padding: 0.8rem 2.2rem;
   border-radius: 2.5rem;
   font-size: 1.3rem;
   text-transform: uppercase;
   border: none;
   cursor: pointer;
   background-color: #6c2a75;
   color: #ffffff;
}

.vmo-main .vmo-main__searchlist .vmo-main__searchlist--search-input {
   width: 84%;
   padding: 0.7rem;
   border-radius: 0.6rem;
   border: 1px solid lightgrey;
   margin-right: 2.2rem;
}

@media (max-width: 768px) {
   .vmo-main .vmo-main__searchlist .vmo-main__searchlist--search-input {
      width: 70%;
   }
}

@media (max-width: 918px) {
   .vmo-main .vmo-main__searchlist .vmo-main__searchlist--facettwrapper-list,
   .vmo-main .vmo-main__searchlist form,
   .vmo-main .vmo-main__searchlist h1, 
   .vmo-main .vmo-main__counting-hits{
      padding: 0 1.5rem;
   }
}


/*
 * 3.5 Huvudingångar (knappar)
 */
    

.env-button--primary {
	background-color: #6c2a75;
	border-color: #6c2a75;
	color: #fff;
}

.env-button--primary:hover {
	background-color: #6c2a75cc;
}

.env-button--ghost.env-button--primary {
   border-color: #6c2a75;
	color: #6c2a75;
}

.env-button--ghost.env-button--primary:hover {
	background-color: #6c2a75;
	color: #fff;
}


.vmo-main .vmo-main__entrances-blockholder {
   display: flex;
   align-items: center;
   justify-content: center;
}


.vmo-main .vmo-main__entrances-blockholder .vmo-btn {
   padding: 1.3rem 2.5rem 1.5rem;
}

.vmo-main .vmo-main__entrances-blockholder .vmo-btn {
   float: left;
   margin-right: 0.8rem;
}

.vmo-main .vmo-main__entrances-blockholder .vmo-btn a:after {
   font-family: "icomoon";
   content: "\e904";
   position: relative;
   color: #ffffff;
   font-size: 2rem;
   margin-left: 1rem;
   top: 0.3rem;
}

@media (max-width: 767px) {
   .vmo-main .vmo-main__entrances-blockholder {
      display: block;
   }

   .vmo-main .vmo-main__entrances-blockholder .vmo-btn {
      float: none;
      margin-right: 0;
      text-align: center;
      margin: 2rem auto;
      display: block;
      max-width: 90%;
   }
}


/*
 * 3.6 Kurser
 */

/*
 * 3.6.1 Kursnavigation
 */

.vmo-main .vmo-main__course-navigation {
   position: relative;
   padding-bottom: 5.8rem;
   margin-bottom: 4.8rem;
   /*display: flex;*/
   display: block;
   text-align: center;
   align-items: center;
   justify-content: center;
}

@media (max-width: 768px) {
   .vmo-main .vmo-main__course-navigation {
      display: inline-block;
   }
}

.vmo-main .vmo-main__course-navigation .vmo-main__course-navigation--go-back a:before {
   font-family: "icomoon";
   content: "\e900";
   color: #000;
   font-size: 2.1rem;
   position: relative;
   top: 0.5rem;
   margin-right: 1rem;
   line-height: 0.4rem;
}

.vmo-main .vmo-main__course-navigation:after {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   height: 1px;
   width: 12rem;
   border-bottom: 0.4rem solid #1D1D1D;
   border-radius: 0.2rem;
   text-align: center;
   margin: 0 auto;
}

.vmo-main .vmo-main__course-navigation li {
   /*float: left;*/
   margin-right: 1rem;
   margin-bottom: 1rem;
   display: inline-block;
}

.vmo-main .vmo-main__course-navigation li a {
   display: block;
   font-family: "open sans",sans-serif;
   color: #000000 !important;
   text-transform: uppercase;
   font-size: 1.3rem;
   line-height: 1.3rem;
   margin: 0!important;
   text-decoration: none;
   padding: 1.2rem 2.2rem;
   background-color: transparent;
   border: 1px solid black;
   margin-right: 1.5rem;
   border-radius: 2rem;
}

.vmo-main .vmo-main__course-navigation li a.dummybody {
   background-color: #6c2a75;
   color: #ffffff !important;
   text-transform: uppercase;
   border-color: #6c2a75;
   font-size: 1.3rem;
   line-height: 1.3rem;    
}

/*
 * 3.6.2 Kursområden
 */

.vmo-main .vmo-main__course-area {
   min-height: 100%;
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
}

@media (max-width: 768px) {
   .vmo-main .vmo-main__course-area {
      display: block;
      flex-direction: column;
   }
}

.vmo-main .vmo-main__course-area .vmo-main__course-area--item {
   position: relative;
   display: flex; 
   flex-basis: calc(33.33% - 3.2rem);  
   justify-content: center;
   flex-direction: column;
   justify-content: flex-start;
   margin-left: 4.8rem;
   margin-bottom: 7rem;
}

@media (max-width: 768px) {
   .vmo-main .vmo-main__course-area .vmo-main__course-area--item {
      margin-left: 0;
   }
}

.vmo-main .vmo-main__course-area .vmo-main__course-area--item:nth-child(3n+1) {
   margin-left: 0;
}

.vmo-main .vmo-main__course-area .vmo-main__course-area--item a {
   margin-bottom: 2rem;
   display: block;
}

.vmo-main .vmo-main__course-area .vmo-main__course-area--item a:before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.vmo-main .vmo-main__course-area .vmo-main__course-area--item img {
   width: 100%;
   flex-shrink: 0;
}

.vmo-main .vmo-main__course-area .vmo-main__course-area--item h2 {
   margin-top: 1rem!important;
   margin-bottom: .2rem!important;
   font-size: 1.8rem;
   word-break: break-word;
   word-wrap: break-word;
}

.vmo-main .vmo-main__course-area .vmo-main__course-area--item p {
   font-size: 1.8rem;
   line-height: 2.8rem;
   word-break: break-word;
   word-wrap: break-word;
}

.vmo-main .vmo-main__course-area .vmo-main__course-area--item h2 a {
   font-family: 'Expletus Sans'!important;
   font-weight: 600;
   font-size: 2.1rem;
   margin-bottom: 0!important;
}


/*
 * 3.6.3 Kurslista
 */


/*
 * 3.6.4 Kurssida
 */





/*
 * 3.7 Fullbreddsblock
*/

.vmo-main .vmo-main__full-width-blockholder--item:after {
   content: " ";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.vmo-main .vmo-main__full-width-blockholder .vmo-main__full-width-blockholder--item {
   background-color: #1a7d6f;
}

.vmo-main .vmo-main__full-width-blockholder .vmo-main__full-width-blockholder--item .vmo-btn {
   background-color: #f1ecf2;
}

.vmo-main .vmo-main__full-width-blockholder .vmo-main__full-width-blockholder--item .vmo-btn a {
   color: #000000 !important;
}

.vmo-main .vmo-main__full-width-blockholder .vmo-main__full-width-blockholder--item p,
.vmo-main .vmo-main__full-width-blockholder .vmo-main__full-width-blockholder--item h1 {
   color: #ffffff;
}

.vmo-main .vmo-main__full-width-blockholder .vmo-main__full-width-blockholder--item h1 {
   margin-bottom: 1.6rem;
   word-break: break-word;
   word-wrap: break-word;
}

.vmo-main .vmo-main__full-width-blockholder .vmo-main__full-width-blockholder--item p {
   margin-top: 1.2rem;
   margin-bottom: 0.8rem;
   word-break: break-word;
   word-wrap: break-word;
}

@media (min-width: 769px) {
   .vmo-main .vmo-main__full-width-blockholder .vmo-main__full-width-blockholder--item {
      display: flex;
      align-items: center;
   }
}


/*
 * 3.8 Standardsida
*/

.vmo-main .vmo-main__standardpage .sv-font-ingress {
   position: relative;
   padding-bottom: 5rem;
   margin-bottom: 5rem!important;
}

.vmo-main .vmo-main__standardpage .sv-font-ingress:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 12rem;
    border-bottom: 0.4rem solid #1D1D1D;
    border-radius: 0.2rem;
    text-align: center;
    margin: 0 auto;
}


/*
 * 3.9 Läraresida
*/

.vmo-main .vmo-main__teacherpage {
   display: block;
   text-align: center;
}


/*
 * 3.10 Generell listning
*/

.vmo-main .vmo-main__listing ul {
   min-height: 100%;
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
}

@media (max-width: 768px) {
   .vmo-main .vmo-main__listing ul {
      flex-direction: column;
   }
}

.vmo-main .vmo-main__listing ul li {
   position: relative;
   display: flex; 
   flex-basis: calc(33.33% - 3.2rem);  
   justify-content: center;
   flex-direction: column;
   justify-content: flex-start;
   margin-left: 4.8rem;
   margin-bottom: 7rem;
}

@media (max-width: 768px) {
   .vmo-main .vmo-main__listing ul li {
      margin-left: 0;
   }
}

.vmo-main .vmo-main__listing ul li:nth-child(3n+1) {
   margin-left: 0;
}

.vmo-main .vmo-main__listing ul li a {
   margin-bottom: 2rem;
   display: block;
   text-decoration: none;
}

.vmo-main .vmo-main__listing ul li .mail a:before {
   content: none;
}

.vmo-main .vmo-main__listing ul li a:before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.vmo-main .vmo-main__listing ul li img {
   width: 100%;
}

.vmo-main .vmo-main__listing ul li h2 {
    margin-top: 1.8rem!important;
    margin-bottom: 0.6rem!important;
    font-size: 2.7rem;
}

.vmo-main .vmo-main__listing ul li p {
    font-size: 2rem;
    line-height: 2.8rem;
    margin-bottom: 0.4rem;
    margin-top: 0;
}

.vmo-main .vmo-main__listing ul li p.teaching {
   /*font-style: italic;*/
}

.vmo-main .vmo-main__listing ul li h2 a {
   font-size: 2.3rem;
   margin-bottom: 0;
}

.vmo-main .vmo-main__listing .pagination {
   margin-bottom: 5rem;
   display: inline-block;
}

/*
 * 3.11 Schemasida
*/

.vmo-main .vmo-main__schedulepage h1, .vmo-main .vmo-main__schedulepage .sv-font-ingress {
   text-align: left;
}

.vmo-main .vmo-main__schedulepage h1 {
   font-size: 4.6rem;
}

.vmo-main .vmo-main__schedulepage .normal {
   margin: 0.1rem 0 !important;
}


/*
 * 3.12 Uppdaterad av
*/

.vmo-main .vmo-main__updated-by {
   position: relative;
   padding-top: 1rem;
   margin-top: 5rem;
}

.vmo-main .vmo-main__updated-by:before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 12rem;
   border-top: 0.4rem solid #E2E2E2;
   border-radius: 0.2rem;
}

.vmo-main .vmo-main__updated-by ul {
   list-style-type: none;
   padding-left: 0;
}

.vmo-main .vmo-main__updated-by ul li {
   font-size: 1.8rem;
   line-height: 2rem;
   margin-bottom: 0.8rem;
}

.vmo-main .vmo-main__updated-by ul li a {
   color: #1a7d6f;
   text-decoration: none;
}

.vmo-main .vmo-main__updated-by ul li.vmo-main__updated-by--modified {
   margin-bottom: 2rem;
}


/*
 * 3.13 Nyhetsarkiv
 */

.vmo-main .vmo-main__newsarchive .vmo-main__newsarchive--list {
   min-height: 100%;
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
}

@media (max-width: 768px) {
   .vmo-main .vmo-main__newsarchive .vmo-main__newsarchive--list {
      flex-direction: column;
   }
}

.vmo-main .vmo-main__newsarchive .vmo-main__newsarchive--list .vmo-main__newsarchive--list-item {
   position: relative;
   display: flex; 
   flex-basis: calc(33.33% - 32px);  
   justify-content: center;
   flex-direction: column;
   justify-content: flex-start;
   margin-left: 4.8rem;
   margin-bottom: 7rem;
}

@media (max-width: 768px) {
   .vmo-main .vmo-main__newsarchive .vmo-main__newsarchive--list .vmo-main__newsarchive--list-item {
      margin-left: 0;
   }
}

.vmo-main .vmo-main__newsarchive .vmo-main__newsarchive--list .vmo-main__newsarchive--list-item > div {
   display: block;
   overflow: hidden;
   max-height: 22.1rem;
}

.vmo-main .vmo-main__newsarchive .vmo-main__newsarchive--list .vmo-main__newsarchive--list-item img {
    transition: transform .2s ease-in;
}

.vmo-main .vmo-main__newsarchive .vmo-main__newsarchive--list .vmo-main__newsarchive--list-item.zoom:hover img, .vmo-main .vmo-main__newsarchive .vmo-main__newsarchive--list .vmo-main__newsarchive--list-item a.focused .zoom img {
   transform: scale(1.1);
}

.vmo-main .vmo-main__newsarchive .vmo-main__newsarchive--list .vmo-main__newsarchive--list-item:nth-child(3n+1) {
   margin-left: 0;
}

.vmo-main .vmo-main__newsarchive .vmo-main__newsarchive--list .vmo-main__newsarchive--list-item a {
   margin-bottom: 2rem;
   display: block;
}

.vmo-main .vmo-main__newsarchive .vmo-main__newsarchive--list .vmo-main__newsarchive--list-item a:before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.vmo-main .vmo-main__newsarchive .vmo-main__newsarchive--list .vmo-main__newsarchive--list-item img {
   width: 100%;
}

.vmo-main .vmo-main__newsarchive .vmo-main__newsarchive--list .vmo-main__newsarchive--list-item h2 {
   margin-top: 1rem;
   margin-bottom: 0;
   font-size: 1.8rem;
   word-break: break-word;
   word-wrap: break-word;
}

.vmo-main .vmo-main__newsarchive .vmo-main__newsarchive--list .vmo-main__newsarchive--list-item p {
   font-size: 1.8rem;
   line-height: 2.8rem;
   word-break: break-word;
   word-wrap: break-word;
}

.vmo-main .vmo-main__newsarchive .vmo-main__newsarchive--list .vmo-main__newsarchive--list-item h2 a {
   font-size: 2.3rem;
   margin-bottom: 0;
   margin-top: 0;
}

.vmo-main .vmo-main__newsarchive form {
   display: none;
}


/*
 * 3.13.1 Nyhetslist startsidan
 */

.vmo-main .vmo-main__newslist {
   min-height: 100%;
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
}

@media (max-width: 768px) {
   .vmo-main .vmo-main__newslist {
      display: block;
      flex-direction: column;
   }
}

.vmo-main .vmo-main__newslist .vmo-main__newslist--item {
   position: relative;
   display: flex; 
   flex-basis: calc(33.33% - 32px);  
   justify-content: center;
   flex-direction: column;
   justify-content: flex-start;
   margin-left: 4.8rem;
   margin-bottom: 7rem;
}

@media (max-width: 768px) {
   .vmo-main .vmo-main__newslist .vmo-main__newslist--item {
      margin-bottom: 4rem;
   }
}

.vmo-main .vmo-main__newslist .vmo-main__newslist--item.zoom:hover img, .vmo-main .vmo-main__newslist .vmo-main__newslist--item a.focused .zoom img {
   transform: scale(1.1);
}

.vmo-main .vmo-main__newslist .vmo-main__newslist--item img {
    transition: transform .2s ease-in;
}

.vmo-main__newslist--item > div {
   display: block;
   overflow: hidden;
   max-height: 22.8rem;
}

@media (max-width: 768px) {
   .vmo-main .vmo-main__newslist .vmo-main__newslist--item {
      margin-left: 0;
   }
}

.vmo-main .vmo-main__newslist .vmo-main__newslist--item:nth-child(3n+1) {
   margin-left: 0;
}

.vmo-main .vmo-main__newslist .vmo-main__newslist--item a {
   margin-bottom: 2rem;
   display: block;
}

.vmo-main .vmo-main__newslist .vmo-main__newslist--item a:before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.vmo-main .vmo-main__newslist .vmo-main__newslist--item img {
   width: 100%;
}

.vmo-main .vmo-main__newslist .vmo-main__newslist--item h2 {
   margin-top: 1rem;
   margin-bottom: 0;
   font-size: 1.8rem;
   word-break: break-word;
   word-wrap: break-word;
}

.vmo-main .vmo-main__newslist .vmo-main__newslist--item p {
   font-size: 1.8rem;
   line-height: 2.8rem;
   word-break: break-word;
   word-wrap: break-word;
}

.vmo-main .vmo-main__newslist .vmo-main__newslist--item h2 a {
   font-size: 2.3rem;
   margin-bottom: 0;
   margin-top: 0;
   padding-top: 0;
}

.vmo-main__newslist--button {
   text-align: center;
}

.vmo-main__newslist--button .vmo-btn {
   margin: 0;
}

/*
 * 3.13.2 Nyhetssida
 */

.vmo-main__newspage--publishdate {
   display: inline-table;
   place-self: flex-start;
   background-color: #f7f7f7;
   padding: 0.8rem 1.4rem;
   margin-top: 1.8rem;
   font-weight: 600;
   text-transform: uppercase;
   font-size: 1.3rem;
}


/*
 * 3.14 Evenemangssarkiv
 */

.vmo-main .vmo-main__eventsarchive .vmo-main__eventsarchive--list {
   min-height: 100%;
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
}

@media (max-width: 768px) {
   .vmo-main .vmo-main__eventsarchive .vmo-main__eventsarchive--list {
      flex-direction: column;
   }
}

.vmo-main .vmo-main__eventsarchive .vmo-main__eventsarchive--list .vmo-main__eventsarchive--list-item {
   position: relative;
   display: flex; 
   flex-basis: calc(33.33% - 32px);  
   justify-content: center;
   flex-direction: column;
   justify-content: flex-start;
   margin-left: 4.8rem;
   margin-bottom: 7rem;
}

@media (max-width: 768px) {
   .vmo-main .vmo-main__eventsarchive .vmo-main__eventsarchive--list .vmo-main__eventsarchive--list-item {
      margin-left: 0;
   }
}

.vmo-main .vmo-main__eventsarchive .vmo-main__eventsarchive--list .vmo-main__eventsarchive--list-item > div {
   display: block;
   overflow: hidden;
   max-height: 22.1rem;
}

.vmo-main .vmo-main__eventsarchive .vmo-main__eventsarchive--list .vmo-main__eventsarchive--list-item img {
    transition: transform .2s ease-in;
}

.vmo-main .vmo-main__eventsarchive .vmo-main__eventsarchive--list .vmo-main__eventsarchive--list-item.zoom:hover img, .vmo-main .vmo-main__eventsarchive .vmo-main__eventsarchive--list .vmo-main__eventsarchive--list-item a.focused .zoom img {
   transform: scale(1.1);
}

.vmo-main .vmo-main__eventsarchive .vmo-main__eventsarchive--list .vmo-main__eventsarchive--list-item:nth-child(3n+1) {
   margin-left: 0;
}

.vmo-main .vmo-main__eventsarchive .vmo-main__eventsarchive--list .vmo-main__eventsarchive--list-item a {
   margin-bottom: 2rem;
   display: block;
}

.vmo-main .vmo-main__eventsarchive .vmo-main__eventsarchive--list .vmo-main__eventsarchive--list-item a:before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.vmo-main .vmo-main__eventsarchive .vmo-main__eventsarchive--list .vmo-main__eventsarchive--list-item img {
   width: 100%;
}

.vmo-main .vmo-main__eventsarchive .vmo-main__eventsarchive--list .vmo-main__eventsarchive--list-item h2 {
   margin-top: 1rem;
   margin-bottom: 0;
   font-size: 1.8rem;
   word-break: break-word;
   word-wrap: break-word;
}

.vmo-main .vmo-main__eventsarchive .vmo-main__eventsarchive--list .vmo-main__eventsarchive--list-item p {
   font-size: 1.8rem;
   line-height: 2.8rem;
   word-break: break-word;
   word-wrap: break-word;
}

.vmo-main .vmo-main__eventsarchive .vmo-main__eventsarchive--list .vmo-main__eventsarchive--list-item h2 a {
   font-size: 2.3rem;
   margin-bottom: 0;
   margin-top: 0;
}

.vmo-main .vmo-main__eventsarchive form {
   display: none;
}


/*
 * 3.14.1 Evenemangslist startsidan
 */

.vmo-main .vmo-main__eventslist {
   min-height: 100%;
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
}

@media (max-width: 768px) {
   .vmo-main .vmo-main__eventslist {
      flex-direction: column;
   }
}

.vmo-main .vmo-main__eventslist .vmo-main__eventslist--item {
   position: relative;
   display: flex; 
   flex-basis: calc(33.33% - 32px);  
   justify-content: center;
   flex-direction: column;
   justify-content: flex-start;
   margin-left: 4.8rem;
   margin-bottom: 7rem;
}

.vmo-main .vmo-main__eventslist .vmo-main__eventslist--item.zoom:hover img, .vmo-main .vmo-main__eventslist .vmo-main__eventslist--item a.focused .zoom img {
   transform: scale(1.1);
}

.vmo-main .vmo-main__eventslist .vmo-main__eventslist--item img {
    transition: transform .2s ease-in;
}

.vmo-main__eventslist--item > div {
    display: block;
    overflow: hidden;
}

@media (max-width: 768px) {
   .vmo-main .vmo-main__eventslist .vmo-main__eventslist--item {
      margin-left: 0;
   }
}

.vmo-main .vmo-main__eventslist .vmo-main__eventslist--item:nth-child(3n+1) {
   margin-left: 0;
}

.vmo-main .vmo-main__eventslist .vmo-main__eventslist--item a {
   margin-bottom: 2rem;
   display: block;
}

.vmo-main .vmo-main__eventslist .vmo-main__eventslist--item a:before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.vmo-main .vmo-main__eventslist .vmo-main__eventslist--item img {
   width: 100%;
}

.vmo-main .vmo-main__eventslist .vmo-main__eventslist--item h2 {
   margin-top: 1rem;
   margin-bottom: 0;
   font-size: 1.8rem;
}

.vmo-main .vmo-main__eventslist .vmo-main__eventslist--item p {
   font-size: 1.8rem;
   line-height: 2.8rem;
}

.vmo-main .vmo-main__eventslist .vmo-main__eventslist--item h2 a {
   font-size: 2.3rem;
   margin-bottom: 0;
   margin-top: 0;
}

.vmo-main__eventslist--button {
   text-align: center;
   margin-bottom: 6rem;
}

.vmo-main__eventslist--button .vmo-btn {
   margin: 0;
}

/*
 * 3.14.2 Evenemangssida
 */

.vmo-main__eventspage--date {
   display: inline-table;
   place-self: flex-start;
   background-color: #f7f7f7;
   padding: 0.8rem 1.4rem;
   margin-top: 1.8rem;
   font-weight: 600;
   text-transform: uppercase;
   font-size: 1.3rem;
}



/**
  * 4.0 - Cookiebar
  *
**/

.vmo-cookiebar-wrapper {
   position: fixed;
   width: 100%;
   z-index: 9999999;
   bottom: 0;
   background-color: #fafafa;
   box-shadow: 0 0 0.5rem #757575;
   transition: transform, box-shadow;
   transition-duration: 500ms;
   transition-timing-function: cubic-bezier(0,0,0,1), linear;
   transform: translateY(100%);
   -webkit-transform: translateY(100%);
}

.vmo-cookiebar-wrapper.shown {
   transform: translateY(0);
   -webkit-transform: translateY(0);
}

.vmo-cookiebar-wrapper .vmo-cookiebar-wrapper__item {
   display: block;
   position: relative;
   z-index: 999999;
   width: 100%;
   padding: 5.5rem 0 7rem 0;
   overflow: hidden;
}

.vmo-cookiebar-wrapper .vmo-cookiebar-wrapper__item.is-hidden {
   display: none !important;
   visibility: hidden;
}

.vmo-cookiebar-wrapper .vmo-cookiebar-wrapper__item .vmo-cookiebar-wrapper__item-content {
   display: table;
   width: 85rem;
   margin: 0 auto;
   text-align: center;
}

.vmo-cookiebar-wrapper .vmo-cookiebar-wrapper__item .vmo-cookiebar-wrapper__item-content h1 {
   font-size: 2rem;
   color: #2f2f2f;
   line-height: 2.4rem;
   margin: 0;
}

.vmo-cookiebar-wrapper .vmo-cookiebar-wrapper__item .vmo-cookiebar-wrapper__item-content p {
   font-size: 1.7rem;
   line-height: 2.4rem;
   margin-bottom: 3rem;
}

.vmo-cookiebar-wrapper .vmo-cookiebar-wrapper__item .vmo-cookiebar-wrapper__item-content a {
   color: #007cab;
   text-decoration: none;
   font-size: 1.4rem;
   line-height: 2rem;
}

.vmo-cookiebar-wrapper .vmo-cookiebar-wrapper__item .vmo-cookiebar-wrapper__item-content a:hover {
   text-decoration: underline;
}

.vmo-cookiebar-wrapper .vmo-cookiebar-wrapper__item .vmo-cookiebar__item-close {
   position: absolute;
   top: 6.5rem;
   right: 0;
   background-color: transparent;
   color: #cccccc;
   border: none;
   font-size: 2.4rem;
   cursor: pointer;
}

.vmo-cookiebar-wrapper .vmo-cookiebar-wrapper__item .vmo-cookiebar-wrapper__item-content .vmo-cookiebar__item-btn {
   color: #ffffff;
   margin-right: 3.2rem;
   font-size: 1.4rem;
   padding: 1.8rem 2.4rem 1.6rem 2.4rem;
   line-height: 1.4rem;
   border: none;
   cursor: pointer;
}

.vmo-cookiebar-wrapper .vmo-cookiebar-wrapper__item .vmo-cookiebar-wrapper__item-content .vmo-cookiebar__item-btn:hover {
   background-color: #005075;
   text-decoration: none;
}

@media (max-width: 1024px) {

   .vmo-cookiebar-wrapper .vmo-cookiebar-wrapper__item .vmo-cookiebar-wrapper__item-content {
      width: 75rem;
   }
}

@media (max-width: 820px) {

   .vmo-cookiebar-wrapper .vmo-cookiebar-wrapper__item .vmo-cookiebar-wrapper__item-content {
      width: 65rem;
   }
}

@media (max-width: 700px) {

   .vmo-cookiebar-wrapper .vmo-cookiebar-wrapper__item .vmo-cookiebar-wrapper__item-content {
      width: 90%;
      text-align: center;
   }

   .vmo-cookiebar-wrapper .vmo-cookiebar-wrapper__item .vmo-cookiebar-wrapper__item-content p {
      float: none;
      width: 100%;
      margin-bottom: 2rem;
   }

   .vmo-cookiebar-wrapper .vmo-cookiebar-wrapper__item .vmo-cookiebar-wrapper__item-content .vmo-cookiebar__item-btn {
      float: none;
      margin-left: 0;
   }
}



/**
  * 5.0 - Sidfot
  *
**/

.vmo-footer .vmo-main__indented-main-content {
   margin: 0 auto;
}

.vmo-footer__top {
   padding: 7rem 0 6rem;
   background-color: #f7f7f7;
}

@media (max-width: 767px) {
   .vmo-footer__top {
      padding: 2.5rem 0 1.5rem;
      text-align: center;
   }
}

.vmo-footer__top h1 {
   font-family: "open sans",sans-serif !important;
   color: #000000;
   font-size: 1.8rem;
   line-height: 2.8rem;
   margin-top: 0;
}

.vmo-footer__top p {
   margin: 0.5rem 0 0 0;
   font-size: 1.8rem;
   word-break: break-word;
   word-wrap: break-word;
}

@media (max-width: 767px) {
   .vmo-footer__top h1, .vmo-footer__top p {
      font-size: 1.8rem !important;
      line-height: 2.8rem !important;
   }
   
   .vmo-footer__top h1 {
      margin-bottom: 0 !important;
   }
   
   .vmo-footer__top p:last-child {
      margin-bottom: 2rem !important;
   }
}

.vmo-footer .vmo-footer__top p a {
   color: #000000;
   margin: 0.5rem 0 0 0;
}

.vmo-footer .vmo-footer__top p a:hover {
	text-decoration: none;
}

.vmo-footer .vmo-footer__top p a:after {
   font-family: "icomoon";
   content: "\e904";
   color: #000;
   font-size: 1.4rem;
   position: relative;
   top: 1px;
   margin-left: 0.2rem;
   line-height: 0.4rem;
}

.vmo-footer .vmo-footer__top a.normal {
   text-decoration: none;
   display: inline-block !important;
}

.vmo-footer .vmo-footer__top a:hover {
   text-decoration: underline;
}

.vmo-footer .vmo-footer__top a.focused {
   outline: 1px solid #000000;
}

.vmo-footer__top .vmo-footer__top--social-media h1 {
   float: left;
}

@media (max-width: 767px) {
   .vmo-footer__top .vmo-footer__top--social-media h1 {
      display: none;
   }
}

.vmo-footer__top .vmo-footer__top--social-media .vmo-footer__top--social-media-image {
   margin-top: 3.5rem;
}

@media (max-width: 767px) {
   .vmo-footer__top .vmo-footer__top--social-media .vmo-footer__top--social-media-image {
      display: none;
   }
}

.vmo-footer__top .vmo-footer__top--social-media .vmo-footer__top--social-media-icons {
   margin: 0 auto;
   display: flex;
   margin-left: 9rem;
}

.vmo-footer__top .vmo-footer__top--social-media .vmo-footer__top--social-media-icons a {
   text-decoration: none;
}

@media (max-width: 990px) {
   .vmo-footer__top .vmo-footer__top--social-media .vmo-footer__top--social-media-icons {
      display: flex;
      margin-left: 0;
      width: 100%;
   }
}

@media (max-width: 767px) {
   .vmo-footer__top .vmo-footer__top--social-media .vmo-footer__top--social-media-icons {
      display: block;
      margin-left: -10px;
      margin-top: 32px;
   }
}

.vmo-footer__top .vmo-footer__top--social-media .vmo-footer__top--social-media-icons .icon-facebook-brands {
   margin-right: 0.8rem;
}

.vmo-footer__top .vmo-footer__top--social-media .vmo-footer__top--social-media-icons .icon-facebook-brands, 
.vmo-footer__top .vmo-footer__top--social-media .vmo-footer__top--social-media-icons .icon-instagram-brands {
   font-size: 4.8rem;
}

.vmo-footer .vmo-footer__bottom {
   background-color: #000000;
   color: #FFFFFF;
   padding: 5rem 0 4rem;
}

@media (max-width: 767px) {
   .vmo-footer .vmo-footer__bottom {
      text-align: center;
      padding: 3rem 0 1rem;
   }
}

.vmo-footer .vmo-footer__bottom h2 {
   color: #2F2F2F;
   font-size: 2.1rem;
   line-height: 2.8rem;
}

.vmo-footer .vmo-footer__bottom p {
   margin: 0.5rem 0 0 0;
}

.vmo-footer .vmo-footer__bottom p a {
   color: #ffffff;
   text-transform: uppercase;
   margin: 0.5rem 0 0 0;
} 

.vmo-footer .vmo-footer__bottom a.normal {
   text-decoration: none;
   display: inline-block !important;
}

.vmo-footer .vmo-footer__bottom a:hover {
   text-decoration: underline;
}

.vmo-footer .vmo-footer__bottom a.focused {
   outline: 1px solid #ffffff;
}


/*
 * 5.1 Hopp till topp
*/

.vmo-footer__jump-to-top {
   font-size: 1rem;
   position: fixed;
   right: 5.2rem;
   bottom: 1rem;
   display: block;
   padding: 0.8rem;
   border-radius: 50%;
   text-align: center;
   background: rgba(0,0,0,0.5);
   color: #f2f2f2;
   z-index: 999999;
   text-decoration: none;
}

.vmo-footer__jump-to-top .icon {
   font-size: 4rem;
}

@media (max-width: 767px) {
   .vmo-footer__jump-to-top .icon {
      font-size: 3rem;
   }
}

.vmo-footer__jump-to-top.is-hidden {
    display: none !important;
    visibility: hidden;
}


/**
  * 6.0 - Knappar
  *
**/

.vmo-btn {
   background-color: #6c2a75;
   position: relative;
   display: inline-block;
   font-size: 1.3rem;
   padding: 1.5rem 2.5rem;
   margin-top: 2rem;
   margin-bottom: 2rem;
   border-radius: 2.5rem;
}

.vmo-btn:hover {
   opacity: 0.8;
}

.vmo-btn.focused {
   background-color: #002C46;
}

.vmo-btn p, .vmo-btn a {
   color: #ffffff !important;
   text-transform: uppercase;
   font-size: 1.3rem;
   line-height: 1.3rem;
   margin: 0!important;
}

.vmo-btn p:before, .vmo-btn a:before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.vmo-btn.vmo-btn-print {
   cursor: pointer;
}

/**
  * 7.0 - sv-standard-table
  *
**/

.sv-standard-table {
   margin-top: 3rem;
}

.sv-standard-table caption {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
}

.sv-standard-table thead tr {
   border-bottom: 1px solid #c5c5c5;
}

.sv-standard-table td, .sv-standard-table th {
   padding: 1rem 1.5rem;
}

.sv-standard-table td:first-child, .sv-standard-table th:first-child {
   min-width: 16rem;
}

.sv-standard-table tbody tr {
   border-bottom: 1px solid #f0f0f1;
}

.sv-standard-table tbody tr:nth-child(even){
   background-color: #e9f4f3;
}

.sv-standard-table td p {
   font-size: 1.6rem !important;
}


/**
  * 8.0 - Utils
  *
**/

html { font-size: 62.5%; }

.vmo-main__indented-main-content {
   max-width: 86.4rem;
   margin: 6rem auto;
}

.vmo-main__indented-main-content h1, .vmo-main__indented-main-content .sv-font-ingress {
   text-align: center;
}

.visuallyhidden { 
   position: absolute; 
   overflow: hidden; 
   clip: rect(0 0 0 0); 
   height: 1px; width: 1px; 
   margin: -1px; padding: 0; border: 0; 
}

.is-focusable.focused {
   clip: auto;
   height: auto;
   overflow: visible;
   position: absolute;
   width: 19.8rem;
   text-decoration: none;
   left: 0;
   right: 0;
   margin: auto;
   padding: 0.8rem 1.2rem;
}

.is-focusable.focused:focus {
   outline: none;
}

a.focused {
   outline-color: #002C46;
}

select:focus {
    background: #ffd;
    color: black;
}

.normal a {
   color: #6c2a75;
}



/**
  * 9.0 - Print css
  *
**/

/*
@media print {

   .vmo-main .vmo-main__topimage:after {
    content: none;  
   }
    
   .vmo-breadcrumb, 
   .vmo-header__mobile-service--search,
   .vmo-header__mobile-service--menu,
   .vmo-footer,
   .vmo-btn-print,
   #sv-editor-menu,
   .vmo-main__entrances-blockholder a {
      display: none;
   }
   
   .vmo-main .vmo-main__topimage--text h1,
   .vmo-main .vmo-main__full-width-blockholder .vmo-main__full-width-blockholder--item p, 
   .vmo-main .vmo-main__full-width-blockholder .vmo-main__full-width-blockholder--item h1,
   .vmo-main .vmo-main__topimage--text h1 {
      color: #000000;
   }
}
*/

@media print {
   
   .vmo-header .sv-template-portlet,
   .vmo-main .sv-template-portlet {
		display: block;
      overflow: visible;
	}
   
   .vmo-header-logo {
      -webkit-filter: invert(100%); /* safari 6.0 - 9.0 */
      filter: invert(100%);
   }
   
   .vmo-header {
      position: initial;
   }
   
   .vmo-main {
      padding-top: 0;
   }
   
	body, h1, h2, h3, ol, ul, div, span, p {
		display: block;
		width: auto;
		float: none;
		position: static;
		overflow: visible;
   }
   
   .vmo-header__mobile-service--search,
   .vmo-header__mobile-service--menu,
   .vmo-footer,
   .vmo-breadcrumb {
      display: none;
   }
}