/*
---------------------------------------------------------
TYPOGRAFI
--------------------------------------------------------- */

h1.heading {
  font-size: 3rem;
}

h2.subheading,
.sv-text-portlet caption {
  font-size: 2rem;
}

p.sv-font-ingress,
.sv-font-ingress {
  font-size: 1.8rem;
}

p.normal,
.normal,
.sv-text-portlet table.sv-standard td p,
.sv-text-portlet table.sv-standard th p {
  font-size: 1.6rem;
}

.small,
.lp-header-stripe .lp-translate {
  font-size: 1.4rem;
}

/*
---------------------------------------------------------
SIDHUVUD
--------------------------------------------------------- */

.lp-header {
  padding: 1.5rem 0 0;
}

.lp-header .sv-image-portlet a {
  margin: 0 0 1rem;
}

.lp-header .sv-row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}


.lp-header > .lp-content,
footer .lp-content {
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}


.lp-content {
  margin: 0 auto;
  width: 94%;
}

main {
  margin: 4rem auto 6rem;
  width: 94%;
}

footer .lp-content > div {
  width: 100%;
}

/*
---------------------------------------------------------
TOPPMENY
--------------------------------------------------------- */

.lp-topmenu {
  -webkit-box-pack: center;
  justify-content: center;
}

.lp-topmenu li {
  margin: 0 0.5rem;
}

.lp-topmenu a {
  font-size: 1.6rem;
  margin: 0 0 1rem;
  padding: 1.4rem 0.7rem;
}

/*
---------------------------------------------------------
NYHETER
--------------------------------------------------------- */

.sv-archive-portlet li {
  flex-wrap: wrap;
}

.sv-archive-portlet a.normal {
  display: block;
  padding-right: 0;
  width: 100%;
}

/*
---------------------------------------------------------
VIKTIGT MEDDELANDE
--------------------------------------------------------- */

.lp-crisis-banner__alert {
  font-size: 1.6rem !important;
  padding: 1.2rem 3% !important;

  -webkit-box-pack: start !important;
  justify-content: flex-start !important;
}
