/*
=========================================================
LAYOUT CSS
=========================================================
 * Innehåller styling för webbplatsens layout
 * 
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a,
button,
span {
  overflow-wrap: break-word;
}

table p,
table a,
table li {
  overflow-wrap: initial;
}

.lp-overlay-button,
.lp-overlay__close-button,
.lp-overlay-button span,
.lp-overlay__close-button span,
.lp-search form button span {
  word-break: initial;

  overflow-wrap: initial;
}

/*Strong-fix*/

.pagecontent h2 strong,
.pagecontent h3 strong,
.pagecontent h4 strong {
  font-weight: 400 !important;
}


/*WCAG 2.2*/

/*a {
    min-height: 44px;
    display: flex;
    align-items: center;
     padding: 0rem .5rem;
  margin: 0rem -0.5rem;
}*/

/*
---------------------------------------------------------
SAMTLIGA LÄNKAR MED IKONER
--------------------------------------------------------- */

.pagecontent .sv-theme-pufftema-smultron-25 .sv-text-portlet-content .normal a:hover {
  background: var(--ak-smultron-75);
}

.pagecontent .sv-theme-pufftema-smultron-25 .sv-text-portlet-content .normal a {
  background: var(--ak-smultron-50);
}

.pagecontent .sv-text-portlet-content .normal a {
  align-items: center;
  background: #dae6e0;
  border-radius: 0.4rem;
  color: #03310f !important;
  display: flex;
  font-weight: 600;
  margin: 2rem 0 3rem;
  padding: 1.8rem 1.5rem;
}

.pagecontent .sv-text-portlet-content .normal a .env-link-icon,
table a .env-link-icon {
  display: none;
}

div .pagecontent .sv-text-portlet-content .normal a:hover {
  background: #ced9d0;
  text-decoration: none;
}

.pagecontent .sv-text-portlet-content .normal a:before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%2303310F%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6%207a5%205%200%200%200%200%2010h4v-2H6a3%203%200%201%201%200-6h4V7H6zm8%200v2h4a3%203%200%201%201%200%206h-4v2h4a5%205%200%200%200%200-10h-4zm-7%204v2h10v-2H7z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 1em;
  margin-bottom: -2px;
  margin-right: 0.8em;
  width: 1em;

  flex: 0 0 auto;
}

/* E-tjänster */

.pagecontent .sv-text-portlet-content .normal a[href*='studyalong.se'],
.pagecontent .sv-text-portlet-content .normal a[href*='almhult.rbok.se'],
.pagecontent .sv-text-portlet-content .normal a[href*='etjanst'],
.pagecontent .sv-text-portlet-content .normal a[href*='minut.almhult.se'],
.pagecontent .sv-text-portlet-content .normal a[href*='svara.ist'],
.pagecontent .sv-text-portlet-content .normal a[href*='almhult.se.ist'],
.pagecontent .sv-text-portlet-content .normal a[href*='almhult-guardian-learn.se.ist'],
.pagecontent .sv-text-portlet-content .normal a[href*='almhult.skola24'],
.pagecontent .sv-text-portlet-content .normal a[href*='almhult.entryevent.se'] {
  background: #fdf8e4;
}

.pagecontent .sv-text-portlet-content .normal a[href*='studyalong.se']:hover,
.pagecontent .sv-text-portlet-content .normal a[href*='almhult.rbok.se']:hover,
.pagecontent .sv-text-portlet-content .normal a[href*='etjanst']:hover,
.pagecontent .sv-text-portlet-content .normal a[href*='minut.almhult.se']:hover,
.pagecontent .sv-text-portlet-content .normal a[href*='svara.ist']:hover,
.pagecontent .sv-text-portlet-content .normal a[href*='almhult.se.ist']:hover,
.pagecontent .sv-text-portlet-content .normal a[href*='almhult-guardian-learn.se.ist']:hover,
.pagecontent .sv-text-portlet-content .normal a[href*='almhult.skola24']:hover,
.pagecontent .sv-text-portlet-content .normal a[href*='almhult.entryevent.se']:hover {
  background: #f7efc8;
}

/* Alla länkar */
.pagecontent .sv-text-portlet-content .normal a:not([href^='/edit-fileresource/']):before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%2303310F%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6%207a5%205%200%200%200%200%2010h4v-2H6a3%203%200%201%201%200-6h4V7H6zm8%200v2h4a3%203%200%201%201%200%206h-4v2h4a5%205%200%200%200%200-10h-4zm-7%204v2h10v-2H7z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

/* Externa länkar */
.pagecontent .sv-text-portlet-content .normal a[href^='http']:before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%2303310F%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5%203c-1.093%200-2%20.907-2%202v14c0%201.093.907%202%202%202h14c1.093%200%202-.907%202-2v-7h-2v7H5V5h7V3H5zm9%200v2h3.586l-9.293%209.293%201.414%201.414L19%206.414V10h2V3h-7z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  height: 0.8em;
  margin-right: 1em;
  width: 0.8em;
}

/* E-tjänster */
.pagecontent .sv-text-portlet-content .normal a[href*='studyalong.se']:before,
.pagecontent .sv-text-portlet-content .normal a[href*='almhult.rbok.se']:before,
.pagecontent .sv-text-portlet-content .normal a[href*='etjanst']:before,
.pagecontent .sv-text-portlet-content .normal a[href*='minut.almhult.se']:before,
.pagecontent .sv-text-portlet-content .normal a[href*='svara.ist']:before,
.pagecontent .sv-text-portlet-content .normal a[href*='almhult.se.ist']:before,
.pagecontent .sv-text-portlet-content .normal a[href*='almhult-guardian-learn.se.ist']:before,
.pagecontent .sv-text-portlet-content .normal a[href*='almhult.skola24']:before,
.pagecontent .sv-text-portlet-content .normal a[href*='almhult.entryevent.se']:before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%2303310F%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%204c-1.103%200-2%20.897-2%202v10c0%201.103.897%202%202%202H0v2h13.172l.93-.93A5.993%205.993%200%200%201%2014%2018c0-.702.127-1.373.35-2H4V6h16l.002%206c.682%200%201.35.122%201.998.355V6c0-1.103-.897-2-2-2H4zm16%2010a4%204%200%200%200-4%204c0%20.586.133%201.139.36%201.64l-2.067%202.067a.999.999%200%200%200%200%201.414l.586.586a.999.999%200%200%200%201.414%200l2.066-2.066A3.97%203.97%200%200%200%2020%2022a4%204%200%200%200%204-4c0-.586-.132-1.14-.36-1.64L21%2019l-2-2%202.64-2.64A3.963%203.963%200%200%200%2020%2014z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  height: 1em;
  margin-right: 0.8em;
  width: 1em;
}

/*Mail-länkar*/
.pagecontent .sv-text-portlet-content .normal a[href^='mailto']:before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%2303310F%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%204a2%202%200%200%200-2%202v1.732l1%20.627%201%20.627L12%2014l8-4.98%201-.624%201-.62V6a2%202%200%200%200-2-2H4zm0%202h16v.77l-8%204.978-8-5.014V6zm-2%204.092V18a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-7.87l-2%201.245V18H4v-6.654l-2-1.254z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

/*Telefonnummer-länkar*/
.pagecontent .sv-text-portlet-content .normal a[href^='tel']:before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%203c-.438%200-1%20.328-1%201%200%204.539%201.84%208.873%204.967%2012.033C11.127%2019.16%2015.46%2021%2020%2021c.672%200%201-.562%201-1v-3.51a1%201%200%200%200-.977-1.002c-.63-.015-1.422-.052-1.923-.14a14.7%2014.7%200%200%201-1.655-.424%201.014%201.014%200%200%200-1.017.252L13.21%2017.38a15.384%2015.384%200%200%201-3.799-2.793%2015.384%2015.384%200%200%201-2.793-3.799l2.205-2.217c.266-.267.364-.66.252-1.02-.142-.457-.329-1.11-.424-1.652-.089-.5-.124-1.293-.14-1.923A1%201%200%200%200%207.51%203H4zm9%200c-.55%200-1%20.45-1%201v8l2-2h6c.55%200%201-.45%201-1V4c0-.55-.45-1-1-1h-7zm1%202h5v3h-5V5z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

/*Bild-länkar*/
/* I editeringsmode kan man inte särskilja bildlänkar till interna bilder från filer. Därmed får de dokumentikon när man befinner sig i redigeringsläge.*/
.pagecontent .sv-text-portlet-content .normal a[href$='.jpeg']:before,
.pagecontent .sv-text-portlet-content .normal a[href$='.jpg']:before,
.pagecontent .sv-text-portlet-content .normal a[href$='.png']:before {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2032%2032\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%2303310F\'%3E%3Cpath%20%20d%3D%22M6%203v26h20V9.594l-.281-.313-6-6L19.406%203zm2%202h10v6h6v16H8zm12%201.438L22.563%209H20zM21.094%2014c-.551%200-1%20.45-1%201s.449%201%201%201c.55%200%201-.45%201-1s-.45-1-1-1zM14%2015.594l-.719.687-4%204%201.438%201.438L14%2018.437l2.281%202.282.719.687.719-.687L19%2019.437l2.281%202.282%201.438-1.438-3-3-.719-.687-.719.687L17%2018.563l-2.281-2.282z%22%2F%3E%3C%2Fsvg%3E');
}

/*Dokument-länkar*/
.pagecontent .sv-text-portlet-content .normal a[href*='karta.almhult.se/Plandokument/']:before,
.pagecontent .sv-text-portlet-content .normal a[href$='.txt']:before,
.pagecontent .sv-text-portlet-content .normal a[href$='.doc']:before,
.pagecontent .sv-text-portlet-content .normal a[href$='.docx']:before,
.pagecontent .sv-text-portlet-content .normal a[href$='.xls']:before,
.pagecontent .sv-text-portlet-content .normal a[href$='.xlsx']:before,
.pagecontent .sv-text-portlet-content .normal a[href$='.ppt']:before,
.pagecontent .sv-text-portlet-content .normal a[href$='.pptx']:before,
.pagecontent .sv-text-portlet-content .normal a[href$='.pdf']:before,
.pagecontent .sv-text-portlet-content .normal a[href$='.mp4']:before,
.pagecontent .sv-text-portlet-content .normal a[href$='.css']:before,
.pagecontent .sv-text-portlet-content .normal a[href$='.js']:before,
.pagecontent .sv-text-portlet-content .normal a[href$='.vm']:before,
.pagecontent .sv-text-portlet-content .normal a[href^='/edit-fileresource/']:before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%2303310F%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6%202c-1.094%200-2%20.906-2%202v16c0%201.094.906%202%202%202h12c1.094%200%202-.906%202-2V8l-6-6H6zm0%202h7v5h5v11H6V4zm2%208v2h8v-2H8zm0%204v2h8v-2H8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

/* Kartor */
.pagecontent .sv-text-portlet-content .normal a[href*='naturkartan.se']:before,
.pagecontent .sv-text-portlet-content .normal a[href*='goo.gl/maps']:before,
.pagecontent .sv-text-portlet-content .normal a[href*='google.com/maps']:before,
.pagecontent .sv-text-portlet-content .normal a[href*='medborgardialog.almhult.se']:before,
.pagecontent .sv-text-portlet-content .normal a[href*='geodata.almhult.se']:before,
.pagecontent .sv-text-portlet-content .normal a[href*='arcg.is']:before,
.pagecontent .sv-text-portlet-content .normal a[href*='karta.almhult']:before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%2303310F%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M8%209.8c-1.4%200-2.5-1.1-2.5-2.5S6.6%204.8%208%204.8s2.5%201.1%202.5%202.5S9.4%209.8%208%209.8zm0-4c-.8%200-1.5.7-1.5%201.5S7.2%208.8%208%208.8s1.5-.7%201.5-1.5S8.8%205.8%208%205.8z%22%20id%3D%22Oval%22%3E%3C%2Fpath%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M8%2014.8c-.5%200-.9-.2-1.3-.5l-2.8-2.8c-1.1-1.1-1.7-2.6-1.7-4.1%200-1.6.6-3%201.7-4.1C5%202.1%206.4%201.5%208%201.5c1.6%200%203%20.6%204.1%201.7%202.3%202.3%202.3%206%200%208.2l-2.8%202.8c-.4.4-.8.6-1.3.6zM8%202.5c-1.3%200-2.5.5-3.4%201.4-.9.9-1.4%202.1-1.4%203.4%200%201.3.5%202.5%201.4%203.4l2.8%202.8c.3.3.9.3%201.2%200l2.8-2.8c1.9-1.9%201.9-5%200-6.8C10.5%203%209.3%202.5%208%202.5z%22%20id%3D%22Path_00000032620774557772972930000012363899584053359542_%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  height: 1em;
  margin-bottom: 0;
  margin-right: 0.8em;
  width: 1em;
}

/*Dokument-länk i Älmhultskartan*/
.pagecontent .sv-text-portlet-content .normal a[href*='karta.almhult.se/Plandokument/']:before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%2303310F%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6%202c-1.094%200-2%20.906-2%202v16c0%201.094.906%202%202%202h12c1.094%200%202-.906%202-2V8l-6-6H6zm0%202h7v5h5v11H6V4zm2%208v2h8v-2H8zm0%204v2h8v-2H8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

/*
---------------------------------------------------------
LÄNKLISTOR
--------------------------------------------------------- */

.pagecontent .sv-text-portlet-content ul[class*='lp-linklist'] {
  background: #dae6e0;
  border-radius: 0.4rem;
  list-style: none;
  margin: 1rem 0 3rem;
  padding: 1.2rem 1rem;
}

.pagecontent .sv-text-portlet-content ul.lp-linklist-eservice {
  background: #fdf8e4;
}

.pagecontent .sv-text-portlet-content ul[class*='lp-linklist'] li {
  margin: 0;
}

.pagecontent .sv-text-portlet-content ul[class*='lp-linklist'] li a {
  background: transparent;
  margin: 0;
  padding: 1.2rem 0.5rem;
}

.pagecontent .sv-text-portlet-content ul.lp-linklist-eservice a:hover {
  background: #f7efc8;
}

/* Anpassning för tema */

div[class*=sv-theme] > .lp-box ul[class*='lp-linklist'] {
  background: rgba(255,255,255,0.7);
}

div[class*=sv-theme] > .lp-box ul[class*='lp-linklist'] a:hover {
  background: rgba(0,0,0,0.1);
}

/*
---------------------------------------------------------
LÄNKAR VID HOVER
--------------------------------------------------------- */

.pagecontent .sv-text-portlet .normal a,
.pagecontent .sv-text-portlet a.normal {
  transition: all 0.2s ease;
}

.pagecontent .sv-text-portlet .normal a:hover,
.pagecontent .sv-text-portlet a.normal:hover {
  background: rgba(0,0,0,0.1);
}

/*
---------------------------------------------------------
HOPPA TILL INNEHÅLL OCH MENY - Visas vid tabbning
--------------------------------------------------------- */

.lp-skip-links {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lp-skip-links a {
  background-color: var(--env-element-primary-background-color);
  border-radius: var(--env-button-border-radius);
  color: var(--env-element-primary-font-color);
  display: block;
  font-size: 1.6rem;
  height: 0;
  overflow: hidden;
  position: fixed;
  transform: translateY(-100%);
  transition: transform 0.5s ease, box-shadow 0.3s ease;
}

.lp-skip-links a:focus {
  box-shadow: 0 0 2rem 2rem rgba(0,0,0,0.1);
  height: auto;
  margin: 1.5rem;
  overflow: visible;
  padding: 1rem 1.2rem;
  text-align: center;
  transform: translateY(0);
  z-index: 30000;
}

.lp-skip-links a.lp-skip-to-menu-smartphone {
  display: none;
}

/*
---------------------------------------------------------
VARIABLER
--------------------------------------------------------- */

body {
  background-color: #fff;

  --lp-100vw: calc(100 * var(--lp-vw));
  --lp-50vw: calc(50 * var(--lp-vw));
}

/*
---------------------------------------------------------
GRUNDLAYOUT
--------------------------------------------------------- */

/*@media (prefers-color-scheme: dark) {
  h1, .heading, .subheading {
    color: white;
  }
   	main {
    background-color: black;
	}
   p, .preamble, .normal {
      color: white;
   }
}  */

.lp-content,
.lp-secondary-content {
  margin: 8rem 0 0;
}

/* Fix för bakgrund ner till sidfot */
.sv-template-startsida main,
.sv-template-startsida---underwebb main,
.sv-template-landningssida main,
.sv-template-startsida-underwebb-med-kollagemeny main {
  margin-bottom: -60rem;
  padding-bottom: 60rem;
}


.lp-submenu {
  /* Justering för innehållsförteckning */
  margin: 5rem 0 0;
}

div .lp-main-grid .sv-row > .sv-column-8.lp-content > * {
  box-sizing: border-box;
  margin: auto;
  max-width: 77rem;
}

.sv-template-startsida---underwebb:not(.sv-editing-mode) .pagecontent > div:nth-child(2):not(.lp-yellow-bg):not(.lp-secondary-bg),
.sv-template-startsida-underwebb-med-kollagemeny:not(.sv-editing-mode) .pagecontent > div:nth-child(2):not(.lp-yellow-bg):not(.lp-secondary-bg) {
  margin-top: 8rem;
}

/*
---------------------------------------------------------
MARKERING AV AKTIVT ANKARE
--------------------------------------------------------- */

.lp-content h2.subheading:target {
  position: relative;
}

.lp-content h2.subheading:target:before {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2021%2019\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23477E62\'%3E%3Cpath%20%20transform%3D%22rotate(90%20363.585%20192.293)%22%20d%3D%22M180.585%20535.415l-9%208.93%202.704%202.682%204.384-4.35v12.494h3.824v-12.494l4.385%204.35%202.703-2.683z%22%2F%3E%3C%2Fsvg%3E');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 1.5rem;
  left: -20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
}

@media (prefers-reduced-motion: no-preference) {
  .lp-content h2.subheading:target:before {
    -webkit-animation: bounce-in-top 1.1s both;
    animation: bounce-in-top 1.1s both;
  }
}

@-webkit-keyframes bounce-in-top {
  0% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    transform: translateY(-500px);
  }

  38% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
    transform: translateY(0);
  }

  55% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    transform: translateY(-65px);
  }

  72% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    transform: translateY(0);
  }

  81% {
    -webkit-animation-timing-function: ease-in;
    transform: translateY(-28px);
  }

  90% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    transform: translateY(-50%);
  }

  95% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    transform: translateY(-8px);
  }

  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    transform: translateY(-50%);
  }
}

@keyframes bounce-in-top {
  0% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    transform: translateY(-500px);
  }

  38% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
    transform: translateY(0);
  }

  55% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    transform: translateY(-65px);
  }

  72% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    transform: translateY(0);
  }

  81% {
    -webkit-animation-timing-function: ease-in;
    transform: translateY(-28px);
  }

  90% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    transform: translateY(-50%);
  }

  95% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    transform: translateY(-8px);
  }

  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    transform: translateY(-50%);
  }
}

/*
---------------------------------------------------------
INLOGGNING / 404
--------------------------------------------------------- */

.lp-login-404 {
  border: 1px solid #eee;
  box-shadow: 0 0 20px 0 #eee;
  margin: 10rem auto 0;
  max-width: 640px;
  padding: 3rem;
}

/*
---------------------------------------------------------
CITAT
--------------------------------------------------------- */

.sv-text-portlet:lang(sv) q,
.sv-text-portlet:lang(en) q {
  font-style: italic;
  quotes: '– ' '';
}