/*
 * CSS för Värnamo Destinationswebb 2020
 *
 */

/**
 * Innehållsförteckning:
 *
 * 1.0 - Fonter
 *   1.1 - Icomoon
 *   1.2 Formatmallar (skriver över SiteVisions formatmallar pga flera sajter och olika typsnitt/storlekar)
 * 2.0 - Sidhuvud
 *   2.1 Sidhuvud desktop
 *   2.2 Servicenavigation
 *   2.3 Sök
 *   2.4 Sök - Mobil
 *   2.5 Sidhuvud mobil
 *   2.6 Sök i mobilt läge
 * 3.0 - Huvudinnehåll
 *   3.1 Listblock
 *   3.2 Fullbreddsblock
 *   3.3 Toppbild på startsidan
 *   3.4 Brödsmulor
 *   3.5 Listarkiv
 *   3.6 Sökresultatsida
 *     3.6.1 Sökresultatsida (facetter)
 *   3.7 Evenemangsarkiv
 *     3.7.1 Evenemang ikoner
 *   3.8 Områdeslistning
 *   3.9 Utskriftsversion
 *   3.10 Sök startsidan
 *   3.11 Toppbild och rund knapp
 *   3.12 Sidansvarig
 * 4.0 - Cookiebar
 * 5.0 - Sidfot
 *   5.1 Hopp till topp
 * 6.0 - Knappar
 * 7.0 - Utils
 * 8.0 - Kollage grid
 *   8.1 Gridsystemet
 *   8.2 Textfärger
 *   8.3 Färger på pilen i kollaget
 * 9.0 - Instagram
 * 10  - Stilmallar som ska sorteras in i gamla och nya kategorier
 * 11 - Tabeller
 * -----------------------------------------------------------------------------
 */


/**
  * 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 */
}

/* unna-regular - latin */
@font-face {
  font-family: 'Unna';
  font-style: normal;
  font-weight: 400;
  src: url('/download/18.20e02d9817aa9aa29fd20f3/1629378009084/unna-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/download/18.20e02d9817aa9aa29fd20f3/1629378009084/unna-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/download/18.20e02d9817aa9aa29fd20f7/1629378009129/unna-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/download/18.20e02d9817aa9aa29fd20f6/1629378009118/unna-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/download/18.20e02d9817aa9aa29fd20f5/1629378009109/unna-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/images/18.20e02d9817aa9aa29fd20f4/1629378009097/unna-v16-latin-regular.svg#Unna') format('svg'); /* Legacy iOS */
}
/* unna-700 - latin */
@font-face {
  font-family: 'Unna';
  font-style: normal;
  font-weight: 700;
  src: url('/download/18.20e02d9817aa9aa29fd20ee/1629378009035/unna-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/download/18.20e02d9817aa9aa29fd20ee/1629378009035/unna-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/download/18.20e02d9817aa9aa29fd20f2/1629378009075/unna-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/download/18.20e02d9817aa9aa29fd20f1/1629378009066/unna-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/download/18.20e02d9817aa9aa29fd20f0/1629378009056/unna-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/images/18.20e02d9817aa9aa29fd20ef/1629378009045/unna-v16-latin-700.svg#Unna') format('svg'); /* Legacy iOS */
}

/*
 * 1.1 Icomoon
 */

@font-face {
  font-family: 'icomoon';
  src:  url('/download/18.5c4ec65e1720cb074781fe4/1592400875730/icomoon.eot');
  src:  url('/download/18.5c4ec65e1720cb074781fe4/1592400875730/icomoon.eot?yq06h5#iefix') format('embedded-opentype'),
    url('/download/18.5c4ec65e1720cb074781fe6/1592400875748/icomoon.ttf') format('truetype'),
    url('/download/18.5c4ec65e1720cb074781fe7/1592400875753/icomoon.woff?yq06h5') format('woff'),
    url('/images/18.5c4ec65e1720cb074781fe5/1592400875740/icomoon.svg?yq06h5#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-map-marker {
   line-height: 4.2;
}

.icons-contact-us {
   line-height: 1.8;
}

@media (max-width: 768px) {
   .icon-map-marker {
   	line-height: 2.3;
	}
   .icons-contact-us {
      position: relative;
    	top: .5rem;
	}
}

.vmo-main__contact--icons {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 2.8rem;
}



.icon-scroll-solid:before {
  content: "\e90a";
}
.icon-gifts-solid:before {
  content: "\e90b";
}
.icon-theater-masks-solid:before {
  content: "\e90c";
}
.icon-instagram-brands:before {
  content: "\e908";
}
.icon-facebook-brands:before {
  content: "\e909";
}
.icon-brain-solid:before {
  content: "\e904";
}
.icon-eye-solid:before {
  content: "\e905";
}
.icon-pizza-slice-solid:before {
  content: "\e906";
}
.icon-walking-solid:before {
  content: "\e907";
}
.icon-volume-up:before {
  content: "\f028";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-heart-o:before {
  content: "\f08a";
}
.icon-linkedin-square:before {
  content: "\f08c";
}
.icon-phone:before {
  content: "\f095";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-facebook-f:before {
  content: "\f09a";
}
.icon-bars:before {
  content: "\f0c9";
}
.icon-navicon:before {
  content: "\f0c9";
}
.icon-reorder:before {
  content: "\f0c9";
}
.icon-envelope:before {
  content: "\f0e0";
}
.icon-quote-left:before {
  content: "\f10d";
}
.icon-quote-right:before {
  content: "\f10e";
}
.icon-spinner:before {
  content: "\f110";
}
.icon-thumbs-up:before {
  content: "\f164";
}
.icon-building:before {
  content: "\f1ad";
}
.icon-birthday-cake:before {
  content: "\f1fd";
}
.icon-pie-chart:before {
  content: "\f200";
}
.icon-tripadvisor:before {
  content: "\f262";
}
.icon-commenting:before {
  content: "\f27a";
}
.icon-bluetooth:before {
  content: "\f293";
}
.icon-arrow-right:before {
  content: "\e90d";
}
.icon-calendar:before {
  content: "\e914";
}
.icon-check:before {
  content: "\e910";
}
.icon-chevron-up:before {
  content: "\e900";
}
.icon-clock:before {
  content: "\e915";
}
.icon-external-link:before {
  content: "\e911";
}
.icon-map-pin:before {
  content: "\e912";
}
.icon-menu:after {
  content: "\e90f";
}
.icon-minus:before {
  content: "\e902";
}
.icon-plus:before {
  content: "\e903";
}
.icon-printer:before {
  content: "\e913";
}
.icon-search:before {
  content: "\e90e";
}
.icon-x:before {
  content: "\e901";
}


/*
 * 1.2 Formatmallar (skriver över SiteVisions formatmallar pga flera sajter och olika typsnitt/storlekar)
 */

h1, .heading {
   font-style: normal;
   font-size: 4rem;
   color: #000000;
   line-height: 6.4rem;
   margin-bottom: 0;
   font-family: Arial;
}

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

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

@media (max-width: 767px) {
   h2, .subheading, .sv-use-margins .subheading, .sv-use-margins h2 {
      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.7rem;
   color: #000000;
   line-height: 3rem;
   margin-top: 3rem;
   margin-bottom: 2rem;
   font-family: Arial;
}

@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-weight: normal;
   font-style: normal;
   font-size: 2.4rem;
   color: #000000;
   line-height: 4rem;
   margin-bottom: 3rem;
}

@media (max-width: 767px) {
   .sv-font-ingress {
      font-size: 2.2rem;
      line-height: 3rem;
      margin-bottom: 2rem;
      margin-top: 0;
   }
}

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

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

@media (max-width: 600px) {
   .vmo-course-details {
      padding: 2em 1.5em !important;
      margin: auto 0;
      
   }
   
   .vmo-course-details .sv-row:last-child div {
    float: none;

   }      
}

.sv-font-quote {
   display: flex;
   -webkit-box-align: center;
   align-items: normal;
   margin-top: 5rem;
   margin-bottom: 5rem
}

.sv-font-quote p {
   font-family: 'Open Sans';
   font-size: 2.5rem;
   line-height: 4.1rem;
   color: #1F1F1F;
   margin-top: 0;
   margin-bottom: 0;
   /*padding: 0 1rem;*/
}

.sv-font-quote div div:last-of-type div p {
   font-size: 1.2em;
   margin-bottom: 1rem;
   padding-left: 4.5rem;
}

.sv-font-quote div div:first-of-type div p {
   display: flex;
}

.sv-font-quote div div:first-of-type p:before {
   font-family: "icomoon";
    content: "\f10e";
    color: #FADF9D;
    font-size: 3rem;
    position: relative;
    top: .2rem;
    /*margin-left: 1rem;*/
    margin-right: 2rem
}

.sv-font-quote div div:first-of-type p:after {
    font-family: "icomoon";
    content: "\f10e";
    color: #fadf9d;
    font-size: 3rem;
    position: relative;
    margin-left: 2rem;
    margin-top: auto;
    top: 1rem;
}

@media (max-width: 767px) {
   .sv-font-quote p:after {
    	bottom: 1rem;
	}
}

.vmo-main__indented-main-content a,
.vmo-main__list-blockholder a,
.vmo-main__full-width-blockholder--item a {
   text-decoration: underline;
}

.sv-portlet-image-caption {
   color: #666;
   font-size: 1.6rem;
}

/*
 * 1.3 Länkikoner
 */

href$='.doc']:before, a[href$='.docx']:before {
   font-family: "icomoon";
   content: "\e90c";
   color: #000000;
   font-size: 2.5rem;
   position: relative;
   top: 0.3rem;
   margin-right: 1rem;
}
/*
a[href$='.xls']:before, a[href$='.xlsx']:before {
   font-family: "icomoon";
   content: "\e90c";
   color: #000000;
   font-size: 2.5rem;
   position: relative;
   top: 0.3rem;
   margin-right: 1rem;
}*/
a[href$='.pdf']:before {
   font-family: "icomoon";
   content: "\e90c";
   color: #000000;
   font-size: 2.5rem;
   position: relative;
   top: 0.3rem;
   margin-right: 1rem;
}

a[rel~="external"]:after:not([title='Länk till inlägget från campusvarnamo ']) {
   font-family: "icomoon";
   content: "\e911";
   color: #4A79AD;
   font-size: 1.8rem;
   position: relative;
   top: 0.1rem;
   margin-left: .5rem;
   display: inline-block;
}

.vmo-header__desktop--search-link a[rel~="external"]:after {
   display: none;
}


.vmo-footer__bottom a[rel~="external"]:after {
   color: #fff;
}


/**
  * 2.0 - Sidhuvud
  *
**/

.vmo-header {
  position: sticky;
    overflow: hidden;
    /*background-color: #ce1f26;*/
   background-color: #fff;
    width: 100%;
    top: 0;
    z-index: 1000;
}


/*
 * 2.1 Sidhuvud
 */

.main-content {
   color: #fff;
}

/*

@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;
          // padding: 25px 0 20px;
   }
   
   .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: 1.2rem;
      padding-bottom: 1.2rem;
   }

   .vmo-header .vmo-header__desktop .vmo-header__desktop--search .vmo-header__desktop--search-link {
      position: absolute;
      right: 0;
      top: -35px;
   }

   .vmo-header .vmo-header__desktop .vmo-header__desktop--search .vmo-header__desktop--search-link a {
      font-size: 13px;
      line-height: 18px;
      color: #1D1D1D;
      border-bottom: 1px solid #4A79AD;
   }
   
   .vmo-header .vmo-header__desktop .vmo-header__desktop--search .vmo-header__desktop--search-link p:after {
      font-family: "icomoon";
      content: "\e90d";
      position: relative;
      color: #4A79AD;
      font-size: 24px;
      top: 5px;
      margin-left: 5px;
   }

   .vmo-header .vmo-header__desktop .vmo-header__desktop--search h1 {
      font-size: 4.6rem;
      line-height: 5rem;
      margin-top: 0;
   }

   .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;
   }
}

*/

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

.vmo-header .vmo-header__mobile {
   display: block;
   background-color: #ce1f26;
}


/*
 * 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: "open sans",sans-serif;
   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;
   color: #fff;
}

.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: "\e90e";
    position: relative;
    color: #fff;
    font-size: 3.4rem;
    top: -.2rem;
    margin-left: 0;
}

/*
@media (min-width: 768px) {
   .vmo-header__mobile-service--search:before {
    	content: "Sök";
    	color: #fff;
    	vertical-align: 35%;
    	font-size: 2rem!important;
    	font-family: 'Open Sans';
    	margin-right: .4rem;
      font-weight: 400!important;
	}
}
*/

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

/*
@media (min-width: 768px) {
   .icon-menu:before {
    	content: "Meny";
    	color: #fff;
    	vertical-align: 63%;
    	font-size: 2rem!important;
    	font-family: 'Open Sans';
    	margin-right: 1rem;
      margin-left: 2rem;
      font-weight: 400!important;
	}
}
*/

/* @media (max-width: 1299px) { */

   .vmo-header .vmo-header__mobile-service--menu .icon-menu {
      font-size: 4.6rem;
      position: relative;
      top: .3rem;
      margin-left: .6rem;
      color: #fff;
   }

@media (max-width: 767px) {
   .vmo-header .vmo-header__mobile-service--menu .icon-menu {
      font-size: 3.2rem;
   }
}

.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__desktop--search input[name="submitButton"] {
   position: absolute;
   top: 10px;
   right: 13px;
}

@media (max-width: 767px) {
   .vmo-header .vmo-header__service-nav button .search:after, .vmo-header__mobile-service--search:after {
      font-size: 23px;
   }
}

.vmo-header .vmo-header__service-nav .vmo-header__service-nav--search-input {
   font-family: 'Open Sans';
   position: relative;
   top: 0.2rem;    
   font-size: 1.1em;
   border: none;
   height: 2em;
   text-indent: 1em;
   padding-right: 2em
}

.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: #505861; // #4f6b5e
   color: #ffffff;
   font-size: 1.4rem;
   font-weight: 600;
   padding: 8px 31px;
   margin-right: 5rem;
   margin-left: 1rem;
   border: 0;
   cursor: pointer;
   border-radius: 3rem;
   box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
}
*/

.vmo-header .vmo-header__service-nav .vmo-header__service-nav--search-input-button {
background-color: transparent;
    border: 0;
    cursor: pointer;
    position: absolute;
    right: .5em;
    top: 5px;
}
   
.vmo-header .vmo-header__service-nav .vmo-header__service-nav--search-input-button:after {
   font-family: "icomoon";
   content: "\e90e";
   color: #000;
   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;
}

.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: block;
   height: auto;
   visibility: visible;
   opacity: 1;
   overflow: visible;
   width: 100%;
   padding: 2rem 0 0;
   background-color: #ce1f26;
}

.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.2rem;
   padding-bottom: 1.2rem;
}

.vmo-header .vmo-header__mobile .vmo-header__mobile--search h1 {
   font-size: 4.6rem;
   line-height: 5rem;
   margin-top: 0;
}

.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.5rem 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: #4A79AD;
   color: #fff;
   border: none;
   padding: 0.3rem;
}

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

@media (max-width: 767px) {
.vmo-header .vmo-header__mobile .vmo-header__mobile-service {
      top: 1em;
   }
}

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


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


.vmo-header .vmo-header__mobile-service--search:focus,
.vmo-header .vmo-header__mobile-service--search:focus active {
   /*outline-color: #002c46;*/
   outline: #fff 1px solid;
   /*border: 1px solid;*/
}

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



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

.vmo-main {
   background-color: #ffffff;
   /*padding-top: 4.4em;*/
}


/*
 * 3.1 Listblock
 */

.vmo-main__list-blockholder--item {
   margin-bottom: 3rem;
}

.vmo-main__list-blockholder--item:last-child {
   float: left !important;
}

.vmo-main__list-blockholder--item .sv-image-portlet {
   position: relative;
}

.vmo-main__list-blockholder--item .sv-image-portlet:after {
   content: '';
   position: absolute;
   left: 50%;
   bottom: 0;
   transform: translate(-50%);
   width: 0;
   height: 0;
   border-left: 32px solid transparent;
   border-right: 32px solid transparent;
   border-bottom: 32px solid #fff;
}

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

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

@media (max-width: 767px) {
   .vmo-main__list-blockholder--item h2 {
      font-size: 2rem !important;
      line-height: 2.6rem;
      margin-top: 0 !important;
   }
}

.vmo-main__list-blockholder--item p {
   margin-top: 0.6rem;
}
    
.vmo-main__list-blockholder--item img {
   max-width: none;
   max-height: 23.8rem !important;
}

@media (max-width: 768px) {
   .vmo-main__list-blockholder--item img {
      max-width: none;
      max-height: none !important;
   }
}

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


/*
 * 3.2 Fullbreddsblock
*/

.vmo-main__full-width-blockholder--item:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.vmo-main .vmo-main__full-width-blockholder .vmo-main__full-width-blockholder--item h1 {
   font-size: 4rem;
   line-height: 4.5rem;
   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;
   line-height: 3.2rem;
   word-break: break-word;
   word-wrap: break-word;
}

.vmo-main .vmo-main__full-width-blockholder .vmo-main__full-width-blockholder--item .vmo-btn {
   background-color: transparent;
   border: 1px solid #4A79AD;
   box-shadow: none;
   padding: 0.6rem 3.1rem 0.8rem;
   margin: 2rem 0;
}

.vmo-main .vmo-main__full-width-blockholder .vmo-main__full-width-blockholder--item .vmo-btn p, 
.vmo-main .vmo-main__full-width-blockholder .vmo-main__full-width-blockholder--item .vmo-btn a {
   color: #4A79AD !important;
}

.vmo-main .vmo-main__full-width-blockholder .vmo-main__full-width-blockholder--item a[href*="/maps/place/"]:before {
   font-family: "icomoon";
   content: "\e912";
   position: relative;
   font-size: 2.2rem;
   top: 0.3rem;
   margin-right: 1rem;
   color: #4A79AD;
   display: inline-block;
}

.vmo-main__full-width-blockholder--item .vmo-main__full-width-blockholder--item-social-media-icons {
   display: inline-block;
   padding: 0;
   list-style-type: none;
}

.vmo-main__full-width-blockholder--item .vmo-main__full-width-blockholder--item-social-media-icons li {
   float: left;
}

.vmo-main__full-width-blockholder--item .vmo-main__full-width-blockholder--item-social-media-icons li a {
   text-decoration: none;
}

.vmo-main__full-width-blockholder--item .vmo-main__full-width-blockholder--item-social-media-icons li a:hover span {
   color: #000000;
}

.vmo-main__full-width-blockholder--item .vmo-main__full-width-blockholder--item-social-media-icons li span {
   font-size: 2.8rem;
   color: #BAC0C6;
   margin-right: 12px;
}

.vmo-main__full-width-blockholder--item .vmo-main__full-width-blockholder--item-social-media-icons li span.icon-facebook-f {
   font-size: 2.6rem;
}

@media (max-width: 767px) {
   .vmo-main .vmo-main__full-width-blockholder .vmo-main__full-width-blockholder--item img {
      display: block;
      margin: 0 auto;
   }

   .vmo-main .vmo-main__full-width-blockholder .vmo-main__full-width-blockholder--item .sv-column-6:last-child {
      text-align: center;
      padding-right: 2em;
      padding-bottom: 1rem;
   }

   .vmo-main .vmo-main__full-width-blockholder .vmo-main__full-width-blockholder--item h1 {
      font-size: 3.2rem;
      line-height: 4rem;
      margin-bottom: 1.3rem;
   }
}

@media (min-width: 769px) {
   .vmo-main .vmo-main__full-width-blockholder .vmo-main__full-width-blockholder--item {
      display: flex;
      margin-bottom: 6rem;
   }
}


/*
 * 3.3 Toppbild på startsidan
*/

.vmo-main .vmo-main__topimage {
   max-width: none;
   /*max-height: 49.6rem;*/
   width: 100%;
   height: auto;
   overflow: hidden;
}

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

@media (max-width: 478px) {
   .vmo-main .vmo-main__topimage img {
      min-height: 120px;
    	object-fit: cover;
   }
}


/*
 * 3.4 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.5 Listarkiv
 */

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

@media (max-width: 768px) {
   .vmo-main .vmo-main__list-archive {
      display: block;
      flex-direction: column;
      margin-top: 4rem;
   }
}

.vmo-main .vmo-main__list-archive .vmo-main__list-archive--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__list-archive .vmo-main__list-archive--item {
      margin-left: 0;
      margin-bottom: 4rem;
   }
}

.vmo-main .vmo-main__list-archive .vmo-main__list-archive--item:first-child {
   margin-left: 0;
}

.vmo-main .vmo-main__list-archive .vmo-main__list-archive--item:nth-child(4n) {
   margin-left: 0;
}

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

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

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

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

@media (max-width: 768px) {
   .vmo-main .vmo-main__list-archive .vmo-main__list-archive--item h2 {
      margin-top: 0;
      padding-top: 0;
   }   
}

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

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


/*
 * 3.6 Sökresultatsida
 */


.vmo-main__searchlist--wrapper-items {
   max-width: 70%;
   overflow: hidden;
}

@media (max-width: 1024px) {
   .vmo-main__searchlist--wrapper-items {
      max-width: 100%;
      width: 100%;
      overflow: auto;
   }
}

.vmo-main__searchlist--wrapper-form {
   position: relative;
   max-width: 800px;
   overflow: hidden;
   margin: 5rem 0;
}

.vmo-main__searchlist--wrapper-form .vmo-main__searchlist--wrapper-input {
   /*float: left;
   width: 100%;
   border: 0;
   font-size: 26px;
   font-style: italic;
   border-bottom: 2px solid #BAC0C6;
   padding-bottom: 12px;
   padding: 15px 0 15px 15px;
   outline: none;*/
   width: 70%;
   padding: 15px 0 15px 15px;
}

.vmo-main__searchlist--wrapper-form .vmo-main__searchlist--wrapper-button {
   /*float: right;
   width: 7rem;
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   border: none;
   background-color: transparent;
   cursor: pointer;
   outline: none;*/
   border: 1px solid;
   background-color: transparent;
   padding: 15px;
}

.vmo-main__searchlist--wrapper-count {
   position: relative;
   max-width: 800px;
   overflow: hidden;
   margin: 0 0 3rem !important;
   font-size: 26px;
   line-height: 34px;
}

.vmo-main__searchlist .vmo-main__searchlist--wrapper-items li {
    margin: 12px 0;
    padding-bottom: 25px;
    border-bottom: 1px solid #ececec;
    overflow: hidden;
}

.vmo-main__searchlist--wrapper-items a {
   font-size: 2rem;
   text-decoration: underline;
}


/*
 * 3.6.1 Sökresultatsida (facetter)
 */

.vmo-main__searchlist .vmo-main__searchlist--wrapper-facets {
   padding: 0 2.4rem 1.8rem 2.4rem;
   margin: -10.5rem 0 2rem 0;
   float: right;
   margin-left: 7rem;
   max-width: 30%;
   width: 100%;
}

.vmo-main__searchlist .vmo-main__searchlist--wrapper-facets ul .vmo-main__searchlist--wrapper-facets-exist a:before {
   font-family: "icomoon";
   content: "\e910";
   position: relative;
   font-size: 2.2rem;
   top: 0.4rem;
   margin-right: 1rem;
   color: #ffffff;
   background-color: #ffffff;
   border: 1px solid #4F6B5E;
   border-radius: 0.2rem;
}

.vmo-main__searchlist .vmo-main__searchlist--wrapper-facets ul .vmo-main__searchlist--wrapper-facets-marked a:before {
   font-family: "icomoon";
   content: "\e910";
   position: relative;
   font-size: 2.2rem;
   top: 0.4rem;
   margin-right: 1rem;
   color: #ffffff;
   background-color: #dc5855;
   border: 1px solid #dc5855;
   border-radius: 0.2rem;
}

.vmo-main__searchlist .vmo-main__searchlist--wrapper-facets ul .vmo-main__searchlist--wrapper-facets-not-exist {
   opacity: 0.3;
}

.vmo-main__searchlist .vmo-main__searchlist--wrapper-facets ul .vmo-main__searchlist--wrapper-facets-not-exist:before {
   font-family: "icomoon";
   content: "\e910";
   position: relative;
   font-size: 2.2rem;
   top: 0.4rem;
   margin-right: .5rem;
   color: #ffffff;
   background-color: #ffffff;
   border: 1px solid #757575;
   border-radius: 0.2rem;
}

.vmo-main__searchlist .vmo-main__searchlist--wrapper-facets ul .vmo-main__searchlist--wrapper-facets-not-exist:focus {
   outline: none;
}

.vmo-main__searchlist .vmo-main__searchlist--wrapper-facets ul li a {
   text-decoration: none;
   /*color: #1D1D1D;
   padding-right: 0.8rem;*/
}

@media (max-width: 1024px) {
   .vmo-main__searchlist .vmo-main__searchlist--wrapper-facets {
      margin-left: 0;
      padding: 0;
      margin: 0;
      max-width: none;
   }
   
   .vmo-main__searchlist .vmo-main__searchlist--wrapper-facets h2 {
      margin: 1rem 0;
   }
}

/*
.vmo-main__searchlist .vmo-main__searchlist--wrapper-facets .count{
   float: right;
   margin-right: 0.2rem;
   color: #1D1D1D;
   margin-top: .3rem;
}
*/

/*
 * 3.7 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: 3rem;
}

@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 .vmo-main__eventsarchive--list-item-image {
   position: relative;
   display: block;
   overflow: hidden;
   max-height: 22.1rem;
}

.vmo-main .vmo-main__eventsarchive .vmo-main__eventsarchive--list .vmo-main__eventsarchive--list-item .vmo-main__eventsarchive--list-item-image:after {
   content: '';
   position: absolute;
   left: 50%;
   bottom: 0;
   transform: translate(-50%);
   width: 0;
   height: 0;
   border-left: 32px solid transparent;
   border-right: 32px solid transparent;
   border-bottom: 32px solid #ffffff; 
}

.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:first-child {
   margin-left: 0;
}

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

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

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

.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.7.1 Evenemang ikoner
 */

.vmo-main__eventspage--date, .vmo-main__eventspage--time, .vmo-main__eventspage--category, .vmo-main__eventspage--place, .vmo-main__eventspage--link {
   font-weight: 700;
   margin-right: 10px;
   display: inline-block;
}

.vmo-main__eventspage--date:before {
   font-family: "icomoon";
   content: "\e914";
   font-size: 3rem;
   vertical-align: sub;
   margin-right: 10px;
}

.vmo-main__eventspage--time:before {
   font-family: "icomoon";
   content: "\e915";
   font-size: 3rem;
   margin-right: 10px;
   vertical-align: sub;
}

.vmo-main__eventspage--place:before {
   font-family: "icomoon";
   content: "\e912";
   font-size: 3rem;
   margin-right: 10px;
   vertical-align: sub;
}

.vmo-main__eventspage--link:before {
   font-family: "icomoon";
   content: "\e911";
   font-size: 3rem;
   margin-right: 10px;
   vertical-align: sub;
}


/*
 * 3.8 Områdeslistning
 */

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

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

.vmo-main .vmo-main__listing-area .vmo-main__listing-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: 3rem;*/
}

.vmo-main .vmo-main__listing-area .vmo-main__listing-area--item .vmo-main__listing-area--item-image {
   position: relative;
	display: flex;
   margin-bottom: 2rem;
}

.vmo-main .vmo-main__listing-area .vmo-main__listing-area--item .vmo-main__listing-area--item-image:after {
   content: '';
   position: absolute;
   left: 50%;
   bottom: 0;
   transform: translate(-50%);
   width: 0;
   height: 0;
   border-left: 32px solid transparent;
   border-right: 32px solid transparent;
   *border-bottom: 32px solid #ffffff;
}   

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

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

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

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

.vmo-main .vmo-main__listing-area .vmo-main__listing-area--item img {
   width: 100%;
   flex-shrink: 0;
   max-height: 230px;
    object-fit: cover;
}

.vmo-main .vmo-main__listing-area .vmo-main__listing-area--item .vmo-news-listing-headline__headline {
   margin-top: 0!important;
   margin-bottom: .2rem!important;
   font-size: 1.8rem;
   word-break: break-word;
   word-wrap: break-word;
}

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

.vmo-main .vmo-main__listing-area .vmo-main__listing-area--item .vmo-news-listing-headline__headline a {
   font-family: 'Open sans'!important;
   font-weight: 700;
   font-size: 2rem;
   margin-top: 0;
   margin-bottom: 0!important;
   text-decoration: underline;
   text-align: left;
}

.vmo-main .vmo-main__listing-area .vmo-main__listing-area--item .vmo-evenments-listing-headline__headline a {
   font-family: 'Open sans'!important;
   font-weight: 700;
   font-size: 2rem;
   margin-top: 0;
   margin-bottom: 0!important;
   text-decoration: underline;
}
/*.vmo-main__listing-area .vmo-main__listing-area--item vmo-news-listing h2 a {
   font-family: 'Open sans'!important;
   font-weight: 700;
   font-size: 1.125em;
   margin-top: 0;
   margin-bottom: 0!important;
   float : left ;
   text-decoration : underline;
}*/

.vmo-news-listing-picture {
   height: 14em;
   object-fit: cover;
   margin-bottom: 1.2rem !important;
}

.vmo-news-listing-picture img {
   object-fit: cover;
}

.vmo-events-listing-picture {
   height: 14em;
   object-fit: cover;
   margin-bottom: 1.2rem !important;
}

.vmo-events-listing-picture img {
   object-fit: cover;
}

.vmo-news-listing p {
   text-align: initial;
   font-size: 1.8rem !important;
   margin-top: 0.3em;
}

.vmo-news-listing-headline {
   display: flex;
   justify-content: space-between;
   color: #828282;
}

.vmo-news-listing-headline h2 {
    max-width: 70%;
    width: 100%;
    text-align: initial;
    text-decoration : underline;
}

.vmo-news-listing-headline h2 a {
   font-size: 1.8rem !important;
}

.vmo-news-listing-headline span {
	/*float: right;*/
}

.vmo-news-list {
   margin-bottom: 1em;
   position: relative;
   
}

.vmo-news-list img {
   
   float: left;
   margin-right: 2em;
   max-width: 300px;
   max-height: 200px;
   
}

@media (max-width: 1000px) {
   .vmo-news-list img {
      float: initial;
   }
}

.vmo-news-list span {
   display: block;
}

.vmo-news-list a {
   text-decoration: underline;
   
} 

.vmo-news-list-noiamge {
   padding-top: 3.5em;
    margin-top: 1em;
}

.vmo-news-list-noiamge .vmo-events-news-dateBlock {
   top: 0;
}

.vmo-news-archive-page li {
   list-style: none;
   border-bottom: 0.2rem solid #DADADA;
   padding-bottom: .5em;
}

.vmo-news-archive-page li:not(:first-child) {
   padding-top: 0.5em;
}

.vmo-news-archive-page li:last-of-type {
   border-bottom: none;
}

.vmo-events-dateBlock {
   position: absolute;
    top: 2rem;
    left: -1rem;
    background-color: #fff;
    color: #000;
    padding: 1em;
    -webkit-box-shadow: 1px 3px 10px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 1px 3px 10px 0px rgba(0, 0, 0, .5);
    box-shadow: 1px 3px 10px 0px rgba(0, 0, 0, .5);
   min-width: 5rem;
}

.vmo-events-dateBlock span {
   display: block;
   text-transform: capitalize;
}

.vmo-events-dateBlock span:last-of-type {
   font-size: 3rem;
   font-weight: bold;
}

.vmo-events-news-dateBlock {
    position: absolute;
    top: 2rem;
    left: -1.5rem;
    background-color: #fff;
    color: #000;
    padding: 0 1em;
   	padding-bottom: .5em;
    -webkit-box-shadow: 1px 3px 10px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 1px 3px 10px 0px rgba(0, 0, 0, .5);
    box-shadow: 1px 3px 10px 0px rgba(0, 0, 0, .5);
    min-width: 7rem;
}

.vmo-events-news-dateBlock span {
  
   display: initial;
   text-transform: capitalize;
}

.vmo-events-news-dateBlock span:last-of-type {
   font-size: 3rem;
   font-weight: bold;
   position: relative;
    top: .1em;
    margin-left: 0.2em;
}

.vmo-course-details {  
   /*top: 1rem;
   left: -1rem;*/
   background-color: #fff;
   color: #000;
   padding: 2em 3em;
   box-sizing: border-box;
   -webkit-box-shadow: 1px 3px 10px 0px rgba(0, 0, 0, .5);
   -moz-box-shadow: 1px 3px 10px 0px rgba(0, 0, 0, .5);
   box-shadow: 1px 3px 10px 0px rgba(0, 0, 0, .5);
   min-width: 3rem;
   
}

@media only screen and (min-width: 768px) {
   .vmo-course-details { 
   	width: 100%!important;
   }
}

.vmo-course-details h1 {
   /*font-weight: lighter;*/
   margin: 0;
}

.vmo-course-details .sv-font-ingress {
   margin-top: 0;
   margin-bottom: 1.3em;
   
}

.vmo-course-details .vmo-btn {
   background: #fff;
   
}

/*.vmo-links p a {
   color : #0072a7;
}*/


.vmo-course-wrapper {
    position: relative;
    top: -12em;
}

@media (max-width: 767px) {
   .vmo-course-wrapper {
    	top: -1.4em;
	}
}


.vmo-course-details p {
   line-height: 1.8;
   margin: 0;
}

.vmo-picture-information p {
    color: #666;
    font-size: 1.8rem;
    margin-top: 0.7rem;
    margin-bottom: 2.6rem;
}


/*
 * 3.9 Utskriftsversion
 */

.vmo-main__print:hover {
   text-decoration: underline;
   cursor: pointer;
}

.vmo-main__print {
   padding-left: 20px;
}

/*
.vmo-main__print:before {
   font-family: "icomoon";
   content: "\e913";
   font-size: 2.2rem;
   display: inline-block;
   float: left;
   margin-right: 1rem;
}
*/

.vmo-main__print:before {
	font-family: "icomoon";
    content: "\e913";
    font-size: 2.2rem;
    position: absolute;
    left: 18px;
    top: 10px;
}

@media (max-width: 478px) {
   .vmo-main__print:before {
   	float: unset;
	}
}

@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,
   .vmo-btn,
   .vmo-btn-green {
      display: none!important;
   }
}


/**
  * 3.10 - Sök startsidan
  *
**/

.vmo-main__search input[name="query"] {
    font-family: 'Open Sans';
    position: relative;
    top: -10rem;
    font-size: 1.1em;
    height: 3em;
    text-indent: 1em;
    padding-right: 2em;
}

.vmo-main__search input[name="submitButton"] {
    position: relative;
    top: -6.3em;
    right: 38px;
    top: -10rem;
}

.sv-visible-sv-bp-mobil input[name="submitButton"] {
    border: 0;
    padding: .5rem .8rem;
    margin-left: -0.5rem;
    cursor: pointer;
}

/**
  * 3.11 - Toppbild och rund knapp
  *
**/

.vmo-topImageAndRoundButton__div__a { 
    position: absolute;
    bottom: 4em;
    border-radius: 50%;
    font-size: 1.3em;
    font-family: 'Open sans'!important;
    transform: rotate(5deg);
    margin: auto;
    line-height: 1.8;
    width: 180px;
    height: 180px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: -35em;
}

.vmo-topImageAndRoundButton__div__divOuter {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 180px;
}

@media (max-width: 1310px) {
   .vmo-topImageAndRoundButton__div__a {
    	right: -29em;
   }
}

@media (max-width: 1060px) {
   .vmo-topImageAndRoundButton__div__a {
    	right: -28.5em;
      bottom: 3em;
   }
}

@media (max-width: 942px) {
   .vmo-topImageAndRoundButton__div__a {
    	right: -29em;
      bottom: 2em;
   }
}

@media (max-width: 898px) {
   .vmo-topImageAndRoundButton__div__a {
    	/*font-size: .8em;
    	transform: rotate(5deg);
    	padding: 15px;
    	top: 2%;
    	right: 1%;
    	left: unset;
    	width: 50px;
    	height: 50px;
    	bottom: unset;
    	line-height: 1.1;*/
      font-size: 1em;
       transform: rotate(5deg);
       padding: 2.5rem;
       top: 30%;
       right: 13%;
       left: unset;
       width: 50px;
       height: 50px;
       bottom: unset;
       line-height: 1.5;
   }
   .vmo-topImageAndRoundButton__div__divOuter {
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	width: 50px;
    	height: 50px;
	}
}

@media (max-width: 780px) {
   .vmo-topImageAndRoundButton__div__a {
   	right: 10%;
   }
   
}

@media (max-width: 670px) {
   .vmo-topImageAndRoundButton__div__a {
   	right: 8%;
      top: 24%;
   }
   
}

@media (max-width: 576px) {
   .vmo-topImageAndRoundButton__div__a {
   	right: 6%;
    	top: 15%;
   }
   
}

@media (max-width: 480px) {
   .vmo-topImageAndRoundButton__div__a {
   	right: 3%;
    	top: 8%;
   }
   
}

/**
  * 3.12 - Sidansvarig
  *
**/

.vmo-page-owner {
   display: flex;
   align-items: center;
}

.vmo-page-owner__name {
   margin-left: 1.8rem;
}

/**
  * 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: #4A79AD;*/
   color: #000;
   text-decoration: none;
   font-size: 1.4rem;
   line-height: 2rem;
   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: #000;
   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;
   opacity: 0.8;
}

@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 .vmo-footer__top {
   background-color: #DADADA;
   padding: 7rem 0 6rem;
}

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

.vmo-footer__top h1 {
   color: #000000;
   font-size: 2.1rem;
   line-height: 2.8rem;
   margin-top: 0;
}

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

.vmo-footer__top p {
   margin: 0.5rem 0 0 0;
   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 .vmo-footer__top p a {
   color: #000000;
   margin: 0.5rem 0 0 0;
   text-decoration: underline;
} 

.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 .vmo-footer__top--social-media-icons {
   /*margin: 0 auto;*/
   /*display: flex;
   margin-left: 9rem;*/
   /*margin-top: 3rem;*/
   
}

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

.vmo-footer__top .vmo-footer__top--social-media .vmo-footer__top--social-media-icons a:hover span {
   /*color: #4F6B5E;*/
   color: #505861;
}

.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 {
   margin-right: 2rem;
}

.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: 4rem;
}

@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%;
      flex-wrap: wrap;
   }
}

@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;*/
   }
}

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

.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;
   }
}

@media (max-width: 767px) {
   .vmo-footer .vmo-footer__bottom .sv-text-portlet {
      float: none;
      margin-right: 0;
   }
}

.vmo-footer .vmo-footer__bottom h1 {
   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;
}

.vmo-footer .icon-facebook-brands, .vmo-footer .icon-instagram-brands, .vmo-footer .icon-linkedin-square, .vmo-footer .icon-twitter {
   font-size: 4rem;
   text-decoration : none ;
   margin-right: 1rem;
   margin-top: 2rem;
}

.vmo-footer .icons-contact-us {
   line-height: 3.3rem;
   float: left;
   margin-right: 1rem;
}

@media (max-width: 1100px) {
   .vmo-footer .icons-contact-us {
   	line-height: 0;
      float: none;
      margin-right: 0;
	}
}

/*
 * 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
  *
**/

.env-button--primary {
	background-color: #DADADA;
	color: #000;
	border-color: #DADADA;
}

.env-button--primary:hover {
	background-color: #dadadacc;
   color: #000;
}

.env-button--ghost.env-button--primary {
   border-color: #DADADA;
	color: #000;
}

.env-button--ghost.env-button--primary:hover {
	background-color: #DADADA;
	color: #000;
}

.vmo-btn {
   position: relative;
   display: inline-block;
   background-color: #DADADA; /* #4F6B5E */
   font-size: 1.4rem;
   font-weight: 600;
   padding: 8px 31px;
   margin-right: 1rem;
   margin-bottom: 1rem;
   border: 0;
   cursor: pointer;
   border-radius: 3rem;
   box-shadow: 0 3px 6px 0 rgba(0,0,0,0.5);
}

.vmo-btn:hover, .vmo-btn-green:hover {
   opacity: 0.7;
   /*mix-blend-mode: difference;*/
}

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

.vmo-btn p, .vmo-btn a {
   color: #000 !important;
   font-size: 2rem;
   line-height: 2.8rem !important;
   margin: 0!important;
   text-decoration: none !important;
}

.vmo-course-details .vmo-btn-green {
   position: relative;
   display: inline-block;
   background-color: #2E942E !important;
   font-size: 1.4rem;
   font-weight: 600;
   padding: 8px 31px;
   margin-right: 1rem;
   margin-bottom: 1rem;
   border: 0;
   cursor: pointer;
   border-radius: 3rem;
   box-shadow: 0 3px 6px 0 rgba(0,0,0,0.5);
}

.vmo-btn-green p, .vmo-btn-green a {
   color: #fff !important;
   font-size: 2rem;
   line-height: 2.8rem !important;
   margin: 0!important;
   text-decoration: none !important;
}




.vmo-course-details .vmo-btn .vmo-btn-green {
   background-color: #fff !important;
   margin: 5rem;
}

.vmo-email-form input[type=submit] {
   position: relative;
    display: inline-block;
    background-color: #2E942E;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 8px 31px;
    margin-left: 1rem;
    border: 0;
    cursor: pointer;
    border-radius: 3rem;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.5);
    color: #fff
}

.vmo-email-form input[type=submit]:disabled {
   display:none;
}


.vmo-email-form input[type=email] {
   display: block;
    box-sizing: border-box;
    color: #1F1F1F;
    background-color: #fff;
    background-image: none;
    width: 75%;
    padding: 0 0 0 12px;
    line-height: normal!important;
    height: 2em;
    border: 1px solid #1F1F1F;
    border-radius: 0px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.vmo-email-form textarea {
   display: block;
    box-sizing: border-box;
    color: #1F1F1F;
    background-color: #fff;
    background-image: none;
    width: 75%;
    padding: 0 0 0 12px;
    line-height: normal!important;
    border: 1px solid #1F1F1F;
    border-radius: 0px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.vmo-email-form input[type=text],
.vmo-email-form input[type=tel]{
   display: block;
    box-sizing: border-box;
    color: #1F1F1F;
    background-color: #fff;
    background-image: none;
    width: 75%;
    padding: 0 0 0 12px;
    line-height: normal!important;
    height: 2em;
    border: 1px solid #1F1F1F;
    border-radius: 0px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.vmo-email-form p a : hover {
     background-color: #000 !important;
     color: #fff !important;
}

.vmo-email-form p a {
    position: relative;
    display: inline-block;
    background-color: #2E942E;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 8px 31px;
    margin-left: 1rem;
    border: 0;
    cursor: pointer;
    border-radius: 3rem;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.5);
    color: #fff;
    text-decoration : none !important
       
}

.vmo-email-form input[type=submit]:hover,
.vmo-email-form p:hover .vmo-email-form a :hover {
   background-color: #2E942E;
   /*color: #fff !important;*/
}

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

.vmo-btn-round {
   padding: 0;
   border-radius: 50%;
   width: 100px;
   height: 100px;
   display: inline-flex;
   justify-content:center;
   align-items: center;
   margin-right: unset;
   
}

.vmo-btn-round a {
   font-size: 4rem;
   font-weight: 700;
   line-height: 4rem!important;
}

.vmo-black-underline-links a {
   color: #000!important;
   text-decoration: underline;
   word-break:break-word;
}

/*
.vmo-accordion a {
   color: #333 ! important ;
   font-size: 1.25em;
   font-weight: normal !important;
}

.vmo-accordion  {
   
   border: 1px solid #808080 !important;
   border-radius : 0px !important;
   
}

.vmo-accordion--content{
   margin-top:0.625em;
   background: #F2F2F2 !important;
   border: 0.05em solid #808080 !important;
}

.vmo-accordion--content p {
   margin-top:0.75em !important;
   
}
*/


/**
  * 7.0 - Utils
  *
**/

html { font-size: 62.5%; }

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

@media (max-width: 767px) {
   .vmo-main__indented-main-content {
      margin: 3rem auto 1rem;
   }
}
  
.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: #000;
}



/**
  * 8.0 - Kollage grid
  *
**/


/*
 * 8.1 Gridsystemet
*/

.vmo-main__grid {
   display: inline-block;
   width: 100%;
}

.vmo-main__grid a {
   text-decoration: underline;  
}

.vmo-main__grid .sv-font-kollage-stor-text-unna:after {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   height: 1px;
   width: 5rem;
   border-bottom: .4rem solid #fff;
   border-radius: .2rem;
   text-align: center;
   margin: 0 auto;
}

.vmo-main__grid--gridcell-left {
   float: left;
   display: inline-block;
   position: relative;
   width: 50%;
   height: 113rem;
}

.vmo-main__grid--gridcell-left .vmo-main__grid--gridcell-small {
   width: 49.5%;
}

.vmo-main__grid--gridcell-left .vmo-main__grid--gridcell-big {
   width: 49.5%;
}

.vmo-main__grid--gridcell-left .vmo-main__grid--gridcell-big.vmo-main__grid--gridcell-fullwidth {
	width: 100%;
}

.vmo-main__grid--gridcell-right .vmo-main__grid--gridcell-big {
   width: 49%;
}

.vmo-main__grid--gridcell-right .vmo-main__grid--gridcell-big.vmo-main__grid--gridcell-fullwidth {
	width: 100%;
}

.vmo-main__grid--gridcell-right {
   float: left;
   display: inline-block;
   position: relative;
   width: 50%;
   height: 113rem;
   overflow: hidden;
}

.vmo-main__grid--gridcell-small {
   position: relative;
   height: 472px;
   width: 49%;   
   margin-bottom: 1%;
   text-align: center;
}

.vmo-main__grid--gridcell-small .sv-text-portlet-content {
   padding: 5rem 2.5rem;
}

.vmo-main__grid--gridcell-small img {
   height: 300px!important;
   max-height: 100%;
   max-width: 100%;
}

.vmo-main__grid--gridcell-big {
   position: relative;
   height: 650px;   
   margin-bottom: 1%;
   overflow: hidden;
   text-align: center;
}

.vmo-main__grid--gridcell-big img {
   max-height: 472px;
   min-height: 472px;
   min-width: 325px;
   width: auto!important;
}

.vmo-main__grid--gridcell-big .sv-text-portlet {
   position: relative;
}

.vmo-main__grid--gridcell-big .sv-text-portlet:after {
   content: '';
   position: absolute;
   left: 50%;
   top: -39px;
   transform: translate(-50%);
   width: 0;
   height: 0;
   border-left: 32px solid transparent;
   border-right: 32px solid transparent;
   border-bottom: 32px solid #f6f6f6;
}

.vmo-main__grid--gridcell-big .sv-image-portlet {
   overflow: hidden;
}

.vmo-main__grid--gridcell-big.vmo-main__grid--gridcell-fullheight .sv-image-portlet {
   max-height: none;
}

.vmo-main__grid--gridcell-big .sv-image-portlet + .sv-text-portlet {
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 171px;
}

.vmo-main__grid--gridcell-fullwidth img {
   max-height: 472px;
   min-width: 656px;
   height: auto!important;
}

.vmo-main__grid--gridcell-fullheight img {
   max-height: 651px;
   min-height: 651px;
   max-width: 322px;
   min-width: 322px;
}

@media (max-width: 768px) {
   .vmo-main__grid--gridcell-left {
      width: 100%;
   }
}

@media (max-width: 500px) {
   .vmo-main__grid--gridcell-big {
      width: 100% !important;
   }
   .vmo-main__grid--gridcell-right {
      height: 177rem !important;
   }
}

@media (max-width: 768px) {
   .vmo-main__grid--gridcell-right {
      width: 100%;
   }
}


/*
 * 8.2 Textfärger
*/

.greyLighter-background p, 
.greyLighter-background a {
   color: #000000;
}

.greyLighter-background .sv-font-kollage-stor-text-unna:after {
    border-bottom-color: #000000;
}


.greyDarker-background p, 
.greyDarker-background a {
   color: #ffffff;
}

.greyDarker-background .sv-font-kollage-stor-text-unna:after {
    border-bottom-color: #ffffff;
}


.grey-background p, 
.grey-background a {
   color: #000000;
}

.grey-background .sv-font-kollage-stor-text-unna:after {
    border-bottom-color: #000000;
}


.black-background p, 
.black-background a {
   color: #ffffff;
}

.black-background .sv-font-kollage-stor-text-unna:after {
    border-bottom-color: #ffffff;
}


.orange-background p, 
.orange-background a {
   color: #000000;
}

.orange-background .sv-font-kollage-stor-text-unna:after {
    border-bottom-color: #000000;
}


.green-background p,
.green-background a {
   color: #000000;
}

.green-background .sv-font-kollage-stor-text-unna:after {
    border-bottom-color: #000000;
}


/*
 * 8.3 Färger på pilen i kollaget
*/

.greyLighter-background .sv-text-portlet:after {
   border-bottom-color: #f6f6f6;
}

.greyDarker-background .sv-text-portlet:after {
   border-bottom-color: #505861;
}

.grey-background .sv-text-portlet:after {
   border-bottom-color: #bac0c6;
}

.black-background .sv-text-portlet:after {
   border-bottom-color: #000000;
}

.orange-background .sv-text-portlet:after {
   border-bottom-color: #e1cfa6;
}

.green-background .sv-text-portlet:after {
   border-bottom-color: #4f6b5e;
}

/*
 * 9 Instagram
*/

.con-social-image-feed {
    justify-content: space-between;
    padding-bottom: 4rem;
}

.con-social-image-feed__item {
    width: 31%!important;
}

.con-social-image-feed__item a {
   height: 100%;
}

.con-social-image-feed__item img {
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1024px) {
    .con-social-image-feed__item {
        width: 48%!important;
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .con-social-image-feed__item img {
        width: 100%;
    }
}

/*
 * 10 Stilmallar som ska sorteras in i gamla och nya kategorier
*/

.vmo-main__round-buttons {
   display: flex;
   flex-wrap: wrap;
   text-align: center;
   justify-content: space-around;
   max-width: 50em;
   margin: 0 auto
}

@media (max-width: 700px) {
   .vmo-main__round-buttons div {
    	flex: 50%;
	}
}

.vmo-campus-education-list .vmo-main__searchlist--wrapper-facets {
   margin-left: unset;
   max-width: unset;
   width: unset;
   display: flex;
   flex-flow: column;
}

.vmo-campus-education-list .sv-search-result {
   display: flex;
   flex-flow: wrap;
   /*justify-content: space-around;*/
}

.vmo-campus-education-list .vmo-main__searchlist--wrapper-items li {
   margin: 12px 0;
   padding-bottom: unset;
   border-bottom: unset;
   width: 32%;
   margin-right: 1.3%;
   /*word-break: break-all;*/
}

.vmo-campus-education-list .vmo-main__searchlist--wrapper-items {
   max-width: unset;
}

@media (max-width: 1024px) {
	.vmo-campus-education-list .vmo-main__searchlist--wrapper-facets {
    	float: left;
	}
   .vmo-campus-education-list .vmo-main__searchlist--wrapper-items li {
      width: 47%;
   }
}

@media (max-width: 480px) {
   .vmo-campus-education-list .vmo-main__searchlist--wrapper-items li {
      width: 100%;
   }
}

.vmo-form-of-education-red {
    position: absolute;
    bottom: 1.5rem;
    right: 1rem;
    float: right;
    background-color: #DC5855;
    color: #fff;
    padding: .5em;
    display: table;
}

.vmo-form-of-education-green {
    position: absolute;
    bottom: 1.5rem;
    right: 1rem;
    float: right;
    background-color: #adc98d;
    color: #000;
    padding: .5em;
    display: table;
}

.vmo-form-of-education-yellow {
    position: absolute;
    bottom: 1.5rem;
    right: 1rem;
    float: right;
    background-color: #FADF9D;
    color: #000;
    padding: .5em;
    display: table;
}

.vmo-form-of-education-grey {
    position: absolute;
    bottom: 1.5rem;
    right: 1rem;
    float: right;
    background-color: #dadada;
    color: #000;
    padding: .5em;
    display: table;
}

.vmo-search-form-of-education-red, .vmo-search-form-of-education-green, .vmo-search-form-of-education-yellow, .vmo-search-form-of-education-grey {
    float: left;
    padding: .5em;
    display: table;
    margin: 1rem 1rem 1rem 0;
}

.vmo-search-form-of-education-red {
    background-color: #dc5855;
    color: #fff;
}

.vmo-search-form-of-education-green {
    background-color: #adc98d;
    color: #fff;
}

.vmo-search-form-of-education-yellow {
    background-color: #FADF9D;
    color: #000;
}

.vmo-search-form-of-education-grey {
    background-color: #dadada;
    color: #000;
}

div.vmo-search-form-of-education-red,
div.vmo-search-form-of-education-green,
div.vmo-search-form-of-education-yellow,
div.vmo-search-form-of-education-grey {
    float: unset;
    margin: 1rem 1rem 1rem 2rem;
}

.pagination {
    padding-bottom: 6rem;
}

.pagination .current:not(.prev):not(.next) {
    background-color: #DC5855;
    color: #fff;
    border-radius: 50%;
}

.pagination a:not(.prev):not(.next) {
    border-radius: 50%;
    border: 1px solid #000;
}

.pagination a:hover {
    background: none repeat scroll 0 0 #DADADA;
}

.pagination a, .pagination span {
   padding: .3em .7em;
}

.vmo-header__mobile-labels {
   display: none;
}

@media (min-width: 768px){
   .vmo-header__mobile-labels {
    	color: #fff;
    	vertical-align: 35%;
    	font-size: 2rem;
    	font-family: 'Open Sans';
    	margin-right: .4rem;
    	font-weight: 400;
      display: unset;
	}
}

.sv-eventcalendar-portlet th {
    background-color: #DADADA;
    padding: .5rem;
}

.sv-eventcalendar-portlet table {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.sv-eventcalendar-portlet td:not(:first-child) {
    border: 1px solid #DADADA;
   padding: .5rem;
}

.vmo-course-search-list img {
    height: 10em;
    object-fit: cover;
}

@media (min-width: 1025px) {
.vmo-main__searchlist--wrapper-facets-show-hide-toggle {
   	display: none;
	}
}

@media (max-width: 1024px) {
.vmo-main__searchlist--wrapper-facets-category {
   	display: none;
	}
}



/*
 * 11 Tabeller
*/

thead th,
tbody td,
tbody p,
table caption {
   font-size: 20px !important;
}

td { 
   padding: .5em 0;
}

table caption {
   /*font-size: initial !important;*/
   margin-bottom: 0.5em;
}

tbody > tr:nth-child(odd) {
    background-color: #fff!important;
}