@import url(https://design-system.cdn.yle.fi/fonts/fonts.css);
/* @import url('https://fonts.googleapis.com/css2?family=Shrikhand&display=swap'); Shrikhand */
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400&display=swap'); Roboto */
@font-face {
  font-family: "Shrikhand";
  src: url(//deski.yle.fi/2020-04-sosiaaliturva/fonts/b2142f626983b4a663cb43a84f2e086d.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(//deski.yle.fi/2020-04-sosiaaliturva/fonts/2e9b3d16308e1642bf8549d58c60f5c9.ttf) format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(//deski.yle.fi/2020-04-sosiaaliturva/fonts/fa726104cd4b7e8f106e391fea744b08.ttf) format("truetype");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(//deski.yle.fi/2020-04-sosiaaliturva/fonts/327362a7c8d487ad3f7970cc8e2aba8d.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(//deski.yle.fi/2020-04-sosiaaliturva/fonts/270c8dce1ab3c57848d7d278cb96574f.ttf) format("truetype");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}
figure, body, html {
  margin: 0;
  background-color: white;
}

.yle__app > .yle__navigation {
  margin-bottom: 0;
  display: none;
}

.yle__section--article.yle__section--fullWidth {
  margin-bottom: 0;
}

.yle__footer {
  z-index: 1;
}

html #app, body #app {
  min-height: auto;
}

/* .yle__footer {
  display: none;
} */
/* .yle-header {
  position: fixed !important;
  top: 0 !important;
  width: 100% !important;
} */
.yle-header-ad {
  display: none;
}

/* html #app .yle__app, body #app .yle__app {
  padding-bottom: 0;
} */
.yle__article__paragraph {
  display: none;
}
.progress-wrapper[data-v-70fb958a] {
  position: fixed;
  background-color: #262a2e;
  z-index: 130;
  height: 3px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 3px 3px 0 0;
}
.progress-bar[data-v-70fb958a] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 135;
  height: 100%;
  width: 100%;
  background: #d19426;
}
.inner-loader-wrapper[data-v-375f125f] {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: #fdb916;
  transition: 0.5s;
  z-index: 140;
}
.inner-loader-wrapper > p[data-v-375f125f] {
  text-align: left;
  width: 220px;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Shrikhand", "Yle Next", cursive;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.3;
}
.hidden[data-v-375f125f] {
  visibility: hidden;
  opacity: 0;
}
div[data-v-cbd5c920] {
  width: 25%;
  height: 100vh;
  background-position: center center;
  background-size: cover;
}
@media (max-width: 800px) {
div[data-v-cbd5c920] {
    flex-grow: 1;
    width: 50%;
    height: 40vh;
}
}
div > video[data-v-cbd5c920] {
  width: 101%;
  height: 100%;
  object-fit: cover;
  object-position: center 25%;
}
.title-wrapper[data-v-7155813c] {
  max-width: 800px;
  margin: 0 auto;
}
@media (max-width: 800px) {
.title-wrapper[data-v-7155813c] {
    margin: 0 calc(3% + 20px);
}
}
.title-wrapper > .h1-wrapper[data-v-7155813c] {
  margin: 0;
  padding: 30px 0;
  text-align: center;
}
.title-wrapper > .h1-wrapper > span[data-v-7155813c] {
  font-family: "Shrikhand", "Yle Next", cursive;
  font-size: 70px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  color: white;
  background-color: black;
  box-shadow: 20px 0 0 0 black, -20px 0 0 0 black;
  box-decoration-break: clone;
}
@media (max-width: 840px) {
.title-wrapper > .h1-wrapper > span[data-v-7155813c] {
    font-size: 60px;
}
}
@media (max-width: 600px) {
.title-wrapper > .h1-wrapper > span[data-v-7155813c] {
    font-size: 50px;
}
}
@media (max-width: 450px) {
.title-wrapper > .h1-wrapper > span[data-v-7155813c] {
    font-size: 40px;
}
}
@media (max-width: 360px) {
.title-wrapper > .h1-wrapper > span[data-v-7155813c] {
    font-size: 35px;
}
}
.title-wrapper > h2[data-v-7155813c] {
  font-family: "Shrikhand", "Yle Next", cursive;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: black;
  text-align: center;
  hyphens: manual;
}
@media (max-width: 450px) {
.title-wrapper > h2[data-v-7155813c] {
    font-size: 28px;
}
}
.outer-landing-wrapper[data-v-a07e830a] {
  position: relative;
  width: 100%;
  background-color: #fdb916;
}
.inner-landing-wrapper[data-v-a07e830a] {
  display: flex;
  height: 100vh;
  overflow: hidden;
}
@media (max-width: 800px) {
.inner-landing-wrapper[data-v-a07e830a] {
    height: 80vh;
    flex-wrap: wrap;
}
}

/* ---- Revitty kaistale ---- */
.ripped-wrapper[data-v-a07e830a] {
  height: 12vw;
  width: 100%;
}
@media (max-width: 1000px) {
.ripped-wrapper[data-v-a07e830a] {
    height: 130px;
}
}
@media (max-width: 800px) {
.ripped-wrapper[data-v-a07e830a] {
    height: 173px;
}
}
@media (max-width: 600px) {
.ripped-wrapper[data-v-a07e830a] {
    height: 133px;
}
}
.ripped-wrapper > div[data-v-a07e830a] {
  width: 100%;
  height: 25vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  transform: translate(0, -50%);
}
@media (max-width: 1000px) {
.ripped-wrapper > div[data-v-a07e830a] {
    height: 260px;
}
}
@media (max-width: 800px) {
.ripped-wrapper > div[data-v-a07e830a] {
    transform: translate(0, -30%);
}
}
@media (max-width: 600px) {
.ripped-wrapper > div[data-v-a07e830a] {
    height: 200px;
}
}
div[data-v-5e2f0fd6] {
  text-align: center;
  padding: 30px 0;
  background-color: #fdb916;
}
p[data-v-729a93af] {
  font-family: "Roboto", "Yle Next", sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.45;
  margin: 0;
  padding: 0 0 0.85em 0;
}
p[data-v-729a93af]  strong {
  font-weight: 700;
}
p[data-v-729a93af]  a {
  font-weight: 700;
  text-decoration: underline;
  color: black;
}
p[data-v-729a93af]  .italic {
  font-style: italic;
}
.outer-text-wrapper[data-v-c6c2b15c] {
  width: 100%;
  background-color: #fdb916;
}
.inner-text-wrapper[data-v-c6c2b15c] {
  max-width: 600px;
  margin: 0 auto;
  padding: 10px 0 0 0;
}
@media (max-width: 620px) {
.inner-text-wrapper[data-v-c6c2b15c] {
    max-width: none;
    width: 94%;
    margin: 0 3%;
}
}
.outer-image-wrapper[data-v-d51791a8] {
  position: relative;
  width: 100%;
  background-color: #fdb916;
}

/* ---- Revitty kaistale ---- */
.ripped-wrapper[data-v-d51791a8] {
  height: 12vw;
  width: 100%;
  padding: 0 0 5% 0;
}
@media (max-width: 1000px) {
.ripped-wrapper[data-v-d51791a8] {
    height: 130px;
}
}
@media (max-width: 800px) {
.ripped-wrapper[data-v-d51791a8] {
    height: 173px;
}
}
@media (max-width: 600px) {
.ripped-wrapper[data-v-d51791a8] {
    height: 133px;
}
}
.ripped-wrapper > div[data-v-d51791a8] {
  width: 100%;
  height: 25vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  transform: translate(0, 5px);
}
@media (max-width: 1000px) {
.ripped-wrapper > div[data-v-d51791a8] {
    height: 260px;
}
}
@media (max-width: 800px) {
.ripped-wrapper > div[data-v-d51791a8] {
    height: 280px;
}
}
@media (max-width: 600px) {
.ripped-wrapper > div[data-v-d51791a8] {
    height: 220px;
}
}

/* ---- Kuva ---- */
.inner-image-wrapper[data-v-d51791a8] {
  padding: 0 0 90px 0;
  /* @media (max-width: 360px) {
    padding: 0 0 140px 0;
  } */
}
.wide-image[data-v-d51791a8] {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

/* ---- Kuvateksti ---- */
.outer-text-block[data-v-d51791a8] {
  position: absolute;
  width: 100%;
  bottom: 0;
  transform: translate(0, -35px);
}
@media (max-width: 600px) {
.outer-text-block[data-v-d51791a8] {
    transform: translate(0, -30px);
}
}
.inner-text-block[data-v-d51791a8] {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  box-shadow: 8px 10px 20px 0px rgba(0, 0, 0, 0.4);
}
@media (max-width: 780px) {
.inner-text-block[data-v-d51791a8] {
    max-width: none;
    width: 94%;
    margin: 0 3%;
}
}
@media (max-width: 600px) {
.inner-text-block[data-v-d51791a8] {
    box-shadow: 4px 6px 10px 0px rgba(0, 0, 0, 0.3);
}
}
.inner-text-block > .title-wrapper[data-v-d51791a8] {
  padding: 10px 0;
  color: white;
  background-color: black;
}
.inner-text-block > .title-wrapper > h2[data-v-d51791a8] {
  font-family: "Shrikhand", "Yle Next", cursive;
  font-size: 50px;
  font-weight: 400;
  line-height: 1.3;
  margin: 0 15px;
  padding: 0;
}
@media (max-width: 700px) {
.inner-text-block > .title-wrapper > h2[data-v-d51791a8] {
    font-size: 40px;
}
}
@media (max-width: 450px) {
.inner-text-block > .title-wrapper > h2[data-v-d51791a8] {
    font-size: 32px;
}
}
.inner-text-block > .description-wrapper > h3[data-v-d51791a8] {
  font-family: "Shrikhand", "Yle Next", cursive;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.3;
  margin: 0;
  padding: 8px 15px;
  background-color: #fdb916;
}
@media (max-width: 700px) {
.inner-text-block > .description-wrapper > h3[data-v-d51791a8] {
    font-size: 28px;
}
}
@media (max-width: 450px) {
.inner-text-block > .description-wrapper > h3[data-v-d51791a8] {
    font-size: 24px;
}
}
.outer-image-wrapper[data-v-386f1309] {
  position: relative;
}
.outer-image-wrapper > img[data-v-386f1309] {
  width: 100%;
  padding: 0 0 30px 0;
}
@media (max-width: 600px) {
.outer-image-wrapper > img[data-v-386f1309] {
    padding: 0 0 60px 0;
}
}
@media (max-width: 500px) {
.outer-image-wrapper > img[data-v-386f1309] {
    padding: 0 0 80px 0;
}
}
@media (max-width: 400px) {
.outer-image-wrapper > img[data-v-386f1309] {
    padding: 0 0 100px 0;
}
}
.outer-image-wrapper > .caption-wrapper[data-v-386f1309] {
  position: absolute;
  width: 100%;
  bottom: 0;
  transform: translate(0, -20px);
}
@media (max-width: 500px) {
.outer-image-wrapper > .caption-wrapper[data-v-386f1309] {
    min-height: 80px;
}
}
@media (max-width: 400px) {
.outer-image-wrapper > .caption-wrapper[data-v-386f1309] {
    min-height: 100px;
}
}
.outer-image-wrapper > .caption-wrapper > p[data-v-386f1309] {
  max-width: 500px;
  margin: 0 auto;
  padding: 10px 15px;
  text-align: center;
  font-family: "Roboto", "Yle Next", sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.45;
  background-color: #fdb916;
  box-shadow: 8px 10px 20px 0px rgba(0, 0, 0, 0.4);
}
@media (max-width: 600px) {
.outer-image-wrapper > .caption-wrapper > p[data-v-386f1309] {
    margin: 0 15px;
    box-shadow: 4px 6px 10px 0px rgba(0, 0, 0, 0.3);
}
}
.outer-series-wrapper[data-v-119a53b9] {
  width: 100%;
  background-color: #fdb916;
  padding: 30px 0 20px 0;
}
@media (max-width: 500px) {
.outer-series-wrapper[data-v-119a53b9] {
    padding: 20px 0 10px 0;
}
}
.inner-series-wrapper[data-v-119a53b9] {
  max-width: 800px;
  margin: 0 auto;
}
@media (max-width: 820px) {
.inner-series-wrapper[data-v-119a53b9] {
    max-width: none;
    width: 94%;
    margin: 0 3%;
}
}
.ripped-wrapper[data-v-07b43e22] {
  width: 100%;
  padding: 0 0 30px 0;
  background-color: #fdb916;
}
.ripped-wrapper > div[data-v-07b43e22] {
  width: 100%;
  height: 25vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 1000px) {
.ripped-wrapper > div[data-v-07b43e22] {
    height: 260px;
}
}
@media (max-width: 800px) {
.ripped-wrapper > div[data-v-07b43e22] {
    height: 280px;
}
}
@media (max-width: 600px) {
.ripped-wrapper > div[data-v-07b43e22] {
    height: 220px;
}
}
.outer-quot-wrapper[data-v-0d135755] {
  padding: 15px 0 45px 0;
  background-color: #fdb916;
}
@media (max-width: 650px) {
.outer-quot-wrapper[data-v-0d135755] {
    padding: 0 0 20px 0;
}
}
.inner-quot-wrapper[data-v-0d135755] {
  position: relative;
  outline-style: solid;
  outline-color: black;
  outline-width: 14px;
  background-color: black;
  box-shadow: 22px 24px 20px 0px rgba(0, 0, 0, 0.4);
}
@media (max-width: 650px) {
.inner-quot-wrapper[data-v-0d135755] {
    padding: 10px 0;
    outline-style: none;
    box-shadow: 4px 6px 10px 0px rgba(0, 0, 0, 0.3);
}
}
.inner-quot-wrapper > .text[data-v-0d135755] {
  font-family: "Roboto", "Yle Next", sans-serif;
  font-weight: 400;
  font-size: 17px;
  font-style: italic;
  line-height: 1.45;
  margin: 0;
  padding: 0 0 0.85em 0;
  color: white;
}
@media (max-width: 650px) {
.inner-quot-wrapper > .text[data-v-0d135755] {
    margin: 0 3%;
}
}
.inner-quot-wrapper > .text[data-v-0d135755]  strong {
  font-weight: 700;
}
.inner-quot-wrapper > .author[data-v-0d135755] {
  font-family: "Roboto", "Yle Next", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
  padding: 0 0 0.85em 0;
  color: white;
}
@media (max-width: 650px) {
.inner-quot-wrapper > .author[data-v-0d135755] {
    font-size: 14px;
    line-height: 1.6;
    margin: 0 3%;
}
}
.inner-quot-wrapper > .author[data-v-0d135755]  strong {
  font-weight: 700;
}
.outer-quot-series-wrapper[data-v-4633dcac] {
  width: 100%;
  background-color: #fdb916;
}
.inner-quot-series-wrapper[data-v-4633dcac] {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px 0 0 0;
}
@media (max-width: 620px) {
.inner-quot-series-wrapper[data-v-4633dcac] {
    max-width: none;
    width: 94%;
    margin: 0 3%;
}
}
.outer-fact-wrapper[data-v-5fefa138] {
  width: 100%;
  padding: 10px 0 30px 0;
  background-color: #fdb916;
}
@media (max-width: 650px) {
.outer-fact-wrapper[data-v-5fefa138] {
    padding: 10px 0 20px 0;
}
}
.inner-fact-wrapper[data-v-5fefa138] {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px 14px 15px 14px;
  background-image: linear-gradient(to right, white 0%, white 50%, transparent 50%), linear-gradient(white 0%, white 50%, transparent 50%), linear-gradient(to right, white 0%, white 50%, transparent 50%), linear-gradient(white 0%, white 50%, transparent 50%);
  background-position: top, right, bottom, left;
  background-size: 20px 2px, 2px 20px, 20px 2px, 2px 20px;
  background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
}
@media (max-width: 650px) {
.inner-fact-wrapper[data-v-5fefa138] {
    padding: 20px 0 15px 0;
}
}
@media (max-width: 620px) {
.inner-fact-wrapper[data-v-5fefa138] {
    max-width: none;
    width: 94%;
    margin: 0 3%;
}
}
.inner-fact-wrapper > h2[data-v-5fefa138] {
  font-family: "Roboto", "Yle Next", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.45;
  margin: 0;
  padding: 0 0 24px 0;
}
@media (max-width: 650px) {
.inner-fact-wrapper > h2[data-v-5fefa138] {
    margin: 0 3%;
}
}
.inner-fact-wrapper > p[data-v-5fefa138] {
  font-family: "Roboto", "Yle Next", sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.45;
  margin: 0;
  padding: 0 0 0.85em 0;
}
@media (max-width: 650px) {
.inner-fact-wrapper > p[data-v-5fefa138] {
    margin: 0 3%;
}
}
.inner-fact-wrapper > p strong[data-v-5fefa138] {
  font-weight: 700;
}
.outer-authors-wrapper[data-v-84a9d7a8] {
  width: 100%;
  margin: 0;
  padding: 40px 0 30px 0;
  text-align: center;
  background-color: #fdb916;
}
.inner-authors-wrapper[data-v-84a9d7a8] {
  max-width: 600px;
  margin: 0 auto;
}
@media (max-width: 620px) {
.inner-authors-wrapper[data-v-84a9d7a8] {
    max-width: none;
    width: 94%;
    margin: 0 auto;
}
}
.feedback[data-v-84a9d7a8] {
  margin: 0 0 40px 0;
}
.feedback > a[data-v-84a9d7a8] {
  font-family: "Shrikhand", "Yle Next", cursive;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.45;
  padding: 10px 20px;
  text-decoration: none;
  background-color: black;
  color: white;
}
@media (max-width: 400px) {
.feedback > a[data-v-84a9d7a8] {
    font-size: 20px;
}
}
h3[data-v-84a9d7a8] {
  font-family: "Roboto", "Yle Next", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.45;
  margin: 0;
  padding: 10px 0 20px 0;
}
p[data-v-84a9d7a8] {
  font-family: "Roboto", "Yle Next", sans-serif;
  font-weight: 400;
  margin: 0;
  padding: 0 0 12px 0;
  font-size: 17px;
  line-height: 2;
  color: black;
  text-decoration: none;
}
@media (max-width: 340px) {
p[data-v-84a9d7a8] {
    line-height: 1.8;
}
}
p > span[data-v-84a9d7a8] {
  display: inline-block;
}
strong[data-v-84a9d7a8] {
  font-weight: 700;
}
.date[data-v-84a9d7a8] {
  padding: 30px 0;
}
@media (max-width: 380px) {
.line-break[data-v-84a9d7a8] {
    display: none;
}
}
@charset "UTF-8";
figure[data-v-3ea74058] {
  margin: 0;
}

/* ------ Muotoile väliotsikot ------ */
.outer-subtitle-wrapper[data-v-3ea74058] {
  width: 100%;
  background-color: #fdb916;
}
.inner-subtitle-wrapper[data-v-3ea74058] {
  max-width: 600px;
  margin: 0 auto;
}
@media (max-width: 620px) {
.inner-subtitle-wrapper[data-v-3ea74058] {
    max-width: none;
    width: 94%;
    margin: 0 3%;
}
}
.inner-subtitle-wrapper > h2[data-v-3ea74058] {
  font-family: "Roboto", "Yle Next", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.45;
  margin: 0;
}
.starting-subtitle[data-v-3ea74058] {
  padding: 0 0 24px 0;
}
.middle-subtitle[data-v-3ea74058] {
  padding: 24px 0;
}

/*# sourceMappingURL=styles.css.map*/