@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700;800&display=swap);
@charset "UTF-8";
/* ------ Palstan leveys 800px, 1024px jälkeen 100% ------ */
.yle__article__header__meta, .yle__article__header__grouper, .yle__article__footer {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 1024px) {
    .yle__article__header__meta, .yle__article__header__grouper, .yle__article__footer {
      max-width: none;
      width: 94%; } }

.yle__article__content > .yle__article__paragraph,
.yle__article__content > .yle__article__heading,
.yle__article > #yle-comments-plugin {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 1024px) {
    .yle__article__content > .yle__article__paragraph,
    .yle__article__content > .yle__article__heading,
    .yle__article > #yle-comments-plugin {
      max-width: none;
      width: 94%; } }

.yle__article__content > .yle__article__figure--image,
.yle__article__content > .yle__article__imagePair {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 1024px) {
    .yle__article__content > .yle__article__figure--image,
    .yle__article__content > .yle__article__imagePair {
      max-width: none;
      width: 94%; } }

.yle__article__figure__image {
  width: 100%; }

.yle__article__content > .yle__article__aside {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  float: none; }
  @media (max-width: 1024px) {
    .yle__article__content > .yle__article__aside {
      max-width: none;
      width: 94%; } }

#usa-elections-2020-app-banner {
  margin-left: auto;
  margin-right: auto; }

/* ------ Page footer ------ */
.FullWidthColorBand-sc-1hsyrgw-0.Footer__Container-r375yn-0.fCvtke.WnrBi {
  margin: 0;
  padding: 0; }

.GridSystem__GridRow-sc-15162af-1 > .GridSystem__GridCell-sc-15162af-0,
.GridSystem__GridRow-sc-15162af-1 > .GridSystem__GridCell-sc-15162af-0,
.GridSystem__GridRow-sc-15162af-1 > .GridSystem__GridCell-sc-15162af-0 {
  margin-left: auto;
  margin-right: auto; }

/* ------ Ulkoisen sisällön tyylit ------ */
.plus-app__figure--image {
  position: relative;
  display: none;
  margin: 0 0 20px 0;
  /* ---- Pääotsikko ---- */
  /* ---- Alaotsikko ---- */
  /* ---- Tekijät ---- */ }
  .plus-app__figure--image #md-landing-image {
    position: relative;
    width: 100%;
    height: 100vh;
    background: url("https://images.cdn.yle.fi//image/upload//w_1200,f_auto,fl_lossy,q_auto:best,dpr_1/39-7324835f8ffee113358.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
  .plus-app__figure--image #md-headtitle-wrapper {
    position: absolute;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 600px;
    text-align: center; }
    @media (max-width: 520px) {
      .plus-app__figure--image #md-headtitle-wrapper {
        width: 94%; } }
  .plus-app__figure--image #md-headtitle-wrapper > h1 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    font-size: 60px;
    line-height: 1.3;
    color: #eee;
    text-shadow: 5px 3px 25px rgba(0, 0, 0, 0.5); }
    @media (max-width: 800px) {
      .plus-app__figure--image #md-headtitle-wrapper > h1 {
        font-size: 42px; } }
    @media (max-width: 420px) {
      .plus-app__figure--image #md-headtitle-wrapper > h1 {
        line-height: 1.1;
        font-size: 50px; } }
  .plus-app__figure--image #md-lead-wrapper {
    position: relative;
    max-width: 500px;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
    background-color: white;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px); }
    @media (max-width: 520px) {
      .plus-app__figure--image #md-lead-wrapper {
        max-width: none;
        width: 94%;
        margin: 0 3%; } }
  .plus-app__figure--image #md-lead-wrapper > h4 {
    width: 94%;
    margin: 0 3%;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.3; }
  .plus-app__figure--image #md-authors {
    position: relative;
    max-width: 800px;
    margin: 0 auto 40px auto;
    padding: 15px 20px;
    background-color: #faf8f6; }
    @media (max-width: 1024px) {
      .plus-app__figure--image #md-authors {
        max-width: 700px; } }
    @media (max-width: 720px) {
      .plus-app__figure--image #md-authors {
        max-width: none;
        width: 94%;
        margin: 0 3% 40px 3%; } }
  .plus-app__figure--image #md-authors > .outer-authors-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .plus-app__figure--image #md-authors > .outer-authors-wrapper > .inner-authors-wrapper {
    width: 70%; }
  .plus-app__figure--image #md-authors > .outer-authors-wrapper > .inner-authors-wrapper > p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5; }
  .plus-app__figure--image #md-authors > .outer-authors-wrapper > .inner-authors-wrapper > p > strong {
    font-weight: 700; }
  .plus-app__figure--image #md-authors > .outer-authors-wrapper > .md-social-media-wrapper {
    width: 30%;
    text-align: right; }
  .plus-app__figure--image #md-authors > .outer-authors-wrapper > .md-social-media-wrapper > a > img {
    width: 44px;
    height: 44px; }
    @media (max-width: 450px) {
      .plus-app__figure--image #md-authors > .outer-authors-wrapper > .md-social-media-wrapper > a > img {
        width: 33px;
        height: 33px; } }

/* ------ Näitä ei tarvita tässä projektissa ------ */
.plus-app.plus-app-2020-10-minneapolis {
  /* For old browsers */
  display: block; }
  .plus-app.plus-app-2020-10-minneapolis p, .plus-app.plus-app-2020-10-minneapolis h1, .plus-app.plus-app-2020-10-minneapolis h2, .plus-app.plus-app-2020-10-minneapolis h3 {
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-margin-after: 0;
            margin-block-end: 0; }


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