/**
 * Hero Wide Block Styles
 * Based on hoitopaikanvalinta theme
 */

.hero--wide {
  margin-bottom: 2em;

  h1:first-child {
    padding-top: 0.5em;
    margin: 0;
  }

  .is-style-lead {
    font-size: 1.25em;
    line-height: 1.6;
  }

  p {
    padding-block: 1em;
    max-width: 1056px;
    margin-inline: auto;
  }

  .collectionheader {
    p:last-of-type {
      margin-bottom: 0;
    }

    h1 {
      margin: 0.5em 0 0;
      text-align: center;
      font-size: 2.2em;
    }

    @media screen and (min-width: 28.125em) {
      h1 {
        font-size: 2.8em;
        padding: 0 1rem;
      }
    }

    @media screen and (min-width: 47.5em) {
      h1 {
        font-size: 3.5832em;
      }
    }
  }
}