/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

@font-face {
  font-family: 'Tiempos Fine';
  src: url('fonts/tiempos-fine-web-black.woff2') format('woff2'),
       url('fonts/tiempos-fine-web-black.woff') format('woff');
}
@font-face {
  font-family: 'Inter Regular';
  src: url('fonts/Inter-Regular.woff2') format('woff2'),
       url('fonts/Inter-Regular.woff') format('woff');
}

body {
  font-family: 'Inter Regular', sans-serif;
  margin: 0
}
article, aside, footer, header, nav, section {
  display: block
}
h1 {
  font-family: 'Tiempos Fine', serif;
  font-size: 2em;
  margin: .67em 0
}
figcaption, figure, main {
  display: block
}
figure {
  margin: 1em 40px
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}
pre {
  font-family: monospace, monospace;
  font-size: 1em
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}
b, strong {
  font-weight: inherit
}
b, strong {
  font-weight: bolder
}
code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em
}
dfn {
  font-style: italic
}
mark {
  background-color: #ff0;
  color: #000
}
small {
  font-size: 80%
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
audio, video {
  display: inline-block
}
audio:not([controls]) {
  display: none;
  height: 0
}
img {
  border-style: none
}
svg:not(:root) {
  overflow: hidden
}
button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}
button, input {
  overflow: visible
}
button, select {
  text-transform: none
}
[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText
}
fieldset {
  padding: .35em .75em .625em
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}
progress {
  display: inline-block;
  vertical-align: baseline
}
textarea {
  overflow: auto
}
[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
details, menu {
  display: block
}
summary {
  display: list-item
}
canvas {
  display: inline-block
}
template {
  display: none
}
[hidden] {
  display: none
}
@keyframes spinner {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(360deg)
  }
}
body, html {
  font-size: 10px;
  height: 100%;
  font-family: 'Libre Franklin', sans-serif
}
.site-wrapper {
  -moz-osx-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-size: 1.8rem;
  line-height: 2.6rem;
  margin-bottom: -7.1rem;
  min-height: 100%;
  padding-top: .7rem
}
.top-line {
  height: .7rem;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999
}
.header {
  color: #34383b
}
.header--logo-container {
  padding-bottom: 2rem;
  padding-top: 2rem
}
.header--logo {
  background-repeat: no-repeat;
  margin: 0 auto;
  text-align: center;
}
.header--logo img{
	max-width: 35rem;
	max-height: 10rem;
}
.header--content {
  text-align: center
}
.header--title {
  font-size: 4rem;
  line-height: 5.1rem;
  font-weight: 800;
  margin-bottom: 1.9rem;
  margin-top: 0;
  padding: 0
}
.header--title-Sydsvenskan {
  color: #DA2242;
}
.header--title-HD {
  color: #007CBF;
}
.header--subtitle {
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 3rem
}
.price{
	font-size: 2em;
	font-weight: 900;
}
.price_Sydsvenskan{
	color: #DA2242;
}
.price_HD{
	color: #007CBF;
}
.content {
  color: #34383b;
  font-weight: 200;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative;
  margin-top: 2rem;
  margin-bottom: 2rem
}
.content:not('.wide') {
  max-width: 100rem
}
.content.spacy {
  padding-top: 4rem;
  padding-bottom: 4rem
}

.content.no--padding {
  padding-left: 0;
  padding-right: 0
}
.main--content {
  padding-bottom: 20.1rem
}
.content--section {
  margin-top: 5.4rem;
  text-align: center
}
.footer {
  height: 7.1rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}
.footer-Sydsvenskan {
  background-color: #DA2242;
}
.footer-HD {
  background-color: #007CBF;
}
.footer > .content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex: 1;
  flex: 1
}
.button.footer--button {
  background: 0 0;
  font-size: 1.3rem;
  font-weight: 500;
  text-transform: uppercase;
  border: .2rem solid transparent;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0
}
.button.footer--button:hover {
  background: 0 0;
  border: .2rem solid #fff;
  color: #fff
}
.social--button {
  height: 3.5rem;
  width: 3.5rem;
  border: .2rem solid #fff;
  border-radius: 50%;
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  font-size: 2.2rem;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none
}
.social--button:visited {
  color: #fff
}
.button, .button:visited {
  border-radius: .3rem;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 500;
  height: 3.4rem;
  line-height: 3.5rem;
  min-width: 20rem;
  outline: 0;
  text-align: center;
  text-decoration: none
}
.button_Sydsvenskan, .button_Sydsvenskan:visited {
  background-color: #DA2242;  
}
.button :hover .button_Sydsvenskan:hover, .button:visited:hover .button_Sydsvenskan:hover {
  background-color: #DA2242;
}
.button_HD, .button_HD:visited {
  background-color: #1D3965;  
}
.button_HD:hover, .button_HD:hover {
  background-color: #1D3965;
}
a, a:visited {
  color: #42bc97
}
a:hover, a:visited:hover {
  color: #58afa6
}
.strong {
  font-weight: 600
}
.input {
	border: 1px solid #B9B9B9;
	color: #34383b;
	font-size: 12px;
	outline: 0;
	margin: 5px;
	padding: 10px 5px 7px 10px;
	width: 188px;
	border-radius: .3rem;	
}
.input:focus {
  border-bottom: .2rem solid #42bc97;
  padding-bottom: .4rem
}
.input-container {
  margin: 2rem
}
.form-errors--message {
  color: #b90000
}
.iframe--container {
  min-height: 46rem
}
.splus-subscribe-frame {
  border: 0;
  margin: 0;
  min-width: 40rem;
  padding: 0
}
.splus--placeholder {
  height: 100%;
  text-align: center
}
.flex-spacer {
  -ms-flex: 1;
  flex: 1
}
.no-margin {
  margin: 0
}
.no-padding {
  padding: 0
}
.spinner {
  display: inline-block;
  height: 3.4rem;
  width: 3.4rem;
  border-radius: 50%;
  border-top: .4rem solid #42bc97;
  border-right: .4rem solid #eee;
  border-left: .4rem solid #eee;
  border-bottom: .4rem solid #eee;
  animation: spinner 1s linear infinite
}
.logo-image {
	max-height: 10rem;
	margin: 0 auto;
	max-width: 35rem;
}

@media (min-width:320px) and (max-width:480px) {
  .header--logo {
    margin: 0 auto
  }
  .header--title {
    font-size: 3.1rem;
    line-height: 4.1rem
  }
  .header--subtitle {
    font-size: 1.9rem
  }
	.price{
	  font-size: 1.6em;
		
	}
  .splus-subscribe-frame {
    min-width: 0
  }
  .content {
    margin-top: 1rem;
    margin-bottom: 1rem
  }
  .content.spacy {
    padding-top: 2rem;
    padding-bottom: 2rem
  }
  .button.footer--button {
    font-size: 1rem;
    margin-right: 1rem;
    min-width: 0;
    padding-left: .3rem;
    padding-right: .3rem
  }
}
.gdpr-box {
  background: #f0f0f0;
  border-bottom: .1rem solid #ddd;
  color: #323232;
  font-size: 1.6rem;
  padding: 2rem;
  position: relative;
  text-align: center
}
.gdpr-box .gdpr--content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  max-width: 100rem
}
.gdpr-box .flex--container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}
.gdpr-box .gdpr--icon {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 1rem;
  margin-right: 1rem
}
.gdpr-box .gdrp--info {
  fill: #555;
  color: #555;
  margin-top: .3rem
}
.gdpr-box .gdrp--info .icon, .gdpr-box .gdrp--info svg {
  width: 3.6rem;
  height: 3.6rem
}
.gdpr-box .gdpr--text {
  display: inline-block;
  -ms-flex: 1;
  flex: 1;
  line-height: 2.6rem;
  margin: 0 3rem 0 0;
  max-width: 60rem;
  padding: 0;
  text-align: left
}
.gdpr-box .gdpr--close {
  color: #ccc;
  cursor: pointer;
  fill: #ccc;
  height: 1.5rem;
  margin-top: .3rem;
  width: 1.5rem
}
.gdpr-box .gdpr--close .icon, .gdpr-box .gdpr--close svg {
  width: 1.5rem;
  height: 1.5rem
}
.gdpr-box .gdpr--link, .gdpr-box .gdpr--link:hover, .gdpr-box .gdpr--link:visited {
  color: #1eaedb;
  text-decoration: none
}

body.paper--hd .header--logo {
	background-image: url(https://pm.mittmedia.se/student/assets/img/hd-logo-2018.svg);
	width: 10rem;
	height: 10rem
}

body.paper--sydsvenskan .header--logo {
	width: 35.1rem;
	height: 4.9rem
}