@import url(https://fonts.googleapis.com/css2?family=EB+Garamond:wght@0,400;0,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,800;&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Saira:wght@400;500&display=swap);
@charset "UTF-8";
/* config file for own project */
/* Gorko pre-processor - user defined styles */
/**
 * BASE SIZE
 * All calculations are based on this. It’s recommended that
 * you keep it at 1rem because that is the root font size. You
 * can set it to whatever you like and whatever unit you like.
 */
/**
  * SIZE SCALE
  * This is a Major Third scale that powers all the utilities that
  * it is relevant for (font-size, margin, padding). All items are
  * calcuated off the base size, so change that and cascade across
  * your whole project.
  */
/**
  * COLORS
  * Colors are shared between backgrounds and text by default. 
  * You can also use them to power borders, fills or shadows, for example.
  */
/**
  * CORE CONFIG
  * This powers everything from utility class generation to breakpoints
  * to enabling/disabling pre-built components/utilities.
  */
/* alternatives for backup */
.bg-primary {
  background: #1d3f5a; }

.bg-primary-shade {
  background: #112433; }

.bg-primary-glare {
  background: #5b7488; }

.bg-secondary {
  background: #f19839; }

.bg-tertiary {
  background: #0000f4; }

.bg-quaternary {
  background: #a4428f; }

.bg-quinary {
  background: #ffdb32; }

.bg-senary {
  background: #9FC349; }

.bg-grey {
  background: #b8b8b8; }

.bg-light {
  background: #f3f3f3; }

.bg-lightest {
  background: #ffffff; }

.bg-dark {
  background: #000000; }

.color-primary {
  color: #1d3f5a; }

.color-primary-shade {
  color: #112433; }

.color-primary-glare {
  color: #5b7488; }

.color-secondary {
  color: #f19839; }

.color-tertiary {
  color: #0000f4; }

.color-quaternary {
  color: #a4428f; }

.color-quinary {
  color: #ffdb32; }

.color-senary {
  color: #9FC349; }

.color-grey {
  color: #b8b8b8; }

.color-light {
  color: #f3f3f3; }

.color-lightest {
  color: #ffffff; }

.color-dark {
  color: #000000; }

.ender-color-primary {
  --ender-color: #1d3f5a; }

.ender-color-primary-shade {
  --ender-color: #112433; }

.ender-color-primary-glare {
  --ender-color: #5b7488; }

.ender-color-secondary {
  --ender-color: #f19839; }

.ender-color-tertiary {
  --ender-color: #0000f4; }

.ender-color-quaternary {
  --ender-color: #a4428f; }

.ender-color-quinary {
  --ender-color: #ffdb32; }

.ender-color-senary {
  --ender-color: #9FC349; }

.ender-color-grey {
  --ender-color: #b8b8b8; }

.ender-color-light {
  --ender-color: #f3f3f3; }

.ender-color-lightest {
  --ender-color: #ffffff; }

.ender-color-dark {
  --ender-color: #000000; }

.box-block {
  display: block; }

.box-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.box-hide {
  display: none; }

.box-show {
  display: inherit; }

.font-base {
  font-family: "Open Sans", sans-serif; }

.font-heading {
  font-family: Saira, serif; }

.font-subheading {
  font-family: Saira, sans-serif; }

.font-caption {
  font-family: "Open Sans", serif; }

.font-highlight {
  font-family: EB Garamond, serif; }

.gap-top-300 {
  margin-top: 0.792rem; }

.gap-top-400 {
  margin-top: 0.99rem; }

.gap-top-500 {
  margin-top: 1.2375rem; }

.gap-top-600 {
  margin-top: 1.54737rem; }

.gap-top-700 {
  margin-top: 1.93347rem; }

.gap-top-800 {
  margin-top: 2.41659rem; }

.gap-top-900 {
  margin-top: 3.02148rem; }

.gap-top-1000 {
  margin-top: 3.77685rem; }

.gap-right-300 {
  margin-right: 0.792rem; }

.gap-right-400 {
  margin-right: 0.99rem; }

.gap-right-500 {
  margin-right: 1.2375rem; }

.gap-right-600 {
  margin-right: 1.54737rem; }

.gap-right-700 {
  margin-right: 1.93347rem; }

.gap-right-800 {
  margin-right: 2.41659rem; }

.gap-right-900 {
  margin-right: 3.02148rem; }

.gap-right-1000 {
  margin-right: 3.77685rem; }

.gap-bottom-300 {
  margin-bottom: 0.792rem; }

.gap-bottom-400 {
  margin-bottom: 0.99rem; }

.gap-bottom-500 {
  margin-bottom: 1.2375rem; }

.gap-bottom-600 {
  margin-bottom: 1.54737rem; }

.gap-bottom-700 {
  margin-bottom: 1.93347rem; }

.gap-bottom-800 {
  margin-bottom: 2.41659rem; }

.gap-bottom-900 {
  margin-bottom: 3.02148rem; }

.gap-bottom-1000 {
  margin-bottom: 3.77685rem; }

.gap-left-300 {
  margin-left: 0.792rem; }

.gap-left-400 {
  margin-left: 0.99rem; }

.gap-left-500 {
  margin-left: 1.2375rem; }

.gap-left-600 {
  margin-left: 1.54737rem; }

.gap-left-700 {
  margin-left: 1.93347rem; }

.gap-left-800 {
  margin-left: 2.41659rem; }

.gap-left-900 {
  margin-left: 3.02148rem; }

.gap-left-1000 {
  margin-left: 3.77685rem; }

.pad-top-300 {
  padding-top: 0.792rem; }

.pad-top-400 {
  padding-top: 0.99rem; }

.pad-top-500 {
  padding-top: 1.2375rem; }

.pad-top-600 {
  padding-top: 1.54737rem; }

.pad-top-700 {
  padding-top: 1.93347rem; }

.pad-top-800 {
  padding-top: 2.41659rem; }

.pad-top-900 {
  padding-top: 3.02148rem; }

.pad-top-1000 {
  padding-top: 3.77685rem; }

.pad-right-300 {
  padding-right: 0.792rem; }

.pad-right-400 {
  padding-right: 0.99rem; }

.pad-right-500 {
  padding-right: 1.2375rem; }

.pad-right-600 {
  padding-right: 1.54737rem; }

.pad-right-700 {
  padding-right: 1.93347rem; }

.pad-right-800 {
  padding-right: 2.41659rem; }

.pad-right-900 {
  padding-right: 3.02148rem; }

.pad-right-1000 {
  padding-right: 3.77685rem; }

.pad-bottom-300 {
  padding-bottom: 0.792rem; }

.pad-bottom-400 {
  padding-bottom: 0.99rem; }

.pad-bottom-500 {
  padding-bottom: 1.2375rem; }

.pad-bottom-600 {
  padding-bottom: 1.54737rem; }

.pad-bottom-700 {
  padding-bottom: 1.93347rem; }

.pad-bottom-800 {
  padding-bottom: 2.41659rem; }

.pad-bottom-900 {
  padding-bottom: 3.02148rem; }

.pad-bottom-1000 {
  padding-bottom: 3.77685rem; }

.pad-left-300 {
  padding-left: 0.792rem; }

.pad-left-400 {
  padding-left: 0.99rem; }

.pad-left-500 {
  padding-left: 1.2375rem; }

.pad-left-600 {
  padding-left: 1.54737rem; }

.pad-left-700 {
  padding-left: 1.93347rem; }

.pad-left-800 {
  padding-left: 2.41659rem; }

.pad-left-900 {
  padding-left: 3.02148rem; }

.pad-left-1000 {
  padding-left: 3.77685rem; }

.stack-300 {
  z-index: 0; }

.stack-400 {
  z-index: 10; }

.stack-500 {
  z-index: 20; }

.stack-600 {
  z-index: 30; }

.stack-700 {
  z-index: 40; }

.text-300 {
  font-size: 0.792rem; }

.text-400 {
  font-size: 0.99rem; }

.text-500 {
  font-size: 1.2375rem; }

.text-600 {
  font-size: 1.54737rem; }

.text-700 {
  font-size: 1.93347rem; }

.text-800 {
  font-size: 2.41659rem; }

.text-900 {
  font-size: 3.02148rem; }

.text-1000 {
  font-size: 3.77685rem; }

.weight-light {
  font-weight: 300; }

.weight-regular {
  font-weight: 400; }

.weight-bold {
  font-weight: 700; }

.measure-compact {
  max-width: 13ch; }

.measure-longform {
  max-width: 34ch; }

.width-full {
  width: 100%; }

.width-half {
  width: 50%; }

.width-quarter {
  width: 25%; }

.width-third {
  width: 33.33333%; }

@media screen and (min-width: 36em) {
  .sm\:box-block {
    display: block; }
  .sm\:box-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .sm\:box-hide {
    display: none; }
  .sm\:box-show {
    display: inherit; }
  .sm\:text-300 {
    font-size: 0.792rem; }
  .sm\:text-400 {
    font-size: 0.99rem; }
  .sm\:text-500 {
    font-size: 1.2375rem; }
  .sm\:text-600 {
    font-size: 1.54737rem; }
  .sm\:text-700 {
    font-size: 1.93347rem; }
  .sm\:text-800 {
    font-size: 2.41659rem; }
  .sm\:text-900 {
    font-size: 3.02148rem; }
  .sm\:text-1000 {
    font-size: 3.77685rem; }
  .sm\:width-full {
    width: 100%; }
  .sm\:width-half {
    width: 50%; }
  .sm\:width-quarter {
    width: 25%; }
  .sm\:width-third {
    width: 33.33333%; } }

@media screen and (min-width: 48em) {
  .md\:box-block {
    display: block; }
  .md\:box-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .md\:box-hide {
    display: none; }
  .md\:box-show {
    display: inherit; }
  .md\:text-300 {
    font-size: 0.792rem; }
  .md\:text-400 {
    font-size: 0.99rem; }
  .md\:text-500 {
    font-size: 1.2375rem; }
  .md\:text-600 {
    font-size: 1.54737rem; }
  .md\:text-700 {
    font-size: 1.93347rem; }
  .md\:text-800 {
    font-size: 2.41659rem; }
  .md\:text-900 {
    font-size: 3.02148rem; }
  .md\:text-1000 {
    font-size: 3.77685rem; }
  .md\:width-full {
    width: 100%; }
  .md\:width-half {
    width: 50%; }
  .md\:width-quarter {
    width: 25%; }
  .md\:width-third {
    width: 33.33333%; } }

@media screen and (min-width: 62em) {
  .lg\:box-block {
    display: block; }
  .lg\:box-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .lg\:box-hide {
    display: none; }
  .lg\:box-show {
    display: inherit; }
  .lg\:text-300 {
    font-size: 0.792rem; }
  .lg\:text-400 {
    font-size: 0.99rem; }
  .lg\:text-500 {
    font-size: 1.2375rem; }
  .lg\:text-600 {
    font-size: 1.54737rem; }
  .lg\:text-700 {
    font-size: 1.93347rem; }
  .lg\:text-800 {
    font-size: 2.41659rem; }
  .lg\:text-900 {
    font-size: 3.02148rem; }
  .lg\:text-1000 {
    font-size: 3.77685rem; }
  .lg\:width-full {
    width: 100%; }
  .lg\:width-half {
    width: 50%; }
  .lg\:width-quarter {
    width: 25%; }
  .lg\:width-third {
    width: 33.33333%; } }

/* modern reset */
/* Box sizing rules */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

/* Remove default padding */
ul[class],
ol[class] {
  padding: 0; }

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
figure,
blockquote,
dl,
dd {
  margin: 0; }

/* Set core root defaults */
html {
  scroll-behavior: smooth; }

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5; }

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none; }

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto; }

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block; }

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em; }

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit; }

/*Blur images when they have no alt attribute */
img:not([alt]) {
  -webkit-filter: blur(10px);
          filter: blur(10px); }

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; } }

/*Utilities */
/*.anfangi {
  
 & > p:first-child:first-letter {
    color: #903;
    float: left;
    font-family: Saira;
    font-size: 75px;
    line-height: 60px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px;
  }  

}*/
span.text {
  display: block;
  padding-top: 0.58rem; }

span#initialT {
  float: left;
  background-image: url(//deski.yle.fi/2020-11-irc-galleria/img/t_tumma.webp);
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: 80px;
  padding-top: 15px;
  height: 84px;
  margin: 6px 6px 0px 12px; }

span#initialA {
  float: left;
  background-image: url(//deski.yle.fi/2020-11-irc-galleria/img/a_vaalea.png);
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: 80px;
  padding-top: 22px;
  height: 84px;
  margin: 6px 6px 0px 12px; }

span#initialL {
  float: left;
  background-image: url(//deski.yle.fi/2020-11-irc-galleria/img/l_sinikehys.webp);
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: 80px;
  padding-top: 15px;
  height: 84px;
  margin: 6px 6px 0px 12px; }

span#initialG {
  float: left;
  background-image: url(//deski.yle.fi/2020-11-irc-galleria/img/g_musta_jokela.webp);
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: 80px;
  padding-top: 15px;
  height: 84px;
  margin: 6px 6px 0px 12px; }

span#initialR {
  float: left;
  background-image: url(//deski.yle.fi/2020-11-irc-galleria/img/r_tumma_vihree.webp);
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: 80px;
  padding-top: 15px;
  height: 84px;
  margin: 6px 6px 0px 12px; }

span.initialI {
  float: left;
  background-image: url(//deski.yle.fi/2020-11-irc-galleria/img/i_vaalea.png);
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: 80px;
  padding-top: 15px;
  height: 84px;
  margin: 6px 6px 0px 12px; }

span.initialL {
  float: left;
  background-image: url(//deski.yle.fi/2020-11-irc-galleria/img/l_sinikehys.webp);
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: 80px;
  padding-top: 15px;
  height: 84px;
  margin: 6px 6px 0px 12px; }

span.initialK {
  float: left;
  background-image: url(//deski.yle.fi/2020-11-irc-galleria/img/k_vaalea.png);
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: 80px;
  padding-top: 15px;
  height: 84px;
  margin: 6px 6px 0px 12px; }

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap; }

.flow > * + * {
  padding-top: var(--flow-space, 1em); }

.m-hyphen > p {
  -webkit-hyphens: manual;
      -ms-hyphens: manual;
          hyphens: manual; }

/*blocks */
.grid--masonry {
  display: grid;
  grid-template-columns: repeat(auto-fit, Min(10em, 100%));
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 0.5em;
  padding: 0.5em;
  grid-template-rows: masonry; }
  .grid--masonry > * {
    width: Min(10em, 100%); }

.landing-wrapper {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden; }
  .landing-wrapper > video {
    width: 100%;
    height: 106vh;
    -o-object-fit: cover;
       object-fit: cover; }
  .landing-wrapper > .titles {
    text-align: center;
    font-family: 'Saira', sans-serif; }
  .landing-wrapper > .titles > h1 {
    font-size: 44px;
    line-height: 1.3;
    font-weight: 400;
    padding-top: 10px; }
  .landing-wrapper > .titles > h2 {
    font-size: 40px;
    line-height: 1;
    font-weight: 400;
    margin: 0; }

/* First two (or three) paragraphs in the article */
.lead > div > h3 {
  font-family: 'Saira', 'Open Sans', sans-serif;
  font-weight: 500;
  line-height: 1.3;
  color: #6e8293;
  text-align: center;
  padding-top: 1em; }

.social-media-bar {
  padding: 15px 0;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  grid-auto-flow: column;
  margin: auto 12px auto 12px; }
  .social-media-bar > a > p {
    display: none; }
    @media (min-width: 900px) {
      .social-media-bar > a > p {
        display: inline; } }
  @media (min-width: 900px) {
    .social-media-bar {
      -webkit-box-pack: normal;
          -ms-flex-pack: normal;
              justify-content: normal;
      -ms-flex-line-pack: normal;
          align-content: normal;
      grid-auto-flow: row;
      grid-template-columns: repeat(2, 1fr);
      margin: none;
      grid-gap: 12px; }
      .social-media-bar > a:nth-of-type(1) {
        grid-row: 1;
        grid-column: 1;
        justify-self: end; }
      .social-media-bar > a:nth-of-type(2) {
        grid-row: 1;
        grid-column: 2;
        justify-self: start; }
      .social-media-bar > a:nth-of-type(3) {
        grid-row: 2;
        grid-column: 1;
        justify-self: end; }
      .social-media-bar > a:nth-of-type(4) {
        grid-row: 2;
        grid-column: 2;
        justify-self: start; } }
  .social-media-bar > a > img {
    display: inline; }
  .social-media-bar > a {
    text-transform: uppercase;
    font-family: Saira, sans-serif; }
  .social-media-bar > a:hover {
    -webkit-text-stroke: 1px black;
    text-stroke: 1px black; }

.outer-gallery-wrapper {
  max-width: 45rem;
  margin: 0 auto;
  font-family: 'Saira', sans-serif;
  background-color: #1d3f5a;
  border-radius: 0.5rem;
  border: 1px solid #cccccc;
  -webkit-box-shadow: 0 0 2.5rem 1rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 2.5rem 1rem rgba(0, 0, 0, 0.1); }
  .outer-gallery-wrapper > h1 {
    text-align: center;
    font-size: 2.2em;
    color: #ffffff; }

h1 {
  font-weight: 500; }

.inner-caption-wrapper > p {
  max-width: 60ch; }

:focus {
  outline: 1px dashed;
  outline-offset: 0.25rem; }

.video-player > * {
  width: 95.5%;
  height: 95.5%;
  margin: 1% 1% 0% 1%;
  position: absolute;
  top: 0;
  left: 0; }
  @media screen and (max-width: 600px) {
    .video-player > * {
      width: 99%;
      height: 99%; } }

.video-player {
  position: relative;
  padding-bottom: 80%;
  background-color: #1d3f5a; }
  .video-player > p {
    width: 15%;
    height: 15%;
    font-family: 'Saira', sans-serif;
    font-size: 2.2em;
    top: auto;
    left: auto;
    right: 4%;
    bottom: 3%; }
    @media screen and (max-width: 600px) {
      .video-player > p {
        right: 5%; } }

.skip-link {
  display: inline-block;
  padding: 0.5rem 1.5rem 0.6rem 1.5rem;
  background: #1d3f5a;
  border: 1px solid #cccccc;
  border-radius: 0.25rem;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 99;
  text-decoration: none; }

.skip-link:not(:focus) {
  clip: rect(0 0 0 0);
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap; }

.media-browser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  background: #f8f8f8 !important; }

.media-browser__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-preferred-size: 8rem;
      flex-basis: 8rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  z-index: 1;
  padding-top: 1%;
  background: #1d3f5a; }

.media-browser__video {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 999;
      -ms-flex-positive: 999;
          flex-grow: 999;
  min-width: 78%; }

.media-browser__nav > * {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow-y: auto;
  position: relative;
  min-height: 11.2rem; }

.media-browser__links > li > a {
  color: #f19839 !important; }

.media-browser__links > li > a:hover {
  color: #ffdb32 !important; }

.media-browser__links a {
  display: block;
  padding: 1rem;
  text-decoration: none;
  line-height: 1.2;
  background: #1d3f5a; }

.media-browser__links a[aria-label='button'] {
  border-left: 0.4rem solid #b8b8b8; }

.media-browser__links a.selected {
  background: #5b7488; }

.outer-gallery-wrapper ::-webkit-scrollbar {
  height: 0.5rem;
  width: 0.5rem; }

.outer-gallery-wrapper ::-webkit-scrollbar-track {
  background: #000000; }

.outer-gallery-wrapper ::-webkit-scrollbar-thumb {
  background: #b8b8b8; }

/* Color order: thumb, then track */
.outer-gallery-wrapper * {
  scrollbar-color: #a4428f #9FC349; }

/* main background-color */
.html {
  background: #ffffff; }

/* Open Sans */
/* Saira Condensed */
.yle__app > div > .yle__navigation {
  margin-bottom: 0;
  display: none !important; }

.plus-app.plus-app-2020-11-irc-galleria {
  /* For old browsers */
  display: block;
  /*Tyylit tekstipalsta */
  /* Kuvatekstit*/
  /* Kuvat
  }*/
  /* separator line */
  /* tekstinostojen koko */ }
  .plus-app.plus-app-2020-11-irc-galleria p, .plus-app.plus-app-2020-11-irc-galleria h1, .plus-app.plus-app-2020-11-irc-galleria h2, .plus-app.plus-app-2020-11-irc-galleria h3 {
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-margin-after: 0;
            margin-block-end: 0; }
  .plus-app.plus-app-2020-11-irc-galleria .kayttaja-wrapper {
    background-color: #1d3f5a;
    width: 100%;
    position: sticky;
    top: 0px;
    z-index: 1000; }
    .plus-app.plus-app-2020-11-irc-galleria .kayttaja-wrapper > p {
      font-family: 'Saira', sans-serif;
      font-size: 1.15em;
      color: #f19839;
      padding-top: 0.99em;
      padding-left: 3em; }
  .plus-app.plus-app-2020-11-irc-galleria .outer-typing-wrapper {
    width: 100%; }

@-webkit-keyframes caret {
  50% {
    border-right-color: transparent; } }

@keyframes caret {
  50% {
    border-right-color: transparent; } }
  .plus-app.plus-app-2020-11-irc-galleria .inner-typing-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .plus-app.plus-app-2020-11-irc-galleria .inner-typing-wrapper > p {
      width: 31.7ch;
      white-space: nowrap;
      overflow: hidden;
      letter-spacing: 0.10em;
      border-right: .05em solid;
      -webkit-animation: caret 1s steps(1) 450000;
              animation: caret 1s steps(1) 450000;
      /*jokaiselle rekisteröityneelle */
      --delay: 50;
      -webkit-animation-delay: calc(var(--delay, 0) * 1s), calc(var(--delay, 0) * 1s + 3.5s);
              animation-delay: calc(var(--delay, 0) * 1s), calc(var(--delay, 0) * 1s + 3.5s); }
  .plus-app.plus-app-2020-11-irc-galleria #tekstiteema {
    text-align: center; }
  .plus-app.plus-app-2020-11-irc-galleria #lesch {
    padding-top: 0 !important; }
  .plus-app.plus-app-2020-11-irc-galleria .outer-content-wrapper {
    width: 100%; }
  .plus-app.plus-app-2020-11-irc-galleria .inner-content-wrapper {
    max-width: 700px;
    margin: 0 auto;
    padding: 5px 0; }
    @media (max-width: 710px) {
      .plus-app.plus-app-2020-11-irc-galleria .inner-content-wrapper {
        max-width: none;
        width: 100%;
        padding: 10px 0; } }
  .plus-app.plus-app-2020-11-irc-galleria button {
    color: #f19839; }
  .plus-app.plus-app-2020-11-irc-galleria .outer-content-wrapper > div > p {
    padding-left: 16px;
    padding-right: 12px;
    font-size: 1.23em;
    font-family: 'Open Sans', sans-serif; }
    @media (max-width: 610px) {
      .plus-app.plus-app-2020-11-irc-galleria .outer-content-wrapper > div > p {
        padding-left: 3%;
        padding-right: 0;
        font-size: 1.09em;
        width: 94%; } }
  .plus-app.plus-app-2020-11-irc-galleria .outer-content-wrapper > div > p.anfangi {
    padding-left: 0;
    padding-right: 0; }
    .plus-app.plus-app-2020-11-irc-galleria .outer-content-wrapper > div > p.anfangi > span.text {
      padding-left: 3%; }
  .plus-app.plus-app-2020-11-irc-galleria .outer-picture-wrapper {
    width: 100%; }
  .plus-app.plus-app-2020-11-irc-galleria .inner-picture-wrapper {
    max-width: 700px;
    margin: 0 auto;
    padding: 2.1em 14px; }
    @media (max-width: 710px) {
      .plus-app.plus-app-2020-11-irc-galleria .inner-picture-wrapper {
        max-width: none;
        width: 94%;
        padding: 10px 0; } }
    .plus-app.plus-app-2020-11-irc-galleria .inner-picture-wrapper > img {
      width: 100%; }
  .plus-app.plus-app-2020-11-irc-galleria .outer-content-wrapper > .makerbox {
    max-width: 700px;
    margin: 0 auto;
    padding-top: 0px !important;
    padding-bottom: 0px !important; }
    @media (max-width: 710px) {
      .plus-app.plus-app-2020-11-irc-galleria .outer-content-wrapper > .makerbox {
        max-width: none;
        width: 100%; } }
  .plus-app.plus-app-2020-11-irc-galleria div.line {
    width: 100%;
    height: 3px;
    background-color: #f19839; }
  .plus-app.plus-app-2020-11-irc-galleria .outer-caption-wrapper > .inner-caption-wrapper > p {
    padding-left: 2px;
    padding-right: 4px;
    font-size: 1.15em;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    margin: 7px 0 6px 0; }
    @media (max-width: 610px) {
      .plus-app.plus-app-2020-11-irc-galleria .outer-caption-wrapper > .inner-caption-wrapper > p {
        font-size: 1.09em;
        padding-left: 1px;
        padding-right: 2px;
        margin-right: 0; } }
  .plus-app.plus-app-2020-11-irc-galleria .titles {
    background-color: #091C31;
    -webkit-hyphens: manual;
        -ms-hyphens: manual;
            hyphens: manual; }
  .plus-app.plus-app-2020-11-irc-galleria .titles > h2 {
    padding-bottom: 15px; }
  .plus-app.plus-app-2020-11-irc-galleria #stamps {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .plus-app.plus-app-2020-11-irc-galleria .highlight {
    padding-right: 5px;
    line-height: 1.32; }
    @media screen and (max-width: 610px) {
      .plus-app.plus-app-2020-11-irc-galleria .highlight {
        padding-right: 2.3px; } }
  .plus-app.plus-app-2020-11-irc-galleria a {
    color: #68abc4;
    text-decoration: none; }
  .plus-app.plus-app-2020-11-irc-galleria a:hover {
    color: plum;
    text-decoration: underline; }
  .plus-app.plus-app-2020-11-irc-galleria a:visited {
    color: grey; }


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